fix : 优化页面细节

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>