2025.02.07 文档收集UI优化

src/views/modules/eam/eamProjectInfoForUploads.vue

@@ -177,6 +177,7 @@
       @row-click="projectAllDocumentClickRow"
       :row-style="rowStyle"
       :row-class-name="tableRowClassName"
+      :cell-style="getCellStyle"
       v-loading="dataListLoading">
       <el-table-column
         v-for="(item,index) in columnProjectAllDocumentList" :key="index"
@@ -189,9 +190,16 @@
         :min-width="item.columnWidth"
         :label="item.columnLabel">
         <template slot-scope="scope">
-            <span v-if="!item.columnHidden">{{scope.row[item.columnProp]}}</span>
+          <div v-if="item.columnProp === 'partType'">
+                  <span style="color: black">
+                    {{ scope.row[item.columnProp] }}
+                  </span>
+          </div>
+          <div v-else>
+            <span v-if="!item.columnHidden"> {{scope.row[item.columnProp]}}</span>
             <span v-if="item.columnImage"><img :src="scope.row[item.columnProp]"
                                                style="width: 100px; height: 80px"/></span>
+          </div>
         </template>
       </el-table-column>
       <el-table-column
@@ -722,6 +730,24 @@ export default {
           fixed: '',
           columnWidth: 100,
         },
+        {
+          userId: this.$store.state.user.name,
+          functionId: 401006,
+          serialNumber: '401006Table1PartType',
+          tableId: "401006Table1",
+          tableName: "项目信息待上传文件表",
+          columnProp: 'partType',
+          headerAlign: "center",
+          align: "left",
+          columnLabel: '料号状态' ,
+          columnHidden: false,
+          columnImage: false,
+          columnSortable: false,
+          sortLv: 0,
+          status: true,
+          fixed: '',
+          columnWidth: 100,
+        },
         {
           userId: this.$store.state.user.name,
           functionId: 401006,
@@ -2392,6 +2418,16 @@ export default {
       }
     },
 
+    getCellStyle({ row, column, rowIndex, columnIndex }) {
+      // 检查当前列是否是 "partType"
+      if (column.property === 'partType') {
+        return {
+          backgroundColor: row.partType === 'Active' ? 'rgb(141, 255, 115)' : 'rgb(188, 204, 194)',
+        };
+      }
+      return {};
+    },
+
     // 动态列开始 获取 用户保存的 格式列
     async getTableUserColumn(tableId, columnId) {
       let queryTableUser = {