cnhis-design-vue 2.1.17 → 2.1.18

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

@@ -1,1658 +1,1658 @@
-<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>
-          <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="false"
-            :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 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">
-                {{ tag.title || tag[wordbookChild.user_name_obj] }}
-                <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">
-              {{ tag.title || tag.key }} {{ treeCount(tag.count) }}
-              <!-- <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 } 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
-    },
-    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
-    };
-  },
-  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';
-        return checked && item.type == 1 && (!item.children || (item.children && !item.children.length));
-      });
-      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.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 {
-        this.$nextTick(() => {
-          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];
-        });
-      }
-    },
-
-    staticDataInit() {
-      if (!Array.isArray(this.data) || this.data.length == 0) return;
-      this.treeData.main = this.data;
-      this.generateDataList(this.treeData.main, this.dataList.main);
-    },
-    staticDeptAndRoleDataInit() {
-      this.treeData.dept = this.getDeptData(this.data);
-      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里面的人员过滤掉
-      const copyData = JSON.parse(JSON.stringify(data));
-      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) {
-      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;
-      }
-    },
-
-    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' });
-      // 过滤visible属性 为true的数据
-      copyData = copyData.filter(item => item.visible);
-      const expandedKeys = [];
-      vexutils.searchTree(copyData, item => {
-        if (item.visible) {
-          expandedKeys.push(item.key);
-        }
-        if (item.children && item.children.length) {
-          item.children = item.children.filter(child => child.visible);
-        }
-      });
-      this.$set(this.treeData, 'temp', copyData);
-      this.expandedKeys = 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 }) {
-      // 断掉了父子关系 要不然当存在一二级科室的时候 搜索二级科室 再选中会把一级也选中 ； 后续与产品沟通 不需要断 只取最后一级科室
-      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))].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)))].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);
-      }
-    }
-  }
-});
-</script>
-<style lang="less" scoped>
-@primary-color: #2563f4;
-.people-tree {
-  display: flex;
-  .people-tree-item {
-    width: 50%;
-    padding: 22px 12px 0;
-    max-height: 376px;
-    height: 376px;
-    overflow-y: auto;
-    &.people-tree-left {
-      display: flex;
-      flex-direction: column;
-    }
-    /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;
-      }
-    }
-    /deep/ .main-tree-container {
-      > li {
-        width: 100%;
-        overflow: hidden;
-      }
-      .ant-tree-switcher {
-        flex-shrink: 0;
-      }
-      .ant-tree-node-content-wrapper {
-        width: 90%;
-        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 {
-        &.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>
+<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>
+          <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="false"
+            :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 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">
+                {{ tag.title || tag[wordbookChild.user_name_obj] }}
+                <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">
+              {{ tag.title || tag.key }} {{ treeCount(tag.count) }}
+              <!-- <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 } 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
+    },
+    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
+    };
+  },
+  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';
+        return checked && item.type == 1 && (!item.children || (item.children && !item.children.length));
+      });
+      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.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 {
+        this.$nextTick(() => {
+          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];
+        });
+      }
+    },
+
+    staticDataInit() {
+      if (!Array.isArray(this.data) || this.data.length == 0) return;
+      this.treeData.main = this.data;
+      this.generateDataList(this.treeData.main, this.dataList.main);
+    },
+    staticDeptAndRoleDataInit() {
+      this.treeData.dept = this.getDeptData(this.data);
+      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里面的人员过滤掉
+      const copyData = JSON.parse(JSON.stringify(data));
+      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) {
+      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;
+      }
+    },
+
+    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' });
+      // 过滤visible属性 为true的数据
+      copyData = copyData.filter(item => item.visible);
+      const expandedKeys = [];
+      vexutils.searchTree(copyData, item => {
+        if (item.visible) {
+          expandedKeys.push(item.key);
+        }
+        if (item.children && item.children.length) {
+          item.children = item.children.filter(child => child.visible);
+        }
+      });
+      this.$set(this.treeData, 'temp', copyData);
+      this.expandedKeys = 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 }) {
+      // 断掉了父子关系 要不然当存在一二级科室的时候 搜索二级科室 再选中会把一级也选中 ； 后续与产品沟通 不需要断 只取最后一级科室
+      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))].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)))].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);
+      }
+    }
+  }
+});
+</script>
+<style lang="less" scoped>
+@primary-color: #2563f4;
+.people-tree {
+  display: flex;
+  .people-tree-item {
+    width: 50%;
+    padding: 22px 12px 0;
+    max-height: 376px;
+    height: 376px;
+    overflow-y: auto;
+    &.people-tree-left {
+      display: flex;
+      flex-direction: column;
+    }
+    /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;
+      }
+    }
+    /deep/ .main-tree-container {
+      > li {
+        width: 100%;
+        overflow: hidden;
+      }
+      .ant-tree-switcher {
+        flex-shrink: 0;
+      }
+      .ant-tree-node-content-wrapper {
+        width: 90%;
+        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 {
+        &.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>