2024-1-4 数据字典

src/views/modules/project/projectInfo/com_projectInfo-add-or-update.vue

@@ -47,9 +47,10 @@
           <span slot="label" style="" @click="getBaseList(1011,1)"><a herf="#">项目来源</a></span>
           <el-input v-model="dataForm.projectSourceDesc" style="width: 130px" readonly @focus="getBaseList(1011,1)"></el-input>
         </el-form-item>
-        <el-form-item prop="priorityDesc" :rules="projectRole.priorityDesc">
-          <span slot="label" style="" @click="getBaseList(1012,1)"><a herf="#">优先级</a></span>
-          <el-input v-model="dataForm.priorityDesc" style="width: 130px" readonly  @focus="getBaseList(1012,1)"></el-input>
+        <el-form-item prop="priorityDesc" :rules="projectRole.priorityDesc" label="优先级">
+<!--          <span slot="label" style="" @click="getBaseList(1012,1)"><a herf="#">优先级</a></span>-->
+<!--          <el-input v-model="dataForm.priorityDesc" style="width: 130px" readonly  @focus="getBaseList(1012,1)"></el-input>-->
+          <dict-data-select dict-type="project_info_priority" style="width: 130px" v-model="dataForm.priority"></dict-data-select>
         </el-form-item>
         <el-form-item :label="'要求日期：'" prop="needDate" :rules="projectRole.needDate">
           <el-date-picker
@@ -227,8 +228,10 @@
     saveProjectInfo,
   } from "@/api/project/project.js"
   import Chooselist from '@/views/modules/common/Chooselist'
+  import DictDataSelect from "../../sys/dict-data-select.vue";
   export default {
     components: {
+      DictDataSelect,
       Chooselist
     },
     data () {

src/views/modules/sys/dict-data-select.vue

@@ -0,0 +1,48 @@
+<template>
+  <div>
+    <el-select v-bind="$attrs" v-on="$listeners" :value="value" style="width: 100%" @change="changeDictData">
+      <el-option v-for="(item, index) in options" :key="index" :label="item.dictLabel" :value="item.dictValue" :disabled="item.status === 'N'"></el-option>
+    </el-select>
+  </div>
+</template>
+<script>
+import {selectDictDataList} from "../../../api/dict";
+export default {
+  name:'dict-data-select',
+  model:{
+    prop:'value',
+    event:'change'
+  },
+  props:{
+    dictType: {
+      type: String,
+      required: true
+    },
+    value:{
+      required: true,
+    }
+  },
+  data () {
+    return {
+      options: []
+    }
+  },
+  created () {
+    this.initOption()
+  },
+  methods: {
+    //初始化options
+    async initOption () {
+      let params = {
+        site:this.$store.state.user.site,
+        dictType:this.dictType
+      }
+      let {data} = await selectDictDataList(params);
+      this.options = data.rows;
+    },
+    changeDictData(val){
+      this.$emit('change',val)
+    }
+  }
+}
+</script>