新增和编辑用户增加地区字段显示

src/views/user/components/InfoEditDialog.vue

@@ -29,6 +29,7 @@
           label="密码"
           :label-width="formLabelWidth"
           prop="password"
+          v-if="!dialogForm.id"
         >
           <el-input
             v-model="dialogForm.password"
@@ -78,6 +79,22 @@
           >
           </el-cascader>
         </el-form-item>
+        <el-form-item
+          label="所属地区"
+          :label-width="formLabelWidth"
+          prop="deptId"
+        >
+          <el-cascader
+            style="width: 100%"
+            v-model="dialogForm.regionCode"
+            :options="regionTree"
+            :props="culturalRegionProps"
+            placeholder="请选择所属地区"
+            filterable
+            clearable
+          >
+          </el-cascader>
+        </el-form-item>
         <el-form-item label="是否启用" :label-width="formLabelWidth">
           <el-switch v-model="status"> </el-switch>
         </el-form-item>
@@ -131,6 +148,7 @@ export default {
       handler: function (value) {
         let that = this;
         that.dialogForm = JSON.parse(JSON.stringify(value));
+
         // 编辑状态
         if (that.dialogForm.id) {
           // 回填状态
@@ -145,6 +163,7 @@ export default {
     visible: {
       handler: function (value) {
         this.dialogVisible = value;
+        this.loadRegionTree();
       },
       deep: true,
       immediate: true,
@@ -205,6 +224,13 @@ export default {
         children: "children",
         checkStrictly: true, //单选选择任意一级选项
       },
+      culturalRegionProps: {
+        value: "code",
+        label: "name",
+        children: "children",
+        checkStrictly: true, //单选选择任意一级选项
+      },
+      regionTree: [],
       rules: {
         username: [
           { validator: validateUserName, trigger: "blur", required: true },
@@ -239,11 +265,13 @@ export default {
           let params = JSON.parse(JSON.stringify(this.dialogForm));
           // 修改状态
           params.status = this.status ? 1 : 0;
-          // 处理馆藏单位
+          // 处理所属部门
           if (params.deptId instanceof Array) {
             params.deptId = params.deptId[params.deptId.length - 1];
           }
-          // debugger
+          if (params.regionCode instanceof Array) {
+            params.regionCode = params.deptId[params.regionCode.length - 1];
+          }
           // return;
           if (params.id) {
             let res = await upadateUser(params);
@@ -275,6 +303,24 @@ export default {
         })
         .catch((_) => {});
     },
+    loadRegionTree() {
+      let parentId = "";
+      this.$store.dispatch("org/getSysRegionTreeData", parentId).then((res) => {
+        this.regionTree = res;
+        loopTree(this.regionTree);
+        function loopTree(arr) {
+          if (arr && arr.length > 0) {
+            arr.forEach((item) => {
+              if (item.children && item.children.length == 0) {
+                delete item.children;
+              } else {
+                loopTree(item.children);
+              }
+            });
+          }
+        }
+      });
+    },
   },
 };
 </script>