动态列宽

src/views/modules/sampleTracking/projectProofTracking.vue

@@ -120,7 +120,7 @@
         v-for="(item, processColumnIndex) in visibleProcessColumns"
         :key="`${item.code}_${item.sortNo || ''}_${processColumnIndex}`"
         :label="item.label"
-        width="134"
+        :width="getProcessColumnWidth(item)"
         align="center"
         header-align="center"
       >
@@ -360,7 +360,7 @@
               </el-select>
             </el-form-item>
           </el-col>
-          <el-col :span="6" v-show="isOneKeyCreateFieldVisible('projectNo')">
+          <el-col :span="9" v-show="isOneKeyCreateFieldVisible('projectNo')">
             <el-form-item label="项目编码">
               <el-autocomplete
                 v-model.trim="oneKeyForm.projectNo"
@@ -379,7 +379,7 @@
               </el-autocomplete>
             </el-form-item>
           </el-col>
-          <el-col :span="12" v-show="isOneKeyCreateFieldVisible('projectDesc')">
+          <el-col :span="9" v-show="isOneKeyCreateFieldVisible('projectDesc')">
             <el-form-item label="项目名称">
               <el-input v-model="oneKeyForm.projectDesc" style="width: 100%"></el-input>
             </el-form-item>
@@ -1902,6 +1902,21 @@ export default {
       }
       return validCodes
     },
+    getProcessColumnWidth(item) {
+      const rows = this.dataList.filter(row =>
+        this.isProcessColumnVisibleForRow(row, item)
+      )
+      // 没有数据
+      if (rows.length === 0) {
+        return 110
+      }
+      // 有任何一个未完成
+      if (rows.some(row => !this.isProcessStatusComplete(row, item))) {
+        return 134
+      }
+      // 全部完成
+      return 110
+    },
     isProcessColumnVisibleForRow (row, processCol) {
       if (!row || !processCol) {
         return true