添加后线人员分配内部机构筛选项

src/views/PeopleManage/Staff/AreaPeople.vue

@@ -50,6 +50,32 @@
     </el-main>
     <!-- 新增修改界面 -->
     <el-dialog :title="dialogTitle" width="50%" :visible.sync="dialogVisible" :close-on-click-modal="false" @close="closeDialog" v-dialogDrag>
+      <el-form ref="queryFormRef1" :model="addQueryForm" label-width="80px" size="small">
+        <el-row>
+          <el-col :span="5">
+            <el-form-item label="工号">
+              <el-input clearable placeholder="工号" v-model="addQueryForm.userId"></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="姓名">
+              <el-input clearable placeholder="姓名" v-model="addQueryForm.name"></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="机构名称">
+              <el-cascader size="small" v-model="addQueryForm.deptId" :options="deptList"
+              :props="{ label: 'name', value: 'id', children: 'children', checkStrictly: true }" clearable
+              ref="area"></el-cascader>
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item>
+              <el-button type="primary" size="small" @click="handleAddButton">筛选</el-button>
+            </el-form-item>
+          </el-col>
+        </el-row>
+      </el-form>
         <el-table :data="addListData" border ref="personneTable" width="100%" size="small"
           align="center" :header-cell-style="{
             background: '#F2F7FC',
@@ -127,10 +153,13 @@ export default {
         total: 0
       },
       deptNBId: '',
+      addQueryForm: {},
+      deptList: [],
     };
   },
   created() {
     this.getLeftData()
+    this.getAllCompany()
   },
   methods: {
     // 删除
@@ -238,24 +267,17 @@ export default {
         this.$message.error('请选择内部机构')
         return
       }
+      let deptId = ''
+      if (this.addQueryForm.deptId) {
+        deptId = this.addQueryForm.deptId[this.addQueryForm.deptId.length-1]
+      }
       this.$api.dept.sysUserLinkDeptInternalAgentFindAllUserList({
-        agentFlag: 0,
-        columnFilters: {
-          additionalProperties1: {
-            name: '',
-            value: ''
-          }
-        },
-        deptId: '',
         deptNBId: this.deptNBId,
-        leaderName: '',
-        mobile: '',
-        name: '',
+        name: this.addQueryForm.name,
         pageNum: this.addListDataPage.pageNum,
         pageSize: this.addListDataPage.pageSize,
-        roleId: '',
-        status: '',
-        userId: ''
+        userId: this.addQueryForm.userId,
+        deptId: deptId,
       }).then((res) => {
         this.addListData = res.data.content
         this.addListDataPage.pageNum = res.data.pageNum
@@ -273,6 +295,13 @@ export default {
     },
     closeDialog() {
       this.dialogVisible = false;
+      this.addQueryForm = {}
+    },
+    // 获取所有机构列表
+    getAllCompany() {
+        this.$api.task.findAllTree().then(res => {
+            this.deptList = res.data
+        });
     },
   },
 };