fix : 修复详情排版

src/components/DetailComponent/ApprovalDetail.vue

@@ -2,9 +2,9 @@
   <div v-loading="loading">
     <el-row v-if="type==='execute'">
       <el-col :span="24">
-        <baseTitle :title="'附件信息'"></baseTitle>
+        <baseTitle :title="'附件信息'" style="margin-bottom: 5px"></baseTitle>
       </el-col>
-      <el-form :model="attachmentParam" inline style="margin-top: 15px">
+      <el-form :model="attachmentParam" inline style="margin-top: 15px;margin-left: 15px">
         <el-form-item label="标签" prop="tag">
           <el-select v-model="attachmentParam.tag" placeholder="请选择标签" clearable filterable style="width: 300px">
             <el-option
@@ -20,7 +20,7 @@
         </el-form-item>
       </el-form>
       <fvTable style="width: 100%;min-height:162px;max-height: 162px" v-if="showAttachmentTable" height="162"
-               :tableConfig="executeTableConfig"
+               :tableConfig="executeTableConfig" class="execute-table"
                :data="otherAttachmentList" :isSettingCol="false" :pagination="false">
         <template #empty>
           <el-empty :image-size="55" description="暂无数据" style="padding: 0"/>
@@ -28,7 +28,7 @@
       </fvTable>
     </el-row>
     <baseTitle v-if="type!='phase'" :title="getTagName(type)+getTitleInfo(data.taskId)"></baseTitle>
-    <fvForm :schema="schema" @getInstance="(e)=>form = e"></fvForm>
+    <fvForm :schema="schema" @getInstance="(e)=>form = e" style="margin-left: 15px"></fvForm>
     <el-form :model="formData" label-width="auto" style="margin-top: -15px">
       <file-component :title="getTagName(type)+'附件'" :tag="getTagName(type)"
                       v-model:value="formData.fileList" :processViewer="processViewer"
@@ -92,24 +92,26 @@ const executeTableConfig = reactive({
       type: 'index',
       label: '序号',
       align: 'center',
-      width: '80',
     },
     {
       prop: 'originalFileName',
       label: '文件名',
       align: 'center',
+      width: 700,
       currentRender: ({row, index}) => (
           <div style="color: #2a99ff;cursor: pointer;" onClick={() => clickToPreview(row)}>{row.originalFileName}</div>)
     },
     {
       prop: 'tag',
       label: '标签',
-      align: 'center'
+      align: 'center',
+      width: 200,
     },
     {
       prop: 'size',
       label: '文件大小',
       align: 'center',
+      width: 450,
       currentRender: ({row, index}) => (parseInt(row.size / 1024) + 'KB')
     },
     {
@@ -264,7 +266,7 @@ const schema = computed(() => {
         label: '项目负责人',
         prop: 'projectChargePerson',
         colProps: {
-          span: 24
+          span: 6
         },
         labelWidth: 'left',
         component: () => (
@@ -281,14 +283,15 @@ const schema = computed(() => {
         label: '项目成员',
         prop: 'projectPersonList',
         colProps: {
-          span: 24
+          span: 6
         },
         labelWidth: 'left',
         component: () => (
             <div>
               {
-                props.formData.projectPersonList ? props.formData.projectPersonList.map(item => {
-                  return <span>{item.name} </span>
+                props.formData.projectPersonList ? props.formData.projectPersonList.map((item, index) => {
+                  return <span>{item.name}
+                    <span>{index != props.formData.projectPersonList?.length - 1 ? '，' : ''}</span></span>
                 }) : <span>{'--'}</span>
               }
             </div>
@@ -298,13 +301,13 @@ const schema = computed(() => {
         label: '部门分管领导',
         prop: 'optionalChargeLeadership',
         colProps: {
-          span: 24
+          span: 6
         },
         labelWidth: 'left',
         component: () => (
             <div>
               {
-                props.formData.optionalChargeLeadership?.length>0 ? props.formData.optionalChargeLeadership.map(item => {
+                props.formData.optionalChargeLeadership?.length > 0 ? props.formData.optionalChargeLeadership.map(item => {
                   return <span>{item.name} </span>
                 }) : <span>{'--'}</span>
               }
@@ -377,7 +380,7 @@ const schema = computed(() => {
           component: () => (
               <div>
                 {
-                  props.formData.optionalChargeLeadership?.length>0 ? props.formData.optionalChargeLeadership.map(item => {
+                  props.formData.optionalChargeLeadership?.length > 0 ? props.formData.optionalChargeLeadership.map(item => {
                     return <span>{item.name} </span>
                   }) : <span>{'--'}</span>
                 }
@@ -557,7 +560,41 @@ watch(() => props.loading, (newVal) => {
   props.loading = newVal
 }, {deep: true})
 </script>
-
+<style lang="scss">
+.execute-table {
+  .el-table__header {
+    .el-table__cell:last-child {
+      .cell {
+        margin-left: -160px !important;
+      }
+  }
+}
+  .el-table__body {
+    .el-table__cell:last-child{
+      .cell {
+        margin-left: -160px !important;
+      }
+    }
+  }
+}
+</style>
 <style lang="scss" scoped>
 
+:deep(.el-table__header) {
+  .is-leaf:first-child {
+    .cell {
+      margin-left: 10px !important;
+      white-space: nowrap;
+      padding: 0;
+    }
+  }
+}
+
+//:deep(.el-table__body) {
+//  .el-table__cell:first-child {
+//    .cell {
+//      margin-left: -13px !important;
+//    }
+//  }
+//}
 </style>