cnhis-design-vue 2.2.3 → 2.2.5

package/packages/select-person/select-person.vue

@@ -1,1736 +0,0 @@
-<template>
-  <div class="personnel">
-    <a-spin :spinning="spinning">
-      <div class="people-tree">
-        <!-- 树主体与检索 -->
-        <div class="people-tree-item people-tree-left">
-          <!-- $t('1.1.1.5.1') -->
-          <a-input-search style="margin-bottom: 12px" :placeholder="searchPlaceholder" :enter-button="searchButtonText" :allowClear="true" @search="searchClick" v-model="title" class="person-search">
-            <!-- <a-icon slot="prefix" type="search" class="search-input-icon" /> -->
-            <!-- <svg-icon
-              slot="prefix"
-              class="search-input-icon"
-              iconClass="xitongtubiaosousuo"
-            ></svg-icon> -->
-          </a-input-search>
-          <div class="type-wrap" v-if="selectType === 'multiple'">
-            <div class="type-btn" :class="{ 'type-active': typeActiveIndex === 0 }" @click="onTypeClick(0)">选人员</div>
-            <div class="type-btn" :class="{ 'type-active': typeActiveIndex === 1 }" @click="onTypeClick(1)">选科室</div>
-            <div class="type-btn" :class="{ 'type-active': typeActiveIndex === 2 }" @click="onTypeClick(2)">选角色</div>
-          </div>
-          <div class="tree-wrap">
-            <template v-if="!isSingleCheck">
-              <a-checkbox v-if="searchTreeVisable" v-model="searchChecked" :indeterminate="searchIndeterminate" @change="radioChange">
-                <!-- {{ $t("1.10.139") }} -->
-                全选
-              </a-checkbox>
-
-              <a-checkbox v-else v-model="singleChecked" :indeterminate="indeterminate" @change="radioChange">
-                <!-- {{ $t("1.10.139") }} -->
-                全选
-              </a-checkbox>
-            </template>
-
-            <div v-show="search.status == 3 || (search.status == 0 && treeData.temp && treeData.temp.length == 0)" class="no-data-tips">
-              查无结果
-            </div>
-            <!-- main tree -->
-            <a-tree
-              class="main-tree-container"
-              v-show="search.status == 0"
-              ref="antTree"
-              v-model="checkedKeys.temp"
-              @expand="onExpand"
-              @check="onTreeCheck"
-              checkable
-              :expandedKeys="expandedKeys"
-              :autoExpandParent="autoExpandParent"
-              :checkStrictly="checkStrictly"
-              :selectable="false"
-              :treeData="treeData.temp"
-              :load-data="getLoadChildData"
-              :disabled="isDetail"
-            >
-              <template slot="custom" slot-scope="scope">
-                <span v-if="scope.isLeaf">
-                  <a-tooltip :title="`${scope.title} ${scope.sub_title}`" :mouseEnterDelay="0.3">
-                    <span class="c-title">{{ scope.title || scope.key }}&thinsp; </span>
-                    <span class="c-sub-title">{{ scope.sub_title }}</span>
-                  </a-tooltip>
-                </span>
-                <span v-else class="p-title">
-                  <span v-if="scope.title">{{ scope.title }}</span>
-                  <span v-else>{{ scope.key }}</span>
-                  {{ treeCount(scope.count) }}
-                </span>
-              </template>
-            </a-tree>
-            <!-- search tree -->
-            <searchTree
-              v-on="$listeners"
-              ref="searchTree"
-              :visable="searchTreeVisable"
-              :formatTreeData="treeData.search"
-              :searchValue="searchValue"
-              :allCheckedKeys="checkedKeys"
-              :defaultExpandedKeys="search.defaultExpandedKeys"
-              :dataListKeys="search.dataListKeys"
-              :searchNoMore="searchNoMore"
-              :loadMorenLoadinng="loadMorenLoadinng"
-              @addCheckedkeysMain="addCheckedkeysMain"
-              @removeCheckedkeysMain="removeCheckedkeysMain"
-              @addCheckedkeysOther="addCheckedkeysOther"
-              @removeCheckedkeysOther="removeCheckedkeysOther"
-              @searchOnloadMore="searchOnloadMore"
-            ></searchTree>
-          </div>
-        </div>
-        <!-- 树已选的数据 -->
-        <div class="select-wrap">
-          <div class="select-header" v-if="(defaultShowList && defaultShowList.length) || checkedTreeItem.length">
-            <div class="select-count" v-if="showCount">已选择：{{ defaultShowList.length + checkedTreeItem.length }}</div>
-            <div class="clear-btn" @click="onClearSelect" v-if="showClear">清空</div>
-          </div>
-          <div class="select-content">
-            <slot v-if="defaultShowList && defaultShowList.length">
-              <div class="tag-item def-item" v-for="(tag, i) in defaultShowList" :key="i">
-                <span class="tag-text" :title="tag.title || tag[wordbookChild.user_name_obj]">{{ tag.title || tag[wordbookChild.user_name_obj] }}</span>
-                <a-icon v-if="!isDetail" class="tag-close" type="close-circle" theme="filled" @click="closeDefaultTag(tag, i)" />
-                <!-- <svg-icon
-                  v-if="!isDetail"
-                  class="tag-close"
-                  :icon-class="'xitongtubiaodaohangtubiaoguanbishixin'"
-                  @click="closeDefaultTag(tag, i)"
-                ></svg-icon> -->
-              </div>
-            </slot>
-
-            <div class="tag-item" :class="{ isRoot: !tag.isLeaf }" v-for="tag in checkedTreeItem" :key="tag.key">
-              <span class="tag-text" :title="tag.title || tag.key">{{ tag.title || tag.key }} {{ treeCount(tag.count) }}</span>
-              <!-- <svg-icon
-                v-if="!isDetail"
-                class="tag-close"
-                :icon-class="'xitongtubiaodaohangtubiaoguanbishixin'"
-                @click="closeTag(tag)"
-              ></svg-icon> -->
-              <a-icon v-if="!isDetail" class="tag-close" type="close-circle" theme="filled" @click="closeTag(tag)" />
-            </div>
-          </div>
-        </div>
-      </div>
-    </a-spin>
-  </div>
-</template>
-<script>
-/* eslint-disable no-async-promise-executor */
-
-import { Icon, Checkbox, Tree, Tooltip, Input, Spin } from 'ant-design-vue';
-import searchTree from './search-tree';
-import create from '@/core/create';
-import vexutils from '@/utils/vexutils';
-import { filterTree, deepTraversalFirst, getAllParentId, matchWdAndPy } from '@/utils';
-
-/**
- * 查询没有部门的分类时，parent_id_obj 为 undefined a-tree 展示异常。
- * 前端 赋上固定key 标识 该分类 无部门，该key 不能提交接口。
- * */
-
-/**
- * key 唯一key
- * title 展示标题
- * sub_title 副标题
- * count 数量
- */
-
-const FIXEDKEY = '8982eeb4-0439-4100-9805-8cdd12b2256c-front-end-fixed-key';
-export default create({
-  name: 'select-person',
-  components: {
-    searchTree,
-    [Icon.name]: Icon,
-    [Spin.name]: Spin,
-    [Tree.name]: Tree,
-    [Input.Search.name]: Input.Search,
-    [Checkbox.name]: Checkbox,
-    [Tooltip.name]: Tooltip
-  },
-  props: {
-    isDetail: { type: Boolean, isDetail: false },
-    defaultList: { type: Array, default: () => [] },
-    data: { type: Array, default: () => [] },
-    roleData: { type: Array, default: () => [] },
-    roleFields: {
-      type: Object,
-      default: () => ({ title: 'name', key: 'id', children: 'children' })
-    },
-    searchPlaceholder: {
-      type: String,
-      default: '输入关键字搜索'
-    },
-    searchButtonText: {
-      type: String,
-      default: '搜索'
-    },
-    // 父级配置
-    wordbook: {
-      type: Object,
-      default: () => ({
-        // parent_id_obj: "dept_id", // 父级 id
-        // parent_id_obj_key: "dept_id", // 提交的 id 的映射 key
-        // parent_name_obj: "dept_name", // 名称
-        // parent_name_obj_key: "dept_name", // 名称 的映射key
-        // user_count_obj: "count" // 统计 key
-      })
-    },
-
-    // 子集配置
-    wordbookChild: {
-      type: Object,
-      default: () => ({})
-    },
-
-    // 检索加载更多
-    SearchLoadMore: {
-      type: Boolean,
-      default: false
-    },
-
-    showClear: {
-      type: Boolean,
-      default: true
-    },
-    showCount: {
-      type: Boolean,
-      default: true
-    },
-    selectType: {
-      type: String,
-      default: 'person' // person dept role multiple
-    },
-    isSingleCheck: {
-      type: Boolean,
-      default: false
-    },
-    checkStrictly: {
-      type: Boolean,
-      default: false
-    },
-    needFilterParentDept: {
-      type: Boolean,
-      default: true
-    },
-    filterChildren: {
-      type: Boolean,
-      default: false
-    },
-    titleAddCode: {
-      type: Boolean,
-      default: true // 标题是否加上code
-    },
-    queryMainTreeData: Function, // 主树请求
-    queryLoadChildData: Function, // 懒加载请求
-    queryTreeSearch: Function // 检索请求
-  },
-  data() {
-    return {
-      treeData: {
-        main: [],
-        search: [],
-        dept: [],
-        role: [],
-        temp: []
-      },
-      // 展开的keys
-      expandedKeys: [],
-      // 展开的部门keys
-      expandedDeptKeys: [],
-      autoExpandParent: true,
-      // 扁平化tree的options Object{Array[Object]}
-      dataList: {
-        main: [],
-        other: [],
-        dept: [],
-        role: []
-      },
-      // 当前tree选中的keys Object{Array[Number]}
-      checkedKeys: {
-        main: [],
-        other: [],
-        dept: [],
-        role: [],
-        temp: []
-      },
-      search: {
-        defaultExpandedKeys: [],
-        // 0: 未查询，1：查询中，2：有查询结果，3无查询结果
-        status: 0,
-        dataListKeys: {
-          main: [],
-          other: []
-        },
-        records: 0
-      },
-      searchValue: '',
-      searchPage: 1,
-      searchNoMore: false,
-      title: '',
-      // 选中的所有叶节点(Leaf)keys <Array[Number]>，最终提交接口所需格式
-      checkedLeafKeys: [],
-      spinning: false,
-      loadMorenLoadinng: false,
-
-      errorMsg: '',
-
-      defaultShowList: [], // 默认选中项
-      checkedKeysMain: [],
-
-      cacheParentIdObj: {},
-      singleChecked: false,
-      indeterminate: false,
-
-      searchIndeterminate: false,
-      searchChecked: false,
-      typeActiveIndex: 0,
-      useData: []
-    };
-  },
-  computed: {
-    searchTreeVisable() {
-      return this.search.status == 2;
-    },
-    dataListMainKeys() {
-      if (!this.dataList.main.length) return [];
-
-      return this.dataList.main.map(i => {
-        return i.key;
-      });
-    },
-    dataListDeptKeys() {
-      if (!this.dataList.dept.length) return [];
-
-      return this.dataList.dept.map(i => {
-        return i.key;
-      });
-    },
-    dataListRoleKeys() {
-      if (!this.dataList.role.length) return [];
-
-      return this.dataList.role.map(i => {
-        return i.key;
-      });
-    },
-    dataListOtherKeys() {
-      if (!this.dataList.other.length) return [];
-
-      return this.dataList.other.map(i => {
-        return i.key;
-      });
-    },
-    // 右侧展示tabs <Array[Object]>
-    checkedTreeItem() {
-      let otherItems = this.dataList.other.filter(item => {
-        return this.checkedKeys.other.includes(item.key);
-      });
-      let mainItems = this.dataList.main.filter(item => {
-        // let f = this.currentKey === 'main';
-        // if(!f) return f;
-        let { isLeaf, key } = item;
-        let parentId = this.getParentId(item);
-        let showKeys = [...this.checkedKeys.main, ...otherItems];
-        let checked = showKeys.includes(key);
-        // 父级全选，子级不展示
-        /** String(parentId) 类型不相等 */
-        // if (isLeaf && parentId && this.checkedKeys.temp.some(v => v == parentId)) {
-        //   checked = false;
-        // }
-        item.itemType = 'person';
-        return checked && item.type == 2;
-      });
-      let deptItems = this.dataList.dept.filter(item => {
-        let { key } = item;
-        let showKeys = [...this.checkedKeys.dept, ...otherItems];
-        let checked = showKeys.includes(key);
-        item.itemType = 'dept';
-        if (item.canCheck === false) {
-          return;
-        }
-        // 只展示最后一级的科室
-        if (this.needFilterParentDept) {
-          return checked && item.type == 1 && (!item.children || (item.children && !item.children.length));
-        } else {
-          // 不过滤
-          return checked && item.type == 1;
-        }
-      });
-      let roleItems = this.dataList.role.filter(item => {
-        let showKeys = [...this.checkedKeys.role, ...otherItems];
-        let checked = showKeys.includes(item.key);
-        item.itemType = 'role';
-        return checked && item.roleId;
-      });
-      if (this.selectType === 'multiple') {
-        deptItems.forEach(item => {
-          if (item.title) {
-            item.title = item.title.includes('（科室）') ? item.title : `${item.title}（科室）`;
-          }
-        });
-        roleItems.map(item => {
-          if (item.title) {
-            item.title = item.title.includes('（角色）') ? item.title : `${item.title}（角色）`;
-          }
-          return item;
-        });
-      }
-
-      let list = this.uniqArrObj([...mainItems, ...deptItems, ...roleItems, ...otherItems], 'key');
-      return list;
-    },
-
-    wordbookConfig() {
-      const { parent_id_obj, parent_name_obj } = this.wordbook || {};
-      const { user_id_obj, user_name_obj } = this.wordbookChild || {};
-      return {
-        parent_id_obj,
-        parent_name_obj,
-        user_id_obj,
-        user_name_obj
-      };
-    },
-
-    getLoadChildData() {
-      if (typeof this.queryLoadChildData == 'function') {
-        return this.onLoadData;
-      }
-      return null;
-    },
-
-    currentKey() {
-      return { person: 'main', dept: 'dept', role: 'role', multiple: 'main' }[this.selectType];
-    }
-  },
-  watch: {
-    // defaultList: {
-    //   immediate: true,
-    //   handler(val) {
-    //     if (!val) return;
-    //     this.initDefault();
-    //   }
-    // },
-    selectType: {
-      immediate: true,
-      handler(val) {
-        if (val === 'dept' || val === 'role' || val === 'multiple') {
-          this.typeActiveIndex = { multiple: 0, dept: 1, role: 2 }[val];
-        }
-      }
-    },
-    data: {
-      immediate: true,
-      handler() {
-        this.$set(this.treeData, 'main', []);
-        this.$set(this.treeData, 'dept', []);
-        this.$set(this.treeData, 'temp', []);
-        this.$set(this.dataList, 'main', []);
-        this.$set(this.dataList, 'dept', []);
-        this.$set(this.checkedKeys, 'main', []);
-        this.$set(this.checkedKeys, 'dept', []);
-        this.$set(this.checkedKeys, 'temp', []);
-        this.singleChecked = false;
-        this.indeterminate = false;
-        this.handleData();
-        this.staticDataInit();
-        this.staticDeptAndRoleDataInit();
-        const key = { person: 'main', dept: 'dept', role: 'role', multiple: 'main' }[this.selectType];
-        this.treeData.temp = this.treeData[key];
-      }
-    },
-    roleData: {
-      immediate: true,
-      handler() {
-        this.staticDeptAndRoleDataInit();
-        const key = { person: 'main', dept: 'dept', role: 'role', multiple: 'main' }[this.selectType];
-        this.treeData.temp = this.treeData[key];
-      }
-    }
-  },
-  created() {},
-  mounted() {
-    this.getUsers();
-    this.initDefault();
-  },
-  methods: {
-    initDefault() {
-      if (this.getLoadChildData) {
-        this.getDefaultList();
-      } else {
-        setTimeout(() => {
-          const userIds = this.defaultList.filter(item => item.itemType === 'person').map(item => item.id);
-          const deptIds = this.defaultList.filter(item => item.itemType === 'dept').map(item => item.id);
-          const roleIds = this.defaultList.filter(item => item.itemType === 'role').map(item => item.id);
-          const key = ['main', 'dept', 'role'][this.typeActiveIndex];
-          this.checkedKeys.main = userIds;
-          this.checkedKeys.dept = deptIds;
-          this.checkedKeys.role = roleIds;
-          this.checkedKeys.temp = this.checkedKeys[key];
-        }, 300);
-      }
-    },
-
-    staticDataInit() {
-      if (!Array.isArray(this.useData) || this.useData.length == 0) return;
-      this.treeData.main = this.useData;
-      this.generateDataList(this.treeData.main, this.dataList.main);
-    },
-    staticDeptAndRoleDataInit() {
-      this.treeData.dept = this.getDeptData(this.useData);
-      this.generateDataList(this.treeData.dept, this.dataList.dept);
-      this.treeData.role = this.handleRoleData(this.roleData);
-      this.generateDataList(this.treeData.role, this.dataList.role);
-    },
-    getDeptData(data) {
-      // 把data里面的人员过滤掉
-      let copyData = JSON.parse(JSON.stringify(data));
-      copyData = copyData.filter(item => item.type === 1);
-      vexutils.searchTree(copyData, item => {
-        if (item.type === 1 && item.children && item.children.length) {
-          item.children = item.children.filter(child => child.type === 1);
-        }
-      });
-      return copyData;
-    },
-    handleRoleData(data) {
-      const copyData = JSON.parse(JSON.stringify(data));
-      vexutils.searchTree(copyData, item => {
-        const { title, key, children } = this.roleFields;
-        item.title = item[title];
-        item.children = item[children] ? item[children] : [];
-        item.key = item[key];
-      });
-      return copyData;
-    },
-    /** --- 默认值 --- */
-    getDefaultList() {
-      const { defaultList } = this;
-      let copy = JSON.parse(JSON.stringify(defaultList));
-      if (Array.isArray(copy)) {
-        // this.defaultShowObj = {};
-
-        const { user_id_obj } = this.wordbookChild || {};
-        copy.forEach(v => {
-          this.handleDefMapping(v);
-          let key = this.getuniqKey(v);
-          let pId = this.getParentId(v);
-          this.cacheParentIdObj[pId] = pId;
-          // this.defaultShowObj[key] = v[user_id_obj];
-        });
-        this.defaultShowList = copy;
-      }
-    },
-
-    getcheckedKeys() {
-      const { defaultList } = this;
-      let checkedKeysMain = [],
-        checkedKeysOther = [];
-      let copy = JSON.parse(JSON.stringify(defaultList));
-      if (Array.isArray(copy)) {
-        copy.forEach(v => {
-          this.handleDefMapping(v);
-          let key = this.getuniqKey(v);
-          checkedKeysMain.push(key);
-          // 回填到 检索的选择，防止回填马上检索
-          if (String(key).includes(FIXEDKEY)) {
-            checkedKeysOther.push(key);
-          }
-        });
-      }
-      return {
-        checkedKeysMain,
-        checkedKeysOther
-      };
-    },
-
-    /**
-     * 根据配置映射默认值
-     */
-    handleDefMapping(v) {
-      const { parent_id_obj, parent_name_obj, user_id_obj, user_name_obj } = this.wordbookConfig || {};
-      // 自定义 key 值
-      const { parent_id_obj_key, parent_name_obj_key } = this.wordbook;
-      const { user_id_obj_key, user_name_obj_key } = this.wordbookChild;
-      v[parent_id_obj] = v[parent_id_obj_key] || v.parent_id;
-      v[parent_name_obj] = v[parent_name_obj_key] || v.parent_name;
-      v[user_id_obj] = v[user_id_obj_key] || v.user_id;
-      v[user_name_obj] = v[user_name_obj_key] || v.user_name;
-    },
-
-    /**
-     * 初始化 请求已选的数据
-     */
-    async loadSelected() {
-      try {
-        let list = await Promise.all(
-          this.treeData.main.map(async v => {
-            const { parent_id_obj } = this.wordbook || {};
-            if ([v.key, v[parent_id_obj], String(v[parent_id_obj])].includes(this.cacheParentIdObj[v[parent_id_obj]])) {
-              await this.onLoadData({ dataRef: v });
-              return v;
-            }
-          })
-        );
-        return list;
-      } catch (error) {
-        return Promise.resolve();
-      }
-    },
-
-    /**
-     * 过滤默认值的右边展示
-     */
-    hanldeFilterDefaultShowList(list) {
-      this.defaultShowList = this.defaultShowList.filter(d => list.findIndex(l => this.getuniqKey(d) == this.getuniqKey(l)) == -1);
-      // this.updateDefaultShowObj(this.defaultShowList);
-    },
-
-    updateDefaultShowObj(list) {
-      const { user_id_obj } = this.wordbookConfig || {};
-      this.defaultShowObj = {};
-      list.forEach(v => {
-        this.defaultShowObj[this.getuniqKey(v)] = v[user_id_obj];
-      });
-    },
-
-    /**
-     * 拼接key
-     */
-    getuniqKey(v) {
-      const { user_id_obj } = this.wordbookConfig || {};
-      return `${this.getParentId(v)}_${v[user_id_obj]}`;
-      // return v.key;
-    },
-
-    getParentId(v) {
-      const { parent_id_obj } = this.wordbookConfig || {};
-      // return `${v[parent_id_obj] || FIXEDKEY}`;
-      return `${v[parent_id_obj]}`;
-    },
-
-    // 查询树结构数据(一级父类)
-    async getUsers() {
-      try {
-        if (typeof this.queryMainTreeData !== 'function') {
-          return;
-        }
-        this.spinning = true;
-        const { parent_id_obj } = this.wordbookConfig || {};
-        let rows = await this.queryMainTreeData();
-        let list = this.uniqArrObj(rows, parent_id_obj);
-        this.treeData.main = list;
-        this.generateDataList(this.treeData.main, this.dataList.main);
-        // TODO:这里的回填
-        await this.loadSelected();
-        let { checkedKeysMain, checkedKeysOther } = this.getcheckedKeys();
-        this.checkedKeys.main.push(...checkedKeysMain);
-        this.checkedKeys.other = [...checkedKeysOther];
-
-        this.treeData.main.forEach(f => {
-          if (f && f.children && f.children.length) {
-            let flag = f.children.every(c => checkedKeysMain.includes(c.key));
-            if (flag && f.key) {
-              this.checkedKeys.main.push(f.key);
-            }
-          }
-        });
-        if (this.currentKey === 'main') {
-          this.checkedKeys.temp = this.checkedKeys.main;
-          this.treeData.temp = this.treeData.main;
-        }
-        this.spinning = false;
-      } catch (error) {
-        this.spinning = false;
-        this.$message.error('查询异常');
-        console.log(error);
-      }
-    },
-
-    // 动态获取子节点
-    onLoadData(treeNode) {
-      return new Promise(async resolve => {
-        if (treeNode.dataRef.children) {
-          resolve();
-          return;
-        }
-        treeNode.dataRef.children = await this.handleLoadChildData(treeNode.dataRef.key, treeNode.dataRef);
-
-        this.hanldeFilterDefaultShowList(treeNode.dataRef.children);
-
-        this.$nextTick(() => {
-          this.treeData.main = [...this.treeData.main];
-          this.treeData.temp = [...this.treeData.main];
-        });
-
-        this.addCheckedKeysChildrenMain(treeNode.dataRef);
-
-        this.generateDataList(treeNode.dataRef.children, this.dataList.main);
-        resolve();
-      });
-    },
-
-    async handleLoadChildData(key, treeNode) {
-      let rows = await this.queryLoadChildData(key, treeNode);
-      let list = rows;
-      return list;
-    },
-
-    loadMainChildData(searchResultTreeData) {
-      return new Promise(async resolve => {
-        let promises = searchResultTreeData.map(async item => {
-          if (item.users) {
-            let mainTreeItem = this.treeData.main.find(mainItem => mainItem.key == item.key);
-            if (!mainTreeItem || (mainTreeItem && !mainTreeItem.children)) {
-              if (!mainTreeItem) {
-                mainTreeItem = { ...item };
-              }
-              mainTreeItem.children = await this.handleLoadChildData(item.key, mainTreeItem);
-              this.generateDataList(mainTreeItem.children, this.dataList.main);
-              this.addCheckedKeysChildrenMain(mainTreeItem);
-            }
-          }
-        });
-
-        await Promise.all(promises);
-
-        resolve();
-      });
-    },
-
-    /**
-     * 检索
-     */
-    async searchFetch(data = {}, config = {}) {
-      if (typeof this.queryTreeSearch !== 'function') {
-        this.staticDataSearch();
-        this.spinning = false;
-        this.isSearchAllCheck();
-        return;
-      }
-      if (!this.searchValue) {
-        this.search.status = 0;
-        this.search.defaultExpandedKeys = [];
-        this.expandedKeys = [];
-        this.spinning = false;
-        this.searchNoMore = false;
-        return false;
-      }
-      if (!config.loadMoren) {
-        this.search.status = 1;
-      } else {
-        this.loadMorenLoadinng = true;
-      }
-
-      let rows = await this.queryTreeSearch(this.searchValue, data);
-      let searchResultTreeData = rows;
-      this.loadMorenLoadinng = false;
-      if (!searchResultTreeData || !searchResultTreeData.length) {
-        if (this.searchPage == 1) {
-          this.search.defaultExpandedKeys = [];
-          this.search.status = 3;
-        } else {
-          this.search.status = 2;
-          this.searchNoMore = true;
-        }
-
-        this.spinning = false;
-        this.isSearchAllCheck();
-        return false;
-      }
-
-      const { parent_id_obj, parent_name_obj, user_count_obj } = this.wordbook || {};
-      const { user_name_obj } = this.wordbookChild || {};
-      let pObj = {};
-      searchResultTreeData.forEach(item => {
-        item[parent_id_obj] &&
-          (pObj[item[parent_id_obj]] = {
-            key: item[parent_id_obj],
-            users: []
-          });
-
-        if (item.users) {
-          this.insertSearchTreeData(item);
-        } else {
-          this.insertSearchTreeDataOther(item);
-        }
-      });
-      let pList = [];
-      Object.keys(pObj || {}).forEach(v => {
-        if (v) {
-          pList.push({ ...pObj[v] });
-        }
-      });
-      let len = this.treeData.search.length || 0;
-      // TODO:加载更多
-      if (this.SearchLoadMore) {
-        this.searchNoMore = false;
-      } else {
-        this.searchNoMore = true;
-      }
-      // 防止searchTree选中后切换回mainTree，mainTree checkedKeys状态丢失
-      await this.loadMainChildData(pList);
-      this.generateSearchDataListKeys(searchResultTreeData);
-
-      this.hanldeFilterDefaultShowList(searchResultTreeData);
-      this.refreshSearchTree();
-      this.search.status = 2;
-      this.spinning = false;
-
-      this.isSearchAllCheck();
-    },
-
-    insertSearchTreeData(item) {
-      const { user_count_obj } = this.wordbook || {};
-      this.search.defaultExpandedKeys.push(item.key);
-
-      // 默认值处理
-      this.hanldeFilterDefaultShowList(item.children || []);
-
-      if (item[user_count_obj] == item.children.length) {
-        item.disableCheckbox = false;
-      }
-      this.treeData.search.push(item);
-    },
-
-    insertSearchTreeDataOther(item) {
-      let formatItem = Object.assign({}, item, { isLeaf: true });
-
-      this.treeData.search.push(formatItem);
-
-      if (this.dataListOtherKeys.includes(formatItem.key)) return false;
-      this.generateDataList([formatItem], this.dataList.other);
-    },
-
-    generateSearchDataListKeys(searchResultTreeData) {
-      // this.search.dataListKeys = {
-      //   main: [],
-      //   other: []
-      // };
-      searchResultTreeData.forEach(item => {
-        if (!this.dataListMainKeys.includes(item.key)) {
-          this.search.dataListKeys.other.push(item.key);
-          item.children &&
-            item.children.forEach(childItem => {
-              this.search.dataListKeys.other.push(childItem.key);
-            });
-          return;
-        }
-
-        this.search.dataListKeys.main.push(item.key);
-        item.children &&
-          item.children.forEach(childItem => {
-            this.search.dataListKeys.main.push(childItem.key);
-          });
-      });
-    },
-
-    searchOnloadMore() {
-      this.searchPage = this.searchPage + 1;
-      this.searchFetch({ page: this.searchPage }, { loadMoren: true });
-    },
-
-    addCheckedKeysChildrenMain(item) {
-      if (!item.key) return;
-      if (!this.checkedKeys.main.includes(String(item.key))) return false;
-      // 新查询到插入已选中的main treeData 的child key，需要手动push到checkedKeys中
-      if (!Array.isArray(item.children)) return false;
-      item.children.forEach(({ key }) => {
-        // 防止重复添加（已处理，不会重复添加，保留代码以防逻辑缺漏）
-        if (this.checkedKeys.main.includes(key) || !key) return false;
-        this.checkedKeys.main.push(key);
-      });
-    },
-
-    // 暂存实际可选节点arr
-    generateDataList(data, dataList) {
-      vexutils.eachTree(data, node => {
-        dataList.push({
-          parentId: this.getParentId(node),
-          ...node
-        });
-      });
-      // for (let i = 0; i < data.length; i++) {
-      //   const node = data[i];
-      //   dataList.push({
-      //     parentId: this.getParentId(node),
-      //     ...node
-      //   });
-      //   if (node.children) {
-      //     this.generateDataList(node.children, dataList);
-      //   }
-      // }
-    },
-
-    // 获取匹配搜索节点arr
-    getParentKey(key, tree) {
-      let parentKey;
-      for (let i = 0; i < tree.length; i++) {
-        const node = tree[i];
-        if (node.key == key) {
-          parentKey = node.key;
-          return parentKey;
-        }
-
-        if (node.children) {
-          if (node.children.some(item => item.key == key)) {
-            parentKey = node.key;
-          } else if (this.getParentKey(key, node.children)) {
-            parentKey = this.getParentKey(key, node.children);
-          }
-        }
-      }
-      return parentKey;
-    },
-    radioChange(e) {
-      let { checked } = e.target || {};
-      if (this.searchTreeVisable) {
-        this.singleChecked = checked;
-      } else {
-        this.searchChecked = checked;
-      }
-      this.checkAll(checked ? 1 : 2);
-      this.handleOk();
-    },
-    // type 1 全选 2 反选(清空)
-    checkAll(type) {
-      if (this.checkAllSearchTree(type)) return false;
-      const key = ['main', 'dept', 'role'][this.typeActiveIndex];
-      if (type == 1) {
-        this.expandedKeys = [];
-        this.checkedKeys[key] = this[`dataList${key.slice(0, 1).toUpperCase()}${key.slice(1)}Keys`]; // dataListMainKeys dataListDeptKeys dataListRoleKeys;
-        this.checkedKeys.temp = this.checkedKeys[key];
-      } else if (type == 2) {
-        this.checkedKeys[key] = [];
-        this.checkedKeys.temp = [];
-        this.autoExpandParent = true;
-      }
-      this.indeterminate = false;
-    },
-
-    checkAllSearchTree(type) {
-      if (!this.searchTreeVisable) return false;
-
-      if (type == 1) {
-        // 全选默认不选中父级
-        let allSearchkeysMain = this.search.dataListKeys.main.filter(key => {
-          return !this.search.defaultExpandedKeys.includes(key);
-        });
-
-        let allSearchkeysOther = this.search.dataListKeys.other;
-
-        this.checkedKeys.main = vexutils.uniq([...this.checkedKeys.main, ...allSearchkeysMain]);
-        this.checkedKeys.other = vexutils.uniq([...this.checkedKeys.other, ...allSearchkeysOther]);
-
-        // 如果子级全选，父级也需要选中
-        this.search.dataListKeys.main.forEach(key => {
-          let getParentKey = this.getParentKey(key, this.treeData.main);
-          let parent = this.treeData.main.filter(item => {
-            return item.key == getParentKey;
-          });
-
-          let allCheck = parent[0].children.every(item => {
-            return this.checkedKeys.main.includes(item.key);
-          });
-          allCheck && this.checkedKeys.main.push(getParentKey);
-        });
-        this.refreshSearchTree();
-      } else if (type == 2) {
-        this.$refs['searchTree'].emptyCheckedKeys();
-        this.autoExpandParent = true;
-      }
-      this.isSearchAllCheck();
-      return true;
-    },
-
-    refreshSearchTree() {
-      if (!this.searchTreeVisable) return false;
-      this.$refs['searchTree'].setDefaultCheckedKeys();
-      this.$nextTick(() => {
-        this.isSearchAllCheck();
-      });
-    },
-
-    // 展开数节点
-    onExpand(expandedKeys) {
-      // const latestOpenKey = expandedKeys.find(key => this.expandedKeys.indexOf(key) == -1);
-      // this.expandedKeys = latestOpenKey ? [latestOpenKey] : [];
-      // this.autoExpandParent = false;
-      this.expandedKeys = expandedKeys;
-      this.autoExpandParent = false;
-      // this.$emit('expand', expandedKeys, ...arg)
-    },
-    onExpandDept(expandedKeys) {
-      this.expandedDeptKeys = expandedKeys;
-    },
-
-    searchClick() {
-      this.searchValue = this.title;
-
-      this.treeData.search = [];
-      this.search.dataListKeys.other = [];
-      this.search.dataListKeys.main = [];
-      this.search.defaultExpandedKeys = [];
-
-      this.spinning = true;
-      this.searchPage = 1;
-      this.searchFetch();
-    },
-
-    isAllCheck(checkedKeys = []) {
-      const key = ['main', 'dept', 'role'][this.typeActiveIndex];
-      if (!checkedKeys || checkedKeys.length == 0) {
-        this.indeterminate = false;
-        this.singleChecked = false;
-      } else {
-        let keyArr = this.treeData[key].map(item => item.key);
-        let keyArrTemp = keyArr.filter(item => checkedKeys.indexOf(item) !== -1);
-        this.indeterminate = !(keyArr.length == keyArrTemp.length);
-        this.singleChecked = keyArr.length == keyArrTemp.length;
-      }
-    },
-
-    isSearchAllCheck() {
-      this.$nextTick(() => {
-        let skeyArr = this.treeData.search.map(item => item.key);
-        let serchCheckedKeys = this.$refs['searchTree'].checkedKeys;
-        this.searchIndeterminate = !!serchCheckedKeys.length && serchCheckedKeys.length < skeyArr.length;
-        this.searchChecked = serchCheckedKeys.length === skeyArr.length;
-      });
-    },
-
-    /* 子组件emit方法 */
-    addCheckedkeysMain(keys) {
-      let checkedKeys = this.checkedKeys.main;
-      let filterKey = (keys || {}).filter(Boolean);
-      filterKey.forEach(key => {
-        //
-        checkedKeys.push(key);
-        // 如果子级全选，父级也需要选中
-        let getParentKey = this.getParentKey(key, this.treeData.main);
-        if (!getParentKey) return;
-        let parent = this.treeData.main.filter(item => {
-          return item.key == getParentKey;
-        });
-        let allCheck = (parent[0]?.children || []).every(item => {
-          return checkedKeys.includes(item.key);
-        });
-        allCheck && checkedKeys.push(getParentKey);
-      });
-    },
-
-    removeCheckedkeysMain(keys) {
-      let checkedKeysMain = vexutils.clone(this.checkedKeys.main, true);
-      keys.forEach(key => {
-        //
-        let index = checkedKeysMain.findIndex(mainKey => mainKey == key);
-        if (index !== -1) {
-          checkedKeysMain.splice(index, 1);
-          this.checkedKeys.main = [...checkedKeysMain];
-        }
-        // 删除父级选中
-        let getParentKey = this.getParentKey(key, this.treeData.main);
-        let parentIndex = checkedKeysMain.findIndex(mainKey => mainKey == getParentKey);
-        if (parentIndex !== -1) {
-          checkedKeysMain.splice(parentIndex, 1);
-        }
-      });
-
-      this.checkedKeys.main = [...checkedKeysMain];
-    },
-
-    addCheckedkeysOther(keys) {
-      this.checkedKeys.other.push(...keys);
-      // this.checkedKeys.main.push(...keys);
-    },
-
-    removeCheckedkeysOther(keys) {
-      let checkedKeys = this.checkedKeys.other;
-      // let mainCheckedKeys = this.checkedKeys.main;
-      keys.forEach(key => {
-        let index = checkedKeys.findIndex(otherKey => otherKey == key);
-        checkedKeys.splice(index, 1);
-        this.handleDeldefaultShowList(key);
-
-        // let mindex = mainCheckedKeys.findIndex(otherKey => otherKey == key);
-        // mainCheckedKeys.splice(mindex, 1);
-      });
-      this.removeCheckedkeysMain(keys);
-    },
-
-    handleDeldefaultShowList(key) {
-      let len = this?.defaultShowList?.length || 0;
-      if (len > 0) {
-        for (let i = len - 1; i >= 0; i--) {
-          let d = this.defaultShowList[i];
-          if (`${d.parent_id}_${d.user_id}` == key) {
-            this.closeDefaultTag(d, i);
-          }
-        }
-      }
-    },
-
-    closeDefaultTag(tag, i) {
-      this.defaultShowList.splice(i, 1);
-      this.closeTag({ parentId: this.getParentId(tag), ...tag });
-    },
-
-    /* 右侧点击item[x]按钮 相关 */
-    closeTag(removedTag) {
-      // let { parentId } = removedTag;
-
-      this.removedCheckedkeysMain(removedTag);
-      this.removedCheckedkeysDept(removedTag);
-      this.removedCheckedkeysRole(removedTag);
-      this.removedCheckedkeysOther(removedTag);
-      const propStr = ['person', 'dept', 'role'][this.typeActiveIndex];
-      const checkedKeys = this.checkedTreeItem.filter(item => item.itemType === propStr).map(item => item.key);
-      this.checkedKeys.temp = checkedKeys;
-      this.handleEmitValue();
-      this.refreshSearchTree();
-      this.isAllCheck(checkedKeys);
-    },
-
-    removeCheckedkeysIncludeChildren(parentKey) {
-      let needRemoveChildKeys = this.dataList.main
-        .filter(i => {
-          let parentId = this.getParentId(i);
-          return parentId == parentKey || i.key == parentKey;
-        })
-        .map(i => {
-          return i.key;
-        });
-      const checkedKeys = this.checkedKeys.main.filter(i => {
-        return !needRemoveChildKeys.includes(i);
-      });
-      this.checkedKeys.main = checkedKeys;
-    },
-
-    removedCheckedkeysMain(tag) {
-      let checkedKeys = this.checkedKeys.main;
-      let parentId = this.getParentId(tag);
-      for (let i = 0; i < checkedKeys.length; i++) {
-        if (tag.key == checkedKeys[i] && tag.key == parentId) {
-          this.removeCheckedkeysIncludeChildren(tag.key);
-          return false;
-        } else if (tag.key == checkedKeys[i]) {
-          checkedKeys.splice(i, 1);
-          return false;
-        }
-      }
-    },
-    removeCheckedkeysIncludeChildrenDept(parentKey) {
-      let needRemoveChildKeys = this.dataList.dept
-        .filter(i => {
-          let parentId = this.getParentId(i);
-          return parentId == parentKey || i.key == parentKey;
-        })
-        .map(i => {
-          return i.key;
-        });
-      const checkedKeys = this.checkedKeys.dept.filter(i => {
-        return !needRemoveChildKeys.includes(i);
-      });
-      this.checkedKeys.dept = checkedKeys;
-    },
-    removedCheckedkeysDept(tag) {
-      let checkedKeys = this.checkedKeys.dept;
-      let parentId = this.getParentId(tag);
-      for (let i = 0; i < checkedKeys.length; i++) {
-        if (tag.key == checkedKeys[i] && tag.key == parentId) {
-          this.removeCheckedkeysIncludeChildrenDept(tag.key);
-          return false;
-        } else if (tag.key == checkedKeys[i]) {
-          checkedKeys.splice(i, 1);
-          return false;
-        }
-      }
-    },
-    removedCheckedkeysRole(tag) {
-      let checkedKeys = this.checkedKeys.role;
-      let parentId = '';
-      for (let i = 0; i < checkedKeys.length; i++) {
-        if (tag.key == checkedKeys[i] && tag.key == parentId) {
-          // this.removeCheckedkeysIncludeChildren(tag.key);
-          return false;
-        } else if (tag.key == checkedKeys[i]) {
-          checkedKeys.splice(i, 1);
-          return false;
-        }
-      }
-    },
-
-    removedCheckedkeysOther(tag) {
-      let checkedKeys = this.checkedKeys.other;
-      if (checkedKeys.includes(tag.key)) {
-        for (let i = 0; i < checkedKeys.length; i++) {
-          if (tag.key == checkedKeys[i]) {
-            checkedKeys.splice(i, 1);
-            return false;
-          }
-        }
-      } else {
-        // 删除科室，删除
-        this.OtherRemoveCheckedkeysIncludeChildren(tag.key);
-      }
-    },
-
-    OtherRemoveCheckedkeysIncludeChildren(parentKey) {
-      let needRemoveChildKeys = this.dataList.main
-        .filter(i => {
-          let parentId = this.getParentId(i);
-          return parentId == parentKey || i.key == parentKey;
-        })
-        .map(i => {
-          return i.key;
-        });
-
-      this.checkedKeys.other = this.checkedKeys.other.filter(i => {
-        return !needRemoveChildKeys.includes(i);
-      });
-    },
-
-    /* submit 相关 */
-    getCheckedMainChildKeys() {
-      return new Promise(async resolve => {
-        let promises = this.treeData.main.map(async item => {
-          // 获取勾选了父类tree, 但未获取children
-          // 接口传参，需要的是叶节点的keys
-          if (this.checkedKeys.main.includes(item.key) && !item.children) {
-            item.children = await this.handleLoadChildData(item.key, item);
-            this.addCheckedKeysChildrenMain(item);
-
-            this.generateDataList(item.children, this.dataList.main);
-          }
-        });
-
-        await Promise.all(promises);
-
-        resolve();
-      });
-    },
-
-    getCheckedLeafKeys() {
-      let mainLeafKeys = [];
-      let mainLeafDataListKeys = this.dataList.main.filter(item => item.isLeaf).map(item => item.key);
-
-      this.checkedKeys.main.forEach(key => {
-        if (mainLeafDataListKeys.includes(key)) {
-          mainLeafKeys.push(key);
-        }
-      });
-
-      let keyList = [...mainLeafKeys, ...this.checkedKeys.other];
-      let res = [...new Set(keyList)];
-      return [...res];
-    },
-
-    async handleOk(isShowLoading = false) {
-      isShowLoading && (this.spinning = true);
-      this.queryLoadChildData && (await this.getCheckedMainChildKeys());
-
-      this.checkedLeafKeys = this.getCheckedLeafKeys();
-
-      const submitData = this.handleGetSumitData(this.checkedLeafKeys);
-
-      // let subList = [...submitData, ...this.defaultShowList];
-
-      this.$emit('pubCheckedTreeItem', [...this.checkedTreeItem, ...this.defaultShowList]);
-      this.$emit('check', [...this.checkedTreeItem, ...this.defaultShowList]);
-      this.$emit('handleOk', this.checkedLeafKeys);
-      this.$emit('change', this.checkedLeafKeys, [...submitData, ...this.defaultShowList]);
-      this.$emit('submitData', [...submitData, ...this.defaultShowList]);
-
-      isShowLoading && (this.spinning = false);
-    },
-
-    handleEmitValue() {
-      clearTimeout(this.emitTimeout);
-      this.emitTimeout = setTimeout(() => {
-        this.handleOk();
-      }, 100);
-    },
-
-    hanldeGetValue(...arg) {
-      this.handleOk(...arg);
-    },
-
-    // 获取表单提交的数据
-    handleGetSumitData(list = []) {
-      if (!Array.isArray(list)) return [];
-      let resList = [];
-      const { parent_id_obj, parent_name_obj, user_id_obj, user_name_obj } = this.wordbookConfig || {};
-      list.forEach(v => {
-        // d.key
-        let f = this.dataList.main.find(d => this.getuniqKey(d) == v);
-        if (!f) {
-          f = this.dataList.other.find(o => this.getuniqKey(o) == v);
-        }
-        // [parent_id_obj]: f[parent_id_obj],
-        // [parent_name_obj]: f[parent_name_obj],
-        // [user_id_obj]: f[user_id_obj],
-        // [user_name_obj]: f[user_name_obj]
-        if (f) {
-          /** 提交映射 */
-          // 自定义 key 值
-          const { parent_id_obj_key, parent_name_obj_key } = this.wordbook;
-          const { user_id_obj_key, user_name_obj_key } = this.wordbookChild;
-          resList.push({
-            [user_id_obj_key || 'user_id']: f[user_id_obj],
-            [user_name_obj_key || 'user_name']: f[user_name_obj],
-            [parent_id_obj_key || 'parent_id']: f[parent_id_obj],
-            [parent_name_obj_key || 'parent_name']: f[parent_name_obj]
-          });
-        }
-      });
-      return resList;
-    },
-
-    cancel() {
-      this.$emit('update:visible', false);
-      this.spinning = false;
-    },
-    /*  */
-    treeCount(count) {
-      if (!count) return '';
-      return `(${count})`;
-    },
-
-    staticDataSearch() {
-      // let expandedKeys = new Set();
-      // this.getStaticSearchParentKey(this.treeData.main, expandedKeys);
-      // this.expandedKeys = Array.from(expandedKeys);
-      // this.autoExpandParent = true;
-      const key = ['main', 'dept', 'role'][this.typeActiveIndex];
-      if (!this.title) {
-        // 如果为空恢复默认数据
-        this.$set(this.treeData, 'temp', this.treeData[key]);
-        return;
-      }
-      let copyData = JSON.parse(JSON.stringify(this.treeData[key]));
-      // 增加visible属性 true展示 false不展示
-      filterTree({ value: this.title, data: copyData, prop: 'title', filterChildren: this.filterChildren });
-      // 过滤visible属性 为true的数据
-      copyData = copyData.filter(item => item.visible);
-      const expandedKeys = [];
-      vexutils.searchTree(copyData, item => {
-        if (item.visible && (item.title.indexOf(this.title) !== -1 || matchWdAndPy(this.title, item))) {
-          const allParentIds = getAllParentId(copyData, item.key).filter(Boolean);
-          expandedKeys.push(...allParentIds);
-        }
-        if (item.children && item.children.length) {
-          item.children = item.children.filter(child => child.visible);
-        }
-      });
-      this.$set(this.treeData, 'temp', copyData);
-      this.expandedKeys = [...new Set(expandedKeys)];
-    },
-    getStaticSearchParentKey(treeData, expandedKeys, orgId) {
-      const keyword = this.title;
-      for (let i = 0; i < treeData.length; i++) {
-        const user = treeData[i];
-        let { title = '', key, children } = user;
-        if (keyword.length > 0 && (String(title).indexOf(keyword) !== -1 || String(key).indexOf(keyword) !== -1)) {
-          expandedKeys.add(key);
-          if (orgId) {
-            expandedKeys.add(orgId);
-          }
-          break;
-        }
-        if (children) {
-          this.getStaticSearchParentKey(children, expandedKeys, user.key || orgId);
-        }
-      }
-    },
-
-    // 数组对象去重
-    uniqArrObj(arr, name) {
-      let obj = {};
-      return arr.reduce((cur, next) => {
-        obj[next[name]] ? '' : (obj[next[name]] = true && cur.push(next));
-        return cur;
-      }, []);
-    },
-    onTypeClick(index) {
-      const key = ['main', 'dept', 'role'][index];
-      const checkedKeys = this.checkedKeys[key];
-      this.treeData.temp = this.treeData[key];
-      this.checkedKeys.temp = checkedKeys;
-      this.typeActiveIndex = index;
-      // 处理全选框
-      this.isAllCheck(checkedKeys);
-    },
-    onTreeCheck(checkedKeys, { checked, node }) {
-      if (this.checkStrictly) {
-        checkedKeys = checkedKeys.checked;
-      }
-      // 断掉了父子关系 要不然当存在一二级科室的时候 搜索二级科室 再选中会把一级也选中 ； 后续与产品沟通 不需要断 只取最后一级科室
-      const propStr = ['main', 'dept', 'role'][this.typeActiveIndex];
-      let totalCheckedKeys = [];
-      // const keyData = this.dataList[propStr].find(item => item.key === node.eventKey);
-      // let keyData = {};
-      // vexutils.searchTree(this.treeData[propStr], item => {
-      //   if (item.key === node.eventKey) {
-      //     keyData = item;
-      //   }
-      // });
-      // vexutils.searchTree(keyData.children, item => {
-      //   childKeys.push(item.key);
-      // });
-      // if (checked) {
-      //   const singleCheckedKeys = this.getSingleCheckedKeys(propStr, this.treeData[propStr], keyData);
-      //   totalCheckedKeys = this.isSingleCheck ? singleCheckedKeys : [...new Set(checkedKeys.concat(childKeys))];
-      // } else {
-      //   // totalCheckedKeys = checkedKeys;
-      //   totalCheckedKeys = this.isSingleCheck ? [] : checkedKeys.filter(key => !childKeys.includes(key));
-      // }
-      // 如果是选中就把之前选中和现在选中的合并做为temp值（兼容搜索的情况），
-      if (checked) {
-        const preChecked = this.checkedKeys[propStr];
-        // 搜索时选中上级也要把它所有下级给选中 如果是选中一个下级但是也把其上级选中了要把上级选中给去掉
-        const childKeys = [];
-        let keyData = {};
-        vexutils.searchTree(this.treeData[propStr], item => {
-          if (item.key === node.eventKey) {
-            keyData = item;
-          }
-        });
-        vexutils.searchTree(keyData.children, item => {
-          childKeys.push(item.key);
-        });
-        const allParentIds = getAllParentId(this.treeData[propStr], node.eventKey)?.filter(Boolean) || [];
-        totalCheckedKeys = [...new Set(preChecked.concat(checkedKeys, childKeys))];
-        if (!this.checkStrictly) {
-          totalCheckedKeys = totalCheckedKeys.filter(id => !allParentIds.includes(id));
-        }
-      } else {
-        // 如果是取消从之前的选择中把当前点击的及其子级去除选中作为temp值（兼容搜索的情况）
-        let keyData = {};
-        const needCancelKeys = [node.eventKey];
-        const preChecked = this.checkedKeys[propStr];
-        vexutils.searchTree(this.treeData[propStr], item => {
-          if (item.key === node.eventKey) {
-            keyData = item;
-          }
-        });
-        vexutils.searchTree(keyData.children, item => {
-          needCancelKeys.push(item.key);
-        });
-        const allParentIds = getAllParentId(this.treeData[propStr], node.eventKey)?.filter(Boolean) || [];
-        totalCheckedKeys = [...new Set(preChecked.filter(key => !needCancelKeys.includes(key)))];
-        if (!this.checkStrictly) {
-          totalCheckedKeys = totalCheckedKeys.filter(id => !allParentIds.includes(id));
-        }
-      }
-      this.checkedKeys.temp = totalCheckedKeys;
-      this.checkedKeys[propStr] = totalCheckedKeys;
-      this.isAllCheck(totalCheckedKeys);
-      this.isSearchAllCheck(totalCheckedKeys);
-      this.$emit('pubCheckedTreeItem', [...this.checkedTreeItem, ...this.defaultShowList]);
-      this.$emit('check', [...this.checkedTreeItem, ...this.defaultShowList]);
-    },
-    getSingleCheckedKeys(propStr, treeData, keyData) {
-      const firstTreeData = deepTraversalFirst(keyData) || [];
-      let checkedKeys = [];
-      if (propStr === 'main') {
-        checkedKeys = firstTreeData.map(item => item.key);
-      } else if (propStr === 'dept') {
-        // 如果是dept 找到层级为科室的第一个数据
-        const index = firstTreeData.findIndex(item => item.type === 1);
-        if (index > -1) {
-          checkedKeys = firstTreeData.slice(0, index + 1).map(item => item.key);
-        } else {
-          checkedKeys = firstTreeData.map(item => item.key);
-        }
-      } else if (propStr === 'role') {
-        // 如果是dept 找到层级为角色的第一个数据
-        const index = firstTreeData.findIndex(item => item.roleId);
-        if (index > -1) {
-          checkedKeys = firstTreeData.slice(0, index + 1).map(item => item.key);
-        } else {
-          checkedKeys = firstTreeData.map(item => item.key);
-        }
-      }
-      return checkedKeys;
-    },
-
-    onClearSelect() {
-      this.checkedKeys.temp = [];
-      this.checkedKeys.main = [];
-      this.checkedKeys.dept = [];
-      this.checkedKeys.role = [];
-      this.defaultShowList = [];
-      this.indeterminate = false;
-      this.singleChecked = false;
-    },
-    filterTreeData({ value, data, prop, filter, filterXor, children, visible, filterChildren = true, callback }) {
-      // 默认赋值
-      visible = visible || 'visible';
-      children = children || 'children';
-      prop = prop || 'text';
-
-      const filterNodeMethod = function(value, data) {
-        if (!value) {
-          return true;
-        }
-        let flag = (data[prop] || '').indexOf(value) !== -1;
-        return filterXor ? !flag : flag;
-      };
-
-      const traverse = function(node) {
-        const childNodes = node[children] || [];
-
-        childNodes.forEach(child => {
-          callback && callback(child);
-          child[visible] = (!node.root && !filterChildren && node[visible]) || filterNodeMethod.call(child, value, child, prop);
-
-          traverse(child);
-        });
-
-        if (!node[visible] && childNodes.length) {
-          let allHidden = true;
-          allHidden = !childNodes.some(child => child[visible]);
-
-          node[visible] = allHidden === false;
-        }
-      };
-      let totalData = {
-        root: true
-      };
-      totalData[children] = data;
-      traverse(totalData);
-
-      if (filter) {
-        let copyData = data.slice();
-        let filterHandle = filterData => {
-          return filterData.filter((item, index) => {
-            if (item[visible]) {
-              if (item[children]) {
-                item[children] = filterHandle(item[children]);
-              }
-              return true;
-            }
-            return false;
-          });
-        };
-        return filterHandle(copyData);
-      }
-    },
-    handleData() {
-      this.useData = vexutils.clone(this.data, true);
-      vexutils.searchTree(this.useData, item => {
-        if (this.titleAddCode && item.code) {
-          item.title = `${item.title}(${item.code})`;
-        }
-      });
-    }
-  }
-});
-</script>
-<style lang="less" scoped>
-@primary-color: #2563f4;
-/deep/.people-tree {
-  display: flex;
-  .people-tree-item {
-    flex-shrink: 0;
-    width: 300px;
-    padding: 22px 12px 0;
-    max-height: 376px;
-    height: 376px;
-    &.people-tree-left {
-      display: flex;
-      flex-direction: column;
-    }
-    .ant-checkbox-indeterminate .ant-checkbox-inner {
-      background-color: #fff !important;
-      border-color: #d9d9d9 !important;
-    }
-    /deep/ .person-search {
-      // .ant-input-affix-wrapper .ant-input:not(:last-child),
-      // .ant-input-affix-wrapper .ant-input:not(:first-child) {
-      //   padding-left: 34px;
-      // }
-      .ant-input-group-addon {
-        padding: 0;
-        border: 0px !important;
-      }
-      .ant-input-search-button {
-        border-top-left-radius: 0;
-        border-bottom-left-radius: 0;
-      }
-    }
-    .tree-wrap {
-      flex: 1;
-      overflow-y: auto;
-    }
-    /deep/ .main-tree-container {
-      > li {
-        width: 100%;
-        overflow: hidden;
-      }
-      .ant-tree-switcher {
-        flex-shrink: 0;
-      }
-      .ant-tree-node-content-wrapper {
-        width: calc(100% - 48px);
-        text-overflow: ellipsis;
-        overflow: hidden;
-        white-space: nowrap;
-      }
-    }
-    /deep/.ant-tree-title {
-      // width: 250px;
-      width: 100%;
-      text-overflow: ellipsis;
-      overflow: hidden;
-      white-space: nowrap;
-      display: inline-block;
-    }
-    &:first-child {
-      border-right: 1px solid #e8e8e8;
-    }
-
-    .no-data-tips {
-      height: 200px;
-      width: 100%;
-      display: flex;
-      justify-content: center;
-      align-items: center;
-      font-size: 16px;
-      font-weight: 700;
-    }
-
-    .c-title {
-      font-size: 14px;
-      font-family: PingFangSC-Regular, PingFang SC;
-      font-weight: 400;
-      color: #212121;
-    }
-    .c-sub-title {
-      font-size: 12px;
-      font-family: PingFangSC-Regular, PingFang SC;
-      // font-weight: 400;
-      color: #4e4e4e;
-    }
-    .p-title {
-      font-size: 14px;
-      font-family: PingFangSC-Medium, PingFang SC;
-      font-weight: 500;
-      color: #212121;
-    }
-  }
-  /deep/.ant-tree {
-    overflow-y: auto;
-    // height: 450px;
-    flex: 1;
-    position: relative;
-    &::-webkit-scrollbar {
-      width: 6px;
-      height: 6px;
-      background-color: #f5f5f5;
-    }
-  }
-  .select-wrap {
-    flex: 1;
-    padding: 22px 12px 0;
-    height: 376px;
-    display: flex;
-    flex-direction: column;
-    .select-header {
-      display: flex;
-      justify-content: space-between;
-      margin-bottom: 20px;
-      .clear-btn {
-        color: @primary-color;
-        cursor: pointer;
-      }
-    }
-    .select-content {
-      flex: 1;
-      overflow-y: auto;
-      .tag-item {
-        .tag-text {
-          overflow: hidden;
-          white-space: nowrap;
-          text-overflow: ellipsis;
-          max-width: 300px;
-        }
-        &.isRoot {
-          background: rgba(@primary-color, 0.08);
-          border: 1px solid rgba(@primary-color, 0.5);
-          color: @primary-color;
-          .tag-close {
-            color: @primary-color;
-            &:hover {
-              color: rgba(@primary-color, 0.6);
-            }
-          }
-        }
-
-        box-sizing: border-box;
-        color: #212121;
-        font-size: 14px;
-        list-style: none;
-        display: inline-flex;
-        align-items: center;
-        height: 24px;
-        line-height: 24px;
-        margin-right: 8px;
-        margin-bottom: 4px;
-        padding: 0 6px;
-        // white-space: nowrap;
-        background: rgba(#d5d5d5, 0.2);
-        border: 1px solid rgba(#000000, 0.14);
-        border-radius: 4px;
-        transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
-        .tag-close {
-          font-size: 12px;
-          &:hover {
-            color: rgba(@primary-color, 0.6);
-          }
-          &:active {
-            color: #fff;
-          }
-          display: inline-block;
-          font-size: 14px;
-          margin-left: 3px;
-          color: #969696;
-          font-weight: 700;
-          cursor: pointer;
-          transition: all 0.3s;
-        }
-      }
-    }
-  }
-}
-.df {
-  display: flex;
-}
-.search-input-icon {
-  color: rgba(0, 0, 0, 0.4);
-  margin-bottom: -2px;
-}
-.type-wrap {
-  display: flex;
-  margin-bottom: 10px;
-  .type-btn {
-    margin-right: 10px;
-    padding: 2px 10px;
-    background: #f2f2f2;
-    border-radius: 8px;
-    cursor: pointer;
-    &:last-child {
-      margin-right: 0;
-    }
-  }
-  .type-active {
-    background: @primary-color;
-    color: #ffffff;
-  }
-}
-</style>