From 9d78a31a8202a46f93fcac5cb3a5c5fc95a58979 Mon Sep 17 00:00:00 2001
From: Apcallover <1503963513@qq.com>
Date: Tue, 16 Apr 2024 16:54:17 +0800
Subject: [PATCH 1/4] =?UTF-8?q?flat:=20=E9=9B=B6=E5=B7=A5=E7=94=A8?=
 =?UTF-8?q?=E6=88=B7=E7=AE=A1=E7=90=86?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/manage/user.js           |  13 +-
 src/views/manage/cuser/index.vue | 374 ++++++++++++++++---------------
 2 files changed, 194 insertions(+), 193 deletions(-)

diff --git a/src/api/manage/user.js b/src/api/manage/user.js
index 813c5f5..adbd6d4 100644
--- a/src/api/manage/user.js
+++ b/src/api/manage/user.js
@@ -1,18 +1,17 @@
 import request from '@/router/axios';
 
-export const getList =
-    (account) => {
+export const getList = (params) => {
       return request({
-        url: '/api/jobslink-api/user/account/manage/accountList',
+        url: '/api/jobslink-api/user/user/list',
         method: 'get',
-        params: {account}
+        params
       })
     }
 
 export const open =
     (account) => {
       return request({
-        url: ' /api/jobslink-api/user/account/manage/open',
+        url: '/api/jobslink-api/user/account/manage/open ',
         method: 'post',
         params: {account}
       })
@@ -21,7 +20,7 @@ export const open =
 export const close =
     (account) => {
       return request({
-        url: ' /api/jobslink-api/user/account/manage/close',
+        url: '/api/jobslink-api/user/account/manage/close',
         method: 'post',
         params: {account}
       })
@@ -29,7 +28,7 @@ export const close =
 
 export const remove = (account) => {
   return request({
-    url: ' /api/jobslink-api/user/account/manage/remove',
+    url: '/api/jobslink-api/user/account/manage/remove',
     method: 'post',
     params: {account}
   })
diff --git a/src/views/manage/cuser/index.vue b/src/views/manage/cuser/index.vue
index 1872bc3..95c766b 100644
--- a/src/views/manage/cuser/index.vue
+++ b/src/views/manage/cuser/index.vue
@@ -1,48 +1,74 @@
 <template>
   <basic-container>
     <avue-crud
+      ref="crud"
       :option="option"
       :table-loading="loading"
-      :data="data"
-      ref="crud"
+      :data="infoData"
       v-model="form"
+      :page.sync="infoPages"
       :permission="permissionList"
-      :before-open="beforeOpen"
-      :before-close="beforeClose"
-      @row-update="rowUpdate"
-      @row-save="rowSave"
       @search-change="searchChange"
-      @search-reset="searchReset"
-      @selection-change="selectionChange"
+      @search-reset="resetChange"
       @refresh-change="refreshChange"
+      @size-change="sizeChange"
+      @current-change="currentChange"
     >
-      <template slot-scope="scope" slot="menu">
-        <el-button
-          type="text"
-          size="small"
-          @click.stop="rowDisable(scope.row)"
-          v-if="scope.row.status === 0 && vaildData(permission.manage_cuser_stop, false)"
-        >停用</el-button>
-        <el-button
-          type="text"
-          size="small"
-          @click.stop="rowEnable(scope.row)"
-          v-else-if="vaildData(permission.manage_cuser_enable, false)"
-        >启用</el-button>
-        <el-button type="text" size="small" @click.stop="rowRemove(scope.row)">删除</el-button>
-      </template>
-      <template v-slot:status="{row}">
-        <span v-if="row.status === 0">启用</span>
-        <span v-else>停用</span>
-      </template>
     </avue-crud>
   </basic-container>
 </template>
 
 <script>
-import { getList, open, close, remove } from "@/api/manage/user";
-import { mapGetters } from "vuex";
+import {getList, open, close, remove} from "@/api/manage/user";
+import {mapGetters} from "vuex";
+import {dateFormat} from "@/util/date";
+import {confirmCount} from "@/api/report/report";
 
+const pages = {total: 0, size: 10, currentPage: 1}
+const baseOptions = {
+  dateBtn: false,
+  addBtn: false,
+  viewBtn: true,
+  editBtn: false,
+  delBtn: false,
+  height: "auto",
+  reserveSelection: false,
+  border: true,
+  columnBtn: false,
+  refreshBtn: false,
+  menu: true,
+  menuWidth: 120,
+  tip: false,
+  searchMenuSpan: 6,
+  selection: false,
+  headerAlign: 'center',
+  align: 'center',
+}
+const sexLs = [
+  {
+    label: "男",
+    value: 1,
+  },
+  {
+    label: "女",
+    value: 2,
+  },
+  {
+    label: "不限",
+    value: 3,
+  }
+]
+const statusLs = [
+  {
+    label: "启用",
+    value: 0,
+  },
+  {
+    label: "停用",
+    value: 1,
+  },
+
+]
 export default {
   components: {},
   name: "manage_cuser",
@@ -51,46 +77,13 @@ export default {
       form: {},
       selectionList: [],
       query: {},
+      search: {},
+      infoPages: Object.assign({}, pages),
+      infoData: [],
       loading: false,
       checkDialog: false,
       delayDialog: false,
       finishDialog: false,
-      option: {
-        height: "auto",
-        tip: false,
-        searchShow: true,
-        searchMenuSpan: 6,
-        border: true,
-        index: false,
-        selection: false,
-        addBtn: false,
-        viewBtn: false,
-        editBtn: false,
-        delBtn: false,
-        dialogClickModal: false,
-        dialogType: "drawer",
-        dialogFullscreen: true,
-        column: [
-          {
-            label: "账号",
-            prop: "account",
-            type: "input",
-            search: true,
-          },
-          {
-            label: "注册时间",
-            prop: "createTime",
-            type: "input",
-          },
-          {
-            label: "账号状态",
-            prop: "status",
-            type: "select",
-            slot: true,
-          },
-        ],
-      },
-      data: [],
     };
   },
   created() {
@@ -108,132 +101,141 @@ export default {
       });
       return ids;
     },
+    option() {
+      // {
+      //   "userId": "1298598161262571521",
+      //   "cityId": -1,
+      //   "sex": 1,
+      //   "header": "",
+      //   "nickName": "",
+      //   "idNumber": "",
+      //   "telphone": "17780870050",
+      //   "email": "",
+      //   "address": "",
+      //   "birthday": "1985-02-28T00:00:00",
+      //   "realName": "杜小彬",
+      //   "localAddress": "",
+      //   "createTime": "2020-08-26 20:28:23",
+      //   "status": 0,
+      //   "remarks": "",
+      //   "nation": "",
+      //   "politics": "",
+      //   "tokenUser": "",
+      //   "bankName": "",
+      //   "cardNumber": "",
+      //   "authValue": "",
+      //   "bakValue": -1,
+      //   "authCount": -1,
+      //   "skillName": "维修电工,家电维修"
+      // }
+      return {
+        ...baseOptions,
+        column: [
+          {
+            label: "真实姓名",
+            prop: "realName",
+            search: true,
+          },
+          {
+            label: "性别",
+            prop: "sex",
+            type: 'select',
+            dicData: sexLs,
+          },
+          {
+            label: "手机号",
+            prop: "telphone",
+            search: true,
+          },
+          {
+            label: "技能",
+            prop: "skillName",
+          },
+          {
+            label: "注册时间",
+            prop: "createTime",
+          },
+          {
+            label: "账号状态",
+            prop: "status",
+            type: 'select',
+            dicData: statusLs,
+          },
+          {
+            label: "生日",
+            prop: "birthday",
+            hide: true,
+          },
+          {
+            label: "户籍所在地",
+            prop: "localAddress",
+            hide: true,
+          },
+          {
+            label: "身份证号码",
+            prop: "idNumber",
+            hide: true,
+          },
+          {
+            label: "薪资",
+            prop: "wage",
+            hide: true,
+          },
+          {
+            label: "工作地址",
+            prop: "workplace",
+            hide: true,
+          }
+        ],
+      }
+    }
   },
   methods: {
-    rowEnable(row) {
-      const h = this.$createElement;
-      this.$confirm(
-        h("p", { style: "color: #F56C6C" }, "启用账号后即可操作系统"),
-        "您确定要启用此账号吗？",
-        {
-          confirmButtonText: "确定",
-          cancelButtonText: "取消",
-          type: "warning",
-          center: true,
-        }
-      )
-        .then(() => {
-          this.loading = true;
-          open(row.account)
-            .then((resp) => {
-              this.$message({
-                type: "success",
-                message: resp.data.msg,
-              });
-              this.getData(this.query);
-            })
-            .catch(() => {
-              this.loading = false;
-            });
-        })
-        .catch(() => {});
-    },
-    rowDisable(row) {
-      const h = this.$createElement;
-      this.$confirm(
-        h("p", { style: "color: #F56C6C" }, "一旦停用不可操作系统"),
-        "您确定要停用此账号吗？",
-        {
-          confirmButtonText: "确定",
-          cancelButtonText: "取消",
-          type: "warning",
-          center: true,
-        }
-      )
-        .then(() => {
-          this.loading = true;
-          close(row.account)
-            .then((resp) => {
-              this.$message({
-                type: "success",
-                message: resp.data.msg,
-              });
-              this.getData(this.query);
-            })
-            .catch(() => {
-              this.loading = false;
-            });
-        })
-        .catch(() => {});
-    },
-    rowRemove(row) {
-      const h = this.$createElement;
-      this.$confirm(
-        h("p", { style: "color: #F56C6C" }, ""),
-        "您确定要删除此账号吗？",
-        {
-          confirmButtonText: "确定",
-          cancelButtonText: "取消",
-          type: "warning",
-          center: true,
-        }
-      )
-        .then(() => {
-          this.loading = true;
-          remove(row.account)
-            .then((resp) => {
-              this.$message({
-                type: "success",
-                message: resp.data.msg,
-              });
-              this.getData(this.query);
-            })
-            .catch(() => {
-              this.loading = false;
-            });
-        })
-        .catch(() => {});
-    },
-    searchReset() {
-      this.query = {};
-      this.getData();
-    },
-    searchChange(params, done) {
-      this.query = params;
-      this.getData(params);
-      done();
-    },
-    selectionChange(list) {
-      this.selectionList = list;
-    },
-    selectionClear() {
-      this.selectionList = [];
-      this.$refs.crud.toggleSelection();
-    },
-    beforeOpen(done) {
-      done();
-    },
-    beforeClose(done) {
-      done();
-    },
     refreshChange() {
-      this.getData(this.query);
+      this.getData(this.search);
     },
-    getData(params = {}) {
-      if (params.account) {
+    searchChange(values, done) {
+      this.search = values;
+      this.getData().then(() => done())
+    },
+    resetChange() {
+      this.search = {}
+      this.getData()
+    },
+    sizeChange(size) {
+      this.infoPages.size = size
+      this.getData()
+    },
+    currentChange(page) {
+      this.infoPages.page = page
+      this.getData()
+    },
+    getData(values) {
+      return new Promise(async (resolve, reject) => {
         this.loading = true;
-        getList(params.account)
-          .then((res) => {
-            const data = res.data.data;
-            this.data = data;
-            this.loading = false;
-          })
-          .catch(() => {
-            this.loading = false;
-          });
-      } else {
-        this.data = [];
-      }
+        let params = {
+          ...this.search,
+          size: this.infoPages.size,
+          current: this.infoPages.currentPage,
+        }
+        // if( Array.isArray(this.search.date) &&  this.search.date.length ) {
+        //   const [stime, etime] =  this.search.date
+        //   params.stime = dateFormat(stime, "yyyy-MM-dd")
+        //   params.etime = dateFormat(etime, "yyyy-MM-dd")
+        //   delete params.date
+        // }
+        let resData = await getList(params)
+        if (resData.data.code === 200) {
+          const {records, current, total, size} = resData.data.data
+          this.infoData = records
+          this.infoPages = {...this.infoPages, currentPage: current, total, size}
+          this.loading = false;
+          resolve(records)
+        } else {
+          this.loading = false;
+          reject()
+        }
+      })
     },
   },
 };

From 0fb5b70df5ccbe8f566fd718c661115d8e7b1704 Mon Sep 17 00:00:00 2001
From: Apcallover <1503963513@qq.com>
Date: Wed, 17 Apr 2024 09:58:09 +0800
Subject: [PATCH 2/4] flat: 123

---
 src/router/router.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/router/router.js b/src/router/router.js
index ad5eb94..38e7e23 100644
--- a/src/router/router.js
+++ b/src/router/router.js
@@ -17,8 +17,8 @@ Vue.use(VueRouter);
 //创建路由
 export const createRouter = () =>
   new VueRouter({
-    mode: 'history',
-    // https://router.vuejs.org/zh/guide/advanced/scroll-behavior.html#%E5%BC%82%E6%AD%A5%E6%BB%9A%E5%8A%A8
+    // mode: 'history',
+    // https://router.vquejs.org/zh/guide/advanced/scroll-behavior.html#%E5%BC%82%E6%AD%A5%E6%BB%9A%E5%8A%A8
     // 这个方法 是控制滚动条
     // 如果 retuen falsy || {} ,则不发生滚动
     scrollBehavior(to, from, savedPosition) {

From 2af2fef129284c8b0c2637f8f6a5c76e10c47ade Mon Sep 17 00:00:00 2001
From: 18500206848 <liyanspace@163.com>
Date: Wed, 17 Apr 2024 10:06:50 +0800
Subject: [PATCH 3/4] 11

---
 vue.config.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/vue.config.js b/vue.config.js
index daacde0..90ff354 100644
--- a/vue.config.js
+++ b/vue.config.js
@@ -23,7 +23,7 @@ module.exports = {
     port: 1888,
     proxy: {
       "/api": {
-        target: 'http://10.165.0.173:8000',
+        target: 'http://localhost:8000',
         ws: true,
         changeOrigin: true,
         pathRewrite: {

From 229714a2365ad199450c64a2188a43dd7bd4e93a Mon Sep 17 00:00:00 2001
From: 18500206848 <liyanspace@163.com>
Date: Wed, 17 Apr 2024 12:09:18 +0800
Subject: [PATCH 4/4] =?UTF-8?q?=E6=96=B0=E5=A2=9E=E9=9B=B6=E5=B7=A5?=
 =?UTF-8?q?=E4=BA=BA=E5=91=98=E7=AE=A1=E7=90=86=E3=80=81=E9=9B=B6=E5=B7=A5?=
 =?UTF-8?q?=E4=BA=BA=E5=91=98=E7=99=BB=E5=BD=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/common/dic.js                             |  12 +-
 src/views/manage/cuser/{ => online}/index.vue |   0
 .../manage/cuser/talents/Dialog/addGroups.vue | 146 +++
 .../cuser/talents/Dialog/transferGroups.vue   | 110 ++
 src/views/manage/cuser/talents/index.vue      | 938 ++++++++++++++++++
 5 files changed, 1200 insertions(+), 6 deletions(-)
 rename src/views/manage/cuser/{ => online}/index.vue (100%)
 create mode 100644 src/views/manage/cuser/talents/Dialog/addGroups.vue
 create mode 100644 src/views/manage/cuser/talents/Dialog/transferGroups.vue
 create mode 100644 src/views/manage/cuser/talents/index.vue

diff --git a/src/common/dic.js b/src/common/dic.js
index 2c2de4f..a27f1ad 100644
--- a/src/common/dic.js
+++ b/src/common/dic.js
@@ -355,17 +355,17 @@ export const serviceType = [
 ];
 
 export const recruitStatus = [
-  { value: 9, label: "已驳回" },
-  { value: 8, label: "关闭" },
-  { value: 1, label: "通过" },
   { value: 0, label: "未审核" },
+  { value: 1, label: "通过" },
+  { value: 8, label: "关闭" },
+  { value: 9, label: "已驳回" },
 ];
 export const dataSourcesEnum = [
   // { value: -1, label: "总集数据中心" },
-  { value: 1, label: "总集数据中心" },
-  { value: 2, label: "我的招工" },
+  { value: 1, label: "数据共享中心" },
+  { value: 2, label: "企业发布" },
   { value: 3, label: "社区发布" },
-  { value: 4, label: "爬取" },
+  { value: 4, label: "互联网采集" },
 ]
 export  const companyEnum = [
   { value: 1,	label: "机关/事业单位" },
diff --git a/src/views/manage/cuser/index.vue b/src/views/manage/cuser/online/index.vue
similarity index 100%
rename from src/views/manage/cuser/index.vue
rename to src/views/manage/cuser/online/index.vue
diff --git a/src/views/manage/cuser/talents/Dialog/addGroups.vue b/src/views/manage/cuser/talents/Dialog/addGroups.vue
new file mode 100644
index 0000000..4598053
--- /dev/null
+++ b/src/views/manage/cuser/talents/Dialog/addGroups.vue
@@ -0,0 +1,146 @@
+<template>
+  <!-- 新建分组模板 -->
+  <el-dialog
+    :title="title"
+    append-to-body
+    :visible.sync="box"
+    :close-on-click-modal="false"
+    :close-on-press-escape="false"
+    @closed="closed"
+    width="555px"
+  >
+    <el-form
+      :model="form"
+      @submit.native.prevent
+      :rules="rules"
+      ref="groups"
+      label-position="right"
+      label-width="100px"
+    >
+      <el-form-item label="分组名称" prop="groupName">
+        <el-input v-model="form.groupName" placeholder="请输入 分组名称" size="small" :disabled="loading" maxlength="40" show-word-limit></el-input>
+      </el-form-item>
+    </el-form>
+    <div slot="footer" style="text-align:right">
+      <el-button
+        type="primary"
+        size="mini"
+        icon="el-icon-check"
+        @click="handleSubmit"
+        :loading="loading"
+      >提交</el-button>
+      <el-button size="mini" icon="el-icon-circle-close" @click=" box = false" :loading="loading">取消</el-button>
+    </div>
+  </el-dialog>
+</template>
+
+<script>
+import { addDept, updateDept } from "@/api/tenant/talents";
+export default {
+  data() {
+    return {
+      type: "",
+      title: "",
+      groupId: "",
+      loading: false,
+      box: false,
+      form: {
+        groupName: "",
+      },
+      rules: {
+        groupName: [
+          {
+            required: true,
+            whitespace: true,
+            message: "请填写分组名称",
+            trigger: "blur",
+          },
+        ],
+      },
+    };
+  },
+  watch: {},
+  computed: {},
+  methods: {
+    closed() {
+      this.form = {
+        groupName: "",
+      };
+      if (this.$refs.groups) {
+        this.$refs.groups.resetFields();
+      }
+      this.loading = false;
+    },
+    openDialog(type, data) {
+      this.type = type;
+      if (this.type === "add") {
+        this.title = "新建分组";
+        this.box = true;
+      } else if (this.type === "edit") {
+        this.title = "编辑分组";
+        this.groupId = data.id;
+        this.form.groupName = data.groupName;
+        this.box = true;
+      }
+    },
+    handleSubmit() {
+      if(this.form.groupName){
+        this.$refs.groups.validate(valid=>{
+          if(valid){
+            if (this.type === "add") {
+          //提交新建分组接口
+          this.loading = true;
+          addDept({
+            groupName: this.form.groupName,
+          }).then(
+            () => {
+              this.$message({
+                type: "success",
+                message: "操作成功!",
+              });
+              this.box = false;
+              this.$emit("refresh");
+              this.loading = false;
+            },
+            (error) => {
+              window.console.log(error);
+              this.loading = false;
+            }
+          );
+        } else if (this.type == "edit") {
+          //提交编辑分组接口
+          this.loading = true;
+          updateDept({
+            id: this.groupId,
+            groupName: this.form.groupName,
+          }).then(
+            () => {
+              this.$message({
+                type: "success",
+                message: "操作成功!",
+              });
+              this.box = false;
+              this.$emit("refresh");
+              this.loading = false;
+            },
+            (error) => {
+              window.console.log(error);
+              this.loading = false;
+            }
+          );
+        }
+          }
+          else{
+            this.$message.error('请输入分组名称');
+          }
+        })
+      }
+      
+    
+    },
+  },
+};
+</script>
+
+<style>
+</style>
\ No newline at end of file
diff --git a/src/views/manage/cuser/talents/Dialog/transferGroups.vue b/src/views/manage/cuser/talents/Dialog/transferGroups.vue
new file mode 100644
index 0000000..e8f3955
--- /dev/null
+++ b/src/views/manage/cuser/talents/Dialog/transferGroups.vue
@@ -0,0 +1,110 @@
+<template>
+  <!-- 转移分组模板 -->
+  <el-dialog
+    :title="title"
+    append-to-body
+    :visible.sync="box"
+    :close-on-click-modal="false"
+    :close-on-press-escape="false"
+    @closed="closed"
+    width="555px"
+  >
+    <avue-form ref="groups" :option="option" v-model="form" @submit="handleSubmit">
+      <template slot="menuForm" slot-scope="{disabled}">
+        <!-- <el-button type="primary" icon="el-icon-check" @click="copy" :disabled="formLoading">提交</el-button> -->
+        <el-button icon="el-icon-circle-close" @click="box = false" :loading="disabled">取消</el-button>
+      </template>
+    </avue-form>
+  </el-dialog>
+</template>
+
+<script>
+import { transferDept } from "@/api/tenant/talents";
+export default {
+  props: {
+    ids: String,
+  },
+  data() {
+    return {
+      title: "",
+      groupId: "",
+      box: false,
+      form: {},
+      option: {
+        menuPosition: "right",
+        menuBtn: true,
+        submitBtn: true,
+        emptyBtn: false,
+        column: [
+          {
+            label: "所属分组",
+            prop: "groupId",
+            type: "tree",
+            span: 24,
+            display: true,
+            dicUrl: `/api/jobslink-api/tenant/talents/group/listAll?groupType=0`,
+            dicMethod: "get",
+            dicFormatter: (res) => {
+              return res.data.list; //返回字典的层级结构
+            },
+            props: {
+              label: "groupName",
+              value: "id",
+            },
+            rules: [
+              {
+                required: true,
+                whitespace: true,
+                message: "请选择分组",
+                trigger: "change",
+              },
+            ],
+            placeholder: "请选择分组",
+          },
+        ],
+      },
+    };
+  },
+  computed: {},
+  methods: {
+    closed() {
+      this.form = {};
+      if (this.$refs.groups) {
+        this.$refs.groups.init();
+        this.$refs.groups.clearValidate();
+        this.$refs.groups.resetForm();
+      }
+    },
+    openDialog() {
+      this.title = "转移分组";
+      this.box = true;
+      if (this.$refs.groups) {
+        this.$refs.groups.init();
+        this.$refs.groups.clearValidate();
+        this.$refs.groups.resetForm();
+      }
+    },
+    handleSubmit(form, done) {
+      //提交转移分组接口
+      transferDept(this.form.groupId, this.ids).then(
+        () => {
+          this.box = false;
+          this.$message({
+            type: "success",
+            message: "操作成功!",
+          });
+          this.$emit("refresh");
+          done();
+        },
+        (error) => {
+          window.console.log(error);
+          done();
+        }
+      );
+    },
+  },
+};
+</script>
+
+<style>
+</style>
diff --git a/src/views/manage/cuser/talents/index.vue b/src/views/manage/cuser/talents/index.vue
new file mode 100644
index 0000000..6effbea
--- /dev/null
+++ b/src/views/manage/cuser/talents/index.vue
@@ -0,0 +1,938 @@
+<template>
+  <el-row>
+    <el-col :span="5">
+      <basic-container>
+        <!-- <el-collapse v-model="activeNames">
+          <el-collapse-item name="1" disabled="true">
+        <template slot="title">-->
+        <!-- <p>全部（{{ personTotal }}人）</p> -->
+        <p>人群分组管理</p>
+        <!-- </template> -->
+        <div class="box" :style="{ height: leftHeight }">
+          <el-scrollbar style="height: 100%">
+            <el-tree ref="tree" node-key="id" highlight-current :expand-on-click-node="false" @node-click="nodeClick"
+              :data="treeData" :props="props">
+              <span class="custom-tree-node" slot-scope="{ node, data }" style="width: 80%">
+                <!-- <el-tooltip class="item" effect="dark" :content="node.label" placement="top"> -->
+                <TextTooltip :content="`${node.label}(${data.sumNum}人)`" length="10" tip-width="10"></TextTooltip>
+                <!-- </el-tooltip> -->
+                <span v-show="data.id && data.id !== '0'" style="flex-basis: 20%">
+                  <el-button type="text" icon="el-icon-edit" size="mini"
+                             v-if="vaildData(permission.tenant_main_talents_latent_index_groupedit, false)"
+                             @click="() => updateGroups('edit', data)">
+                  </el-button>
+                  <el-button icon="el-icon-delete" type="text" size="mini"
+                             v-if="vaildData(permission.tenant_main_talents_latent_index_groupdelete, false)"
+                             @click="() => removeGroups(data)">
+                  </el-button>
+                </span>
+              </span>
+            </el-tree>
+            <!-- v-show="vaildData(permission.tenant_wage_payroll_view, false)" -->
+            <div class="footer" style="padding-left: 6px">
+              <el-button type="text" icon="el-icon-plus"
+                         v-if="vaildData(permission.tenant_main_talents_latent_index_groupadd, false)"
+                         @click="updateGroups('add')">新建分组</el-button>
+            </div>
+          </el-scrollbar>
+        </div>
+        <!-- </el-collapse-item>
+        </el-collapse>-->
+      </basic-container>
+      <!-- <div>
+            <el-button type="text" icon="el-icon-setting" @click="drawer = true">分组管理</el-button>
+      </div>-->
+    </el-col>
+    <el-col :span="19">
+      <basic-container>
+        <!--搜索栏-->
+        <el-form size="small" label-position="right" :inline="true" style="padding-left: 10px; padding-right: 10px">
+          <el-row :span="24">
+            <el-form-item label="姓名:">
+              <el-input v-model="query.name" placeholder="姓名" clearable></el-input>
+            </el-form-item>
+            <el-form-item label="身份证:">
+              <el-input v-model="query.idNumber" placeholder="请输入身份证" clearable></el-input>
+            </el-form-item>
+
+            <div class="searchBtn">
+              <el-button type="primary" size="small" icon="el-icon-search" @click="searchChange1">搜 索</el-button>
+              <el-button size="small" icon="el-icon-delete" @click="searchReset1">清 空</el-button>
+            </div>
+          </el-row>
+        </el-form>
+        <!--/搜索栏-->
+        <avue-crud :option="option" :table-loading="loading" :data="data" :page.sync="page" ref="crud" v-model="obj"
+          :permission="permissionList" :before-open="beforeOpen" @row-del="rowDel" @row-update="rowUpdate"
+          @row-save="rowSave" @search-change="searchChange" @search-reset="searchReset"
+          @selection-change="selectionChange" @current-change="currentChange" @size-change="sizeChange"
+          @refresh-change="refreshChange" class="customPage">
+          <!--自定义列-->
+          <template slot="labelsBase" slot-scope="{ row }">
+            <el-tooltip effect="dark" placement="top">
+              <div slot="content" v-for="(item,index) in row.labelsBaseArr" :key="index">{{ item }}<br/></div>
+              <div>{{ row.labelsBase | ellipsis }}</div>
+            </el-tooltip>
+          </template>
+          <template slot="resume" slot-scope="{ row }">
+            <div>
+              <el-button type="text" size="mini" @click="$refs.resume.openDialog(row)"
+                v-if="row.userId && row.userId !== '0'">查看简历</el-button>
+              <div v-else>暂无简历</div>
+            </div>
+          </template>
+          <!--/自定义列-->
+          <template slot="labelsBaseForm">
+            <tag-select v-model="selectedWorkTypes" :prop="{ label: 'name', value: 'name' }" :data="arr">
+            </tag-select>
+          </template>
+          <!--自定义按钮-->
+          <template slot="menuLeft">
+            <el-button type="success" size="small" plain icon="el-icon-plus" @click="handleImport"
+              v-show="vaildData(permission.tenant_main_talents_latent_index_add, false)">批量导入</el-button>
+            <el-button type="warning" size="small" plain :disabled="!selectionList.length" icon="el-icon-sort"
+              @click="handleTransfer" v-show="vaildData(permission.tenant_main_talents_latent_index_tansfergroup, false)">转移分组</el-button>
+            <el-button type="danger" size="small" icon="el-icon-delete" @click="handleDelete"
+              :disabled="!selectionList.length" plain  v-show="vaildData(permission.tenant_main_talents_latent_index_tansfergroup, false)">
+              删除</el-button>
+          </template>
+          <template slot="name" slot-scope="{row}">
+            <span>{{ row.name }}</span>
+            <!-- <span v-if="row.status == 1">{{ row.name }}</span>
+            <span v-else>{{ row.name }}（<span style="color: red;">未实名</span>）</span> -->
+
+          </template>
+          <!--/自定义按钮-->
+        </avue-crud>
+
+        <!--批量导入-->
+        <el-dialog title="导入" append-to-body :visible.sync="excelBox" :close-on-click-modal="false" width="555px">
+          <avue-form :option="excelOption" v-model="excelForm" :upload-after="uploadAfter"
+            :upload-before="beforeAvatarUpload" :upload-error="uploadError">
+            <template slot="excelTemplate">
+              <el-button type="primary" @click="handleTemplate()" :loading="templateLoading">
+                点击下载
+                <i class="el-icon-download el-icon--right"></i>
+              </el-button>
+            </template>
+          </avue-form>
+        </el-dialog>
+        <!--/批量导入-->
+        <!--新建 编辑分组dialog-->
+        <add-groups ref="addGroups" @refresh="refresh" :treeData="treeData"></add-groups>
+        <!--转移分组dialog-->
+        <transfer-groups ref="transferGroups" @refresh="refresh" :ids="ids"></transfer-groups>
+        <!--/转移分组dialog-->
+        <resume ref="resume" v-show="false"></resume>
+      </basic-container>
+      <ied ref="ied"></ied>
+    </el-col>
+  </el-row>
+</template>
+
+<script>
+import {
+  getList,
+  remove,
+  update,
+  add,
+  detail,
+  getDept,
+  removeDept,
+  upload,
+} from "@/api/tenant/talents";
+import { getWorkTypes, getLabelList } from "@/api/tenant/common";
+import { mapGetters } from "vuex";
+import addGroups from "./Dialog/addGroups";
+import transferGroups from "./Dialog/transferGroups";
+import Resume from "@/components/resume/index";
+import { check18IdCardNo, isvalidatemobile, isExcel } from "@/util/validate";
+import { getTemplate } from "@/api/resource/template";
+import ied from "@/views/util/import-error-dialog";
+import { excelAccept } from "@/common/accept";
+import TextTooltip from '@/components/text-tooltip'
+
+export default {
+  filters: {
+    ellipsis(value) {
+      if (!value) return "";
+      if (value.length > 15) {
+        return value.slice(0, 14) + "...";
+      }
+      return value;
+    },
+  },
+  name: "tenant_talents",
+  data() {
+    return {
+      activeNames: "1",
+      isIndeterminate: false,
+      checkAll: false,
+      checked: false,
+      selectionList: [],
+      loading: true,
+      templateLoading: false,
+      query: {},
+      props: {
+        label: "groupName",
+        id: "id",
+      },
+      personTotal: 0,
+      treeData: [],
+      tenantId: "",
+      page: {
+        pageSize: 10,
+        currentPage: 1,
+        total: 0,
+      },
+      tempWorkType: [],
+      worktypeDic: {},
+      arr: [],//////
+
+      excelBox: false,
+      data: [],
+      obj: {},
+      excelForm: { isCovered: 1 },
+    };
+  },
+  components: { addGroups, transferGroups, Resume, ied, TextTooltip },
+  watch: {},
+  computed: {
+    ...mapGetters(["permission"]),
+    permissionList() {
+      return {
+        addBtn: this.vaildData(this.permission.tenant_main_talents_latent_index_add, false),
+        viewBtn: true,
+        delBtn: this.vaildData( this.permission.tenant_main_talents_latent_index_del, false),
+        editBtn: this.vaildData(this.permission.tenant_main_talents_latent_index_edit, false),
+      };
+    },
+    ids() {
+      let ids = [];
+      this.selectionList.forEach((ele) => {
+        ids.push(ele.id);
+      });
+      return ids.join(",");
+    },
+    leftHeight: function () {
+      //获取高度值
+      if (document.getElementsByClassName("avue-crud__pagination")[0]) {
+        let pageHeight = document.getElementsByClassName(
+          "avue-crud__pagination"
+        )[0].offsetTop;
+        return pageHeight - 105 + "px";
+      } else {
+        return 725 + "px";
+      }
+    },
+    option() {
+      const self = this;
+      const IdCardNo = (rule, value, callback) => {
+        // if (check18IdCardNo(value)) {
+        callback();
+        // } else {
+        //   callback(new Error("身份证格式不正确"));
+        // }
+      };
+      const validateTel = (rule, value, callback) => {
+        if (isvalidatemobile(value)[0]) {
+          callback(new Error(isvalidatemobile(value)[1]));
+        } else {
+          callback();
+        }
+      };
+      return {
+        height: "auto",
+        dialogWidth: "50%",
+        calcHeight: 180,
+        align: "center",
+        menuAlign: "center",
+        tip: false,
+        columnBtn: false,
+        searchBtn: true,
+        searchShow: true,
+        viewBtn: true,
+        searchMenuSpan: 6,
+        border: true,
+        index: false,
+        indexLabel: "序号",
+        selection: true,
+        dialogType: "drawer",
+        dialogClickModal: false,
+        column: [
+          {
+            label: "机构名称",
+            prop: "companyName",
+            // search: true,
+            // span: 24,
+            // rules: [
+            //   {
+            //     required: true,
+            //     whitespace: true,
+            //     message: "请输入街道名称",
+            //     trigger: "blur",
+            //   },
+            // ],
+            // slot: true,
+            addDisplay: false,
+            // hide: true
+          },
+          {
+            label: "姓名",
+            prop: "name",
+            // search: true,
+            span: 24,
+            rules: [
+              {
+                required: true,
+                whitespace: true,
+                message: "请输入姓名",
+                trigger: "blur",
+              },
+            ],
+            slot: true
+          },
+          {
+            label: "身份证",
+            prop: "idNumber",
+            // hide: true,
+            span: 24,
+            rules: [
+              { required: true, message: "请输入身份证号", trigger: "blur" },
+              { trigger: "blur", validator: IdCardNo },
+            ],
+          },
+          {
+            label: "手机号",
+            prop: "telphone",
+            span: 24,
+            hide: false,
+            rules: [
+              {
+                required: true,
+                validator: validateTel,
+                trigger: "blur",
+              },
+            ],
+          },
+          {
+            label: "用户类型",
+            prop: "userId",
+            type: "select",
+            dicData: [
+              {
+                value: "0",
+                label: "未注册用户",
+              },
+              {
+                value: "1",
+                label: "已注册用户",
+              },
+            ],
+            display: false,
+            hide: true,
+            // search: true
+          },
+          {
+            label: "分组",
+            prop: "groupId",
+            type: "tree",
+            span: 24,
+            display: true,
+            dicData: self.treeData,
+            props: {
+              label: "groupName",
+              value: "id",
+            },
+            rules: [
+              {
+                required: true,
+                message: "请选择分组",
+                trigger: "change",
+              },
+            ],
+            placeholder: "请选择 分组",
+          },
+          {
+            label: "标签名称",
+            prop: "labelsBase",
+            rules: [
+              {
+                required: true,
+                message: "请选择标签名称",
+                trigger: ["blur"],
+              },
+            ],
+            slot: true,
+            formslot: true,
+            span: 24,
+          },
+          // {
+          //   label: "简历",
+          //   prop: "resume",
+          //   slot: true,
+          //   display: false
+          // },
+          {
+            label: "备注",
+            prop: "remarks",
+            type: "textarea",
+            slot: true,
+            hide: true,
+            span: 24,
+            maxlength: 100,
+            showWordLimit: true,
+          },
+        ],
+      };
+    },
+    excelOption() {
+      const url = this.tenantId ? `${upload()}&id=${this.tenantId}` : upload()
+      return {
+        submitBtn: false,
+        emptyBtn: false,
+        column: [
+          {
+            label: "文件上传",
+            prop: "excelFile",
+            type: "upload",
+            drag: true,
+            loadText: "文件上传中，请稍等",
+            span: 24,
+            propsHttp: {
+              res: "data",
+            },
+            tip: "请上传 .xls,.xlsx 标准格式文件",
+            accept: excelAccept,
+            showFileList: false,
+            action: url,
+          },
+          {
+            label: "模板下载",
+            prop: "excelTemplate",
+            formslot: true,
+            span: 24,
+          },
+        ],
+      }
+    },
+    selectedWorkTypes: {
+      get() {
+        if (!this.obj.labelsBase) {
+          return [];
+        }
+        const result = [];
+        const wt = this.obj.labelsBase.split(",");
+        wt.forEach((item) => {
+          result.push({ name: item });
+        });
+        return result;
+      },
+      set(val) {
+        const arr = [];
+        val.forEach((item) => {
+          arr.push(item.name);
+        });
+        this.obj.labelsBase = arr.join(",");
+      },
+    },
+    worktypeData() {
+      let rel = [];
+      for (let j = 0; j < this.arr.length; j++) {
+        const key = this.arr[j];
+        if (this.worktypeDic.hasOwnProperty(key)) {
+          rel.push({ name: key })
+        }
+      }
+      /* for (const key in this.worktypeDic) {
+         if (this.worktypeDic.hasOwnProperty(key)) {
+           rel.push({ name: key });
+         }
+       }*/
+      for (let i = 0; i < this.tempWorkType.length; i++) {
+        const key = this.tempWorkType[i];
+        if (key && !this.worktypeDic.hasOwnProperty(key)) {
+          rel.push({ name: key });
+        }
+      }
+      return rel;
+    },
+  },
+  created() {
+    this.initDept();
+    // this.getWorkTypes();
+    this.getLabelList();
+  },
+  methods: {
+    getWorkTypes() {
+
+      getWorkTypes().then((res) => {
+
+        for (let i = 0; i < res.data.data.length; i++) {
+          const element = res.data.data[i];
+          this.worktypeDic[element.name] = 1;
+          this.arr.push(element.name)
+
+        }
+      });
+    },
+    getLabelList() {
+      getLabelList().then(async (res) => {
+        const arr = res.data.data.flatMap(obj => obj.child.map(item => item.concatName));
+        this.arr = arr.map(concatName => {
+          return { name: concatName };
+        });
+      });
+    },
+    /*加载分组*/
+    initDept(groupId) {
+      getDept({groupType: 9}).then((res) => {
+        const data = res.data.data.list;
+        this.treeData = data;
+        let treeDataOne = {
+          companyId: "",
+          createTime: "",
+          groupName: "全部",
+          id: "",
+          remarks: "",
+          sort: '',
+          sumNum: res.data.data.sum,
+          type: '',
+        };
+        this.treeData.unshift(treeDataOne);
+        const column = this.findObject(this.option.column, "groupId");
+        column.dicData = this.treeData;
+        if (groupId) {
+          this.$nextTick(function () {
+            this.$refs.tree.setCurrentKey(groupId);
+          }); //默认高亮
+          this.nodeClick({ id: groupId });
+        } else {
+          if (this.treeData.length) {
+            this.$nextTick(function () {
+              this.$refs.tree.setCurrentKey(this.treeData[0].id);
+            }); //默认高亮第一个
+            this.nodeClick({ id: this.treeData[0].id });
+          }
+        }
+        this.personTotal = res.data.data.sum;
+        // this.onLoad();
+        //this.treeData.push(treeDataOne);
+        this.loading = false;
+      });
+    },
+    /*新建 编辑分组*/
+    updateGroups(type, data) {
+      this.$refs.addGroups.openDialog(type, data);
+    },
+    /*删除分组*/
+    removeGroups(data) {
+      //检验该分组是否存在人员,存在提示无法删除，不存在泽提示确定要删除此分组吗
+      const h = this.$createElement;
+      this.$confirm(
+        h("div", null, [
+          h("p", { style: "font-size: 16px" }, "您确定要删除此分组吗? "),
+          h("p", { style: "color: red" }, "一旦删除则无法找回"),
+        ]),
+        {
+          type: "warning",
+          showClose: false,
+          showCancelButton: true,
+          confirmButtonText: "确定",
+          cancelButtonText: "取消",
+          beforeClose: (action, instance, done) => {
+            if (action === "confirm") {
+              instance.confirmButtonLoading = true;
+              instance.cancelButtonLoading = true;
+              instance.closeOnPressEscape = false;
+              instance.closeOnClickModal = false;
+              setTimeout(() => {
+                done();
+                setTimeout(() => {
+                  instance.confirmButtonLoading = false;
+                  instance.cancelButtonLoading = false;
+                }, 300);
+              }, 1000);
+            } else {
+              done();
+            }
+          },
+        }
+      )
+        .then(() => {
+          removeDept(data.id).then(
+            () => {
+              this.$message({
+                type: "success",
+                message: "操作成功!",
+              });
+              this.refresh("del");
+            },
+            (error) => {
+              window.console.log(error);
+            }
+          );
+        })
+        .catch(() => {
+          // this.$message({
+          //   type: 'info',
+          //   message: '已取消'
+          // });
+        });
+    },
+    /*批量转移分组 */
+    handleTransfer() {
+      if (this.selectionList.length === 0) {
+        this.$message.warning("请选择至少一条数据");
+        return;
+      }
+      this.$refs.transferGroups.openDialog();
+    },
+    /*点击分组加载相应人才列表*/
+    nodeClick(data) {
+      this.tenantId = data.id ? data.id : "";
+      this.page.currentPage = 1;
+      this.onLoad(this.page, this.query);
+      // if (this.tenantId !== data.id) {
+
+      // } else {
+      //   return;
+      // }
+    },
+    /*新增 编辑 转移  删除分组 更新人才后*/
+    refresh(type) {
+      this.page.currentPage = 1;
+      this.query = {};
+      if (type === "del") {
+        //删除分组后重新选中分组为未分组
+        this.initDept();
+        this.onLoad(this.page, this.query);
+      } else {
+        this.initDept(this.tenantId);
+        this.onLoad(this.page, this.query);
+      }
+    },
+    /*获取人才详情 */
+    beforeOpen(done, type) {
+      if (["edit", "view", "add"].includes(type)) {
+        if (type === "edit" || type === "view") {
+          setTimeout(() => {
+            detail(this.obj.id).then(
+              (res) => {
+                this.obj = res.data.data;
+                this.tempWorkType = this.obj.labelsBase.split(",");
+                done();
+              },
+              (error) => {
+                window.console.log(error);
+              }
+            );
+          }, 0);
+        } else {
+          this.tempWorkType = [];
+          done();
+        }
+      }
+    },
+    /*新增人才*/
+    rowSave(row, done) {
+      add({
+        groupId: row.groupId,
+        name: row.name,
+        idNumber: row.idNumber,
+        telphone: row.telphone,
+        labelsBase: row.labelsBase,
+        remarks: row.remarks,
+      }).then(
+        () => {
+          this.$message({
+            type: "success",
+            message: "操作成功!",
+          });
+          done();
+          this.refresh();
+        },
+        (error) => {
+          window.console.log(error);
+          done();
+        }
+      );
+    },
+    /*编辑人才*/
+    rowUpdate(row, index, done) {
+      update({
+        id: row.id,
+        groupId: row.groupId,
+        name: row.name,
+        idNumber: row.idNumber,
+        telphone: row.telphone,
+        labelsBase: row.labelsBase,
+        remarks: row.remarks,
+      }).then(
+        () => {
+          done();
+          this.$message({
+            type: "success",
+            message: "操作成功!",
+          });
+          this.refresh();
+        },
+        (error) => {
+          window.console.log(error);
+          done();
+        }
+      );
+    },
+    /*删除人才 */
+    rowDel(row) {
+      const h = this.$createElement;
+      this.$confirm(
+        h("div", null, [
+          h("p", { style: "font-size: 16px" }, "您确定要删除此人才吗? "),
+          h("p", { style: "color: red" }, "一旦删除则无法找回"),
+        ]),
+        {
+          type: "warning",
+          showClose: false,
+          showCancelButton: true,
+          confirmButtonText: "确定",
+          cancelButtonText: "取消",
+          beforeClose: (action, instance, done) => {
+            if (action === "confirm") {
+              instance.confirmButtonLoading = true;
+              instance.cancelButtonLoading = true;
+              instance.closeOnPressEscape = false;
+              instance.closeOnClickModal = false;
+              setTimeout(() => {
+                done();
+                setTimeout(() => {
+                  instance.confirmButtonLoading = false;
+                  instance.cancelButtonLoading = false;
+                }, 300);
+              }, 1000);
+            } else {
+              done();
+            }
+          },
+        }
+      )
+        .then(() => {
+          remove(row.id).then(
+            () => {
+              this.$message({
+                type: "success",
+                message: "操作成功!",
+              });
+              this.refresh();
+            },
+            (error) => {
+              window.console.log(error);
+            }
+          );
+        })
+        .catch(() => {
+          // this.$message({
+          //   type: 'info',
+          //   message: '已取消'
+          // });
+        });
+    },
+    /*批量删除人才*/
+    handleDelete() {
+      if (this.selectionList.length === 0) {
+        this.$message.warning("请选择至少一条数据");
+        return;
+      }
+      const h = this.$createElement;
+      this.$confirm(
+        h("div", null, [
+          h("p", { style: "font-size: 16px" }, "您确定要批量删除选中人才吗? "),
+        ]),
+        {
+          type: "warning",
+          showClose: false,
+          showCancelButton: true,
+          confirmButtonText: "确定",
+          cancelButtonText: "取消",
+          beforeClose: (action, instance, done) => {
+            if (action === "confirm") {
+              instance.confirmButtonLoading = true;
+              instance.cancelButtonLoading = true;
+              instance.closeOnPressEscape = false;
+              instance.closeOnClickModal = false;
+              setTimeout(() => {
+                done();
+                setTimeout(() => {
+                  instance.confirmButtonLoading = false;
+                  instance.cancelButtonLoading = false;
+                }, 300);
+              }, 1000);
+            } else {
+              done();
+            }
+          },
+        }
+      )
+        .then(() => {
+          remove(this.ids).then(
+            () => {
+              this.$message({
+                type: "success",
+                message: "操作成功!",
+              });
+              this.onLoad(this.page);
+              this.$refs.crud.toggleSelection();
+            },
+            (error) => {
+              window.console.log(error);
+            }
+          );
+        })
+        .catch(() => {
+          // this.$message({
+          //   type: 'info',
+          //   message: '已取消'
+          // });
+        });
+    },
+    /*导入人才库*/
+    beforeAvatarUpload(file, done, loading) {
+      console.log(file)
+      if (!isExcel(file)) {
+        loading();
+        this.$message.error("上传人才库信息只能是 .xls,.xlsx 标准格式文件!");
+      } else {
+        done();
+      }
+    },
+    uploadAfter(res, done) {
+      if (!(res instanceof Error) && !res.data) {
+        this.excelBox = false;
+      } else if (res.data && res.data.code === 900) {
+        const arr = [];
+        const data = res.data.data;
+        data.error &&
+          data.error.errorList.forEach((item) => {
+            arr.push(`${item.name} ${item.remarks}`);
+          });
+        data.auth &&
+          data.auth.authList.forEach((item) => {
+            arr.push(`${item.name} ${item.remarks}`);
+          });
+        this.$refs.ied.show(arr);
+      }
+      this.refreshChange();
+      this.initDept(this.tenantId);
+      done();
+    },
+    uploadError(error) {
+      if (error) {
+        this.$message.error(error);
+      }
+    },
+    handleImport() {
+      this.excelBox = true;
+    },
+    /*下载人才库模板 */
+    handleTemplate() {
+      this.templateLoading = true;
+      getTemplate("rqkdr")
+        .then((rep) => {
+          this.templateLoading = false;
+          window.open(rep.data.data);
+        })
+        .catch(() => {
+          this.templateLoading = false;
+        });
+    },
+    /*人才列表切换页码 */
+    currentChange(currentPage) {
+      this.page.currentPage = currentPage;
+      this.refreshChange();
+    },
+    sizeChange(pageSize) {
+      this.page.pageSize = pageSize;
+      this.refreshChange();
+    },
+    refreshChange() {
+      this.onLoad(this.page, this.query);
+    },
+    /*搜索 */
+    searchReset() {
+      this.query = {};
+      this.onLoad(this.page);
+    },
+    searchChange(params, done) {
+      this.query = params;
+      this.page.currentPage = 1;
+      this.onLoad(this.page, params);
+      done();
+    },
+    searchReset1() {
+      this.query = {};
+      this.onLoad(this.page);
+    },
+    searchChange1() {
+      this.page.currentPage = 1;
+      this.onLoad(this.page, this.query);
+    },
+    /*人才列表多选 */
+    selectionChange(list) {
+      this.selectionList = list;
+    },
+    selectionClear() {
+      this.selectionList = [];
+      this.$refs.crud.toggleSelection();
+    },
+    /*加载人才列表 */
+    onLoad(page, params = {}) {
+      const paramsd = {
+        ...params,
+        ...this.query,
+        groupType: 9
+      }
+      this.loading = true;
+      getList(
+        page.currentPage,
+        page.pageSize,
+        paramsd,
+        this.tenantId
+      ).then((res) => {
+        res.data.data.records.forEach(item => {
+          item.labelsBaseArr = item.labelsBase.split(',');
+        })
+        const data = res.data.data;
+        this.page.total = data.total;
+        this.data = data.records;
+        this.loading = false;
+        this.selectionClear();
+      });
+    },
+  },
+};
+</script>
+
+<style scoped>
+.el-tree {
+  font-size: 14px;
+}
+
+.custom-tree-node {
+  flex: 1;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  font-size: 14px;
+  padding-right: 8px;
+}
+
+.el-form-item {
+  margin-bottom: 18px;
+  padding: 0 10px;
+}
+
+.searchBtn {
+  display: inline-block;
+  margin-bottom: 18px;
+}
+</style>