1

src/views/distributionnetwork/quantity-of-work/index.vue

@@ -147,16 +147,28 @@
             align="center"
             prop="lineCableNewAccuQt"
             :show-overflow-tooltip="true"
-          />
+          >
+            <template scope="scope">
+              <span
+                :class="{ isRed: scope.row.lineCableNewAccuQtWork == null }"
+                >{{ scope.row.lineCableNewAccuQt }}</span
+              ></template
+            >
+          </el-table-column>
           <el-table-column
             label="作业数量"
             align="center"
             prop="lineCableNewAccuQtWork"
             :show-overflow-tooltip="true"
           >
+            <template scope="scope">
+              <span :class="{ isRed: scope.row.lineCableNewAccuQt == null }">{{
+                scope.row.lineCableNewAccuQtWork
+              }}</span></template
+            >
           </el-table-column>
           <el-table-column
-            label="周完成量"
+            label="周累计量"
             align="center"
             prop="lineCableNewAccuQtWeek"
             :show-overflow-tooltip="true"
@@ -187,16 +199,28 @@
             align="center"
             prop="lineOverhdNewAccuQt"
             :show-overflow-tooltip="true"
-          />
+          >
+            <template scope="scope">
+              <span
+                :class="{ isRed: scope.row.lineOverhdNewAccuQtWork == null }"
+                >{{ scope.row.lineOverhdNewAccuQt }}</span
+              ></template
+            >
+          </el-table-column>
           <el-table-column
             label="作业数量"
             align="center"
             prop="lineOverhdNewAccuQtWork"
             :show-overflow-tooltip="true"
           >
+            <template scope="scope">
+              <span :class="{ isRed: scope.row.lineOverhdNewAccuQt == null }">{{
+                scope.row.lineOverhdNewAccuQtWork
+              }}</span></template
+            >
           </el-table-column>
           <el-table-column
-            label="周完成量"
+            label="周累计量"
             align="center"
             prop="lineOverhdNewAccuQtWeek"
             :show-overflow-tooltip="true"
@@ -226,16 +250,28 @@
             align="center"
             prop="distTransNewAccuQt"
             :show-overflow-tooltip="true"
-          />
+          >
+            <template scope="scope">
+              <span
+                :class="{ isRed: scope.row.distTransNewAccuQtWork == null }"
+                >{{ scope.row.distTransNewAccuQt }}</span
+              ></template
+            >
+          </el-table-column>
           <el-table-column
             label="作业数量"
             align="center"
             prop="distTransNewAccuQtWork"
             :show-overflow-tooltip="true"
           >
+            <template scope="scope">
+              <span :class="{ isRed: scope.row.distTransNewAccuQt == null }">{{
+                scope.row.distTransNewAccuQtWork
+              }}</span></template
+            >
           </el-table-column>
           <el-table-column
-            label="周完成量"
+            label="周累计量"
             align="center"
             prop="distTransNewAccuQtWeek"
             :show-overflow-tooltip="true"
@@ -266,16 +302,28 @@
             align="center"
             prop="lowVoltLineAccuQt"
             :show-overflow-tooltip="true"
-          />
+          >
+            <template scope="scope">
+              <span
+                :class="{ isRed: scope.row.lowVoltLineAccuQtWork == null }"
+                >{{ scope.row.lowVoltLineAccuQt }}</span
+              ></template
+            >
+          </el-table-column>
           <el-table-column
             label="作业数量"
             align="center"
             prop="lowVoltLineAccuQtWork"
             :show-overflow-tooltip="true"
           >
+            <template scope="scope">
+              <span :class="{ isRed: scope.row.lowVoltLineAccuQt == null }">{{
+                scope.row.lowVoltLineAccuQtWork
+              }}</span></template
+            >
           </el-table-column>
           <el-table-column
-            label="周完成量"
+            label="周累计量"
             align="center"
             prop="lowVoltLineAccuQtWeek"
             :show-overflow-tooltip="true"
@@ -306,16 +354,27 @@
             align="center"
             prop="towerAccuQt"
             :show-overflow-tooltip="true"
-          />
+          >
+            <template scope="scope">
+              <span :class="{ isRed: scope.row.towerAccuQtWork == null }">{{
+                scope.row.towerAccuQt
+              }}</span></template
+            >
+          </el-table-column>
           <el-table-column
             label="作业数量"
             align="center"
             prop="towerAccuQtWork"
             :show-overflow-tooltip="true"
           >
+            <template scope="scope">
+              <span :class="{ isRed: scope.row.towerAccuQt == null }">{{
+                scope.row.towerAccuQtWork
+              }}</span></template
+            >
           </el-table-column>
           <el-table-column
-            label="周完成量"
+            label="周累计量"
             align="center"
             prop="towerAccuQtWeek"
             :show-overflow-tooltip="true"
@@ -345,16 +404,28 @@
             align="center"
             prop="ringCabinetAccuQt"
             :show-overflow-tooltip="true"
-          />
+          >
+            <template scope="scope">
+              <span
+                :class="{ isRed: scope.row.ringCabinetAccuQtWork == null }"
+                >{{ scope.row.ringCabinetAccuQt }}</span
+              ></template
+            >
+          </el-table-column>
           <el-table-column
             label="作业数量"
             align="center"
             prop="ringCabinetAccuQtWork"
             :show-overflow-tooltip="true"
           >
+            <template scope="scope">
+              <span :class="{ isRed: scope.row.ringCabinetAccuQt == null }">{{
+                scope.row.ringCabinetAccuQtWork
+              }}</span></template
+            >
           </el-table-column>
           <el-table-column
-            label="周完成量"
+            label="周累计量"
             align="center"
             prop="ringCabinetAccuQtWeek"
             :show-overflow-tooltip="true"
@@ -384,16 +455,27 @@
             align="center"
             prop="poleTabAccuQt"
             :show-overflow-tooltip="true"
-          />
+          >
+            <template scope="scope">
+              <span :class="{ isRed: scope.row.poleTabAccuQtWork == null }">{{
+                scope.row.poleTabAccuQt
+              }}</span></template
+            >
+          </el-table-column>
           <el-table-column
             label="作业数量"
             align="center"
             prop="poleTabAccuQtWork"
             :show-overflow-tooltip="true"
           >
+            <template scope="scope">
+              <span :class="{ isRed: scope.row.poleTabAccuQt == null }">{{
+                scope.row.poleTabAccuQtWork
+              }}</span></template
+            >
           </el-table-column>
           <el-table-column
-            label="周完成量"
+            label="周累计量"
             align="center"
             prop="poleTabAccuQtWeek"
             :show-overflow-tooltip="true"
@@ -499,6 +581,9 @@ export default {
   position: relative;
   padding-bottom: 50px; // 为分页组件预留空间
 }
+.isRed {
+  color: red;
+}
 ::v-deep {
   .el-table {
     width: 100%;