stage：代发合同管理-用工单位

src/views/business/outContract/index.vue

@@ -12,6 +12,17 @@
             @node-click="handleNodeClick" />
         </div>
       </div>
+      <div class="cooperateUnitMain">
+        <div class="head-container">
+          <el-input v-model="deptName" placeholder="请输入用工单位" clearable size="small" prefix-icon="el-icon-search"
+            style="margin-bottom: 20px" />
+        </div>
+        <div class="head-container">
+          <el-tree :data="cooperateUnitList" :props="defaultProps" :expand-on-click-node="false"
+            :filter-node-method="filterNode" ref="tree" default-expand-all highlight-current
+            @node-click="handleCurrentChange" />
+        </div>
+      </div>
       <div class="listMain">
         <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch"
           label-width="80px">
@@ -23,10 +34,10 @@
             <el-input v-model="queryParams.contractCode" placeholder="请输入合同编号" clearable
               @keyup.enter.native="handleQuery" />
           </el-form-item>
-          <el-form-item label="单位名称" prop="groupName">
+          <!-- <el-form-item label="单位名称" prop="groupName">
             <el-input v-model="queryParams.groupName" placeholder="请输入单位名称" clearable
               @keyup.enter.native="handleQuery" />
-          </el-form-item>
+          </el-form-item> -->
           <!--      <el-form-item label="单位编码(社会信用代码)" prop="groupCode">-->
           <!--        <el-input-->
           <!--          v-model="queryParams.groupCode"-->
@@ -110,6 +121,7 @@
                 v-hasPermi="['business:outContract:manage']">员工管理</el-button>
               <el-button type="text" icon="el-icon-s-help" size="mini" @click="createBatchTaskOne(scope.row)"
                 v-hasPermi="['business:outContract:bco']">生成发薪任务</el-button>
+              <el-button type="text" icon="el-icon-s-help" size="mini" @click="declareTaskOne(scope.row)">申报</el-button>
               <el-button size="mini" type="text" icon="el-icon-edit" @click="handleUpdate(scope.row)"
                 v-hasPermi="['business:outContract:edit']">修改</el-button>
               <el-button size="mini" type="text" icon="el-icon-delete" @click="handleDelete(scope.row)"
@@ -244,6 +256,8 @@ export default {
         label: "label"
       },
       deptName: null,
+      // 合作单位数据
+      cooperateUnitList: []
     };
   },
   created() {
@@ -262,12 +276,28 @@ export default {
   },
   methods: {
     getAllGroupNames(payerCompanyId) {
-      allGroupNames({payerCompanyId: payerCompanyId}).then(resp => {
+      allGroupNames({ payerCompanyId: payerCompanyId }).then(resp => {
+        if (resp.code === 200) {
+          let arr = [];
+          arr = resp.data.map(item => {
+            return { id: item, label: item }
+          })
+          this.cooperateUnitList = [{ id: '', label: '用工单位', children: arr }]
 
+        }
       })
     },
-    // 节点单击事件
+    //节点点击事件-用工单位
+    handleCurrentChange(data) {
+      // this.queryParams.payerCompanyId = data.id;
+      this.queryParams.groupName = data.id;
+      this.getList();
+    },
+    // 节点单击事件-发薪主体
     handleNodeClick(data) {
+      if (data.id != this.queryParams.payerCompanyId) {
+        this.queryParams.groupName = ''
+      }
       this.queryParams.payerCompanyId = data.id;
       this.getAllGroupNames(data.id);
       this.getList();
@@ -419,6 +449,10 @@ export default {
       this.bcoForm.targetIds = this.ids
       this.bcoOpen = true
     },
+    //申报
+    declareTaskOne(row) {
+      console.log('申请申报')
+    },
     // 单条生成发薪任务
     createBatchTaskOne(row) {
       this.bcoForm.contractName = row.contractName
@@ -449,14 +483,19 @@ export default {
 <style scoped lang="scss">
 .EDMMain {
   display: flex;
+  align-items: flex-start;
+  gap: 10px;
 
   .themeMain {
-    width: 290px;
+    width: 190px;
+  }
+
+  .cooperateUnitMain {
+    width: 190px;
   }
 
   .listMain {
-    margin-left: 10px;
-    width: calc(100% - 300px);
+    width: calc(100% - 400px);
   }
 }
 </style>