修改新增手动打分 考核类别下拉筛选框

src/views/modules/kpi/rule-add-or-update.vue

@@ -14,16 +14,10 @@
                   placeholder="考核规则名称"
                   clearable></el-input>
       </el-form-item>
-      <!-- <el-form-item label="考核类别"
-                    prop="ruleCode">
-        <el-input v-model="dataForm.ruleCode"
-                  placeholder="考核类别" 
-                  clearable></el-input>
-      </el-form-item> -->
       <el-form-item label="考核类别"
                     prop="ruleCode">
         <el-select v-model="dataForm.ruleCode"
-                   placeholder="考核周期">
+                   placeholder="考核类别">
           <el-option v-for="item in dictTypeList"
                      :key="item.dictValue"
                      :label="item.dictName"

src/views/modules/kpi/rule-manualScore-add-or-update.vue

@@ -1,46 +1,55 @@
 <template>
-  <el-dialog
+  <el-dialog :visible.sync="visible"
-    :visible.sync="visible"
+             :title="!dataForm.id ? $t('add') : $t('update')"
-    :title="!dataForm.id ? $t('add') : $t('update')"
+             :close-on-click-modal="false"
-    :close-on-click-modal="false"
+             :close-on-press-escape="false">
-    :close-on-press-escape="false"
+    <el-form :model="dataForm"
-  >
+             :rules="dataRule"
-    <el-form
+             ref="dataForm"
-      :model="dataForm"
+             @keyup.enter.native="dataFormSubmitHandle()"
-      :rules="dataRule"
+             :label-width="$i18n.locale === 'en-US' ? '120px' : '120px'">
-      ref="dataForm"
+      <el-form-item label="考核规则名称"
-      @keyup.enter.native="dataFormSubmitHandle()"
+                    prop="ruleName">
-      :label-width="$i18n.locale === 'en-US' ? '120px' : '120px'"
+        <el-input v-model="dataForm.ruleName"
-    >
+                  placeholder="考核规则名称"
-      <el-form-item label="考核规则名称" prop="ruleName">
+                  clearable></el-input>
-        <el-input
-          v-model="dataForm.ruleName"
-          placeholder="考核规则名称"
-          clearable
-        ></el-input>
       </el-form-item>
-      <el-form-item label="考核规则编码" prop="ruleCode">
+      <!-- <el-form-item label="考核规则编码" prop="ruleCode">
         <el-input
           v-model="dataForm.ruleCode"
           placeholder="考核规则编码"
           clearable
         ></el-input>
+      </el-form-item> -->
+      <el-form-item label="考核类别"
+                    prop="ruleCode">
+        <el-select v-model="dataForm.ruleCode"
+                   placeholder="考核类别">
+          <el-option v-for="item in dictTypeList"
+                     :key="item.dictValue"
+                     :label="item.dictName"
+                     :value="item.dictValue">
+          </el-option>
+        </el-select>
       </el-form-item>
-      <el-form-item label="关联的手动打分" prop="referenceId">
+      <el-form-item label="关联的手动打分"
-        <el-select v-model="dataForm.referenceId" clearable placeholder="关联的手动打分" @change="handlereference(dataForm.referenceId)">
+                    prop="referenceId">
-          <el-option
+        <el-select v-model="dataForm.referenceId"
-            v-for="item in kpiManualScoreList"
+                   clearable
-            :key="item.id"
+                   placeholder="关联的手动打分"
-            :label="item.scoreName"
+                   @change="handlereference(dataForm.referenceId)">
-            :value="item.id"
+          <el-option v-for="item in kpiManualScoreList"
-          >
+                     :key="item.id"
+                     :label="item.scoreName"
+                     :value="item.id">
           </el-option>
         </el-select>
       </el-form-item>
     </el-form>
     <template slot="footer">
       <el-button @click="visible = false">{{ $t("cancel") }}</el-button>
-      <el-button type="primary" @click="dataFormSubmitHandle()">{{
+      <el-button type="primary"
+                 @click="dataFormSubmitHandle()">{{
         $t("confirm")
       }}</el-button>
     </template>
@@ -65,7 +74,8 @@ export default {
         referenceId: '', // 关联的手动打分项
         kpiCycle: '', // 考核周期来源于选择的手动打分项
         deptTypeKey: '' // 考核部门类别来源于选择的手动打分项
-      }
+      },
+      dictTypeList: [],
     }
   },
   computed: {
@@ -97,6 +107,7 @@ export default {
   },
   created () {
     this.getKpiManualScoreList()
+    this.getDictTypeList()
   },
   methods: {
     init () {
@@ -121,7 +132,19 @@ export default {
             ...res.data
           }
         })
-        .catch(() => {})
+        .catch(() => { })
+    },
+    // 获取考核类别下拉框集合
+    getDictTypeList () {
+      this.$http
+        .get(`/sys/dict/listSimple/kpi_rule_code_manual_score`)
+        .then(({ data: res }) => {
+          if (res.code !== 0) {
+            return this.$message.error(res.msg)
+          }
+          this.dictTypeList = res.data
+        })
+        .catch(() => { })
     },
     // 表单提交
     dataFormSubmitHandle: debounce(
@@ -148,7 +171,7 @@ export default {
                 }
               })
             })
-            .catch(() => {})
+            .catch(() => { })
         })
       },
       1000,
@@ -164,7 +187,7 @@ export default {
           }
           this.kpiManualScoreList = res.data
         })
-        .catch(() => {})
+        .catch(() => { })
     },
     // 关联的手动打分改变
     handlereference (referenceId) {