gcs-ui-lib 1.0.1

package/packages/SelectTreeUnit/src/main.vue

@@ -0,0 +1,1136 @@
+<template>
+  <el-select
+    ref="selectTreeUnit"
+    placeholder=""
+    v-model="valueShow"
+    v-loading="loading"
+    v-title="valueShow.length > 16 ? valueShow.slice(0, 15) : valueShow"
+    class="nstc-unit-select nstc-unit-select-fixed"
+    popper-class="nstc-unit-select-popper"
+    @visible-change="showOpt"
+    @outClick="outClick"
+  >
+    <div
+      v-loading="loading"
+      class="nstc-unit-box"
+      @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>
+        <!-- <el-button @click="initList()">切换</el-button> -->
+        <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 class="nstc-select-icon-box nstc-select-icon-box-fix">
+          <div class="nstc-select-icon-box">
+            <span
+              @click="changeType('tree')"
+              v-title="$t('common_a_0009')"
+              :class="isList ? 'nstc-select-icon-un' : ''"
+              class="nstc-select-icon"
+            >
+              <i class="iconfont icon-goujianshu"></i>
+            </span>
+          </div>
+          <div class="nstc-select-icon-box">
+            <span
+              @click="changeType('list')"
+              v-title="$t('common_a_0010')"
+              :class="isList ? '' : 'nstc-select-icon-un'"
+              class="nstc-select-icon"
+            >
+              <i class="iconfont icon-liebiao"></i>
+            </span>
+          </div>
+        </div> -->
+      </div>
+      <div class="nstc-unit-content">
+        <el-checkbox
+          ref="allcheck"
+          v-if="showAllCheck && !single"
+          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"
+          :single="single"
+          :node-key="nodeKey"
+          :showAllCheck="showAllCheck"
+          :show-checkbox="showCheckbox"
+          :props="defineProps"
+          :defaultExpandedKeys="defaultExpandedKeys"
+          @check="check"
+          @checkedBro="checkedBro"
+          @checkedChild="checkedChild"
+          @node-click="nodeClick"
+          :load="loadNode"
+          :lazy="isLazy"
+          v-on="$listeners"
+        />
+      </div>
+      <div class="nstc-unit-footer" v-if="!this.single">
+        <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 Tree from "./Tree/index.vue";
+import ElSelect from "../../extends/ElSelect.vue";
+import forEachs from "./forEachs";
+// import axios from "axios";
+import request from "@/utils/request";
+import { getToken } from "@/utils/auth";
+import { getCommonConfig } from "@/api/common";
+import treeSelectImg from "./../../imgs/tree-select.png";
+import treeUnSelectImg from "./../../imgs/tree-unselect.png";
+import listSelectImg from "./../../imgs/list-select.png";
+import listUnSelectImg from "./../../imgs/list-unselect.png";
+export default {
+  name: "SelectTreeUnit",
+  components: { ElSelect, Tree },
+  props: {
+    url: {
+      type: String,
+      default: "/nstc-gtcp/1.0/fundTree",
+    },
+    listUrl: {
+      type: String,
+      default: "/api/nstc-gtcp/1.0/fundTree/list",
+    },
+    isUnitDataScope: {
+      type: String,
+      default: "0",
+    },
+    defaultSelectAll: {
+      type: Boolean,
+      default: false,
+    },
+    single: {
+      type: Boolean,
+      default: false,
+    },
+    selectFirst: {
+      type: Boolean,
+      default: false,
+    },
+    defaultSelect: {
+      type: Array,
+      default: () => [],
+    },
+    seachObj: {
+      type: Object,
+      default: () => {
+        return {};
+      },
+    },
+    moduleNo: {
+      type: String,
+      default: "bill-group", //bill-group,bill-collect
+    },
+    relaNo: {
+      type: String,
+      default: "",
+    },
+    value: {
+      type: [String, Number, Array],
+      default: () => [],
+    },
+    upDateValue: {
+      type: Array,
+      default: () => [],
+    },
+    multiple: {
+      type: Boolean,
+      default: true,
+    },
+    collapseTags: {
+      type: Boolean,
+      default: true,
+    },
+    nodeKey: {
+      type: String,
+      default: "id",
+    },
+    showCheckbox: {
+      type: Boolean,
+      default: true,
+    },
+    selectSelf: {
+      type: Boolean,
+      default: false,
+    },
+    defineProps: {
+      type: Object,
+      default: () => {
+        return {
+          label: "unitName",
+          value: "unitNo",
+          children: "children",
+          isLeaf: "isLeaf",
+        };
+      },
+    },
+  },
+  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: "",
+      showAllCheck: true, //是否展示全部单位
+      defaultExpandedKeys: [],
+      allUnit: [], //所有的单位的平面结构
+      page: {
+        current: 1,
+        size: -1,
+      },
+      treeSelectImg,
+      treeUnSelectImg,
+      listSelectImg,
+      listUnSelectImg,
+    };
+  },
+  computed: {
+    valueC: {
+      get() {
+        return this.value;
+      },
+      set(val) {
+        this.$emit("input", val);
+        this.$emit("dataChange", this.selectData);
+      },
+    },
+  },
+  watch: {
+    valueShow: {
+      handler(value) {
+        this.getTextWidth();
+      },
+    },
+    // value: {
+    //   handler(value) {
+    //     const dataList = []
+    //     forEachs(this.data, d => dataList.push(d), this.defineProps.children)
+    //     if (!this.multiple) {
+    //       let valueObj = dataList.find(d => d[this.defineProps.value] === value)
+    //       this.wCdList = valueObj ? [valueObj] : []
+    //       this.$refs['tree'].setCurrentKey(value)
+    //     } else {
+    //       this.wCdList = dataList.filter(d => value.includes(d[this.defineProps.value]))
+    //     }
+    //   },
+    //   immediate: true
+    // },
+    // data: {
+    //   handler(value) {
+    //     const dataList = []
+    //     forEachs(value, d => dataList.push(d), this.defineProps.children)
+    //     if (!this.multiple) {
+    //       let valueObj = dataList.find(d => d[this.defineProps.value] === this.value)
+    //       this.wCdList = valueObj ? [valueObj] : []
+    //     } else {
+    //       this.wCdList = dataList.filter(d => this.value.includes(d[this.defineProps.value]))
+    //     }
+    //   }
+    // }
+  },
+  mounted() {
+    if (!this.url) {
+      this.$message.error("请传入单位树请求地址!");
+      return;
+    }
+    //选自身和设置默认单位  只能存在一个
+    if (this.selectSelf) {
+      let userInfo = JSON.parse(sessionStorage.getItem("userInfo"));
+      let map = {
+        unitNo: userInfo.cltNo,
+        unitName: userInfo.cltName,
+      };
+      this.selectData = [map];
+      // let checkData = this.defaultSelect.map((d) => {
+      //   return d.unitNo;
+      // });
+      this.valueShow = map.unitName;
+    } else 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);
+    }
+    new Promise((resolve) => {
+      this.getCommonConfig(resolve);
+    }).then(() => {
+      if (this.isList) {
+        console.log(2222);
+        if (this.defaultSelectAll) {
+          this.getListData("all");
+        } else {
+          this.getListData();
+        }
+      } else {
+        console.log(3333);
+        if (this.defaultSelectAll) {
+          //默认选择全部时，不会读取传的默认选项
+          console.log("选择全部--树");
+          this.checkD = true;
+          this.handleCheckBox("init");
+          return "end";
+        }
+        this.init();
+      }
+    }).catch(e=>{
+      console.log(e)
+    })
+  },
+  methods: {
+    init(type) {
+      new Promise((resolve) => {
+        this.getTreeData("1", { resolve });
+      }).then(() => {
+        // 初始化时，判断是否选择节点
+        let temp = [];
+        let flatTemp = [];
+        this.flatData(this.data, flatTemp);
+        // 传递的defaultSelect和upDateValue没有id，需要在加载时，重新对选择数据赋值
+        this.selectData.forEach((s, i) => {
+          flatTemp.forEach((d) => {
+            if (d.unitNo == s.unitNo) {
+              temp.push(d);
+              this.selectData[i] = d;
+            }
+          });
+        });
+        // console.log(temp)
+        //去除没有权限的单位
+        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;
+              }
+            }
+            console.log(this.data, flatTemp);
+            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", data);
+          this.$emit("dataChange", this.selectData);
+        }
+      });
+    },
+    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;
+                  }
+                }
+              });
+            }
+          }
+        });
+      }
+      resolve();
+    },
+    selecetClick(e) {
+      this.$refs.tree.showDropMenu = null;
+    },
+    outClick() {
+      // this.cancel()
+    },
+    getTextWidth() {
+      let text = this.valueShow;
+      const font = "bold 12pt Avenir, Helvetica, Arial, sans-serif";
+      const canvas = document.createElement("canvas");
+      const context = canvas.getContext("2d");
+      context.font = font;
+      const { width } = context.measureText(text);
+      // console.log(width);
+      let el = this.$refs.selectTreeUnit.$el;
+      if (width > 210) {
+        el.style.width = "210px";
+        // console.log(1111, el.style.width);
+      } else {
+        el.style.width = width + 40 + "px";
+        // console.log(2222, el.style.width);
+      }
+    },
+    /**
+     * @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", "7"].includes(queryType)) {
+          //节点懒加载展开
+          str += "&unitNo=" + dataT.unitNo;
+          if (!dataT.unitNo) {
+            return "end";
+          }
+        }
+      }
+      if (["1"].includes(queryType) && this.searchKey) {
+        //搜索是在查询全部的模式下进行
+        str += "&unitNameOrNoLike=" + this.searchKey;
+      }
+      const headers = {
+        relaNo: this.relaNo,
+      };
+      for (let i in this.seachObj) {
+        str += `&${i}=${this.seachObj[i]}`;
+      }
+      request({ url: this.url + str, method: "GET", cache:true, headers }).then((res) => {
+        this.loading = false;
+        let data = res.fundTreeVoList;
+        // if (code == 200) {
+        if (data && data.length > 0) {
+          data.forEach((d) => {
+            d.isLeaf = !Boolean(d.hasChild);
+          });
+        }
+        // console.log(data)
+        if (["0", "1"].includes(queryType)) {
+          //树赋值
+          this.data = data;
+          if (queryType == "1") {
+            //查询过全部，就关闭懒加载
+            this.$refs.tree.$refs.tree.store.lazy = false;
+            this.hasQueryAll = true;
+            const allUnits = [];
+            this.flatData(data || [], allUnits);
+            this.allUnit = allUnits.filter((s) => {
+              return !s.disabled;
+            });
+          }
+          if (dataT.expandFlag) {
+            //筛选时，将展开单位传入
+            dataT.resolve(res.firstAuthUnit);
+          } else {
+            dataT.resolve(data);
+            if (res.onlyUnit) {
+              //如果只有一家单位的权限时，默认勾选
+              this.showAllCheck = false;
+              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", cdata);
+              this.$emit("dataChange", this.selectData, "onlyOne");
+            }
+          }
+        }
+        if (queryType == "2" && dataT) {
+          if (dataT.type && dataT.type == "direct") {
+            //查询直接下级，并勾选，抛到方法里面去做
+            dataT.resolve(data);
+          } else {
+            //节点懒加载展开，只更新直属子节点
+            // console.log(11111, data)
+            dataT.resolve(data);
+            //更新子节点后根据选择的数据，确定节点选择状态
+            // 传递的defaultSelect没有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;
+        }
+        if (queryType == "6" && dataT) {
+          //所有下级节点
+          dataT.resolve(data);
+          return;
+        }
+        if (queryType == "7" && dataT) {
+          //所有下级节点
+          dataT.resolve(data);
+          return;
+        }
+      });
+    },
+    debounce(fn, delay) {
+      let context = this;
+      clearTimeout(context.timer);
+      context.timer = setTimeout(() => {
+        fn.apply(context);
+      }, delay);
+    },
+    searchTree() {
+      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) => {
+          // 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];
+          }
+        });
+      }
+    },
+    nodeClick(data) {
+      this.$refs.tree.showDropMenu = null;
+      //单选才会进入
+      if (!this.single) {
+        return;
+      }
+      if (!data.disabled) {
+        //有权限的单位才返回
+        this.selectData = [data];
+        this.valueShow = data.unitName;
+        this.$emit("input", data.unitNo);
+        this.$emit("dataChange", this.selectData);
+        this.$refs.selectTreeUnit.blur();
+      }
+    },
+    loadNode(node, resolve) {
+      //懒加载，查询子节点
+      this.getTreeData("2", { unitNo: node.data.unitNo, resolve: resolve });
+    },
+    check(data, { checkedKeys }) {
+      // console.log(data, checkedKeys);
+      // let checkData = [...this.valueC]
+      if (checkedKeys.includes(data.id)) {
+        // console.log("add");
+        // 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 {
+        // console.log("del");
+        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)
+      }
+      // console.log(checkData, this.valueShow, checkedKeys, data)
+      // this.$emit('input', checkData)
+    },
+    showOpt(flag) {
+      this.$refs.tree.showDropMenu = null;
+      console.log(11111111, flag);
+      if (flag) {
+        //打开时暂存选择的节点
+        this.selectDataCache = JSON.parse(JSON.stringify(this.selectData));
+      } else {
+        //关闭时清空暂存
+        this.selectDataCache = [];
+      }
+      // debugger
+      // if (this.show) return
+      // this.show = true
+      // this.$refs['tree'].setCheckedKeys(this.value)
+    },
+    handleCheckBox(key) {
+      // debugger
+      if (key) {
+        if(this.isList){
+          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;
+          return
+        }
+        //全选时，需要先查全部数据
+        if (!this.hasQueryAll) {
+          new Promise((resolve) => {
+            this.getTreeData("1", { resolve });
+          }).then(() => {
+            this.$nextTick(() => {
+              // console.log(this.data);
+              let temp = [];
+              this.flatData(this.data, temp);
+              setTimeout(() => {
+                //默认全选时，选中数据
+                // console.log(temp, this.$refs.tree);
+                //去除没有权限的单位
+                temp = temp.filter((s) => {
+                  return !s.disabled;
+                });
+                this.$refs.tree.setCheckedNodes(temp);
+              });
+              // const data = this.$refs.tree.getCheckedKeys()
+              this.selectData = temp;
+              if (key == "init") {
+                //去除没有权限的单位
+                this.selectData = this.selectData.filter((s) => {
+                  return !s.disabled;
+                });
+                let data = this.selectData.map((s) => s.unitNo);
+                this.$emit("input", data);
+                this.$emit("dataChange", this.selectData);
+              }
+              if (this.showAllCheck) {
+                this.valueShow = this.$t("common_a_0003");
+              }
+              // let s = temp.map((t) => {
+              //   return t.unitNo;
+              // });
+              // this.valueShow = temp.map(t => {
+              //   return t.unitName
+              // })
+              // console.log(22222222222222222, data)
+              // this.$emit('input', s)
+            });
+          });
+        } 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('input', s)
+        }
+
+        // console.log(data)
+      } else {
+        this.$refs.tree.setCheckedNodes([]);
+        this.selectData = [];
+        // this.valueShow = []
+        // this.$emit('input', [])
+        // this.$message.warning(this.$t("common_a_0005"));
+      }
+    },
+    // 选择自身以及下级单位
+    checkSelfAndChild(data) {
+      const { queryType = "6", unitNo = "" } = data;
+      this.selectData = [];
+      this.valueShow = "";
+      new Promise((resolve) => {
+        this.getTreeData(queryType, { unitNo: data.unitNo, resolve });
+      }).then((child) => {
+        if (!child || child.length < 1) {
+          this.checkD = false;
+          this.$refs.tree.setCheckedNodes([]);
+          this.$emit("input", this.multiple ? [] : undefined);
+          this.$emit("dataChange", []);
+          return "end";
+        }
+        // 选择一个单位
+        if (queryType == "1") {
+          this.checkD = false;
+          const units = [];
+          this.flatData(child, units);
+          this.selectData = units.filter((unit) => unit.unitNo === unitNo);
+          const datas = this.selectData.map((s) => s.unitNo);
+          this.valueShow = this.selectData.map((s) => s.unitName);
+          this.$emit("input", this.multiple ? datas : datas[0]);
+          this.$emit("dataChange", this.selectData);
+          this.$refs.tree.setCheckedNodes(this.selectData);
+          return;
+        }
+
+        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.checkD = this.allUnit.length === temp1.length;
+        this.valueShow = this.checkD
+          ? this.$t("common_a_0003")
+          : this.selectData.map((s) => s.unitName);
+        //去除没有权限的单位
+        this.selectData = this.selectData.filter((s) => {
+          return !s.disabled;
+        });
+        this.$refs.tree.setCheckedNodes(this.selectData);
+        const data = this.selectData.map((s) => s.unitNo);
+        this.$emit("input", this.multiple ? data : data[0]);
+        this.$emit("dataChange", this.selectData);
+      });
+    },
+    checkedBro(data) {
+      this.$refs.selectTreeUnit.handleClose(false);
+      // console.log(data)
+      new Promise((resolve) => {
+        this.getTreeData("4", { unitNo: data.unitNo, resolve });
+      }).then((bro) => {
+        console.log(this.selectData);
+        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);
+      //所有下级未完成开发todo
+      // console.log(obj);
+      if (obj.type === "cancel") {
+        //取消勾选所有下级
+        new Promise((resolve) => {
+          this.getTreeData("3", { unitNo: obj.data.unitNo, resolve });
+        }).then((child) => {
+          if (!child || child.length < 1) {
+            return "end";
+          }
+          // console.log(child)
+          let temp1 = [];
+          this.flatData(child, temp1);
+          let ids = temp1.map((t) => t.id);
+          this.selectData = this.selectData.filter((s) => {
+            return !ids.includes(s.id);
+          });
+          // console.log(21212,this.selectData)
+          this.$refs.tree.setCheckedNodes(this.selectData);
+          // const data = this.$refs.tree.getCheckedKeys()
+          // this.$emit('input', data)
+        });
+      } else if (obj.type === "all") {
+        //勾选所有下级单位时，会先请求所有数据，取消懒加载模式，再请求对应的下级单位数据再勾选（包括已经勾选的数据）
+        new Promise((resolve) => {
+          this.getTreeData("3", { unitNo: obj.data.unitNo, resolve });
+        }).then((child) => {
+          if (!child || child.length < 1) {
+            return "end";
+          }
+          // console.log(child)
+          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";
+          }
+          // console.log(child)
+          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)
+        });
+      }
+    },
+    upDateShowValue(flag) {
+      let isEqual =
+        JSON.stringify(this.selectData) === JSON.stringify(this.upDateValue);
+      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);
+          });
+        }
+      }
+    },
+    initList(type) {
+      this.getListData(type);
+    },
+    getListData(type) {
+      console.log(44444);
+      this.loading = true;
+      this.$refs.tree.store.lazy = false;
+      let params = {
+        current: this.page.current,
+        size: this.page.size,
+        ...this.seachObj,
+        data: {
+          ...this.seachObj,
+          moduleNo: this.moduleNo,
+          isUnitDataScope: this.isUnitDataScope,
+          unitNameOrNoLike: this.searchKey,
+        },
+      };
+      const headers = {
+        relaNo: this.relaNo,
+      };
+      // console.log(5555,{
+      //   url: this.listUrl,
+      //   method: "POST",
+      //   data: params,
+      //   headers,
+      // })
+      request({
+        url: this.listUrl,
+        method: "POST",
+        data: params,
+        headers, cache:true,
+      }).then((res) => {
+        console.log(6666);
+        this.loading = false;
+        if (res.records && res.records.length > 0) {
+          res.records.forEach((r) => {
+            r.children = null;
+          });
+          this.data = res.records;
+        } else {
+          this.data = [];
+        }
+        //初始化设置时，传入进来的单位id可能不对，也可能不存在，用请求数据通过unitNo匹配重新设置选中数据
+        this.selectData.forEach((s, i) => {
+          this.data.forEach((d) => {
+            if (d.unitNo == s.unitNo) {
+              this.selectData[i] = d;
+              // console.log(11111,d)
+            }
+          });
+        });
+        //去除没有权限的单位
+        // this.selectData = this.selectData.filter((s) => {
+        //   return !s.disabled;
+        // });
+        //选中已选择的单位
+        // console.log("LLLLLLLL", this.selectData);
+        if (this.selectFirst && !type) {
+          //切换时不需要
+          //初始化时没有传默认单位和all时，根据selectFirst 默认选择第一家单位
+          if (this.selectData.length < 1 && this.data.length > 0) {
+            this.selectData = [this.data[0]];
+            this.valueShow = this.selectData.map((s) => s.unitName);
+          }
+        }
+        if (type == "all") {
+          //默认选择全部时，不会读取传的默认选项
+          console.log("选择全部--列表");
+          this.checkD = true;
+          this.selectData = JSON.parse(JSON.stringify(this.data));
+          this.valueShow = this.$t("common_a_0003");
+        }
+
+        let data = this.selectData.map((s) => s.unitNo);
+        const onlyOne = this.selectData.length === 1;
+        this.$emit("input", data);
+        if (type !== "list") {
+          this.$emit(
+            "dataChange",
+            this.selectData,
+            onlyOne ? "onlyOne" : undefined
+          );
+        }
+        this.$nextTick(() => {
+          console.log(11111, this.selectData);
+          this.$refs.tree.setCheckedNodes(this.selectData);
+        });
+      });
+    },
+    confirm() {
+      // console.log("sss", this.selectData);
+      if (this.selectData.length < 1) {
+        this.$message.warning(this.$t("common_a_0005"));
+        return;
+      }
+      this.checkD = this.allUnit.length === this.selectData.length;
+      //去除没有权限的单位
+      this.selectData = this.selectData.filter((s) => {
+        return !s.disabled;
+      });
+      if (this.checkD) {
+        this.valueShow = this.$t("common_a_0003");
+      } else {
+        this.valueShow = this.selectData.map((s) => s.unitName);
+      }
+      let data = this.selectData.map((s) => s.unitNo);
+      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);
+        }
+      });
+    },
+  },
+};
+</script>