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

@@ -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"