feat(system/user): 新增用户工作城市选择

src/api/system/user.js

@@ -20,6 +20,21 @@ export function getUser(userId) {
 
 // 新增用户
 export function addUser(data) {
+  // workCityList 工作城市数据格式处理
+  let workCityList = data.workCityList;
+  const newWorkCityList = []
+  for (let i = 0; i < workCityList.length; i += 2) {
+    const obj = {
+      provinceId: workCityList[i],
+      citys: [
+        {
+          cityId: workCityList[i + 1]
+        }
+      ]
+    }
+    newWorkCityList.push(obj)
+  }
+  data.workCityList = newWorkCityList
   return request({
     url: '/system/user',
     method: 'post',

src/views/system/user/index.vue

@@ -327,6 +327,19 @@
               </el-select>
             </el-form-item>
           </el-col>
+          <el-row>
+            <el-col>
+              <el-form-item label="工作地点">
+                <el-cascader v-model="form.workCityList"
+                  :options="provinceList"
+                  :props="props"
+                  collapse-tags
+                  collapse-tags-tooltip
+                  :max-collapse-tags="1"
+                  clearable />
+              </el-form-item>
+            </el-col>
+          </el-row>
         </el-row>
         <el-row>
           <el-col :span="24">
@@ -391,7 +404,7 @@
   name="User">
   import { getToken } from "@/utils/auth";
   import useAppStore from '@/store/modules/app'
-  import { changeUserStatus, listUser, resetUserPwd, delUser, getUser, updateUser, addUser, deptTreeSelectList } from "@/api";
+  import { changeUserStatus, listUser, resetUserPwd, delUser, getUser, updateUser, addUser, deptTreeSelectList, getProCityAPI } from "@/api";
   // import { Splitpanes, Pane } from "splitpanes"
   // import "splitpanes/dist/splitpanes.css"
 
@@ -652,7 +665,8 @@
       status: "0",
       remark: undefined,
       postId: undefined,
-      roleId: undefined
+      roleId: undefined,
+      workCityList: [] // 工作城市
     };
     proxy.resetForm("userRef");
   };
@@ -712,6 +726,38 @@
 
   getDeptTree();
   getList();
+
+
+  // 工作地点
+  const provinceList = ref([])
+
+  const props = {
+    // multiple: true, 
+    lazy: true, async lazyLoad(node, resolve) {
+      const res = await getProCityAPI({
+        provinceId: node.value
+      })
+      const nodes = res.data.map(o => {
+        return {
+          value: o.num,
+          label: o.name,
+          leaf: true
+        }
+      })
+      resolve(nodes)
+    },
+  }
+
+  const getProCityList = async () => {
+    const res = await getProCityAPI({})
+    provinceList.value = res.data.map(obj => {
+      return {
+        value: obj.num,
+        label: obj.name,
+      }
+    })
+  }
+  getProCityList()
 </script>
 
 <style scoped