fix : 数据预览时左对齐

This commit is contained in:
2024-07-22 23:06:20 +08:00
parent 3c1fcc327c
commit 838f2edf7e
10 changed files with 59 additions and 29 deletions

View File

@@ -174,6 +174,7 @@ const schema = computed(() => {
colProps: {
span: 24
},
labelWidth:'left',
component: () => (
<div>
{
@@ -190,6 +191,7 @@ const schema = computed(() => {
colProps: {
span: 24
},
labelWidth:'left',
component: () => (
<div>
{
@@ -206,6 +208,7 @@ const schema = computed(() => {
colProps: {
span: 24
},
labelWidth:'left',
component: () => (
<div>
{
@@ -223,6 +226,7 @@ const schema = computed(() => {
colProps: {
span: 24
},
labelWidth:'left',
component: () => (
<div>
{
@@ -248,6 +252,7 @@ const schema = computed(() => {
colProps: {
span: 24
},
labelWidth:'left',
component: () => (
<div>
{
@@ -265,6 +270,7 @@ const schema = computed(() => {
colProps: {
span: 24
},
labelWidth:'left',
component: () => (
<div>
{
@@ -290,6 +296,7 @@ const schema = computed(() => {
colProps: {
span: 24
},
labelWidth:'left',
component: () => (
<div>
{
@@ -315,6 +322,7 @@ const schema = computed(() => {
colProps: {
span: 24
},
labelWidth:'left',
component: () => (
<div>
{

View File

@@ -1,6 +1,7 @@
<template>
<el-form :label-position="labelAlign">
<el-form-item :label="title?'其他文件':''" v-if="fileListShow === 'READ' || fileListShow === 'EDIT'" :label-position="labelAlign" :label-width="title?95:''">
<!-- :label-width="title?95:''"-->
<el-form-item :label="title?'其他文件':''" v-if="fileListShow === 'READ' || fileListShow === 'EDIT'" :label-position="labelAlign" >
<file-upload @getFile="getOtherFile" v-if="fileListShow === 'EDIT'"/>
<fvTable style="width: 100%;max-height: 162px;" v-if="processViewer" height="162" :tableConfig="tableConfig"
:data="_value" :isSettingCol="false" :pagination="false">

View File

@@ -1,5 +1,6 @@
<template>
<div style="padding: 0 10px;">
<baseTitle title="费用分摊详情"></baseTitle>
<el-form :model="formData" ref="form" class="query-form" label-width="auto">
<el-row>
<el-col :span="24">

View File

@@ -1,6 +1,6 @@
<template>
<div v-loading="loading">
<el-form :model="formData" label-width="auto">
<el-form :model="formData" label-width="left">
<el-row>
<el-col :span="24" v-if="type==='singleDetail'">
<el-form-item label="征集名称">
@@ -44,7 +44,7 @@
</el-col>
<baseTitle v-if="fileListShow === 'READ' || fileListShow === 'EDIT'" title="附件列表"></baseTitle>
<el-col :span="24">
<file-component title="" tag="需求征集"
<file-component title="" tag="需求征集" fileNameTableWidth="300"
v-model:value="formData.fileList" :processViewer="processViewer"
:file-list-show="fileListShow"/>
</el-col>

View File

@@ -4,12 +4,12 @@
<el-form :model="basicData">
<el-row>
<el-col :span="8">
<el-form-item prop="requirementName" label="征集名称" label-width="122">
<el-form-item prop="requirementName" label="征集名称">
<span>{{ basicData.requirementName }}</span>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="projectName" label="项目名称" label-width="130">
<el-form-item prop="projectName" label="项目名称" label-width="75">
<span>{{ basicData.projectName }}</span>
</el-form-item>
</el-col>
@@ -50,50 +50,57 @@ const formDataArray = ref([
prop: 'projectChargePersonName',
colProps: {
span: 8
}
},
labelWidth:'left'
},
{
label: '项目开始时间',
prop: 'startTime',
colProps: {
span: 8
}
},
labelWidth:'left'
},
{
label: '项目预计持续时间',
prop: 'endTime',
colProps: {
span: 8
}
},
labelWidth:'left'
},
{
label: '项目开展方式',
prop: 'projectDevelopmentWay',
colProps: {
span: 24
}
},
labelWidth:'left'
},
{
label: '项目预算',
prop: 'projectBudgetDescription',
colProps: {
span: 24
}
},
labelWidth:'left'
},
{
label: '项目总体完成率',
prop: 'projectCompletionRate',
colProps: {
span: 6
span: 8
},
labelWidth:'left',
component: () => <span>{tableData.value.projectCompletionRate}%</span>
},
{
label: '已完成工作量',
prop: 'completeWork',
colProps: {
span: 18
}
span: 16
},
labelWidth:'left'
}
])
const buttonShow = ref(false)

View File

@@ -1,8 +1,8 @@
<template>
<baseTitle title="基础信息"></baseTitle>
<fvForm :schema="schema" @getInstance="(e)=>baseForm = e" style="margin-left:27px"></fvForm>
<fvForm :schema="schema" @getInstance="(e)=>baseForm = e" ></fvForm>
<baseTitle title="阶段变更详情" style="margin-top: -10px"></baseTitle>
<div style="color: #606266;font-size: 14px;height:25px;"><span style="display:inline-block;width: 84px;text-align: right;margin-right: 14px">抄送人</span>{{copyName?copyName:'--'}}</div>
<div style="color: #606266;font-size: 14px;height:25px;"><span style="display:inline-block;text-align: right;margin-right: 14px">抄送人</span>{{copyName?copyName:'--'}}</div>
<ApprovalDetail :formData="summaryData.formData" :data="summaryData" type="phase"
:processViewer="summaryProcessViewer" :loading="loading" :fileListShow="fileListShow" v-model:value="auditOpinion"/>
<opinion v-if="summaryData.taskId" :formData="summaryData.formData" :taskId="summaryData.taskId" v-model:value="auditOpinion"></opinion>

View File

@@ -179,6 +179,7 @@ const schema = computed(() => {
colProps: {
span: 24
},
labelWidth:'left',
component: () => (
<div>
{
@@ -195,6 +196,7 @@ const schema = computed(() => {
colProps: {
span: 24
},
labelWidth:'left',
component: () => (
<div>
{
@@ -211,6 +213,7 @@ const schema = computed(() => {
colProps: {
span: 24
},
labelWidth:'left',
component: () => (
<div>
{
@@ -228,6 +231,7 @@ const schema = computed(() => {
colProps: {
span: 24
},
labelWidth:'left',
component: () => (
<div>
{
@@ -253,6 +257,7 @@ const schema = computed(() => {
colProps: {
span: 24
},
labelWidth:'left',
component: () => (
<div>
{
@@ -270,6 +275,7 @@ const schema = computed(() => {
colProps: {
span: 24
},
labelWidth:'left',
component: () => (
<div>
{
@@ -295,6 +301,7 @@ const schema = computed(() => {
colProps: {
span: 24
},
labelWidth:'left',
component: () => (
<div>
{
@@ -320,6 +327,7 @@ const schema = computed(() => {
colProps: {
span: 24
},
labelWidth:'left',
component: () => (
<div>
{

View File

@@ -4,7 +4,7 @@
<div v-loading="loading" style="padding: 0 10px;">
<baseTitle title="专项资金详情"></baseTitle>
<el-form :model="formData" ref="form" label-width="auto">
<el-form :model="formData" ref="form" label-width="left">
<el-row>
<el-col :span="24">
<el-form-item label="专项名称">
@@ -101,6 +101,7 @@ import {getFundDetailProcess} from "@/api/special-fund";
import OpinionMoblie from "./OpinionMoblie.vue";
const processStore = useProcessStore()
const route = useRoute()
const router = useRouter()
const changeDiagram = ref(false)
const fundData = ref({})
const formData = ref({})
@@ -114,12 +115,13 @@ const projectTable = reactive({
type: 'index',
label: '序号',
align: 'center',
width: 120
width: 85
},
{
prop: 'projectName',
label: '项目名称',
align: 'center',
width: 200,
},
{
prop: 'specialFundAmount',
@@ -132,18 +134,19 @@ const projectTable = reactive({
{
prop: 'startTime',
label: '项目时间',
align: 'center'
},
{
prop: 'oper',
label: '操作',
align: 'center',
currentRender: ({row, index}) => {
return (
<el-button type="primary" link onClick={() => handleView(row)}>查看</el-button>
)
}
}
width: 150,
},
// {
// prop: 'oper',
// label: '操作',
// align: 'center',
// // currentRender: ({row, index}) => {
// // return (
// // <el-button type="primary" link onClick={() => handleView(row)}>查看</el-button>
// // )
// // }
// }
]
})
const fileTable = reactive({
@@ -159,6 +162,7 @@ const fileTable = reactive({
prop: 'originalFileName',
label: '文件名',
align: 'center',
width: 160,
},
{
prop: 'tag',

View File

@@ -5,6 +5,7 @@
<file-component
:title="getTagName(type)+'附件'"
:tag="getTagName(type)"
fileNameTableWidth="300"
v-model:value="formData.fileList"
:processViewer="processViewer"
:file-list-show="fileListShow"

View File

@@ -3,7 +3,7 @@
<baseTitle title="基础信息"></baseTitle>
<fvForm :schema="schema" @getInstance="(e)=>baseForm = e"></fvForm>
<baseTitle title="阶段变更详情" style="margin-top: -10px"></baseTitle>
<div style="color: #606266;font-size: 14px;height:25px;"><span style="display:inline-block;width: 82px;text-align: right;margin-right: 14px">抄送人</span>{{copyName?copyName:'--'}}</div>
<div style="color: #606266;font-size: 14px;height:25px;"><span style="display:inline-block;text-align: right;margin-right: 14px">抄送人</span>{{copyName?copyName:'--'}}</div>
<ApprovalDetailMoblie :formData="summaryData.formData" :data="summaryData" type="phase"
:processViewer="summaryProcessViewer" :loading="loading" :fileListShow="fileListShow" v-model:value="auditOpinion"/>
<opinion-moblie v-if="summaryData.taskId" :formData="summaryData.formData" :taskId="summaryData.taskId"