现任职务 按部门分类拆分

src/views/system/user/extend.vue

@@ -48,7 +48,7 @@
 
             <el-col :xs="24" :sm="12" :md="8" :lg="8">
               <el-form-item label="所属部门" prop="deptId">
-                <el-select style="width: 217px;" v-model="formData.deptId" placeholder="请选择所属部门">
+                <el-select style="width: 217px;" v-model="formData.deptId" @change="deptIdChanged" placeholder="请选择所属部门">
                   <el-option v-for="dict in dict.type.department_name" :key="dict.value" :label="dict.label"
                              :value="dict.value" />
                 </el-select>
@@ -56,9 +56,15 @@
             </el-col>
 
             <el-col :xs="24" :sm="12" :md="8" :lg="8">
-              <el-form-item label="现任职务" prop="duties">
+              <el-form-item label="现任职务" prop="duties" v-if="formData.deptId=='1' || formData.deptId==null">
                 <el-select style="width: 217px;" v-model="formData.duties" @change="changeDuties" placeholder="请选择现任职务">
-                  <el-option v-for="dict in dict.type.current_position" :key="dict.value" :label="dict.label"
+                  <el-option v-for="dict in dict.type.security_current_position" :key="dict.value" :label="dict.label"
+                             :value="dict.value" />
+                </el-select>
+              </el-form-item>
+              <el-form-item label="现任职务" prop="duties" v-if="formData.deptId=='2'">
+                <el-select style="width: 217px;" v-model="formData.duties" @change="changeDuties" placeholder="请选择现任职务">
+                  <el-option v-for="dict in dict.type.monitoring_current_position" :key="dict.value" :label="dict.label"
                              :value="dict.value" />
                 </el-select>
               </el-form-item>
@@ -220,7 +226,7 @@ import { deptTreeList } from "@/api/system/public";
 import { extendUserInformation } from "@/api/system/information";
 import dayjs from 'dayjs';
 export default {
-  dicts: ['administrative_level','sys_yes_no','sys_yes_no_num','sys_highest_education', "sys_work_type", "sys_duties", "sys_education_type", 'sys_department_type', 'post_no_pass', 'current_position','department_name'],
+  dicts: ['administrative_level','sys_yes_no','sys_yes_no_num','sys_highest_education', "sys_work_type", "sys_duties", "sys_education_type", 'sys_department_type', 'post_no_pass', 'security_current_position','monitoring_current_position','department_name'],
   fillter: {},
   components: { TreeSelect ,ImgsUpload},
   props: [],
@@ -429,6 +435,10 @@ export default {
 
   methods: {
     dayjs,
+    deptIdChanged()
+    {
+      this.formData.duties=null;
+    },
     changeDuties(val){
       console.log(val);
       // this.formData.aloneDept = 'N'