质量统计

src/views/OperationManagement/quality/qualityStatistics.vue

@@ -37,19 +37,47 @@
       <vxe-column field="team" title="班组"></vxe-column>
       <vxe-colgroup title="首检">
         <vxe-column field="qualifiedNum01" 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-column title="首检抛光数量">
+          <template #default="{ row }">
+            <el-link type="primary" @click="QualityAnalysis(row.fkWorkorderId, 1)">{{ row.defectNum01 }}</el-link>
+          </template></vxe-column
+        >
+        <vxe-column title="首检打磨数量">
+          <template #default="{ row }">
+            <el-link type="warning" @click="QualityAnalysis(row.fkWorkorderId, 2)">{{ row.polishNum01 }}</el-link>
+          </template>
+        </vxe-column>
+        <vxe-column title="首检报废数量">
+          <template #default="{ row }">
+            <el-link type="danger" @click="QualityAnalysis(row.fkWorkorderId, 3)">{{ row.scrapNum01 }}</el-link>
+          </template>
+        </vxe-column>
       </vxe-colgroup>
       <vxe-colgroup title="二检">
         <vxe-column field="qualifiedNum02" title="二检合格数量"></vxe-column>
-        <vxe-column field="polishNum02" title="二检打磨数量"></vxe-column>
-        <vxe-column field="scrapNum02" title="二检报废数量"></vxe-column>
+        <vxe-column title="二检打磨数量">
+          <template #default="{ row }">
+            <el-link type="warning" @click="QualityAnalysis(row.fkWorkorderId, 4)">{{ row.polishNum02 }}</el-link>
+          </template>
+        </vxe-column>
+        <vxe-column title="二检报废数量">
+          <template #default="{ row }">
+            <el-link type="danger" @click="QualityAnalysis(row.fkWorkorderId, 5)">{{ row.scrapNum02 }}</el-link>
+          </template>
+        </vxe-column>
       </vxe-colgroup>
       <vxe-colgroup title="三检">
         <vxe-column field="qualifiedNum03" title="三检合格数量"></vxe-column>
-        <vxe-column field="polishNum03" title="三检打磨数量"></vxe-column>
-        <vxe-column field="scrapNum03" title="三检报废数量"></vxe-column>
+        <vxe-column title="三检打磨数量">
+          <template #default="{ row }">
+            <el-link type="warning" @click="QualityAnalysis(row.fkWorkorderId, 6)">{{ row.polishNum03 }}</el-link>
+          </template>
+        </vxe-column>
+        <vxe-column title="三检报废数量">
+          <template #default="{ row }">
+            <el-link type="danger" @click="QualityAnalysis(row.fkWorkorderId, 7)">{{ row.scrapNum03 }}</el-link>
+          </template>
+        </vxe-column>
       </vxe-colgroup>
       <vxe-colgroup title="统计分析" fixed="right">
         <vxe-column field="firstgoodNum" title="一次合格数量"></vxe-column>
@@ -72,8 +100,8 @@
       <el-row>
         <el-col :span="12">
           <el-card class="box-card">
-            <div v-for="o in 4" :key="o" class="text item">
-              {{ '列表内容 ' + o }}
+            <div v-for="(item, index) in DefectDetails" :key="index" class="text item">
+              {{ DefectDetails.InspectionName }}+"----------"+{{ DefectDetails.Counter }}
             </div>
           </el-card></el-col
         >
@@ -81,15 +109,14 @@
       </el-row>
 
       <div slot="footer" class="dialog-footer">
-        <el-button type="primary" @click="submitForm">确 定</el-button>
-        <el-button @click="cancel">取 消</el-button>
+        <el-button @click="DMLdialog.visiable = false">取 消</el-button>
       </div>
     </el-dialog>
   </div>
 </template>
 
 <script>
-import { QueryQualityStatisticsTable } from '@/api/operationManagement/quality/qualityStatistics.js'
+import { QueryQualityStatisticsTable, GetDetailsOfDetectionItems } from '@/api/operationManagement/quality/qualityStatistics.js'
 export default {
   name: 'qualityStatistics',
   data() {
@@ -107,7 +134,11 @@ export default {
       },
       loading: true,
       QualityStatisticsTable: [],
-      DMLdialog: {},
+      DMLdialog: {
+        title: '',
+        visiable: false,
+      },
+      DefectDetails: [], //缺陷详情
     }
   },
   mounted() {
@@ -134,9 +165,50 @@ export default {
           this.$notify.error('未知错误')
         })
     },
-    // todo  首检抛光
-    formatter_defectNum01({ cellValue, row }) {
-      return `<a href="" class="link" target="_black" style="color: orange"> ${cellValue}</a>`
+    // todo  统计分析详情
+    QualityAnalysis(fkWorkorderId, index) {
+      this.DMLdialog.visiable = true
+      const query = {
+        fkWorkorderId,
+        index,
+      }
+      switch (index) {
+        case 1:
+          // 首检抛光数量
+          this.DMLdialog.title = '首检抛光'
+
+          break
+        case 2:
+          // 首检打磨数量
+          this.DMLdialog.title = '首检打磨'
+          break
+        case 3:
+          // 首检报废数量
+          this.DMLdialog.title = '首检报废'
+          break
+        case 4:
+          // 二检打磨数量
+          this.DMLdialog.title = '二检打磨'
+          break
+        case 5:
+          // 二检报废数量
+          this.DMLdialog.title = '二检报废'
+          break
+        case 6:
+          // 三检打磨数量
+          this.DMLdialog.title = '三检打磨'
+          break
+        case 7:
+          // 三检报废数量
+          this.DMLdialog.title = '三检报废'
+          break
+      }
+      //todo 获取检测项，详细信息
+      GetDetailsOfDetectionItems(query).then((res) => {
+        if (res.code == 200) {
+          this.DefectDetails = res.data
+        }
+      })
     },
   },
 }