eoss-mobiles 0.3.95 → 0.3.97

package/packages/selector/src/selector-tree.vue

@@ -1,1117 +1,1117 @@
-<template>
-  <div class="em-select-tree-content" :class="{ 'em-show-tree': showTree }">
-    <!-- <div style="display:block;height:1px"></div> -->
-    <em-nav-bar
-      v-if="showNavBar && !showTree"
-      :class="isBgColor ? 'em-selector-nav-bar' : ''"
-      :paddingTop="paddingTop"
-      :disabled="newTabs[selectIndex].name == 'persongroupobj'"
-      @click-left="navigateBack"
-    >
-      <template slot="left">
-        <van-icon name="arrow-left" />
-      </template>
-      <template slot="title">{{ navTitle }}</template>
-    </em-nav-bar>
-    <div class="em-search-box" v-if="showSearch && !showTree">
-      <em-search
-        v-model="namelike"
-        @input="onSearch"
-        placeholder="请输入搜索关键词"
-      />
-    </div>
-    <em-tabs
-      v-show="newTabs.length > 1 && !showTree"
-      @click="handleClick"
-      class="em-flow-tabs"
-      type="card"
-      style="margin: 10px 0px"
-    >
-      <em-tab
-        :title="item.label"
-        v-for="item in newTabs"
-        :key="item.name"
-      ></em-tab>
-    </em-tabs>
-    <div class="em-tree-box">
-      <em-tree
-        v-if="personnel && personnel.length > 0"
-        ref="emTree"
-        :model="personnel"
-        :value-key="valueKey"
-        :label-key="labelKey"
-        :enterprise="isEnterprise"
-        :department="isDepartment"
-        :departmentLabelKey="departmentLabelKey"
-        :departmentValueKey="departmentValueKey"
-        :namelike="namelike"
-        :nodeKey="nodeKey"
-        :disableds="disableds"
-        :showCount="showCount"
-        :countKey="countKey"
-        :selectType="newParam.selecttype"
-        :showNameIcon="showNameIcon"
-        :nameColor="nameColor"
-        :nameBgColor="nameBgColor"
-        :countPosition="countPosition"
-        :nameSize="nameSize"
-        :unit="unit"
-        v-on="$listeners"
-        @popen="open"
-        :isAllCheck="isAllCheck"
-        :isTreeIcon="isTreeIcon"
-        :showMore="showMore"
-        @checke="checked"
-        :showTree="showTree"
-        :selectLabel="selectLabel"
-        :oldIsSearch="oldIsSearch"
-        :isSearch="isSearch"
-        :inputSearch="inputSearch"
-        :isOtherUnit="isOtherUnit"
-        :filid="filid"
-      >
-        <template
-          slot="tree-icon"
-          v-if="$scopedSlots['tree-icon']"
-          slot-scope="{ value }"
-        >
-          <slot name="tree-icon" :value="value"></slot>
-        </template>
-      </em-tree>
-    </div>
-    <div class="em-btn-group" v-if="!showTree">
-      <div class="select-list">
-        <div v-for="(r, i) in list" :key="i" class="item">
-          <!--    r[labelKey].length > 6
-                ? r[labelKey].slice(0, 6) + '...'
-                : r[labelKey] -->
-          <div class="name" v-if="r[labelKey] || r['showname']">
-            {{ r[labelKey] || r['showname'] }}
-          </div>
-          <div class="delte" @click="delteList(i)">
-            <img
-              src="data:image/png;base64,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"
-            />
-          </div>
-        </div>
-      </div>
-      <div class="btn" @click="dispose">确认（{{ list.length }}）</div>
-    </div>
-  </div>
-</template>
-
-<script>
-import EmTree from './tree.vue';
-import { selectObject } from '../../../src/config/api.js';
-import $ from '../../../src/utils/util.js';
-import request from '../../../src/utils/http.js';
-export default {
-  components: { EmTree },
-  name: 'EmSelectorTree',
-  inheritAttrs: false,
-  props: {
-    isSelectAll: {
-      type: Boolean,
-      default: false
-    },
-    nameSize: {
-      type: [String, Number],
-      default: 38
-    },
-    nameBgColor: {
-      tpe: String,
-      default: ''
-    },
-    countPosition: {
-      type: String,
-      default: 'right'
-    },
-    showNameIcon: {
-      type: Boolean,
-      default: false
-    },
-    nameColor: {
-      type: String,
-      default: '#fff'
-    },
-    showNameIcon: {
-      type: Boolean,
-      default: false
-    },
-    countKey: {
-      type: String,
-      default: 'count'
-    },
-    showCount: {
-      type: Boolean,
-      default: false
-    },
-    selectLabel: {
-      type: Boolean,
-      default: false
-    },
-    unit: {
-      type: String,
-      default: '人'
-    },
-    disableds: {
-      type: Array,
-      default: () => []
-    },
-    showSearch: {
-      type: Boolean,
-      default: true
-    },
-    multiple: {
-      type: Boolean, // 判断是否多选
-      default: true
-    },
-    selectList: {
-      type: [Array, String], //传入选中数组
-      default: () => []
-    },
-    isAllCheck: {
-      type: Boolean,
-      default: false
-    },
-    // pid: {
-    //   type: String, // 父id或者是空
-    //   default: 'root'
-    // },
-    url: {
-      type: String,
-      default: ''
-    },
-    param: {
-      type: Object,
-      default: () => {
-        return { pid: 'root' };
-      }
-    },
-    // depId:{
-    //   type: String, //
-    //   default:''
-    // },
-    isEnterprise: {
-      type: Boolean,
-      default: false
-    },
-    isDepartment: {
-      type: Boolean,
-      default: false
-    },
-    departmentLabelKey: {
-      type: String,
-      default: 'objType'
-    },
-    departmentValueKey: {
-      type: String,
-      default: 'department'
-    },
-    nodeKey: {
-      type: String,
-      default: 'subNode'
-    },
-    tabs: {
-      type: [String, Object], //enterprise：单位，department：部门，employee：用户
-      default: 'employee'
-    },
-    objType: {
-      type: String, // 点击对象类型(enterprise:单位,department:部门,employee:用户,person:人员,persongroup:群组)
-      default: 'enterprise'
-    },
-    isOtherUnit: {
-      //是否是其它单位
-      type: Boolean,
-      default: false
-    },
-    filid: {
-      type: String, // 指定企业
-      default: undefined
-    },
-    type: {
-      type: String, // 组件类型
-      default: 'components'
-    },
-    navTitle: {
-      type: String,
-      default: '请选择'
-    },
-    showNavBar: {
-      type: Boolean,
-      default: true
-    },
-    showTree: {
-      type: Boolean,
-      default: true
-    },
-    showMore: {
-      type: Boolean,
-      default: true
-    },
-    isTreeIcon: {
-      type: Boolean,
-      default: false
-    },
-    isBgColor: {
-      type: Boolean,
-      default: true
-    },
-    promptText: {
-      type: String,
-      default: '只能选择一个'
-    },
-    listKey: {
-      type: String,
-      default: ''
-    },
-    valueKey: {
-      type: String,
-      default: 'showid'
-    },
-    labelKey: {
-      type: String,
-      default: 'showshortname'
-    },
-    paddingTop: {
-      type: [String, Number],
-      default: 0
-    },
-    isDefaultNode: {
-      type: Boolean,
-      default: true
-    },
-    nodeList: Array,
-    baseUrl: String
-  },
-  data() {
-    return {
-      genre: '',
-      personnel: '',
-      label: '',
-      namelike: '', //搜索关键字
-      list: [], //选中数组
-      selectData: [],
-      timer: null,
-      isSearch: false,
-      inputSearch: false,
-      newParam: {},
-      oldIsSearch: false,
-      selectIndex: 0,
-      checkObj: {},
-      first: true
-    };
-  },
-  watch: {
-    listKey: {
-      handler(val) {
-        this.label = val;
-      },
-      immediate: true
-    },
-    nodeList: {
-      handler(val) {
-        if (this.isSearch != this.oldIsSearch) {
-          this.getNodeList(true);
-        }
-      },
-      deep: true,
-      immediate: true
-    },
-    selectList: {
-      handler(val) {
-        typeof this.selectList != 'string' && (this.list = $.deepClone(val));
-        if (this.personnel.length == 0) {
-          if (this.nodeList) {
-            this.getNodeList();
-          } else {
-            this.getContent();
-          }
-        } else {
-          if (typeof this.selectList == 'string') {
-            this.selectData = [];
-            this.list = this.getSelectData(this.personnel);
-            this.$emit('update:selectList', this.list);
-          }
-        }
-      },
-      deep: true,
-      immediate: true
-    }
-  },
-  computed: {
-    newTabs() {
-      const tabs = {
-        enterprise: {
-          label: '选择单位',
-          name: 'enterprise',
-          url: selectObject,
-          data: [],
-          nodeData: '',
-          selection: [],
-          value: [],
-          param: {
-            objType: this.objType,
-            selecttype: 'enterprise',
-            pid: 'root'
-          }
-        },
-        department: {
-          label: '选择部门',
-          name: 'department',
-          url: selectObject,
-          data: [],
-          nodeData: '',
-          selection: [],
-          value: [],
-          param: {
-            objType: this.objType,
-            selecttype: 'department',
-            pid: 'root'
-          }
-        },
-        employee: {
-          label: '选择用户',
-          name: 'employee',
-          url: selectObject,
-          data: [],
-          nodeData: '',
-          selection: [],
-          value: [],
-          param: {
-            objType: this.objType,
-            selecttype: 'employee',
-            pid: 'root'
-          }
-        },
-        myemployee: {
-          label: '本单位用户',
-          name: 'myemployee',
-          url: selectObject,
-          data: [],
-          nodeData: '',
-          selection: [],
-          value: [],
-          param: {
-            objType: this.objType,
-            selecttype: 'employee',
-            pid: 'root'
-          }
-        },
-        otheremployee: {
-          label: '外单位用户',
-          name: 'otheremployee',
-          url: selectObject,
-          data: [],
-          nodeData: '',
-          selection: [],
-          value: [],
-          param: {
-            objType: this.objType,
-            selecttype: 'otheremployee',
-            pid: 'root'
-          }
-        },
-        person: {
-          label: '选择人员',
-          name: 'person',
-          url: selectObject,
-          data: [],
-          nodeData: '',
-          selection: [],
-          value: [],
-          param: {
-            objType: this.objType,
-            selecttype: 'person',
-            pid: 'root'
-          }
-        },
-        otherperson: {
-          label: '外单位人员',
-          name: 'otherperson',
-          url: selectObject,
-          data: [],
-          nodeData: '',
-          selection: [],
-          value: [],
-          param: {
-            objType: this.objType,
-            selecttype: 'otherperson',
-            pid: 'root'
-          }
-        },
-        persongroup: {
-          label: '选择群组成员',
-          name: 'persongroup',
-          url: selectObject,
-          data: [],
-          nodeData: '',
-          selection: [],
-          value: [],
-          param: {
-            objType: this.objType,
-            selecttype: 'persongroup',
-            pid: 'root'
-          }
-        },
-        filgroup: {
-          label: '单位群组成员',
-          data: [],
-          nodeData: '',
-          selection: [],
-          value: [],
-          name: 'filgroup',
-          url: selectObject,
-          param: {
-            objType: this.objType,
-            selecttype: 'filgroup',
-            pid: 'root'
-          }
-        },
-        depgroup: {
-          label: '部门群组成员',
-          name: 'depgroup',
-          url: selectObject,
-          data: [],
-          nodeData: '',
-          selection: [],
-          value: [],
-          param: {
-            objType: this.objType,
-            selecttype: 'depgroup',
-            pid: 'root'
-          }
-        },
-        persongroupobj: {
-          label: '人员群组',
-          name: 'persongroupobj',
-          url: selectObject,
-          data: [],
-          nodeData: '',
-          selection: [],
-          value: [],
-          param: {
-            objType: this.objType,
-            selecttype: 'persongroupobj',
-            pid: 'root'
-          }
-        },
-        filgroupobj: {
-          label: '单位群组',
-          name: 'filgroupobj',
-          url: selectObject,
-          data: [],
-          nodeData: '',
-          selection: [],
-          value: [],
-          param: {
-            objType: this.objType,
-            selecttype: 'filgroupobj',
-            pid: 'root'
-          }
-        },
-        depgroupobj: {
-          label: '部门群组',
-          name: 'depgroupobj',
-          url: selectObject,
-          data: [],
-          nodeData: '',
-          selection: [],
-          value: [],
-          param: {
-            objType: this.objType,
-            selecttype: 'depgroupobj',
-            pid: 'root'
-          }
-        },
-        role: {
-          label: '选择角色',
-          name: 'role',
-          url: selectObject,
-          data: [],
-          nodeData: '',
-          selection: [],
-          value: [],
-          param: {
-            objType: this.objType,
-            selecttype: 'role',
-            pid: 'root'
-          }
-        },
-        post: {
-          label: '选择岗位',
-          name: 'post',
-          url: selectObject,
-          data: [],
-          nodeData: '',
-          selection: [],
-          value: [],
-          param: {
-            objType: this.objType,
-            selecttype: 'post',
-            pid: 'root'
-          }
-        },
-        codetable: {
-          label: '代码表',
-          name: 'codetable',
-          url: selectObject,
-          data: [],
-          nodeData: '',
-          selection: [],
-          value: [],
-          param: {
-            objType: this.objType,
-            selecttype: 'codetable',
-            pid: 'root'
-          }
-        },
-        topcontacts: {
-          label: '常用联系人',
-          name: 'topcontacts',
-          url: selectObject,
-          data: [],
-          nodeData: '',
-          selection: [],
-          value: [],
-          param: {
-            objType: this.objType,
-            selecttype: 'topcontacts',
-            pid: 'root'
-          }
-        }
-      };
-      let copyTabs = this.tabs.split(',');
-      let obj = {};
-      copyTabs.map((x) => {
-        if(this.param[x]){
-          tabs[x].param = {...tabs[x].param, ...this.param[x]};
-        }
-        obj[x];
-      });
-      if (this.tabs) {
-        if (this.replace) {
-          return this.tabs;
-        } else {
-          obj = $.extend(true, tabs, obj);
-        }
-      }
-      let newtabs = [];
-      copyTabs.map((x) => {
-        if (this.param[x]) {
-          obj[x].param = { ...obj[x].param, ...this.param[x] };
-        }
-        newtabs.push(obj[x]);
-      });
-      return newtabs;
-    }
-  },
-  mounted() {
-    // typeof this.selectList != 'string' &&
-    //   (this.list = $.deepClone(this.selectList));
-    // this.$nextTick(() => {
-    //   if (this.nodeList) {
-    //     this.getNodeList();
-    //   } else {
-    //     this.getContent();
-    //   }
-    // });
-  },
-  methods: {
-     handleClick(index) {
-      this.selectIndex = index;
-       this.getContent(undefined,false);
-    },
-    getNodeList(isSearch) {
-      this.personnel = JSON.parse(JSON.stringify(this.nodeList));
-      // !isSearch && (this.list = $.deepClone(this.selectList));
-      if (!isSearch) {
-        if (typeof this.selectList == 'string') {
-          this.selectData = [];
-          this.list = this.getSelectData(this.personnel);
-          this.$emit('update:selectList', this.list);
-        } else {
-          this.list = $.deepClone(this.selectList);
-        }
-      }
-      let _this = this;
-      if (this.list && this.list.length > 0) {
-        this.list.filter((r) => {
-          _this.personnel.find((i) => {
-            if (i[_this.valueKey] === r[_this.valueKey]) {
-              _this.$set(i, 'checked', true);
-            } else if (i.children) {
-              _this.getActiveChildren(i.children, r[_this.valueKey]);
-            }
-          });
-        });
-      } else {
-        _this.personnel.map((x) => {
-          if (x.children && x.children.length > 0) {
-            this.setChecked(x.children);
-          } else {
-            _this.$set(x, 'checked', false);
-          }
-        });
-      }
-    },
-    getActiveChildren(data, id) {
-      const _this = this;
-      data.map((x) => {
-        if (x[_this.valueKey] === id) {
-          _this.$set(x, 'checked', true);
-        } else if (x.children) {
-          _this.getActiveChildren(x.children, id);
-        }
-      });
-    },
-    setChecked(list) {
-      list.map((x) => {
-        if (x.children && x.children.length > 0) {
-          this.setChecked(x.children);
-        } else {
-          this.$set(x, 'checked', false);
-        }
-      });
-    },
-    /**
-     * delteList
-     * @desc:删除选中的数据
-     * @date 2023年3月6日
-     * @author liufan
-     * @param {String,Number} i  点击数据的下标
-     */
-    delteList(i) {
-      this.oldIsSearch = this.isSearch;
-      let res = this.list[i];
-      this.getArray(this.personnel, res[this.valueKey]);
-      this.list.splice(i, 1);
-    },
-    // 树结构遍历
-    getArray(data, showid) {
-      for (let i in data) {
-        //满足条件
-        if (data[i][this.valueKey] == showid) {
-          this.$set(data[i], 'checked', false);
-          break;
-        } else {
-          //否则  继续遍历子元素
-          this.getArray(data[i].children, showid);
-        }
-      }
-    },
-    /**
-     * onSearch
-     * @desc:条件搜索
-     * @date 2023年3月6日
-     * @author liufan
-     */
-    onSearch() {
-      if (this.timer != null) {
-        clearTimeout(this.timer);
-      }
-      this.timer = setTimeout( () => {
-        if (this.$listeners.search) {
-          this.oldIsSearch = this.isSearch;
-          this.isSearch = !this.isSearch;
-          this.$emit('search', this.namelike);
-        } else {
-        this.getContent(undefined,!!this.namelike.trim());
-         
-        }
-      }, 1000);
-    },
-    /**
-     * getContent
-     * @desc:获取数据
-     * @date 2023年3月6日
-     * @author liufan
-     */
-    getContent(name,isSearch) {
-      if (name) {
-        this.label = name;
-      }
-      // this.list = $.deepClone(this.selectList);
-      this.$toast.loading({
-        message: '加载中...',
-        forbidClick: true,
-        loadingType: 'spinner',
-        overlay: true,
-        duration: 0
-      });
-      this.newParam = { ...JSON.parse(JSON.stringify(this.param)) };
-      this.newParam.selecttype =
-        this.newTabs[this.selectIndex].param.selecttype;
-      if (this.newParam.selecttype === 'persongroup') {
-        if(this.newParam[this.newTabs[this.selectIndex].name]){
-           this.newParam = {...this.newTabs[this.selectIndex].param,...this.newParam[this.newTabs[this.selectIndex].name]?this.newParam[this.newTabs[this.selectIndex].name]:{}}
-        }else{
-          this.newParam.pid = 'root';
-        }
-        this.newParam.pid = 'root';
-        this.newParam.myUserid =
-          this.newParam.myUserid || $.getStorage('userId');
-      } else {
-        this.newParam = {...this.newParam,...this.newTabs[this.selectIndex].param,...this.newParam[this.newTabs[this.selectIndex].name]?this.newParam[this.newTabs[this.selectIndex].name]:{}}
-         if(this.param.pid){
-          this.newParam.pid = this.param.pid;
-        }
-        //  this.newTabs[this.selectIndex].param.pid || this.param.pid || 'root';
-      }
-      delete this.newParam.department
-      delete this.newParam.myemployee
-      return request({
-        url: this.url
-          ? this.url
-          : this.baseUrl
-          ? this.baseUrl + selectObject
-          : selectObject,
-        params: {
-          objType: this.objType,
-          namelike: this.namelike,
-          selecttype: this.tabs,
-          filid: this.filid,
-          ...this.newParam
-        }
-      }).then((res) => {
-        if(isSearch != undefined){
-           this.inputSearch = isSearch;
-        }
-        this.$toast.clear();
-        const { rCode, msg } = res;
-        if (rCode == 0) {
-          if (typeof this.selectList == 'string') {
-            this.selectData = [];
-            this.list = this.getSelectData(
-              JSON.parse(JSON.stringify(res.results))
-            );
-            this.$emit('update:selectList', this.list);
-          }
-          this.personnel = JSON.parse(JSON.stringify(res.results));
-          let _this = this;
-          this.list.filter((r) => {
-            _this.personnel.find((i) => {
-              if (i[_this.valueKey] === r[_this.valueKey]) {
-                _this.$set(i, 'checked', true);
-              }
-            });
-          });
-          this.genre = JSON.parse(JSON.stringify(res.results));
-        } else {
-          this.$toast(msg);
-        }
-      });
-    },
-    getSelectData(data) {
-      const _this = this;
-      let user = this.selectList.split(',');
-      user.map((x) => {
-        data.map((i) => {
-          if (i[_this.valueKey] == x) {
-            this.selectData.push(i);
-          } else if (i.children) {
-            _this.getSelectData(i.children);
-          }
-        });
-      });
-      return this.selectData;
-    },
-    getData(obj) {
-      let params = {
-        ...this.newParam,
-        pid: obj[this.valueKey],
-        selecttype: obj.selecttype,
-        objType: obj.objType
-      };
-      this.$toast.loading({
-        message: '加载中...',
-        forbidClick: true,
-        loadingType: 'spinner',
-        overlay: true,
-        duration: 0
-      });
-      request({
-        url: this.url
-          ? this.url
-          : this.baseUrl
-          ? this.baseUrl + selectObject
-          : selectObject,
-        params: params
-      }).then((res) => {
-        if (res.rCode == 0) {
-          if (
-            res.results.length > 0 &&
-            res.results[0].nocheck == false &&
-            this.isAllCheck &&
-            this.multiple
-          ) {
-            res.results.unshift({
-              showshortname: '全选',
-              checked: false,
-              isAllCheck: true,
-              id: $.generateUUID(),
-              parentshowid: res.results[0].parentshowid
-            });
-          }
-          this.$set(obj, 'children', res.results);
-          let _this = this;
-          this.list.filter((r) => {
-            obj.children.find((i) => {
-              if (i[_this.valueKey] === r[_this.valueKey]) {
-                _this.$set(i, 'checked', true);
-              }
-            });
-          });
-          if (this.isAllCheck && this.multiple && obj.children.length > 0) {
-            let checkList = obj.children
-              .slice(1, obj.children.length)
-              .filter((x) => x.checked);
-            if (
-              checkList.length ===
-              obj.children.slice(1, obj.children.length).length
-            ) {
-              _this.$set(obj.children[0], 'checked', true);
-            }
-          }
-        }
-        this.$toast.clear();
-      });
-    },
-    getChiled(res, isStart, key) {
-      const _that = this;
-      let data = [];
-      if (this.isDefaultNode && !isStart) {
-        data = _that.$listeners[key]
-          ? _that.$listeners[key](res.obj, !!res.obj.children)
-          : undefined;
-      }
-      if (!isStart) {
-        if (res.obj.open) {
-          this.$set(res.obj, 'open', false);
-        } else {
-          this.$set(res.obj, 'open', true);
-        }
-      }
-      let newData = res.obj;
-      if (
-        (!newData.children || newData.children.length == 0) &&
-        !isStart &&
-        data
-      ) {
-        if (this.nodeList && this.nodeList.length > 0) {
-          this.$toast.loading({
-            message: '加载中...',
-            forbidClick: true,
-            loadingType: 'spinner',
-            overlay: true,
-            duration: 0
-          });
-          if (!Array.isArray(data)) {
-            data
-              .then((res) => {
-                res.map((x) => {
-                  !x[_that.nodeKey] && _that.$set(x, 'nocheck', false);
-                });
-                _that.$set(newData, 'children', res);
-                if (_that.selectList && _that.selectList.length > 0) {
-                  _that.selectList.filter((r) => {
-                    newData.children.find((i) => {
-                      if (i[_that.valueKey] === r[_that.valueKey]) {
-                        _that.$set(i, 'checked', true);
-                      }
-                    });
-                  });
-                } else {
-                  newData.children.find((i) => {
-                    _that.$set(i, 'checked', false);
-                  });
-                }
-                this.$toast.clear();
-              })
-              .catch((err) => {
-                this.$toast('数据返回错误');
-              });
-          } else {
-            data.map((x) => {
-              !x[_that.nodeKey] && _that.$set(x, 'nocheck', false);
-            });
-            _that.$set(newData, 'children', data);
-            if (_that.selectList && _that.selectList.length > 0) {
-              _that.selectList.filter((r) => {
-                newData.children.find((i) => {
-                  if (i[_that.valueKey] === r[_that.valueKey]) {
-                    _that.$set(i, 'checked', true);
-                  }
-                });
-              });
-            } else {
-              newData.children.find((i) => {
-                _that.$set(i, 'checked', false);
-              });
-            }
-            this.$toast.clear();
-          }
-        } else {
-          if (!res.obj.children || res.obj.children.length == 0) {
-            this.getData(res.obj);
-          }
-        }
-      }
-    },
-    open(res, isStart, isNode, key) {
-      const _that = this;
-      _that.oldIsSearch = _that.isSearch;
-      // debugger
-      if (
-        this.$listeners['node-click'] &&
-        (this.$listeners['left-icon'] ||
-          (this.showMore && !this.isDefaultNode)) &&
-        !isStart
-      ) {
-        if (this.$listeners['left-icon'] && key === 'node') {
-          this.getChiled(res, isStart, 'left-icon');
-        } else if (
-          this.showMore &&
-          this.$listeners['right-icon'] &&
-          key === 'node'
-        ) {
-          this.getChiled(res, isStart, 'right-icon');
-        } else if (
-          (!this.isDefaultNode && key === 'title') ||
-          (this.$listeners['node-click'] &&
-            this.$listeners['left-icon'] &&
-            !this.showMore &&
-            !this.isDefaultNode)
-        ) {
-          _that.$listeners['node-click'](res.obj, !!res.obj.children);
-        } else {
-          this.getChiled(res, isStart, 'node-click');
-        }
-      } else if (
-        this.$listeners['node-click'] ||
-        this.$listeners['left-icon'] ||
-        (this.showMore && !this.isDefaultNode)
-      ) {
-        isNode &&
-          this.$listeners['node-click'] &&
-          this.getChiled(res, isStart, 'node-click');
-        this.$listeners['left-icon'] &&
-          !isNode &&
-          this.getChiled(res, isStart, 'left-icon');
-        this.showMore &&
-          !this.isDefaultNode &&
-          !isNode &&
-          this.getChiled(res, isStart, 'right-icon');
-      } else {
-        if (!isStart) {
-          if (res.obj.open) {
-            this.$set(res.obj, 'open', false);
-          } else {
-            this.$set(res.obj, 'open', true);
-          }
-        }
-        if (!res.obj.children && !isStart) {
-          this.getData(res.obj);
-        }
-      }
-    },
-    checked(res, model) {
-      this.oldIsSearch = this.isSearch;
-      if (!res.obj.mixType) {
-        this.$set(res.obj, 'mixType', this.newTabs[this.selectIndex].name);
-      }
-      if (res.obj.checked) {
-        if (res.obj.isAllCheck) {
-          model.map((x) => {
-            for (let i in this.list) {
-              if (this.list[i][this.valueKey] == x[this.valueKey]) {
-                this.list.splice(i, 1);
-              }
-            }
-            this.$set(x, 'checked', false);
-          });
-        } else {
-          for (let i in this.list) {
-            if (this.list[i][this.valueKey] == res.obj[this.valueKey]) {
-              this.list.splice(i, 1);
-            }
-          }
-          this.$set(res.obj, 'checked', false);
-        }
-      } else {
-        // if (!this.multiple && this.list.length >= 1) {
-        //   this.$toast(this.promptText);
-        //   return;
-        // }
-        if (res.obj.isAllCheck) {
-          let selectData = [];
-          this.$set(res.obj, 'checked', true);
-          model.map((x) => {
-           
-            if(!x.disabled && !x.nocheck && !x.isAllCheck && (x.selecttype == this.newParam.selecttype || (this.newParam.selecttype == 'persongroup' && x.selecttype == 'employee')) && this.disableds.indexOf(x[this.valueKey]) == -1){
-              this.$set(x, 'checked', true);
-               if (!x.mixType) {
-        this.$set(x, 'mixType', this.newTabs[this.selectIndex].name);
-      }
-              selectData.push(x);
-            }
-          });
-          
-          this.list.push(...selectData);
-          //  this.$set(res.obj, 'checked', true);
-        } else {
-          this.$set(res.obj, 'checked', true);
-          if (!this.multiple) {
-            this.list = [res.obj];
-            this.setChecked(this.personnel, res.obj);
-          } else {
-            this.list.push(res.obj);
-          }
-        }
-      }
-      if (this.isAllCheck && this.multiple && model[0].isAllCheck) {
-        let checkList = model.slice(1, model.length).filter((x) => x.checked);
-        var obj = {};
-        this.list = this.list.reduce((item, next) => {
-          obj[next.showid] ? '' : (obj[next.showid] = true && item.push(next));
-          return item;
-        }, []);
-        let newArr = model.filter((x) => !x.disabled&&!x.nocheck&& (x.selecttype == this.newParam.selecttype  || (this.newParam.selecttype == 'persongroup' && x.selecttype == 'employee')) && this.disableds.indexOf(x[this.valueKey]) == -1);
-        if (newArr.length === checkList.length) {
-          model.map((x) => {
-            if (!x.disabled) {
-              this.$set(model[0], 'checked', true);
-            }
-          });
-        } else {
-          this.$set(model[0], 'checked', false);
-        }
-      }
-    },
-    setChecked(data, item) {
-      data.map((x) => {
-        if (x[this.valueKey] === item[this.valueKey]) {
-          this.$set(x, 'checked', true);
-        } else {
-          this.$set(x, 'checked', false);
-        }
-        if (x.children) {
-          this.setChecked(x.children, item);
-        }
-      });
-    },
-    dispose() {
-      let obj = {
-        list: this.list,
-        label: this.label ? this.label : undefined
-      };
-      this.oldIsSearch = this.isSearch;
-      this.$emit('dispose', $.deepClone(obj));
-      this.$parent.$emit('change', $.deepClone(obj));
-    },
-    navigateBack() {
-      this.$emit('close');
-    }
-  }
-};
-</script>
+<template>
+  <div class="em-select-tree-content" :class="{ 'em-show-tree': showTree }">
+    <!-- <div style="display:block;height:1px"></div> -->
+    <em-nav-bar
+      v-if="showNavBar && !showTree"
+      :class="isBgColor ? 'em-selector-nav-bar' : ''"
+      :paddingTop="paddingTop"
+      :disabled="newTabs[selectIndex].name == 'persongroupobj'"
+      @click-left="navigateBack"
+    >
+      <template slot="left">
+        <van-icon name="arrow-left" />
+      </template>
+      <template slot="title">{{ navTitle }}</template>
+    </em-nav-bar>
+    <div class="em-search-box" v-if="showSearch && !showTree">
+      <em-search
+        v-model="namelike"
+        @input="onSearch"
+        placeholder="请输入搜索关键词"
+      />
+    </div>
+    <em-tabs
+      v-show="newTabs.length > 1 && !showTree"
+      @click="handleClick"
+      class="em-flow-tabs"
+      type="card"
+      style="margin: 10px 0px"
+    >
+      <em-tab
+        :title="item.label"
+        v-for="item in newTabs"
+        :key="item.name"
+      ></em-tab>
+    </em-tabs>
+    <div class="em-tree-box">
+      <em-tree
+        v-if="personnel && personnel.length > 0"
+        ref="emTree"
+        :model="personnel"
+        :value-key="valueKey"
+        :label-key="labelKey"
+        :enterprise="isEnterprise"
+        :department="isDepartment"
+        :departmentLabelKey="departmentLabelKey"
+        :departmentValueKey="departmentValueKey"
+        :namelike="namelike"
+        :nodeKey="nodeKey"
+        :disableds="disableds"
+        :showCount="showCount"
+        :countKey="countKey"
+        :selectType="newParam.selecttype"
+        :showNameIcon="showNameIcon"
+        :nameColor="nameColor"
+        :nameBgColor="nameBgColor"
+        :countPosition="countPosition"
+        :nameSize="nameSize"
+        :unit="unit"
+        v-on="$listeners"
+        @popen="open"
+        :isAllCheck="isAllCheck"
+        :isTreeIcon="isTreeIcon"
+        :showMore="showMore"
+        @checke="checked"
+        :showTree="showTree"
+        :selectLabel="selectLabel"
+        :oldIsSearch="oldIsSearch"
+        :isSearch="isSearch"
+        :inputSearch="inputSearch"
+        :isOtherUnit="isOtherUnit"
+        :filid="filid"
+      >
+        <template
+          slot="tree-icon"
+          v-if="$scopedSlots['tree-icon']"
+          slot-scope="{ value }"
+        >
+          <slot name="tree-icon" :value="value"></slot>
+        </template>
+      </em-tree>
+    </div>
+    <div class="em-btn-group" v-if="!showTree">
+      <div class="select-list">
+        <div v-for="(r, i) in list" :key="i" class="item">
+          <!--    r[labelKey].length > 6
+                ? r[labelKey].slice(0, 6) + '...'
+                : r[labelKey] -->
+          <div class="name" v-if="r[labelKey] || r['showname']">
+            {{ r[labelKey] || r['showname'] }}
+          </div>
+          <div class="delte" @click="delteList(i)">
+            <img
+              src="data:image/png;base64,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"
+            />
+          </div>
+        </div>
+      </div>
+      <div class="btn" @click="dispose">确认（{{ list.length }}）</div>
+    </div>
+  </div>
+</template>
+
+<script>
+import EmTree from './tree.vue';
+import { selectObject } from '../../../src/config/api.js';
+import $ from '../../../src/utils/util.js';
+import request from '../../../src/utils/http.js';
+export default {
+  components: { EmTree },
+  name: 'EmSelectorTree',
+  inheritAttrs: false,
+  props: {
+    isSelectAll: {
+      type: Boolean,
+      default: false
+    },
+    nameSize: {
+      type: [String, Number],
+      default: 38
+    },
+    nameBgColor: {
+      tpe: String,
+      default: ''
+    },
+    countPosition: {
+      type: String,
+      default: 'right'
+    },
+    showNameIcon: {
+      type: Boolean,
+      default: false
+    },
+    nameColor: {
+      type: String,
+      default: '#fff'
+    },
+    showNameIcon: {
+      type: Boolean,
+      default: false
+    },
+    countKey: {
+      type: String,
+      default: 'count'
+    },
+    showCount: {
+      type: Boolean,
+      default: false
+    },
+    selectLabel: {
+      type: Boolean,
+      default: false
+    },
+    unit: {
+      type: String,
+      default: '人'
+    },
+    disableds: {
+      type: Array,
+      default: () => []
+    },
+    showSearch: {
+      type: Boolean,
+      default: true
+    },
+    multiple: {
+      type: Boolean, // 判断是否多选
+      default: true
+    },
+    selectList: {
+      type: [Array, String], //传入选中数组
+      default: () => []
+    },
+    isAllCheck: {
+      type: Boolean,
+      default: false
+    },
+    // pid: {
+    //   type: String, // 父id或者是空
+    //   default: 'root'
+    // },
+    url: {
+      type: String,
+      default: ''
+    },
+    param: {
+      type: Object,
+      default: () => {
+        return { pid: 'root' };
+      }
+    },
+    // depId:{
+    //   type: String, //
+    //   default:''
+    // },
+    isEnterprise: {
+      type: Boolean,
+      default: false
+    },
+    isDepartment: {
+      type: Boolean,
+      default: false
+    },
+    departmentLabelKey: {
+      type: String,
+      default: 'objType'
+    },
+    departmentValueKey: {
+      type: String,
+      default: 'department'
+    },
+    nodeKey: {
+      type: String,
+      default: 'subNode'
+    },
+    tabs: {
+      type: [String, Object], //enterprise：单位，department：部门，employee：用户
+      default: 'employee'
+    },
+    objType: {
+      type: String, // 点击对象类型(enterprise:单位,department:部门,employee:用户,person:人员,persongroup:群组)
+      default: 'enterprise'
+    },
+    isOtherUnit: {
+      //是否是其它单位
+      type: Boolean,
+      default: false
+    },
+    filid: {
+      type: String, // 指定企业
+      default: undefined
+    },
+    type: {
+      type: String, // 组件类型
+      default: 'components'
+    },
+    navTitle: {
+      type: String,
+      default: '请选择'
+    },
+    showNavBar: {
+      type: Boolean,
+      default: true
+    },
+    showTree: {
+      type: Boolean,
+      default: true
+    },
+    showMore: {
+      type: Boolean,
+      default: true
+    },
+    isTreeIcon: {
+      type: Boolean,
+      default: false
+    },
+    isBgColor: {
+      type: Boolean,
+      default: true
+    },
+    promptText: {
+      type: String,
+      default: '只能选择一个'
+    },
+    listKey: {
+      type: String,
+      default: ''
+    },
+    valueKey: {
+      type: String,
+      default: 'showid'
+    },
+    labelKey: {
+      type: String,
+      default: 'showshortname'
+    },
+    paddingTop: {
+      type: [String, Number],
+      default: 0
+    },
+    isDefaultNode: {
+      type: Boolean,
+      default: true
+    },
+    nodeList: Array,
+    baseUrl: String
+  },
+  data() {
+    return {
+      genre: '',
+      personnel: '',
+      label: '',
+      namelike: '', //搜索关键字
+      list: [], //选中数组
+      selectData: [],
+      timer: null,
+      isSearch: false,
+      inputSearch: false,
+      newParam: {},
+      oldIsSearch: false,
+      selectIndex: 0,
+      checkObj: {},
+      first: true
+    };
+  },
+  watch: {
+    listKey: {
+      handler(val) {
+        this.label = val;
+      },
+      immediate: true
+    },
+    nodeList: {
+      handler(val) {
+        if (this.isSearch != this.oldIsSearch) {
+          this.getNodeList(true);
+        }
+      },
+      deep: true,
+      immediate: true
+    },
+    selectList: {
+      handler(val) {
+        typeof this.selectList != 'string' && (this.list = $.deepClone(val));
+        if (this.personnel.length == 0) {
+          if (this.nodeList) {
+            this.getNodeList();
+          } else {
+            this.getContent();
+          }
+        } else {
+          if (typeof this.selectList == 'string') {
+            this.selectData = [];
+            this.list = this.getSelectData(this.personnel);
+            this.$emit('update:selectList', this.list);
+          }
+        }
+      },
+      deep: true,
+      immediate: true
+    }
+  },
+  computed: {
+    newTabs() {
+      const tabs = {
+        enterprise: {
+          label: '选择单位',
+          name: 'enterprise',
+          url: selectObject,
+          data: [],
+          nodeData: '',
+          selection: [],
+          value: [],
+          param: {
+            objType: this.objType,
+            selecttype: 'enterprise',
+            pid: 'root'
+          }
+        },
+        department: {
+          label: '选择部门',
+          name: 'department',
+          url: selectObject,
+          data: [],
+          nodeData: '',
+          selection: [],
+          value: [],
+          param: {
+            objType: this.objType,
+            selecttype: 'department',
+            pid: 'root'
+          }
+        },
+        employee: {
+          label: '选择用户',
+          name: 'employee',
+          url: selectObject,
+          data: [],
+          nodeData: '',
+          selection: [],
+          value: [],
+          param: {
+            objType: this.objType,
+            selecttype: 'employee',
+            pid: 'root'
+          }
+        },
+        myemployee: {
+          label: '本单位用户',
+          name: 'myemployee',
+          url: selectObject,
+          data: [],
+          nodeData: '',
+          selection: [],
+          value: [],
+          param: {
+            objType: this.objType,
+            selecttype: 'employee',
+            pid: 'root'
+          }
+        },
+        otheremployee: {
+          label: '外单位用户',
+          name: 'otheremployee',
+          url: selectObject,
+          data: [],
+          nodeData: '',
+          selection: [],
+          value: [],
+          param: {
+            objType: this.objType,
+            selecttype: 'otheremployee',
+            pid: 'root'
+          }
+        },
+        person: {
+          label: '选择人员',
+          name: 'person',
+          url: selectObject,
+          data: [],
+          nodeData: '',
+          selection: [],
+          value: [],
+          param: {
+            objType: this.objType,
+            selecttype: 'person',
+            pid: 'root'
+          }
+        },
+        otherperson: {
+          label: '外单位人员',
+          name: 'otherperson',
+          url: selectObject,
+          data: [],
+          nodeData: '',
+          selection: [],
+          value: [],
+          param: {
+            objType: this.objType,
+            selecttype: 'otherperson',
+            pid: 'root'
+          }
+        },
+        persongroup: {
+          label: '选择群组成员',
+          name: 'persongroup',
+          url: selectObject,
+          data: [],
+          nodeData: '',
+          selection: [],
+          value: [],
+          param: {
+            objType: this.objType,
+            selecttype: 'persongroup',
+            pid: 'root'
+          }
+        },
+        filgroup: {
+          label: '单位群组成员',
+          data: [],
+          nodeData: '',
+          selection: [],
+          value: [],
+          name: 'filgroup',
+          url: selectObject,
+          param: {
+            objType: this.objType,
+            selecttype: 'filgroup',
+            pid: 'root'
+          }
+        },
+        depgroup: {
+          label: '部门群组成员',
+          name: 'depgroup',
+          url: selectObject,
+          data: [],
+          nodeData: '',
+          selection: [],
+          value: [],
+          param: {
+            objType: this.objType,
+            selecttype: 'depgroup',
+            pid: 'root'
+          }
+        },
+        persongroupobj: {
+          label: '人员群组',
+          name: 'persongroupobj',
+          url: selectObject,
+          data: [],
+          nodeData: '',
+          selection: [],
+          value: [],
+          param: {
+            objType: this.objType,
+            selecttype: 'persongroupobj',
+            pid: 'root'
+          }
+        },
+        filgroupobj: {
+          label: '单位群组',
+          name: 'filgroupobj',
+          url: selectObject,
+          data: [],
+          nodeData: '',
+          selection: [],
+          value: [],
+          param: {
+            objType: this.objType,
+            selecttype: 'filgroupobj',
+            pid: 'root'
+          }
+        },
+        depgroupobj: {
+          label: '部门群组',
+          name: 'depgroupobj',
+          url: selectObject,
+          data: [],
+          nodeData: '',
+          selection: [],
+          value: [],
+          param: {
+            objType: this.objType,
+            selecttype: 'depgroupobj',
+            pid: 'root'
+          }
+        },
+        role: {
+          label: '选择角色',
+          name: 'role',
+          url: selectObject,
+          data: [],
+          nodeData: '',
+          selection: [],
+          value: [],
+          param: {
+            objType: this.objType,
+            selecttype: 'role',
+            pid: 'root'
+          }
+        },
+        post: {
+          label: '选择岗位',
+          name: 'post',
+          url: selectObject,
+          data: [],
+          nodeData: '',
+          selection: [],
+          value: [],
+          param: {
+            objType: this.objType,
+            selecttype: 'post',
+            pid: 'root'
+          }
+        },
+        codetable: {
+          label: '代码表',
+          name: 'codetable',
+          url: selectObject,
+          data: [],
+          nodeData: '',
+          selection: [],
+          value: [],
+          param: {
+            objType: this.objType,
+            selecttype: 'codetable',
+            pid: 'root'
+          }
+        },
+        topcontacts: {
+          label: '常用联系人',
+          name: 'topcontacts',
+          url: selectObject,
+          data: [],
+          nodeData: '',
+          selection: [],
+          value: [],
+          param: {
+            objType: this.objType,
+            selecttype: 'topcontacts',
+            pid: 'root'
+          }
+        }
+      };
+      let copyTabs = this.tabs.split(',');
+      let obj = {};
+      copyTabs.map((x) => {
+        if(this.param[x]){
+          tabs[x].param = {...tabs[x].param, ...this.param[x]};
+        }
+        obj[x];
+      });
+      if (this.tabs) {
+        if (this.replace) {
+          return this.tabs;
+        } else {
+          obj = $.extend(true, tabs, obj);
+        }
+      }
+      let newtabs = [];
+      copyTabs.map((x) => {
+        if (this.param[x]) {
+          obj[x].param = { ...obj[x].param, ...this.param[x] };
+        }
+        newtabs.push(obj[x]);
+      });
+      return newtabs;
+    }
+  },
+  mounted() {
+    // typeof this.selectList != 'string' &&
+    //   (this.list = $.deepClone(this.selectList));
+    // this.$nextTick(() => {
+    //   if (this.nodeList) {
+    //     this.getNodeList();
+    //   } else {
+    //     this.getContent();
+    //   }
+    // });
+  },
+  methods: {
+     handleClick(index) {
+      this.selectIndex = index;
+       this.getContent(undefined,false);
+    },
+    getNodeList(isSearch) {
+      this.personnel = JSON.parse(JSON.stringify(this.nodeList));
+      // !isSearch && (this.list = $.deepClone(this.selectList));
+      if (!isSearch) {
+        if (typeof this.selectList == 'string') {
+          this.selectData = [];
+          this.list = this.getSelectData(this.personnel);
+          this.$emit('update:selectList', this.list);
+        } else {
+          this.list = $.deepClone(this.selectList);
+        }
+      }
+      let _this = this;
+      if (this.list && this.list.length > 0) {
+        this.list.filter((r) => {
+          _this.personnel.find((i) => {
+            if (i[_this.valueKey] === r[_this.valueKey]) {
+              _this.$set(i, 'checked', true);
+            } else if (i.children) {
+              _this.getActiveChildren(i.children, r[_this.valueKey]);
+            }
+          });
+        });
+      } else {
+        _this.personnel.map((x) => {
+          if (x.children && x.children.length > 0) {
+            this.setChecked(x.children);
+          } else {
+            _this.$set(x, 'checked', false);
+          }
+        });
+      }
+    },
+    getActiveChildren(data, id) {
+      const _this = this;
+      data.map((x) => {
+        if (x[_this.valueKey] === id) {
+          _this.$set(x, 'checked', true);
+        } else if (x.children) {
+          _this.getActiveChildren(x.children, id);
+        }
+      });
+    },
+    setChecked(list) {
+      list.map((x) => {
+        if (x.children && x.children.length > 0) {
+          this.setChecked(x.children);
+        } else {
+          this.$set(x, 'checked', false);
+        }
+      });
+    },
+    /**
+     * delteList
+     * @desc:删除选中的数据
+     * @date 2023年3月6日
+     * @author liufan
+     * @param {String,Number} i  点击数据的下标
+     */
+    delteList(i) {
+      this.oldIsSearch = this.isSearch;
+      let res = this.list[i];
+      this.getArray(this.personnel, res[this.valueKey]);
+      this.list.splice(i, 1);
+    },
+    // 树结构遍历
+    getArray(data, showid) {
+      for (let i in data) {
+        //满足条件
+        if (data[i][this.valueKey] == showid) {
+          this.$set(data[i], 'checked', false);
+          break;
+        } else {
+          //否则  继续遍历子元素
+          this.getArray(data[i].children, showid);
+        }
+      }
+    },
+    /**
+     * onSearch
+     * @desc:条件搜索
+     * @date 2023年3月6日
+     * @author liufan
+     */
+    onSearch() {
+      if (this.timer != null) {
+        clearTimeout(this.timer);
+      }
+      this.timer = setTimeout( () => {
+        if (this.$listeners.search) {
+          this.oldIsSearch = this.isSearch;
+          this.isSearch = !this.isSearch;
+          this.$emit('search', this.namelike);
+        } else {
+        this.getContent(undefined,!!this.namelike.trim());
+         
+        }
+      }, 1000);
+    },
+    /**
+     * getContent
+     * @desc:获取数据
+     * @date 2023年3月6日
+     * @author liufan
+     */
+    getContent(name,isSearch) {
+      if (name) {
+        this.label = name;
+      }
+      // this.list = $.deepClone(this.selectList);
+      this.$toast.loading({
+        message: '加载中...',
+        forbidClick: true,
+        loadingType: 'spinner',
+        overlay: true,
+        duration: 0
+      });
+      this.newParam = { ...JSON.parse(JSON.stringify(this.param)) };
+      this.newParam.selecttype =
+        this.newTabs[this.selectIndex].param.selecttype;
+      if (this.newParam.selecttype === 'persongroup') {
+        if(this.newParam[this.newTabs[this.selectIndex].name]){
+           this.newParam = {...this.newTabs[this.selectIndex].param,...this.newParam[this.newTabs[this.selectIndex].name]?this.newParam[this.newTabs[this.selectIndex].name]:{}}
+        }else{
+          this.newParam.pid = 'root';
+        }
+        this.newParam.pid = 'root';
+        this.newParam.myUserid =
+          this.newParam.myUserid || $.getStorage('userId');
+      } else {
+        this.newParam = {...this.newParam,...this.newTabs[this.selectIndex].param,...this.newParam[this.newTabs[this.selectIndex].name]?this.newParam[this.newTabs[this.selectIndex].name]:{}}
+         if(this.param.pid){
+          this.newParam.pid = this.param.pid;
+        }
+        //  this.newTabs[this.selectIndex].param.pid || this.param.pid || 'root';
+      }
+      delete this.newParam.department
+      delete this.newParam.myemployee
+      return request({
+        url: this.url
+          ? this.url
+          : this.baseUrl
+          ? this.baseUrl + selectObject
+          : selectObject,
+        params: {
+          objType: this.objType,
+          namelike: this.namelike,
+          selecttype: this.tabs,
+          filid: this.filid,
+          ...this.newParam
+        }
+      }).then((res) => {
+        if(isSearch != undefined){
+           this.inputSearch = isSearch;
+        }
+        this.$toast.clear();
+        const { rCode, msg } = res;
+        if (rCode == 0) {
+          if (typeof this.selectList == 'string') {
+            this.selectData = [];
+            this.list = this.getSelectData(
+              JSON.parse(JSON.stringify(res.results))
+            );
+            this.$emit('update:selectList', this.list);
+          }
+          this.personnel = JSON.parse(JSON.stringify(res.results));
+          let _this = this;
+          this.list.filter((r) => {
+            _this.personnel.find((i) => {
+              if (i[_this.valueKey] === r[_this.valueKey]) {
+                _this.$set(i, 'checked', true);
+              }
+            });
+          });
+          this.genre = JSON.parse(JSON.stringify(res.results));
+        } else {
+          this.$toast(msg);
+        }
+      });
+    },
+    getSelectData(data) {
+      const _this = this;
+      let user = this.selectList.split(',');
+      user.map((x) => {
+        data.map((i) => {
+          if (i[_this.valueKey] == x) {
+            this.selectData.push(i);
+          } else if (i.children) {
+            _this.getSelectData(i.children);
+          }
+        });
+      });
+      return this.selectData;
+    },
+    getData(obj) {
+      let params = {
+        ...this.newParam,
+        pid: obj[this.valueKey],
+        selecttype: obj.selecttype,
+        objType: obj.objType
+      };
+      this.$toast.loading({
+        message: '加载中...',
+        forbidClick: true,
+        loadingType: 'spinner',
+        overlay: true,
+        duration: 0
+      });
+      request({
+        url: this.url
+          ? this.url
+          : this.baseUrl
+          ? this.baseUrl + selectObject
+          : selectObject,
+        params: params
+      }).then((res) => {
+        if (res.rCode == 0) {
+          if (
+            res.results.length > 0 &&
+            res.results[0].nocheck == false &&
+            this.isAllCheck &&
+            this.multiple
+          ) {
+            res.results.unshift({
+              showshortname: '全选',
+              checked: false,
+              isAllCheck: true,
+              id: $.generateUUID(),
+              parentshowid: res.results[0].parentshowid
+            });
+          }
+          this.$set(obj, 'children', res.results);
+          let _this = this;
+          this.list.filter((r) => {
+            obj.children.find((i) => {
+              if (i[_this.valueKey] === r[_this.valueKey]) {
+                _this.$set(i, 'checked', true);
+              }
+            });
+          });
+          if (this.isAllCheck && this.multiple && obj.children.length > 0) {
+            let checkList = obj.children
+              .slice(1, obj.children.length)
+              .filter((x) => x.checked);
+            if (
+              checkList.length ===
+              obj.children.slice(1, obj.children.length).length
+            ) {
+              _this.$set(obj.children[0], 'checked', true);
+            }
+          }
+        }
+        this.$toast.clear();
+      });
+    },
+    getChiled(res, isStart, key) {
+      const _that = this;
+      let data = [];
+      if (this.isDefaultNode && !isStart) {
+        data = _that.$listeners[key]
+          ? _that.$listeners[key](res.obj, !!res.obj.children)
+          : undefined;
+      }
+      if (!isStart) {
+        if (res.obj.open) {
+          this.$set(res.obj, 'open', false);
+        } else {
+          this.$set(res.obj, 'open', true);
+        }
+      }
+      let newData = res.obj;
+      if (
+        (!newData.children || newData.children.length == 0) &&
+        !isStart &&
+        data
+      ) {
+        if (this.nodeList && this.nodeList.length > 0) {
+          this.$toast.loading({
+            message: '加载中...',
+            forbidClick: true,
+            loadingType: 'spinner',
+            overlay: true,
+            duration: 0
+          });
+          if (!Array.isArray(data)) {
+            data
+              .then((res) => {
+                res.map((x) => {
+                  !x[_that.nodeKey] && _that.$set(x, 'nocheck', false);
+                });
+                _that.$set(newData, 'children', res);
+                if (_that.selectList && _that.selectList.length > 0) {
+                  _that.selectList.filter((r) => {
+                    newData.children.find((i) => {
+                      if (i[_that.valueKey] === r[_that.valueKey]) {
+                        _that.$set(i, 'checked', true);
+                      }
+                    });
+                  });
+                } else {
+                  newData.children.find((i) => {
+                    _that.$set(i, 'checked', false);
+                  });
+                }
+                this.$toast.clear();
+              })
+              .catch((err) => {
+                this.$toast('数据返回错误');
+              });
+          } else {
+            data.map((x) => {
+              !x[_that.nodeKey] && _that.$set(x, 'nocheck', false);
+            });
+            _that.$set(newData, 'children', data);
+            if (_that.selectList && _that.selectList.length > 0) {
+              _that.selectList.filter((r) => {
+                newData.children.find((i) => {
+                  if (i[_that.valueKey] === r[_that.valueKey]) {
+                    _that.$set(i, 'checked', true);
+                  }
+                });
+              });
+            } else {
+              newData.children.find((i) => {
+                _that.$set(i, 'checked', false);
+              });
+            }
+            this.$toast.clear();
+          }
+        } else {
+          if (!res.obj.children || res.obj.children.length == 0) {
+            this.getData(res.obj);
+          }
+        }
+      }
+    },
+    open(res, isStart, isNode, key) {
+      const _that = this;
+      _that.oldIsSearch = _that.isSearch;
+      // debugger
+      if (
+        this.$listeners['node-click'] &&
+        (this.$listeners['left-icon'] ||
+          (this.showMore && !this.isDefaultNode)) &&
+        !isStart
+      ) {
+        if (this.$listeners['left-icon'] && key === 'node') {
+          this.getChiled(res, isStart, 'left-icon');
+        } else if (
+          this.showMore &&
+          this.$listeners['right-icon'] &&
+          key === 'node'
+        ) {
+          this.getChiled(res, isStart, 'right-icon');
+        } else if (
+          (!this.isDefaultNode && key === 'title') ||
+          (this.$listeners['node-click'] &&
+            this.$listeners['left-icon'] &&
+            !this.showMore &&
+            !this.isDefaultNode)
+        ) {
+          _that.$listeners['node-click'](res.obj, !!res.obj.children);
+        } else {
+          this.getChiled(res, isStart, 'node-click');
+        }
+      } else if (
+        this.$listeners['node-click'] ||
+        this.$listeners['left-icon'] ||
+        (this.showMore && !this.isDefaultNode)
+      ) {
+        isNode &&
+          this.$listeners['node-click'] &&
+          this.getChiled(res, isStart, 'node-click');
+        this.$listeners['left-icon'] &&
+          !isNode &&
+          this.getChiled(res, isStart, 'left-icon');
+        this.showMore &&
+          !this.isDefaultNode &&
+          !isNode &&
+          this.getChiled(res, isStart, 'right-icon');
+      } else {
+        if (!isStart) {
+          if (res.obj.open) {
+            this.$set(res.obj, 'open', false);
+          } else {
+            this.$set(res.obj, 'open', true);
+          }
+        }
+        if (!res.obj.children && !isStart) {
+          this.getData(res.obj);
+        }
+      }
+    },
+    checked(res, model) {
+      this.oldIsSearch = this.isSearch;
+      if (!res.obj.mixType) {
+        this.$set(res.obj, 'mixType', this.newTabs[this.selectIndex].name);
+      }
+      if (res.obj.checked) {
+        if (res.obj.isAllCheck) {
+          model.map((x) => {
+            for (let i in this.list) {
+              if (this.list[i][this.valueKey] == x[this.valueKey]) {
+                this.list.splice(i, 1);
+              }
+            }
+            this.$set(x, 'checked', false);
+          });
+        } else {
+          for (let i in this.list) {
+            if (this.list[i][this.valueKey] == res.obj[this.valueKey]) {
+              this.list.splice(i, 1);
+            }
+          }
+          this.$set(res.obj, 'checked', false);
+        }
+      } else {
+        // if (!this.multiple && this.list.length >= 1) {
+        //   this.$toast(this.promptText);
+        //   return;
+        // }
+        if (res.obj.isAllCheck) {
+          let selectData = [];
+          this.$set(res.obj, 'checked', true);
+          model.map((x) => {
+           
+            if(!x.disabled && !x.nocheck && !x.isAllCheck && (x.selecttype == this.newParam.selecttype || (this.newParam.selecttype == 'persongroup' && x.selecttype == 'employee')) && this.disableds.indexOf(x[this.valueKey]) == -1){
+              this.$set(x, 'checked', true);
+               if (!x.mixType) {
+        this.$set(x, 'mixType', this.newTabs[this.selectIndex].name);
+      }
+              selectData.push(x);
+            }
+          });
+          
+          this.list.push(...selectData);
+          //  this.$set(res.obj, 'checked', true);
+        } else {
+          this.$set(res.obj, 'checked', true);
+          if (!this.multiple) {
+            this.list = [res.obj];
+            this.setChecked(this.personnel, res.obj);
+          } else {
+            this.list.push(res.obj);
+          }
+        }
+      }
+      if (this.isAllCheck && this.multiple && model[0].isAllCheck) {
+        let checkList = model.slice(1, model.length).filter((x) => x.checked);
+        var obj = {};
+        this.list = this.list.reduce((item, next) => {
+          obj[next.showid] ? '' : (obj[next.showid] = true && item.push(next));
+          return item;
+        }, []);
+        let newArr = model.filter((x) => !x.disabled&&!x.nocheck&& (x.selecttype == this.newParam.selecttype  || (this.newParam.selecttype == 'persongroup' && x.selecttype == 'employee')) && this.disableds.indexOf(x[this.valueKey]) == -1);
+        if (newArr.length === checkList.length) {
+          model.map((x) => {
+            if (!x.disabled) {
+              this.$set(model[0], 'checked', true);
+            }
+          });
+        } else {
+          this.$set(model[0], 'checked', false);
+        }
+      }
+    },
+    setChecked(data, item) {
+      data.map((x) => {
+        if (x[this.valueKey] === item[this.valueKey]) {
+          this.$set(x, 'checked', true);
+        } else {
+          this.$set(x, 'checked', false);
+        }
+        if (x.children) {
+          this.setChecked(x.children, item);
+        }
+      });
+    },
+    dispose() {
+      let obj = {
+        list: this.list,
+        label: this.label ? this.label : undefined
+      };
+      this.oldIsSearch = this.isSearch;
+      this.$emit('dispose', $.deepClone(obj));
+      this.$parent.$emit('change', $.deepClone(obj));
+    },
+    navigateBack() {
+      this.$emit('close');
+    }
+  }
+};
+</script>