cnhis-design-vue 0.2.64-beta → 0.3.2-beta

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

@@ -1,1302 +0,0 @@
-<template>
-  <div class="personnel">
-    <a-spin :spinning="spinning">
-      <div class="people-tree">
-        <!-- 树主体与检索 -->
-        <div class="people-tree-item people-tree-left">
-          <!-- $t('1.1.1.5.1') -->
-          <a-input-search
-            style="margin-bottom: 12px"
-            :placeholder="searchPlaceholder"
-            :enter-button="searchButtonText"
-            :allowClear="true"
-            @search="searchClick"
-            v-model="title"
-            class="person-search"
-          >
-            <!-- <a-icon slot="prefix" type="search" class="search-input-icon" /> -->
-            <!-- <svg-icon
-              slot="prefix"
-              class="search-input-icon"
-              iconClass="xitongtubiaosousuo"
-            ></svg-icon> -->
-          </a-input-search>
-
-          <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>
-
-          <div
-            v-show="
-              search.status == 3 ||
-                (search.status == 0 && treeData.main && treeData.main.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.main"
-            @expand="onExpand"
-            checkable
-            :expandedKeys="expandedKeys"
-            :autoExpandParent="autoExpandParent"
-            :checkStrictly="false"
-            :selectable="false"
-            :treeData="treeData.main"
-            :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="people-tree-item">
-          <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>
-    </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';
-
-/**
- * 查询没有部门的分类时，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: () => [] },
-    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
-    },
-
-    queryMainTreeData: Function, // 主树请求
-    queryLoadChildData: Function, // 懒加载请求
-    queryTreeSearch: Function // 检索请求
-  },
-  data() {
-    return {
-      treeData: {
-        main: [],
-        search: []
-      },
-      // 展开的keys
-      expandedKeys: [],
-      autoExpandParent: true,
-      // 扁平化tree的options Object{Array[Object]}
-      dataList: {
-        main: [],
-        other: []
-      },
-      // 当前tree选中的keys Object{Array[Number]}
-      checkedKeys: {
-        main: [],
-        other: []
-      },
-      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
-    };
-  },
-  computed: {
-    searchTreeVisable() {
-      return this.search.status == 2;
-    },
-    dataListMainKeys() {
-      if (!this.dataList.main.length) return [];
-
-      return this.dataList.main.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 { 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.main.some(v => v == parentId)) {
-          checked = false;
-        }
-        return checked;
-      });
-      let list = this.uniqArrObj([...mainItems, ...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;
-    }
-  },
-  watch: {
-    defaultList: {
-      immediate: true,
-      handler(val) {
-        if (!val) return;
-        this.initDefault();
-      }
-    },
-    "checkedKeys.main": {
-      immediate: true,
-      deep: true,
-      handler(val) {
-        this.isAllCheck(val);
-        this.isSearchAllCheck(val)
-        // this.handleEmitValue();
-        this.$emit("check", val);
-      }
-    },
-    data: {
-      immediate: true,
-      handler() {
-        this.staticDataInit();
-      }
-    }
-  },
-  created() {
-  },
-  mounted() {
-    this.getUsers();
-
-  },
-  methods: {
-    initDefault() {
-      if (this.getLoadChildData) {
-        this.getDefaultList();
-      } else {
-        this.$nextTick(() => {
-          this.checkedKeys.main = [...this.defaultList];
-        });
-      }
-    },
-
-    staticDataInit() {
-      if (!Array.isArray(this.data) || this.data.length == 0) return;
-      this.treeData.main = this.data;
-      this.generateDataList(this.treeData.main, this.dataList.main);
-    },
-
-    /** --- 默认值 --- */
-    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);
-            }
-          }
-        });
-        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.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);
-    },
-    // type 1 全选 2 反选(清空)
-    checkAll(type) {
-      if (this.checkAllSearchTree(type)) return false;
-
-      if (type == 1) {
-        this.expandedKeys = [];
-        this.checkedKeys.main = this.dataListMainKeys;
-      } else if (type == 2) {
-        this.checkedKeys.main = [];
-        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)
-    },
-
-    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 = []) {
-      if (!checkedKeys || checkedKeys.length == 0) {
-        this.indeterminate = false;
-        this.singleChecked = false;
-      } else {
-        let keyArr = this.treeData.main.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.removedCheckedkeysOther(removedTag);
-
-      this.refreshSearchTree();
-    },
-
-    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;
-        });
-
-      this.checkedKeys.main = this.checkedKeys.main.filter(i => {
-        return !needRemoveChildKeys.includes(i);
-      });
-    },
-
-    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;
-        }
-      }
-    },
-
-    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);
-      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("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;
-    },
-
-    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;
-      }, []);
-    }
-  }
-});
-</script>
-<style lang="less" scoped>
-@primary-color: #5585f5;
-.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;
-    }
-    .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;
-      }
-    }
-
-    .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;
-    }
-  }
-}
-.df {
-  display: flex;
-}
-.search-input-icon {
-  color: rgba(0, 0, 0, 0.4);
-  margin-bottom: -2px;
-}
-</style>