质检详情页增加样品编码点击查看详情功能

src/views/inspectionWork/details.vue

@@ -226,8 +226,26 @@
                 :toolkit="[]"
                 height="calc(100vh - 330px)"
               >
-              </ele-pro-table
-            ></el-tab-pane>
+                <template v-slot:categoryCode="{ row, $index }">
+                  <el-link
+                    type="primary"
+                    :underline="false"
+                    @click="handleDetail($index, row, 'detail')"
+                  >
+                    {{ row.categoryCode }}
+                  </el-link>
+                </template>
+                <!-- <template v-if="column.prop === 'categoryCode'">
+                  <el-link
+                    type="primary"
+                    :underline="false"
+                    @click="handleDetail(scope.$index, scope.row, 'detail')"
+                  >
+                    {{ scope.row.categoryCode }}
+                  </el-link>
+                </template> -->
+              </ele-pro-table></el-tab-pane
+            >
             <el-tab-pane label="质检方案" name="3">
               <ele-pro-table
                 :columns="tableColumns3"
@@ -270,6 +288,7 @@
       </el-tabs>
       <el-button class="go_back" @click="goBack">返回</el-button>
     </el-card>
+    <sampleListDialog ref="detailRef"></sampleListDialog>
   </div>
 </template>
 
@@ -281,10 +300,11 @@
   import { parameterGetByCode } from '@/api/main/index';
   import { getUserPage } from '@/api/system/organization';
   import fileMain from '@/components/addDoc/main.vue';
+  import sampleListDialog from './components/sampleListDialog.vue';
 
   export default {
     mixins: [detailMixins],
-    components: { fileMain },
+    components: { fileMain, sampleListDialog },
     data() {
       return {
         activeName: '1',
@@ -316,12 +336,16 @@
         };
       },
       qualityName() {
-        const list = this.form.qualityWorkOrderDetailVO
-        return this.$route.query.name === '计划' ? list?.qualityName || '' : this.form.qualityName;
+        const list = this.form.qualityWorkOrderDetailVO;
+        return this.$route.query.name === '计划'
+          ? list?.qualityName || ''
+          : this.form.qualityName;
       },
       qualityTime() {
-        const list = this.form.qualityWorkOrderDetailVO
-        return this.$route.query.name === '计划' ? list?.qualityTime || '' : this.form.qualityTime;
+        const list = this.form.qualityWorkOrderDetailVO;
+        return this.$route.query.name === '计划'
+          ? list?.qualityTime || ''
+          : this.form.qualityTime;
       }
     },
     created() {
@@ -355,6 +379,31 @@
         } catch (error) {}
       },
 
+      handleDetail(index, row, type) {
+        // if (!this.sampleList[index] || !this.schemeList) {
+        //   return;
+        // }
+        // const selectedData = [];
+        // selectedData.push(this.sampleList[index]);
+
+        // if (this.schemeList.length != 0) {
+        //   this.sampleList.forEach((item) => {
+        //     if (item.qualitySampleTemplateList.length == 0) {
+        //       item.qualitySampleTemplateList.push(...this.schemeList);
+        //     }
+        //   });
+        // }
+        // console.log(selectedData, 'selectedData');
+
+        this.$refs.detailRef.openDia(
+          index,
+          row,
+          type,
+          this.sourceData2,
+          null,
+          this.sourceData2.useTools
+        );
+      },
       async getData() {
         let id = this.$route.query.id;
         let name = this.$route.query.name;

src/views/inspectionWork/mixins/detailMixins.js

@@ -244,6 +244,7 @@ export default {
           label: '编码',
           prop: 'categoryCode',
           align: 'center',
+          slot: 'categoryCode',
           fixed: 'left',
           width: '150',
           showOverflowTooltip: true