审查内容库管理接口对接

src/api/setting/standardTerms.js

 import request from '@/utils/request'
 
+// 体系审查、车型审查检验内容列表
 export function listInspection(data) {
     return request({
         url: '/review/standard/getInspectionContent',
@@ -7,3 +8,12 @@ export function listInspection(data) {
         data: data
     })
 }
+
+// 文档审查检验内容列表
+export function listDocumentReview(data) {
+    return request({
+        url: '/review/standard/test/getInspectionContent',
+        method: 'post',
+        data: data
+    })
+}

src/views/setting/standardTerms/components/documentReviewDialog.vue

+<template>
+  <el-drawer
+    title="检验内容"
+    :visible.sync="dialogManger.dialogVisible"
+    direction="rtl"
+    size="40%"
+    :before-close="handleClose"
+  >
+    <el-table
+      v-loading="loading"
+      style="min-height: 88px; margin: 20px"
+      border
+      :scroll-x="'1500px'"
+      :default-sort="{ prop: 'createTime', order: 'descending' }"
+      :data="tableData"
+    >
+      <el-table-column type="index" width="55" label="序号" align="center">
+        <template slot-scope="scope">
+          <span>{{ scope.$index + 1 }}</span>
+        </template>
+      </el-table-column>
+      <el-table-column
+        label="测试场景"
+        align="left"
+        sortable
+        prop="testScenario"
+      >
+      </el-table-column>
+      <el-table-column
+        label="测试类型"
+        align="left"
+        sortable
+        prop="testType"
+      >
+      </el-table-column>
+      <el-table-column
+        label="用例编号"
+        align="left"
+        sortable
+        prop="useCaseNumber"
+      >
+      </el-table-column>
+      <el-table-column
+        label="用例名称"
+        align="left"
+        sortable
+        prop="useCaseName"
+      >
+      </el-table-column>
+    </el-table>
+  </el-drawer>
+</template>
+
+<script>
+import { listDocumentReview } from '../../../../api/setting/standardTerms'
+import { getRows, getRows2 } from '../../../../utils/reviewDetailsTable'
+
+export default {
+  props: {
+    dialogManger: {
+      type: Object,
+      default: () => {
+        return {
+          dialogVisible: false,
+          refreshList: false,
+          source: {},
+          dialogEditId: undefined
+        }
+      }
+    }
+  },
+  data() {
+    return {
+      loading: true,
+      tableData: []
+    }
+  },
+  methods: {
+    getRows,
+    getRows2,
+    /** 获取文档审查检验内容 */
+    init() {
+      this.loading = true
+      listDocumentReview({ id: this.dialogManger.dialogEditId }).then(res => {
+        this.tableData = res.data
+        this.loading = false
+      })
+    },
+    /** 关闭抽屉 */
+    handleClose() {
+      this.dialogManger.dialogVisible = false
+    }
+  }
+}
+</script>
+
+<style scoped></style>

src/views/setting/standardTerms/components/vehicleModelDialog.vue

@@ -3,46 +3,48 @@
     title="检验内容"
     :visible.sync="dialogManger.dialogVisible"
     direction="rtl"
-    size="50%"
+    size="40%"
+    :before-close="handleClose"
   >
-    <el-table
-      v-loading="loading"
-      border
-      :default-sort="{ prop: 'createTime', order: 'descending' }"
-      :data="tableData"
-    >
-      <el-table-column type="index" width="55" label="序号" align="center">
-        <template slot-scope="scope">
-          <span>{{ scope.$index + 1 }}</span>
+    <table class="table" style="margin: 20px">
+      <thead>
+        <tr>
+          <th>标准章节</th>
+          <th>标准要求</th>
+          <th>关联场景</th>
+        </tr>
+      </thead>
+      <tbody>
+        <!-- 循环遍历 keyPointList -->
+        <template v-for="(i, PointIndex) in tableData.keyPointList">
+          <tr :key="'PointIndex-2' + PointIndex">
+            <td align="center" :rowspan="getRows(i)">
+              {{ i.text }}
+            </td>
+          </tr>
+          <!-- 循环遍历 reviewDetailsList -->
+          <template v-for="(v, reviewDetailIndex) in i.reviewDetailsList">
+            <tr :key="'reviewDetailIndex-3' + PointIndex + reviewDetailIndex">
+              <td align="center">
+                {{ v.text }}
+              </td>
+              <td align="center">
+                <template v-for="(a, reviewSceneIndex) in v.reviewSceneList">
+                  <span>{{ a.text }}</span>
+                  <br />
+                </template>
+              </td>
+            </tr>
+          </template>
         </template>
-      </el-table-column>
-      <el-table-column
-        prop="text"
-        label="审查要点"
-        min-width="200"
-        align="center"
-      >
-      </el-table-column>
-      <el-table-column
-        prop="as"
-        label="审查细则"
-        min-width="200"
-        align="center"
-      >
-      </el-table-column>
-      <el-table-column
-        prop="test"
-        label="关联场景"
-        min-width="200"
-        align="center"
-      >
-      </el-table-column>
-    </el-table>
+      </tbody>
+    </table>
   </el-drawer>
 </template>
 
 <script>
 import { listInspection } from '../../../../api/setting/standardTerms'
+import { getRows, getRows2 } from '../../../../utils/reviewDetailsTable'
 
 export default {
   props: {
@@ -64,26 +66,27 @@ export default {
       tableData: []
     }
   },
-  // computed: {
-  //   modelTitle: function () {
-  //     return '检验内容'
-  //   }
-  // },
   methods: {
+    getRows,
+    getRows2,
+    /** 获取体系审查、车型审查检验内容 */
     init() {
       this.loading = true
       listInspection({ id: this.dialogManger.dialogEditId }).then(res => {
-        this.tableData = res.data.keyPointList
+        this.tableData = res.data
         this.loading = false
-        console.log('res', res)
       })
-      // alert()
+    },
+    /** 关闭抽屉 */
+    handleClose() {
+      this.dialogManger.dialogVisible = false
     }
-    // handleClose() {
-    // this.dialogManger.dialogVisible = false
-    // }
   }
 }
 </script>
 
-<style scoped></style>
+<style scoped>
+.table {
+  width: auto;
+}
+</style>

src/views/setting/standardTerms/index.vue

@@ -98,7 +98,7 @@
             plain
             size="mini"
             type="text"
-            @click="handleUpdate(3, scope.row)"
+            @click="handleUpdate(scope.row)"
             >检验内容</el-button
           >
         </template>
@@ -118,15 +118,23 @@
       @close="vehicleModelDialogManger.dialogVisible = false"
     >
     </vehiclemodel-dialog>
+    <document-review-dialog
+      ref="documentReviewDialog"
+      :dialog-manger="documentReviewDialogManger"
+      @close="documentReviewDialogManger.dialogVisible = false"
+    >
+    </document-review-dialog>
   </page-standard-option>
 </template>
 <script>
 import page from '@/mixins/page'
 import { mapGetters } from 'vuex'
 import vehicleModelDialog from './components/vehicleModelDialog'
+import documentReviewDialog from './components/documentReviewDialog'
 export default {
   components: {
-    'vehiclemodel-dialog': vehicleModelDialog
+    'vehiclemodel-dialog': vehicleModelDialog,
+    'document-review-dialog': documentReviewDialog
   },
   dicts: ['sys_scene_type'],
   mixins: [page],
@@ -152,7 +160,7 @@ export default {
       queryParams: {
         chapter: '',
         text: '',
-        standardId: this.$store.getters.standard,
+        standardId: this.$store.getters.standard || '1',
         type: 'system'
       },
       vehicleModelDialogManger: {
@@ -161,10 +169,17 @@ export default {
         source: {},
         dialogEditId: ''
       },
+      documentReviewDialogManger: {
+        dialogVisible: false,
+        refreshList: false,
+        source: {},
+        dialogEditId: ''
+      },
       refreshList: false
     }
   },
   watch: {
+    // 公共组件左侧标准全局变量选中
     '$store.getters.standard': {
       handler(newVal, oldVal) {
         this.queryParams.standardId = newVal
@@ -189,10 +204,16 @@ export default {
       this.queryParams.chapter = ''
       this.queryParams.text = ''
     },
-    handleUpdate(id, row) {
-      this.vehicleModelDialogManger.dialogVisible = true
-      this.vehicleModelDialogManger.dialogEditId = row.id
-      this.$refs.vehicleModelDialog.init()
+    handleUpdate(row) {
+      if (this.queryParams.type === 'test') {
+        this.documentReviewDialogManger.dialogVisible = true
+        this.documentReviewDialogManger.dialogEditId = row.id
+        this.$refs.documentReviewDialog.init()
+      } else {
+        this.vehicleModelDialogManger.dialogVisible = true
+        this.vehicleModelDialogManger.dialogEditId = row.id
+        this.$refs.vehicleModelDialog.init()
+      }
       // console.log('dialogEditId', this.vehicleModelDialogManger.dialogEditId)
     }
   }