格式化写法

src/views/OperationManagement/quality/qualityStatistics.vue

@@ -19,7 +19,14 @@
       </el-form>
     </div>
 
-    <vxe-table :data="QualityStatisticsTable" align="center" :loading="loading" border :column-config="{ resizable: true }">
+    <vxe-table
+      :data="QualityStatisticsTable"
+      align="center"
+      :loading="loading"
+      border
+      :column-config="{ resizable: true, useKey: true }"
+      :row-config="{ useKey: true }"
+    >
       <vxe-column type="seq" width="60"></vxe-column>
       <vxe-column field="id" title="id"></vxe-column>
       <vxe-column field="fkWorkorderId" title="工单id"></vxe-column>
@@ -30,7 +37,7 @@
       <vxe-column field="team" title="班组"></vxe-column>
       <vxe-colgroup title="首检">
         <vxe-column field="qualifiedNum01" title="首检合格数量"></vxe-column>
-        <vxe-column field="defectNum01" title="首检抛光数量"></vxe-column>
+        <vxe-column field="defectNum01" title="首检抛光数量" :formatter="formatter_defectNum01" type="html"> </vxe-column>
         <vxe-column field="polishNum01" title="首检打磨数量"></vxe-column>
         <vxe-column field="scrapNum01" title="首检报废数量"></vxe-column>
       </vxe-colgroup>
@@ -59,6 +66,25 @@
       :limit.sync="pagination.pageSize"
       @pagination="GetQualityStatisticsTable()"
     />
+
+    <!-- 弹窗-- 修改和删除 -->
+    <el-dialog :title="DMLdialog.title" :visible.sync="DMLdialog.visiable" width="600px" append-to-body>
+      <el-row>
+        <el-col :span="12">
+          <el-card class="box-card">
+            <div v-for="o in 4" :key="o" class="text item">
+              {{ '列表内容 ' + o }}
+            </div>
+          </el-card></el-col
+        >
+        <el-col :span="12"> <div ref="chartColumn" style="width: 100%; height: 400px"></div></el-col>
+      </el-row>
+
+      <div slot="footer" class="dialog-footer">
+        <el-button type="primary" @click="submitForm">确 定</el-button>
+        <el-button @click="cancel">取 消</el-button>
+      </div>
+    </el-dialog>
   </div>
 </template>
 
@@ -81,6 +107,7 @@ export default {
       },
       loading: true,
       QualityStatisticsTable: [],
+      DMLdialog: {},
     }
   },
   mounted() {
@@ -107,6 +134,10 @@ export default {
           this.$notify.error('未知错误')
         })
     },
+    // todo  首检抛光
+    formatter_defectNum01({ cellValue, row }) {
+      return `<a href="" class="link" target="_black" style="color: orange"> ${cellValue}</a>`
+    },
   },
 }
 </script>