feat:[系统管理][字典选择器]整合字典选择器

src/views/business/comps/select/BusinessSelect.vue

@@ -0,0 +1,108 @@
+<!-- 试验相关的各类选择器 -->
+<!-- 存储条件：system_business_cctj -->
+<!-- 存储位置：system_business_ccwz -->
+<!-- 浓度单位：system_business_nndw -->
+<!-- 质量单位：system_business_zldw -->
+<!-- 体积单位：system_business_tjdw -->
+<!-- 有效期单位：system_business_yxqdw -->
+<template>
+  <div>
+    <el-select style="width:100%" v-model="selected" :placeholder="$t('form.placeholderSelect')"  :disabled="readonly" :multiple="multiple" @change="handleChange" :filterable="filterable">
+      <el-option v-for="item in list"  :key="item.dictCode" :label="item.dictLabel" :value="item.dictLabel" />
+    </el-select>
+  </div>
+</template>
+
+<script>
+import { listData } from "@/api/system/dict/data"
+
+export default {
+  name: "BusinessSelect",
+  components: {},
+  props: {
+    dictType: {
+      type: String,
+      default: ''
+    },
+    value: {
+      type: [Number, String , Array],
+      default: '',
+    },
+    readonly: {
+      type: Boolean,
+      default: false
+    },
+    multiple: {
+      type: Boolean,
+      default: false
+    },
+    filterable: {
+      type: Boolean,
+      default: true
+    },
+    placeholder: {
+      type: String,
+      default: ''
+    }
+  },
+  watch: {
+    value: {
+      immediate: true,
+      handler(v) {
+        if(!this.multiple){
+          this.selected = v ? v : ''
+        }else{
+          if(v){
+            //默认传的,分割的字符串，有传数组再改造
+            let arr = v.split(',')
+            let s = []
+            _.forEach(arr,a=>{
+              s.push(a)
+            })
+            this.selected = s
+          }else{
+            this.selected = []
+          }
+        }
+      }
+    },
+  },
+  data() {
+    return {
+      selected: '',
+      list: [],
+      queryParams: {
+        pageNum: 1,
+        pageSize: 999999,
+        dictType: this.dictType,
+        status: 0
+      },
+    };
+  },
+  mounted() {
+    this.getList()
+  },
+  methods: {
+    getList() {
+      this.list = []
+      listData(this.queryParams).then(response => {
+        this.list = response.rows
+      })
+    },
+    handleChange(val) {
+      this.$emit('input', this.multiple ? (val && val.length>0 ? val.join(','): ''):(val || ''))
+      //默认传的,分割的字符串，有传数组再改造
+      let _index = _.findIndex(this.list, function (a) {
+        return a.dictLabel == val
+      })
+      console.log(_index)
+      if (_index > -1) {
+        this.$emit('change', this.list[_index])
+      } else {
+        this.$emit('change', null)
+      }
+
+    },
+  }
+};
+</script>

src/views/business/resource/yq/list.vue

@@ -96,7 +96,7 @@
         <el-row>
           <el-col :span="12">
             <el-form-item :label="$t('page.business.zykgl.yq.wc')" prop="wc">
-              <SelectCctj v-model="form.wc"></SelectCctj>
+              <BusinessSelect v-model="form.wc" dictType="system_business_cctj"></BusinessSelect>
             </el-form-item>
           </el-col>
         </el-row>
@@ -140,11 +140,11 @@
 <script>
 import { yq_list, yq_info, delYq, yq_save } from '@/api/business/yq/yq'
 import YqDetail from './comps/detail'
-import SelectCctj from '@/views/business/comps/select/SelectCctj';
+import BusinessSelect from '@/views/business/comps/select/BusinessSelect';
 import { mapGetters } from 'vuex'
 export default {
   name: 'Yq',
-  components: { YqDetail, SelectCctj },
+  components: { YqDetail, BusinessSelect },
 
   data() {
     return {