t20-common-lib 0.11.4 → 0.12.0

package/packages/select-tree-unit-form/src/main.vue

@@ -0,0 +1,1082 @@
+<template>
+  <el-select
+    ref="selectTreeUnit"
+    :placeholder="placeholder"
+    :value="valueShow"
+    v-title="vTitle"
+    :clearable="clearable"
+    @clear="clearFn()"
+    :disabled="tagDisabled"
+    class="input-w nstc-mid"
+    popper-class="nstc-unit-select-popper"
+    @visible-change="showOpt"
+    @outClick="outClick"
+  >
+    <div
+      v-loading="loading"
+      class="nstc-unit-box"
+      :class="{ single: !multiple }"
+      @click="selecetClick($event)"
+    >
+      <el-option :label="null" :value="null" style="display: none" />
+      <el-option
+        v-for="(item, i) in wCdList"
+        :key="i"
+        :label="item[defineProps.label]"
+        :value="item[defineProps.value]"
+        style="display: none"
+      />
+      <div class="nstc-unit-select-row">
+        <el-input
+          v-model="searchKey"
+          :validate-event="false"
+          :placeholder="$t('common_a_0004')"
+          clearable
+          @input="debounce(searchTree, 1000)"
+          class="input-w nstc-unit-search"
+        ></el-input>
+        <Filters :isEnableCommonConfigControl="isEnableCommonConfigControl" @filterChange="filterChange" v-bind="$attrs" />
+        <div class="el-button-group n20-icon-group-button">
+          <button
+            type="button"
+            @click="changeType('tree')"
+            v-title="$t('common_a_0009')"
+            :class="
+              isList ? 'el-button--default is-plain' : 'el-button--primary'
+            "
+            class="el-button el-button--mini"
+            onlyicon=""
+            style="width: 31.5px"
+          >
+            <i class="iconfont icon-goujianshu"></i>
+          </button>
+          <button
+            type="button"
+            @click="changeType('list')"
+            v-title="$t('common_a_0010')"
+            :class="
+              isList ? 'el-button--primary' : 'el-button--default is-plain'
+            "
+            class="el-button el-button--mini"
+            onlyicon=""
+            style="width: 31.5px"
+          >
+            <i class="iconfont icon-liebiao"></i>
+          </button>
+        </div>
+      </div>
+      <div class="nstc-unit-content">
+        <el-checkbox
+          ref="allcheck"
+          v-if="showAllCheck && multiple && !onlyUnit"
+          v-model="checkD"
+          class="m-l-lg nstc-unit-content-heightfix"
+          :label="$t('common_a_0003')"
+          @change="handleCheckBox"
+        />
+        <Tree
+          ref="tree"
+          :data="data"
+          :isList="isList"
+          :node-key="nodeKey"
+          :multiple="multiple"
+          :defaultExpandedKeys="defaultExpandedKeys"
+          :props="defineProps"
+          :default-expanded-keys="expandedKeys"
+          @check="check"
+          @checkedBro="checkedBro"
+          @checkedChild="checkedChild"
+          @node-click="nodeClick"
+          :load="loadNode"
+          :lazy="isLazy"
+          v-on="$listeners"
+          v-bind="$attrs"
+        />
+      </div>
+      <div class="nstc-unit-footer" v-if="multiple">
+        <el-button type="primary" size="mini" @click="confirm">{{
+          $t("common_a_0001")
+        }}</el-button>
+        <el-button class="nstc-unit-cancel" size="mini" @click="cancel">{{
+          $t("common_a_0002")
+        }}</el-button>
+      </div>
+    </div>
+  </el-select>
+</template>
+
+<script>
+import emitter from "element-ui/src/mixins/emitter";
+import Tree from "@/common/selectTree/Tree/index.vue";
+import ElSelect from "@/common/selectTree/Extends/ElSelect.vue";
+import Filters from "@/common/selectTree/Filters/index.vue"
+import request from "@/utils/request";
+import { getCommonConfig } from "@/api/common";
+import treeSelectImg from "@/common/selectTree/imgs/tree-select.png";
+import treeUnSelectImg from "@/common/selectTree/imgs/tree-unselect.png";
+import listSelectImg from "@/common/selectTree/imgs/list-select.png";
+import listUnSelectImg from "@/common/selectTree/imgs/list-unselect.png";
+export default {
+  name: "SelectTreeUnitForm",
+  components: { Tree, ElSelect, Filters },
+  mixins: [emitter],
+  inject: {
+    elForm: {
+      default: "",
+    },
+    elFormItem: {
+      default: "",
+    },
+  },
+  props: {
+    showAllCheck: {
+      type: Boolean,
+      default: false,
+    },
+    disabled: {
+      type: Boolean,
+      default: false,
+    },
+    clearable: {
+      type: Boolean,
+      default: true,
+    },
+    selectFirst: {
+      type: Boolean,
+      default: false,
+    },
+    url: {
+      type: String,
+      default: "/api/nstc-gtcp/1.0/fundTree",
+    },
+    listUrl: {
+      type: String,
+      default: "/api/nstc-gtcp/1.0/fundTree/list",
+    },
+    isUnitDataScope: {
+      type: String,
+      default: "0",
+    },
+    seachObj: {
+      type: Object,
+      default: () => {
+        return {};
+      },
+    },
+    multiple: {
+      type: Boolean,
+      default: false,
+    },
+    defaultSelectAll: {
+      type: Boolean,
+      default: false,
+    },
+    defaultSelect: {
+      type: Array,
+      default: () => [],
+    },
+    upDateValue: {
+      type: Array,
+      default: () => [],
+    },
+    searchUnitNo: {
+      type: String,
+      default: "",
+    },
+    moduleNo: {
+      type: String,
+      default: "bill-group", //bill-group,bill-collect
+    },
+    relaNo: {
+      type: String,
+      default: "",
+    },
+    value: {
+      type: [String, Number, Array],
+      default: () => [],
+    },
+    collapseTags: {
+      type: Boolean,
+      default: true,
+    },
+    nodeKey: {
+      type: String,
+      default: "id",
+    },
+    placeholder: {
+      type: String,
+      default: "请选择",
+    },
+    // showCheckbox: {
+    //   type: Boolean,
+    //   default: true,
+    // },
+    defineProps: {
+      type: Object,
+      default: () => {
+        return {
+          label: "unitName",
+          value: "unitNo",
+          children: "children",
+          isLeaf: "isLeaf",
+        };
+      },
+    },
+    filterConfig: {
+      type: Object,
+      default: () => {
+        return {
+          searchFields: [], // 需要展示在组件上的查询字段
+          filterList: [] // 与展示字段相匹配的表单组件配置
+        }
+      }
+    },
+    /**
+     * 是否根据财资公参配置显示
+     * - true：需要根据财资公参配置接口，根据返回结果控制是否显示
+     * - false：不需要根据财资公参配置接口，根据组件内配置控制是否显示
+     */
+    useCommonConfigControl: { 
+      type: Boolean,
+      default: true
+    }
+  },
+  data() {
+    return {
+      mounseInTree: false,
+      mounseInList: false,
+      loading: false,
+      isList: false, //是否是平铺
+      isLazy: true, //默认开启懒加载
+      data: [],
+      show: false,
+      list: [],
+      expandedKeys: [],
+      wCdList: [],
+      checkD: false,
+      queryType: "0", //0，查询顶级单位；1,查询所有；2,查询直属下级(不含本身，包含子孙)；3,查询所有下级(不含本身，不含子孙)；4,查询兄弟级(不含子孙)5,查询直接父级
+      hasQueryAll: false, //是否已请求过全部数据，默认否
+      selectData: [],
+      selectDataCache: [],
+      valueShow: [],
+      searchKey: "",
+      timer: null,
+      onlyUnit: false,
+      defaultExpandedKeys: [],
+      page: {
+        current: 1,
+        size: -1,
+      },
+      treeSelectImg,
+      treeUnSelectImg,
+      listSelectImg,
+      listUnSelectImg,
+      searchParams: {},
+      isEnableCommonConfigControl: false
+    };
+  },
+  computed: {
+    vTitle() {
+      let vl = this.valueShow.length;
+      if (this.multiple) return vl ? this.valueShow.slice(0, 15) : "";
+      return vl ? this.valueShow : "";
+    },
+    tagDisabled() {
+      return this.disabled || (this.elForm || {}).disabled;
+    },
+    valueC: {
+      get() {
+        return this.value;
+      },
+      set(val) {
+        this.$emit("input", val);
+        this.$emit("dataChange", this.selectData);
+      },
+    },
+  },
+  async mounted() {
+    if (!this.url) {
+      this.$message.error("请传入单位树请求地址!");
+      return;
+    }
+    if (this.defaultSelectAll) {
+      //默认选择全部时，不会读取传的默认选项
+      this.checkD = true;
+      await this.getCommonConfig();
+      if (this.isList) {
+        await this.initList();
+      }
+      this.handleCheckBox(true);
+      return "end";
+    }
+    if (
+      this.defaultSelect &&
+      Array.isArray(this.defaultSelect) &&
+      this.defaultSelect.length > 0
+    ) {
+      this.selectData = [...this.defaultSelect];
+      // let checkData = this.defaultSelect.map((d) => {
+      //   return d.unitNo;
+      // });
+      this.valueShow = this.defaultSelect.map((d) => {
+        return d.unitName;
+      });
+      // this.$emit("input", checkData);
+      // this.$emit("dataChange", this.selectData);
+    }
+    await this.getCommonConfig();
+    if (this.isList) {
+      this.initList();
+    } else {
+      this.init();
+    }
+  },
+  watch: {
+    value: {
+      handler(now) {
+        if (!now) {
+          this.clearFn();
+        }
+      },
+    },
+  },
+  methods: {
+    filterChange(val, searchKey) {
+      this.searchParams[searchKey] = val
+      if (!val && val !==0) {
+        delete this.searchParams[searchKey]
+      }
+      this.filterSearchTree()
+    },
+    changeType(type) {
+      if (type == "tree" && this.isList) {
+        this.data = [];
+        this.init(type);
+        this.isList = false;
+      } else if (type == "list" && !this.isList) {
+        this.data = [];
+        this.initList(type);
+        this.isList = true;
+      }
+    },
+    async getCommonConfig(resolve) {
+      let res = await getCommonConfig();
+      if (res && res.length > 0) {
+        res.forEach((r) => {
+          if (r.configGroupName.includes("单位树")) {
+            if (r.configs && r.configs.length > 0) {
+              r.configs.forEach((c) => {
+                if (c.configGroupName.includes("单位树")) {
+                  if (c.configValue == "1") {
+                    this.isList = true;
+                  } else {
+                    this.isList = false;
+                  }
+                }
+              });
+            }
+          }
+          if (r.configs && r.configs.length) {
+            const cfg = r.configs[0]
+            if (cfg.configKey === 'ENABLE_AREA') {
+              this.isEnableCommonConfigControl = cfg.configValue === '1'
+            }
+          }
+        });
+      }
+    },
+    selecetClick(e) {
+      this.$refs.tree.showDropMenu = null;
+    },
+    init(type) {
+      this.$refs.tree.store.lazy = true;
+      if (this.searchUnitNo) {
+        //查询指定单位的下级
+        //暂不支持此模式下的默认单位设置，更新选择单位，没提需求
+        this.getUnitTree("6");
+        return "end";
+      }
+      new Promise((resolve) => {
+        this.getTreeData("1", { resolve });
+      })
+        .then(() => {
+          // 初始化时，判断是否选择节点
+          let temp = [];
+          let flatTemp = [];
+          this.flatData(this.data, flatTemp);
+          this.selectData.forEach((s, i) => {
+            flatTemp.forEach((d) => {
+              if (d.unitNo == s.unitNo) {
+                temp.push(d);
+                this.selectData[i] = d;
+              }
+            });
+          });
+          //去除没有权限的单位
+          temp = temp.filter((s) => {
+            return !s.disabled;
+          });
+          if (this.selectFirst && !type) {
+            //切换时不需要
+            //初始化时没有传默认单位和all时，根据selectFirst 默认选择第一家单位
+            if (temp.length < 1) {
+              let first = null;
+              let flatTemp = [];
+              this.flatData(this.data, flatTemp);
+              // flatTemp.reverse(); //递归的第一个单位会放到最后去，所以要反排一次
+              for (let i = 0; i < flatTemp.length; i++) {
+                if (!flatTemp[i].disabled) {
+                  //取第一个有权限的单位
+                  first = flatTemp[i];
+                  break;
+                }
+              }
+              if (first) {
+                temp.push(first);
+              }
+            }
+          }
+          // else{
+          // this.$refs.tree.setCheckedNodes(temp);
+          // }
+          // this.$refs.tree.setCheckedNodes(temp);
+          //根据后续测试情况，看是否放进判断条件内 -----
+          this.$refs.tree.setCheckedNodes(temp);
+          this.selectData = temp;
+          if (!type) {
+            //模式切换时，不更新值
+            this.valueShow = this.selectData.map((s) => s.unitName);
+            let data = this.selectData.map((s) => s.unitNo);
+            this.$emit("input", this.multiple ? data : data[0]);
+            // this.$emit("input", data);
+            this.$emit("dataChange", this.selectData);
+          }
+        })
+        .finally(() => {
+          this.$emit("loaded");
+        });
+    },
+    /**
+     * @queryType  类型 //0，查询顶级单位；1,查询所有；2,查询直属下级(不含本身，不包含子孙)；3,查询所有下级(不含本身，包含子孙)；4,查询兄弟级(不含子孙)5,查询直接父级
+     */
+    getTreeData(queryType, dataT) {
+      this.loading = true;
+      let str =
+        "?moduleNo=" +
+        this.moduleNo +
+        "&isUnitDataScope=" +
+        this.isUnitDataScope;
+      if (queryType) {
+        str += "&queryType=" + queryType;
+      }
+      if (dataT) {
+        if (["2", "3", "4", "6"].includes(queryType)) {
+          //节点懒加载展开
+          str += "&unitNo=" + dataT.unitNo;
+          if (!dataT.unitNo) {
+            return "end";
+          }
+        }
+      }
+      for (let i in this.seachObj) {
+        str += `&${i}=${this.seachObj[i]}`;
+      }
+      for (let i in this.searchParams) {
+        str += `&${i}=${this.searchParams[i]}`
+      }
+      if (["1", "6"].includes(queryType) && this.searchKey) {
+        //搜索是在查询全部的模式下进行
+        str += "&unitNameOrNoLike=" + this.searchKey;
+      }
+      const headers = {
+        relaNo: this.relaNo,
+      };
+      request({
+        url: this.url + str,
+        method: "GET",
+        cache: true,
+        headers,
+      }).then((res) => {
+        let data = res.fundTreeVoList;
+        this.loading = false;
+        if (data && data.length > 0) {
+          data.forEach((d) => {
+            d.isLeaf = !Boolean(d.hasChild);
+          });
+        }
+        if (["0", "1", "6"].includes(queryType)) {
+          //树赋值
+          this.data = data;
+          if (["1", "6"].includes(queryType)) {
+            //查询过全部，就关闭懒加载
+            this.$refs.tree.$refs.tree.store.lazy = false;
+            this.hasQueryAll = true;
+            this.$nextTick(() => {
+              if (this.selectData.length > 0) {
+                //去除没有权限的单位
+                this.selectData = this.selectData.filter((s) => {
+                  return !s.disabled;
+                });
+                this.$refs.tree.setCheckedNodes(this.selectData);
+              }
+            });
+          }
+          if (dataT.expandFlag) {
+            //筛选时，将展开单位传入
+            dataT.resolve(res.firstAuthUnit);
+          } else {
+            if (res.onlyUnit) {
+              //如果只有一家单位的权限时，默认勾选
+              this.onlyUnit = true;
+              this.data = [res.onlyUnit];
+              this.selectData = [res.onlyUnit];
+              this.$refs.tree.setCheckedNodes(this.selectData);
+              let cdata = this.selectData.map((s) => s.unitNo);
+              this.valueShow = this.selectData.map((s) => s.unitName);
+              this.$emit("input", this.multiple ? cdata : cdata[0]);
+              // this.$emit("input", cdata);
+              this.$emit("dataChange", this.selectData);
+            } else {
+              dataT.resolve(data);
+            }
+          }
+        }
+        if (queryType == "2" && dataT) {
+          if (dataT.type && dataT.type == "direct") {
+            //查询直接下级，并勾选，抛到方法里面去做
+            dataT.resolve(data);
+          } else {
+            //节点懒加载展开，只更新直属子节点
+            dataT.resolve(data);
+            //更新子节点后根据选择的数据，确定节点选择状态
+            // 传递的defaultSelect和upDateValue没有id，需要在加载时，重新对选择数据赋值
+            this.selectData.forEach((s, i) => {
+              data.forEach((d) => {
+                if (s.unitNo == d.unitNo) {
+                  this.selectData[i] = d;
+                }
+              });
+            });
+            this.$nextTick(() => {
+              if (this.selectData.length > 0) {
+                //去除没有权限的单位
+                this.selectData = this.selectData.filter((s) => {
+                  return !s.disabled;
+                });
+                this.$refs.tree.setCheckedNodes(this.selectData);
+              }
+            });
+            return;
+          }
+        }
+        if (queryType == "4" && dataT) {
+          //兄弟节点
+          dataT.resolve(data);
+          return;
+        }
+        if (queryType == "3" && dataT) {
+          //所有下级节点
+          dataT.resolve(data);
+          return;
+        }
+      });
+    },
+    debounce(fn, delay) {
+      let context = this;
+      clearTimeout(context.timer);
+      context.timer = setTimeout(() => {
+        fn.apply(context);
+      }, delay);
+    },
+    searchTree(type) {
+      if (this.isList) {
+        if (!type) {
+          this.selectData = [];
+        }
+        this.checkD = false;
+        this.$refs.tree.setCheckedNodes([]);
+        this.getListData("search");
+      } else {
+        //搜索取消所有选中状态
+        this.checkD = false;
+        if (!type) {
+          this.selectData = [];
+        }
+        this.$refs.tree.setCheckedNodes([]);
+        new Promise((resolve) => {
+          if (this.searchUnitNo) {
+            //指定单位编号的搜索
+            this.getTreeData("6", {
+              unitNo: this.searchUnitNo,
+              resolve,
+              expandFlag: true,
+            });
+          } else {
+            this.getTreeData("1", { resolve, expandFlag: true });
+          }
+        }).then((data) => {
+          if (data) {
+            //默认展开节点
+            this.defaultExpandedKeys = [data.id];
+          }
+        });
+      }
+    },
+    filterSearchTree() {
+      if (this.isList) {
+        this.selectData = [];
+        this.checkD = false;
+        this.$refs.tree.setCheckedNodes([]);
+        this.getListData("search");
+      } else {
+        //搜索取消所有选中状态
+        this.checkD = false;
+        this.selectData = [];
+        this.$refs.tree.setCheckedNodes([]);
+        new Promise((resolve) => {
+          this.getTreeData("1", { resolve, expandFlag: true });
+        }).then((data) => {
+          // if (data) {
+          //   //默认展开节点
+          //   this.defaultExpandedKeys = [data.id];
+          // }
+          this.checkD = true;
+          this.selectData = JSON.parse(JSON.stringify(this.data));
+          this.valueShow = this.$t("common_a_0003");
+          this.$nextTick(() => {
+            console.log(11111, this.selectData);
+            this.$refs.tree.setCheckedNodes(this.selectData);
+          });
+        });
+      }
+    },
+    outClick() {
+      // this.cancel()
+    },
+    clearFn() {
+      this.checkD = false;
+      this.selectData = [];
+      this.valueShow = [];
+      this.$refs.tree.setCheckedNodes([]);
+      this.$emit("input", this.multiple ? [] : "");
+      this.$emit("dataChange", this.selectData,'clear');
+    },
+    loadNode(node, resolve) {
+      //懒加载，查询子节点
+      this.getTreeData("2", { unitNo: node.data.unitNo, resolve: resolve });
+    },
+    check(data, { checkedKeys }) {
+      // let checkData = [...this.valueC]
+      if (checkedKeys.includes(data.id)) {
+        // this.valueShow.push(data.unitName)
+        this.selectData.push(data);
+        let hash = {};
+        let temp = [];
+        this.selectData.forEach((s) => {
+          //去重
+          if (!hash[s.unitNo + ""]) {
+            hash[s.unitNo + ""] = true;
+            temp.push(s);
+          }
+        });
+        this.selectData = temp;
+        // checkData.push(data.unitNo)
+      } else {
+        let temp = this.selectData.filter((s) => s.unitNo != data.unitNo);
+        this.selectData = temp;
+        // this.valueShow = temp.map(t => t.unitName)
+        // checkData = temp.map(t => t.unitNo)
+      }
+      // this.$emit('input', checkData)
+    },
+    showOpt(flag) {
+      this.$refs.tree.showDropMenu = null;
+      if (flag) {
+        // this.init();
+        //打开时暂存选择的节点
+        this.selectDataCache = JSON.parse(JSON.stringify(this.selectData));
+      } else {
+        //关闭时清空暂存
+        this.selectDataCache = [];
+        if (this.searchKey) {
+          this.searchKey = "";
+          this.searchTree("cache");
+        }
+      }
+    },
+    getUnitTree(type) {
+      new Promise((resolve) => {
+        this.getTreeData("6", { unitNo: this.searchUnitNo, resolve: resolve });
+      }).then(() => {
+      });
+    },
+    handleCheckBox(key) {
+      // debugger
+      if (key) {
+        //全选时，需要先查全部数据
+        if (!this.hasQueryAll) {
+          if (this.isList) {
+            return;
+          }
+          new Promise((resolve) => {
+            this.getTreeData("1", { resolve });
+          }).then(() => {
+            this.$nextTick(() => {
+              let temp = [];
+              this.flatData(this.data, temp);
+              //默认全选时，选中数据
+              //去除没有权限的单位
+              temp = temp.filter((s) => {
+                return !s.disabled;
+              });
+              this.$refs.tree.setCheckedNodes(temp);
+              this.selectData = temp;
+              // let s = temp.map((t) => {
+              //   return t.unitNo;
+              // });
+              this.valueShow = temp.map((t) => {
+                return t.unitName;
+              });
+              this.$emit("dataChange", this.selectData);
+            });
+          });
+        } else {
+          let temp = [];
+          this.flatData(this.data, temp);
+          //去除没有权限的单位
+          temp = temp.filter((s) => {
+            return !s.disabled;
+          });
+          this.$refs.tree.setCheckedNodes(temp);
+          // const data = this.$refs.tree.getCheckedKeys()
+          this.selectData = temp;
+          // let s = temp.map((t) => {
+          //   return t.unitNo;
+          // });
+          this.valueShow = temp.map((t) => {
+            return t.unitName;
+          });
+          this.$emit("dataChange", this.selectData);
+          // this.$emit('input', s)
+        }
+      } else {
+        this.$refs.tree.setCheckedNodes([]);
+        this.selectData = [];
+        // this.valueShow = []
+        // this.$emit('input', [])
+        // this.$message.warning(this.$t("common_a_0005"));
+      }
+    },
+    checkedBro(data) {
+      this.$refs.selectTreeUnit.handleClose(false);
+      new Promise((resolve) => {
+        this.getTreeData("4", { unitNo: data.unitNo, resolve });
+      }).then((bro) => {
+        this.selectData = this.selectData.concat(bro);
+        let hash = {};
+        let temp = [];
+        this.selectData.forEach((s) => {
+          //去重
+          if (!hash[s.unitNo + ""]) {
+            hash[s.unitNo + ""] = true;
+            temp.push(s);
+          }
+        });
+        this.selectData = temp;
+        //去除没有权限的单位
+        this.selectData = this.selectData.filter((s) => {
+          return !s.disabled;
+        });
+        this.$refs.tree.setCheckedNodes(this.selectData);
+        const data = this.$refs.tree.getCheckedKeys();
+        // this.$emit('input', data)
+      });
+    },
+    checkedChild(obj) {
+      this.$refs.selectTreeUnit.handleClose(false);
+      if (obj.type === "cancel") {
+        //取消勾选所有下级
+        new Promise((resolve) => {
+          this.getTreeData("3", { unitNo: obj.data.unitNo, resolve });
+        }).then((child) => {
+          if (!child || child.length < 1) {
+            return "end";
+          }
+          let temp1 = [];
+          this.flatData(child, temp1);
+          let ids = temp1.map((t) => t.id);
+          this.selectData = this.selectData.filter((s) => {
+            return !ids.includes(s.id);
+          });
+          this.$refs.tree.setCheckedNodes(this.selectData);
+          // const data = this.$refs.tree.getCheckedKeys()
+          // this.$emit('input', data)
+        });
+      } else if (obj.type == "all") {
+        //所有下级未完成开发todo
+        //勾选所有下级单位时，会先请求所有数据，取消懒加载模式，再请求对应的下级单位数据再勾选（包括已经勾选的数据）
+        new Promise((resolve) => {
+          this.getTreeData("3", { unitNo: obj.data.unitNo, resolve });
+        }).then((child) => {
+          if (!child || child.length < 1) {
+            return "end";
+          }
+          let temp1 = [];
+          this.flatData(child, temp1);
+          this.selectData = this.selectData.concat(temp1);
+          let hash = {};
+          let temp = [];
+          this.selectData.forEach((s) => {
+            //去重
+            if (!hash[s.unitNo + ""]) {
+              hash[s.unitNo + ""] = true;
+              temp.push(s);
+            }
+          });
+          this.selectData = temp;
+          //去除没有权限的单位
+          this.selectData = this.selectData.filter((s) => {
+            return !s.disabled;
+          });
+          this.$refs.tree.setCheckedNodes(this.selectData);
+          // const data = this.$refs.tree.getCheckedKeys()
+          // this.$emit('input', data)
+        });
+      } else {
+        // 勾选直接下级
+        new Promise((resolve) => {
+          this.getTreeData("2", {
+            unitNo: obj.data.unitNo,
+            resolve,
+            type: "direct",
+          });
+        }).then((child) => {
+          if (!child || child.length < 1) {
+            return "end";
+          }
+          let temp1 = [];
+          this.flatData(child, temp1);
+          this.selectData = this.selectData.concat(temp1);
+          let hash = {};
+          let temp = [];
+          this.selectData.forEach((s) => {
+            //去重
+            if (!hash[s.unitNo + ""]) {
+              hash[s.unitNo + ""] = true;
+              temp.push(s);
+            }
+          });
+          this.selectData = temp;
+          //去除没有权限的单位
+          this.selectData = this.selectData.filter((s) => {
+            return !s.disabled;
+          });
+          this.$refs.tree.setCheckedNodes(this.selectData);
+          // const data = this.$refs.tree.getCheckedKeys()
+          // this.$emit('input', data)
+        });
+      }
+    },
+    confirm() {
+      if (this.selectData.length < 1) {
+        this.$message.warning(this.$t("common_a_0005"));
+        return;
+      }
+      //去除没有权限的单位
+      this.selectData = this.selectData.filter((s) => {
+        return !s.disabled;
+      });
+      this.valueShow = this.selectData.map((s) => s.unitName);
+      let data = this.selectData.map((s) => s.unitNo);
+
+      this.$emit("input", this.multiple ? data : data[0]);
+      // this.$emit("input", data);
+      this.$emit("dataChange", this.selectData, "confirm");
+      this.$refs.selectTreeUnit.blur();
+    },
+    cancel() {
+      this.selectData = JSON.parse(JSON.stringify(this.selectDataCache));
+      //去除没有权限的单位
+      this.selectData = this.selectData.filter((s) => {
+        return !s.disabled;
+      });
+      this.$refs.tree.setCheckedNodes(this.selectData);
+      this.$refs.selectTreeUnit.blur();
+    },
+    flatData(arr, temp) {
+      arr.forEach((a) => {
+        temp.push(a);
+        if (
+          a &&
+          a.children &&
+          Array.isArray(a.children) &&
+          a.children.length > 0
+        ) {
+          this.flatData(a.children, temp);
+        }
+      });
+    },
+    nodeClick(data) {
+      this.$refs.tree.showDropMenu = null;
+      //单选才会进入
+      if (this.multiple) {
+        return;
+      }
+      if (!data.disabled) {
+        //有权限的单位才返回
+        this.selectData = [data];
+        this.valueShow = data.unitName;
+        this.$emit("input", data.unitNo);
+        this.$emit("dataChange", this.selectData, "click");
+        this.$refs.selectTreeUnit.blur();
+      }
+    },
+    upDateShowValue(flag) {
+      let isEqual =
+        JSON.stringify(this.selectData) === JSON.stringify(this.upDateValue);
+      // if(this.isList){
+      //   //列表结构更新
+      // }else{
+      //   //树结构更新
+
+      // }
+      if (this.upDateValue && Array.isArray(this.upDateValue) && !isEqual) {
+        //更新值和选择值不相等时才触发，避免使用的死循环
+        this.selectData = [...this.upDateValue];
+        let checkData = this.upDateValue.map((d) => {
+          return d.unitNo;
+        });
+        this.valueShow = this.upDateValue.map((d) => {
+          return d.unitName;
+        });
+        this.$emit("input", this.multiple ? checkData : checkData[0]);
+        this.$emit("dataChange", this.selectData);
+      }
+      if (flag) {
+        if (this.isList) {
+          // 列表模式
+          this.$refs.tree.setCheckedNodes([]);
+          this.$refs.tree.setCheckedNodes(this.selectData);
+        } else {
+          //传true时，会刷新整个树的状态，更新选择状态，有权限的单位才会选中
+          new Promise((resolve) => {
+            this.getTreeData("1", { resolve });
+          }).then(() => {
+            // 只加载顶级节点时，判断是否选择顶级节点
+            let temp = [];
+            const datas = [];
+            this.flatData(this.data, datas);
+            this.selectData.forEach((s, i) => {
+              datas.forEach((d) => {
+                if (d.unitNo == s.unitNo) {
+                  temp.push(d);
+                  this.selectData[i] = d; //传进来的单位没有id，将请求的数据节点，赋值给selectData
+                }
+              });
+            });
+            // this.selectData = temp;
+            //去除没有权限的单位
+            temp = temp.filter((s) => {
+              return !s.disabled;
+            });
+            this.$refs.tree.setCheckedNodes(temp);
+          });
+        }
+      }
+    },
+    async initList() {
+      await this.getListData();
+    },
+    async getListData(type) {
+      this.loading = true;
+      this.$refs.tree.store.lazy = false;
+      let params = {
+        current: this.page.current,
+        size: this.page.size,
+        ...this.seachObj,
+        ...this.searchParams,
+        data: {
+          ...this.seachObj,
+          ...this.searchParams,
+          moduleNo: this.moduleNo,
+          isUnitDataScope: this.isUnitDataScope,
+          unitNameOrNoLike: this.searchKey,
+        },
+      };
+      // if(type=="search"){
+      //   params.data.unitNameOrNoLike =
+      // }
+      const headers = {
+        relaNo: this.relaNo,
+      };
+      let res = await request({
+        url: this.listUrl,
+        method: "POST",
+        data: params,
+        headers,
+        cache: true,
+      });
+      this.loading = false;
+      if (res.records && res.records.length > 0) {
+        res.records.forEach((r) => {
+          r.children = null;
+        });
+        this.data = res.records;
+      } else {
+        this.data = [];
+      }
+      //全选时的逻辑
+      if (this.defaultSelectAll && !this.selectData.length) {
+        let temp = JSON.parse(JSON.stringify(this.data));
+        this.selectData = temp.filter((s) => {
+          return !s.disabled;
+        });
+        this.setCheck(type);
+        return;
+      }
+      this.setId();
+      //去除没有权限的单位
+      // this.selectData = this.selectData.filter((s) => {
+      //   return !s.disabled;
+      // });
+      if (this.selectFirst && !type) {
+        //切换时不需要
+        //初始化时没有传默认单位和all时，根据selectFirst 默认选择第一家单位
+        if (this.selectData.length < 1 && this.data.length > 0) {
+          this.selectData = [this.data[0]];
+        }
+      }
+      this.setCheck(type);
+    },
+    setId() {
+      //初始化设置时，传入进来的单位id可能不对，也可能不存在，用请求数据通过unitNo匹配重新设置选中数据
+      this.selectData.forEach((s, i) => {
+        this.data.forEach((d) => {
+          if (d.unitNo == s.unitNo) {
+            this.selectData[i] = d;
+          }
+        });
+      });
+    },
+    setCheck(type) {
+      this.valueShow = this.selectData.map((t) => {
+        return t.unitName;
+      });
+      let data = this.selectData.map((s) => s.unitNo);
+      if (!type) {
+        this.$emit("input", this.multiple ? data : data[0]);
+        this.$emit("dataChange", this.selectData);
+      }
+      this.$nextTick(() => {
+        this.$refs.tree.setCheckedNodes(this.selectData);
+      });
+      this.$emit("loaded");
+    },
+  },
+};
+</script>
+<style scoped lang="scss">
+.nstc-unit-search ::v-deep .el-input__validateIcon {
+  display: none !important;
+}
+</style>