add：员工 部门列表 岗位下拉

src/api/jinrun/zhongkong.js

@@ -13,8 +13,8 @@ export function getDept(data) {
 export function getPosition(data) {
   return request({
     url: '/pos/list',
-    method: 'post',
-    data: data
+    method: 'get',
+     params: data
   })
 }
 

src/views/person/yuangong.vue

@@ -143,19 +143,15 @@
             </el-form-item>
           </el-col>
           <el-col :span="12">
-            <el-form-item label="所在部门" prop="cardId">
-              <el-select
-                v-model="form.cardId"
+            <el-form-item label="所在部门" prop="deptId">
+              <el-cascader
+                v-model="form.deptPath"
+                :options="deptOptions"
+                :props="cascaderProps"
                 placeholder="请选择所在部门"
                 clearable
-              >
-                <el-option
-                  v-for="item in deptOptions"
-                  :key="item.value"
-                  :label="item.label"
-                  :value="item.value"
-                ></el-option>
-              </el-select>
+                @change="handleDeptChange"
+              ></el-cascader>
             </el-form-item>
           </el-col>
           <el-col :span="12">
@@ -166,10 +162,10 @@
                 clearable
               >
                 <el-option
-                  v-for="item in cardIdOptions"
-                  :key="item.cardId"
-                  :label="item.cardId"
-                  :value="item.cardId"
+                  v-for="item in positionOptions"
+                  :key="item.value"
+                  :label="item.label"
+                  :value="item.value"
                 ></el-option>
               </el-select>
             </el-form-item>
@@ -306,6 +302,12 @@ export default {
   name: "Info",
   data() {
     return {
+      // 级联选择器配置
+      cascaderProps: {
+        value: "index",
+        label: "name",
+        children: "children",
+      },
       deptOptions: [
         {
           label: "部门1",
@@ -386,7 +388,6 @@ export default {
     this.getPersonTypeOptions();
     // 获取部门列表
     this.getDeptList();
-
     // 获取岗位列表
     this.getPositionList();
     // 获取定位卡号列表
@@ -394,31 +395,120 @@ export default {
   },
 
   methods: {
+    /** 递归处理部门树，转换为级联选择器需要的格式 */
+    processDepartmentTreeForCascader(departments) {
+      // 直接返回处理后的部门树，不需要扁平化
+      return departments.map((dept) => {
+        const processedDept = {
+          index: dept.index,
+          name: dept.name,
+          children: [],
+        };
+
+        // 如果有子部门，递归处理
+        if (dept.children && dept.children.length > 0) {
+          processedDept.children = this.processDepartmentTreeForCascader(
+            dept.children
+          );
+        } else {
+          // 如果没有子部门，设置为null
+          processedDept.children = null;
+        }
+
+        return processedDept;
+      });
+    },
+
+    /** 获取部门列表 */
+    getDeptList() {
+      getDept({})
+        .then((response) => {
+          console.log(response.data, "部门数据");
+          // 检查数据格式是否正确
+          if (
+            response.data &&
+            Array.isArray(response.data) &&
+            response.data.length > 0
+          ) {
+            // 获取根节点的子部门并处理为级联格式
+            const rootChildren = response.data[0].children || [];
+            this.deptOptions =
+              this.processDepartmentTreeForCascader(rootChildren);
+          } else {
+            this.deptOptions = [];
+            console.error("部门数据格式不正确");
+          }
+        })
+        .catch((error) => {
+          console.error("获取部门列表失败:", error);
+          this.deptOptions = [];
+        });
+    },
+
+    /** 处理部门选择变化 */
+    handleDeptChange(value) {
+      if (value && value.length > 0) {
+        // 保存最后一级的部门ID作为deptId
+        this.form.deptId = value[value.length - 1];
+
+        // 查找选择的部门对象，获取部门名称
+        if (this.deptOptions && this.deptOptions.length > 0) {
+          let selectedDept = this.findDeptById(
+            this.deptOptions,
+            this.form.deptId
+          );
+          if (selectedDept) {
+            this.form.deptName = selectedDept.name;
+          }
+        }
+      } else {
+        this.form.deptId = null;
+        this.form.deptName = null;
+      }
+    },
+
+    /** 根据ID查找部门对象 */
+    findDeptById(departments, targetId) {
+      for (const dept of departments) {
+        if (dept.index === targetId) {
+          return dept;
+        }
+        if (dept.children && dept.children.length > 0) {
+          const found = this.findDeptById(dept.children, targetId);
+          if (found) {
+            return found;
+          }
+        }
+      }
+      return null;
+    },
+
     /** 获取岗位列表 */
     getPositionList() {
       getPosition({
         pageNum: 1,
         pageSize: 1000,
       }).then((response) => {
-        console.log(response.data);
+        console.log(response.data, "22222");
         this.positionOptions = response.data.map((item) => ({
           label: item.posName,
-          value: item.posId,
+          value: item.id,
         }));
       });
     },
     /** 获取部门列表 */
-    getDeptList() {
-      getDept({
-        pageNum: 1,
-        pageSize: 1000,
-      }).then((response) => {
-        this.deptOptions = response.data.map((item) => ({
-          label: item.deptName,
-          value: item.deptId,
-        }));
-      });
-    },
+    // getDeptList() {
+    //   getDept({
+    //     pageNum: 1,
+    //     pageSize: 1000,
+    //   }).then((response) => {
+    //     console.log(response.data, "33333");
+    //     this.deptOptions = response.data.data[0].children.map((item) => ({
+    //       label: item.deptName,
+    //       value: item.deptId,
+    //     }));
+    //   });
+    // },
     /** 解绑卡按钮操作 */
     handleUnbindCard(row) {
       this.$modal
@@ -637,7 +727,7 @@ export default {
     submitForm() {
       this.$refs["form"].validate((valid) => {
         if (valid) {
-          this.form.personType = "staff";
+          this.form.personType = "1";
 
           // 创建一个表单数据的副本，避免直接修改原表单
           const formData = { ...this.form };
@@ -652,7 +742,7 @@ export default {
               (item) => item.value === formData.deptId
             );
             if (deptItem) {
-              formData.deptName = deptItem.label; // 添加部门名称参数
+              formData.deptName = deptItem.label.replace(/^├─/, ""); // 移除前缀后作为部门名称
             }
           }