feat（标准库管理）: 添加检验项目

src/api/setting/standard.js

+import request from '@/utils/request'
+
+export function projectList(data) {
+  return request({
+    url: '/standard/getById',
+    method: 'post',
+    data: data
+  })
+}

src/views/informationBase/viewStandardTerms/components/vehicleModelDialog.vue

@@ -3,7 +3,7 @@
     title="检验内容"
     :visible.sync="dialogManger.dialogVisible"
     direction="rtl"
-    size="40%"
+    size="35%"
     :before-close="handleClose"
   >
     <template slot="title">

src/views/setting/standard/components/Tixidialog.vue

@@ -74,6 +74,21 @@
         >
         </el-date-picker>
       </el-form-item>
+      <el-form-item label="检验项目(可多选)" prop="inspectionItemList">
+        <div class="test-scenario-container">
+          <div
+            v-for="(item, index) in inspectionItemList"
+            :key="index"
+            :class="{
+              'test-scenario': item.check === false,
+              'check-test-scenario': item.check === true
+            }"
+            @click="handleInspectionItem(item)"
+          >
+            <div>{{ item.label }}</div>
+          </div>
+        </div>
+      </el-form-item>
     </el-form>
     <div slot="footer">
       <el-button @click="handleClose()"> 取消 </el-button>
@@ -82,6 +97,9 @@
   </el-dialog>
 </template>
 <script>
+import { getDicts } from '@/api/system/dict/data'
+import { projectList } from '@/api/setting/standard'
+
 export default {
   props: {
     dialogManger: {
@@ -106,9 +124,11 @@ export default {
           name: '',
           standardStatus: '',
           releaseDate: '',
-          implementationDate: ''
+          implementationDate: '',
+          dictList: []
         }
       }),
+      inspectionItemList: [],
       rules: {
         standardType: [
           { required: true, message: '标准分类不能为空', trigger: 'blur' }
@@ -150,7 +170,27 @@ export default {
       )
     }
   },
+  mounted() {
+    this.getInspectionItemDict()
+  },
   methods: {
+    handleInspectionItem(item) {
+      console.log('字典', item)
+    },
+    /** 获取检验项目字典数据 */
+    getInspectionItemDict() {
+      getDicts('inspection_item').then(response => {
+        this.inspectionItemList = response.data.map(
+          ({ dictCode, dictLabel, ...rest }) => ({
+            label: dictLabel,
+            value: dictCode,
+            check: false,
+            ...rest
+          })
+        )
+        console.log('inspectionItemList', this.inspectionItemList)
+      })
+    },
     handleClose() {
       this.model.reset()
       this.dialogManger.dialogEditId = null
@@ -186,4 +226,37 @@ export default {
   }
 }
 </script>
-<style scoped></style>
+<style scoped lang="scss">
+.test-scenario-container {
+  display: flex;
+  flex-wrap: wrap;
+  .test-scenario {
+    width: 228px;
+    height: 32px;
+    border: 1px solid #dcdfe6;
+    background-color: #ffffff;
+    margin: 0 10px 10px 0;
+    border-radius: 30px;
+    div {
+      text-align: center;
+      position: relative;
+    }
+  }
+  .check-test-scenario {
+    width: 228px;
+    height: 32px;
+    border: 1px solid #1a6fd7;
+    background-color: #e3eefc;
+    margin: 0 10px 10px 0;
+    border-radius: 30px;
+    div {
+      color: #1a6fd7;
+      text-align: center;
+      position: relative;
+      font-size: 14px;
+      font-family: Microsoft YaHei, Microsoft YaHei-400;
+      font-weight: 400;
+    }
+  }
+}
+</style>