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

View File

@@ -1,6 +1,7 @@
<template> <template>
<el-form :label-position="labelAlign"> <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'"/> <file-upload @getFile="getOtherFile" v-if="fileListShow === 'EDIT'"/>
<fvTable style="width: 100%;max-height: 162px;" v-if="processViewer" height="162" :tableConfig="tableConfig" <fvTable style="width: 100%;max-height: 162px;" v-if="processViewer" height="162" :tableConfig="tableConfig"
:data="_value" :isSettingCol="false" :pagination="false"> :data="_value" :isSettingCol="false" :pagination="false">

View File

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

View File

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

View File

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

View File

@@ -1,8 +1,8 @@
<template> <template>
<baseTitle title="基础信息"></baseTitle> <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> <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" <ApprovalDetail :formData="summaryData.formData" :data="summaryData" type="phase"
:processViewer="summaryProcessViewer" :loading="loading" :fileListShow="fileListShow" v-model:value="auditOpinion"/> :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> <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: { colProps: {
span: 24 span: 24
}, },
labelWidth:'left',
component: () => ( component: () => (
<div> <div>
{ {
@@ -195,6 +196,7 @@ const schema = computed(() => {
colProps: { colProps: {
span: 24 span: 24
}, },
labelWidth:'left',
component: () => ( component: () => (
<div> <div>
{ {
@@ -211,6 +213,7 @@ const schema = computed(() => {
colProps: { colProps: {
span: 24 span: 24
}, },
labelWidth:'left',
component: () => ( component: () => (
<div> <div>
{ {
@@ -228,6 +231,7 @@ const schema = computed(() => {
colProps: { colProps: {
span: 24 span: 24
}, },
labelWidth:'left',
component: () => ( component: () => (
<div> <div>
{ {
@@ -253,6 +257,7 @@ const schema = computed(() => {
colProps: { colProps: {
span: 24 span: 24
}, },
labelWidth:'left',
component: () => ( component: () => (
<div> <div>
{ {
@@ -270,6 +275,7 @@ const schema = computed(() => {
colProps: { colProps: {
span: 24 span: 24
}, },
labelWidth:'left',
component: () => ( component: () => (
<div> <div>
{ {
@@ -295,6 +301,7 @@ const schema = computed(() => {
colProps: { colProps: {
span: 24 span: 24
}, },
labelWidth:'left',
component: () => ( component: () => (
<div> <div>
{ {
@@ -320,6 +327,7 @@ const schema = computed(() => {
colProps: { colProps: {
span: 24 span: 24
}, },
labelWidth:'left',
component: () => ( component: () => (
<div> <div>
{ {

View File

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

View File

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

View File

@@ -3,7 +3,7 @@
<baseTitle title="基础信息"></baseTitle> <baseTitle title="基础信息"></baseTitle>
<fvForm :schema="schema" @getInstance="(e)=>baseForm = e"></fvForm> <fvForm :schema="schema" @getInstance="(e)=>baseForm = e"></fvForm>
<baseTitle title="阶段变更详情" style="margin-top: -10px"></baseTitle> <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" <ApprovalDetailMoblie :formData="summaryData.formData" :data="summaryData" type="phase"
:processViewer="summaryProcessViewer" :loading="loading" :fileListShow="fileListShow" v-model:value="auditOpinion"/> :processViewer="summaryProcessViewer" :loading="loading" :fileListShow="fileListShow" v-model:value="auditOpinion"/>
<opinion-moblie v-if="summaryData.taskId" :formData="summaryData.formData" :taskId="summaryData.taskId" <opinion-moblie v-if="summaryData.taskId" :formData="summaryData.formData" :taskId="summaryData.taskId"