fix : 优化页面细节

src/components/AttachmentUpload.vue

@@ -2,7 +2,7 @@
   <el-form :model="formData" ref="applyForm" :rules="rules" :label-position="labelPosition">
     <el-row>
       <el-col :span="24">
-        <el-form-item :label="label" prop="attachment" label-width="110">
+        <el-form-item :label="label" prop="attachment" label-width="125">
           <template v-if="preview&&JSON.stringify(singleFile) !== '{}'&&JSON.stringify(singleFile)!=='null'">
             <el-button type="primary" link @click="handleDownload(singleFile)" style="font-size: 16px">
               {{ singleFile ? singleFile?.originalFileName : formData.singleFile?.originalFileName }}
@@ -25,7 +25,7 @@
         </el-form-item>
       </el-col>
       <el-col :span="24">
-        <el-form-item label="其他文件" label-width="110">
+        <el-form-item label="其他文件" label-width="125">
           <file-upload @getFile="getOtherFile"/>
           <!--          <el-card style="width: 100%;box-shadow: none">-->
           <fvTable style="width: 100%;max-height: 300px;" v-if="showTable" :tableConfig="tableConfig"

src/components/DetailComponent/FileComponent.vue

@@ -1,6 +1,6 @@
 <template>
   <el-form :label-position="labelAlign">
-    <el-form-item :label="title" v-if="fileListShow === 'READ' || fileListShow === 'EDIT'" :label-position="labelAlign">
+    <el-form-item label="其他文件" v-if="fileListShow === 'READ' || fileListShow === 'EDIT'" :label-position="labelAlign" label-width="95">
       <file-upload @getFile="getOtherFile" v-if="fileListShow === 'EDIT'"/>
       <fvTable style="width: 100%;max-height: 300px;" v-if="processViewer" :tableConfig="tableConfig"
               :data="_value" :isSettingCol="false" :pagination="false">
@@ -39,7 +39,7 @@ const props = defineProps({
   },
   labelAlign: {
     type: String,
-    default: 'left'
+    default: 'right'
   }
 })
 const emit = defineEmits(['update:value'])

src/components/DetailComponent/ProjectApply.vue

@@ -3,7 +3,7 @@
     <el-form :model="localFormData" ref="formRef" label-width="auto" :rules="rules" v-if="step!=='50'">
       <el-row>
         <el-col :span="12">
-          <el-form-item label="前置流程" :required="preProcessRequired" prop="requestName" label-width="110">
+          <el-form-item label="前置流程" :required="preProcessRequired" prop="requestName" label-width="125">
             <div v-for="item in localFormData.preProcess" :key="item.requestId">
               <a :href="item.baseUrl" target="_blank"
                  style="color: #2a99ff;margin-right: 10px;cursor: pointer">{{ item.requestName }}</a>
@@ -33,7 +33,7 @@
             />
           </div>
         </div>
-        <div class="process">
+        <div class="process" style="margin-left: 50px">
           <operation-render v-if="mode === 'resubmit'&&!changeDiagram" :operation-list="data.operationList"
                             :state="data.state"/>
           <process-diagram-viewer mode="view" :idName="title" v-if="processDiagramViewer&&changeDiagram"/>

src/views/project-management/implementation/components/ToolToShowUserPicker.vue

@@ -1,8 +1,8 @@
 <template>
-  <div>{{modelValue}}</div>
-  <el-button color="#DED0B2" style="margin-left: 10px" @click="click">
+  <el-button color="#DED0B2"  @click="click">
     {{ modelValue?'更改':'请选择抄送人员' }}
   </el-button>
+  <div style="margin-left: 10px">{{modelValue}}</div>
 </template>
 
 <script setup>

src/views/project-management/implementation/phase.vue

@@ -1,18 +1,18 @@
 <template>
   <div class="apply-block" v-loading="loading">
     <baseTitle title="基础信息"></baseTitle>
-    <fvForm :schema="schema" @getInstance="(e)=>baseForm = e"></fvForm>
+    <fvForm :schema="schema" @getInstance="(e)=>baseForm = e" style="margin-left: 56px"></fvForm>
     <el-form :model="formData" label-width="auto">
-      <el-form-item label="抄送人员">
+      <el-form-item label="抄送人员" label-width="125">
         <Ttsup :modelValue="chooseUserInfo()" @clickCopyUser="chooseUser"/>
       </el-form-item>
     </el-form>
     <user-picker :multiple="true" ref="userPicker" title="请选择抄送人员" v-model:value="userList" @ok="selected"/>
     <AttachmentUpload ref="attachment" label="阶段变更附件" :showTable="showTable" :otherFileList="otherFileList"
-                      @getAttachment="getAttachment"
+                      @getAttachment="getAttachment"  :singleList="singleList" :showSingleTable="showSingleTable"
                       @getOtherFile="getOtherFile" :showFileList="true" :formData="formData"
                       :preview="name === 'Phase/edit'"/>
-    <div class="approval-record">
+    <div class="approval-record"  style="margin-left: 68px">
       <div style="display: flex;align-items: center;justify-content: flex-start;">
         <div class="base-title">流程图</div>
         <el-switch
@@ -46,8 +46,10 @@ const router = useRouter()
 const route = useRoute()
 const attachment = ref()
 const userPicker = ref()
+const showSingleTable = ref(false)
+const singleList = ref([])
 const name = ref(router.currentRoute.value.name)
-const loading = ref(true)
+const loading = ref(false)
 const formData = ref({})
 const file = ref({})
 const deploymentId = ref()
@@ -102,8 +104,16 @@ const compositeParam = (item) => {
 }
 const getAttachment = (val) => {
   // console.log('上传文件getAttachment', val)
+  showSingleTable.value=false
   formData.value.singleFile = compositeParam(val)
+  singleList.value.push( compositeParam(val))
+  nextTick(() => {
+    showSingleTable.value = true
+  })
 }
+watch(() => singleList.value, (newVal) => {
+  showSingleTable.value = newVal.length !== 0;
+}, {deep: true})
 const getOtherFile = (val) => {
   // console.log('上传文件getOtherFile', val)
   showTable.value = false

src/views/project-management/implementation/phaseDetail.vue

@@ -1,8 +1,8 @@
 <template>
   <baseTitle title="基础信息"></baseTitle>
-  <fvForm :schema="schema" @getInstance="(e)=>baseForm = e"></fvForm>
+  <fvForm :schema="schema" @getInstance="(e)=>baseForm = e" style="margin-left:27px"></fvForm>
   <baseTitle title="阶段变更详情"></baseTitle>
-  <div style="color: #606266;font-size: 14px">抄送人：{{copyName}}</div>
+  <div style="color: #606266;font-size: 14px;width: 84px;text-align: right">抄送人{{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>