公司信息 新增 加树形

liuyg

2021-07-09 56baf4c1dc7930d12d50f81e19dcea4a1de7f5f6

 src/views/securityUnit/index.vue

@@ -39,6 +39,19 @@
    </avue-crud>
    <div class="lod" v-show="forms != -1">
      <div class="lod-in">
        <el-col class="trees" v-if="forms == 0">
          <div class="box">
            <el-scrollbar>
              <basic-container>
                <avue-tree
                  :option="treeOption"
                  :data="treeData"
                  @node-click="nodeClick"
                />
              </basic-container>
            </el-scrollbar>
          </div>
        </el-col>
        <avue-form
          ref="form"
          v-model="obj0"
@@ -88,10 +101,12 @@
  remove,
  adddata1,
  adddata2,
  getDeptLazyTree,
} from "@/api/securityUnit/securityUnit";

export default {
  data() {
    var w = 160,
      s = 12;
    return {
      loading: true, //保安单位基本信息
      selectionList: [],
@@ -99,6 +114,38 @@
        pageSize: 10,
        currentPage: 1,
        total: 0,
      },

      treeData: [],
      treeOption: {
        nodeKey: "id",
        lazy: true,
        treeLoad: function (node, resolve) {
          // const parentId = node.level === 0 ? 0 : node.data.id;
          getDeptLazyTree().then((res) => {
            resolve(
              res.data.data.map((item) => {
                console.log({
                  ...item,
                  leaf: !item.hasChildren,
                });
                return {
                  ...item,
                  leaf: !item.hasChildren,
                };
              })
            );
          });
        },
        addBtn: false,
        menu: false,
        size: "small",
        props: {
          labelText: "标题",
          label: "title",
          value: "value",
          children: "children",
        },
      },

      obj0: {
@@ -133,6 +180,8 @@
      data0: {},
      data1: {},
      data2: {},
      noshehuibianma: 0,
      nobumen: 0,

      query: {},
      data: [],
@@ -311,7 +360,20 @@
        this.loading = false;
      });
    },
    nodeClick(data) {
      // this.treeDeptId = data.id;
      // this.page.currentPage = 1;
      // this.onLoad(this.page);
      // this.$message.success(JSON.stringify(data));
      this.obj0["departmentid"] = data.title;
      this.obj1["departmentid"] = data.title;
      this.obj2["departmentid"] = data.title;
      this.nobumen = 1;
    },
    tip0() {
      if (this.panduanmeiyouziduan()) {
        return;
      }
      var b = {};
      for (var k in this.obj0) {
        if (k != "title") {
@@ -322,6 +384,9 @@
      this.forms = 1;
    },
    tip1() {
      if (this.panduanmeiyouziduan()) {
        return;
      }
      var b = {};
      for (var k in this.obj1) {
        if (k != "title") {
@@ -332,6 +397,9 @@
      this.forms = 2;
    },
    tip2() {
      if (this.panduanmeiyouziduan()) {
        return;
      }
      var b = {};
      for (var k in this.obj2) {
        if (k != "title") {
@@ -355,7 +423,7 @@
    tip1up1() {
      this.forms = 0;
    },
    tip1up2() {
    tip2up2() {
      this.forms = 1;
    },
    tipover() {
@@ -372,11 +440,29 @@
      this.data0 = {};
      this.data1 = {};
      this.data2 = {};
      this.noshehuibianma = 0;
      this.nobumen = 0;
    },
    panduanmeiyouziduan() {
      if (this.noshehuibianma == 0) {
        this.$message.warning("请输入统一社会信用代码");
        return true;
      }
      if (this.nobumen == 0) {
        this.$message.warning("请选则部门");
        return true;
      }
      return false;
    },
  },
  watch: {
    haveID() {
      // console.log(this.haveID);
      if (this.haveID > 9000) {
        //统一社会信用代码判断
        this.noshehuibianma = 1;
      } else {
        this.noshehuibianma = 0;
      }
    },
  },
  mounted() {},
@@ -407,12 +493,19 @@
  height: 100%;
  background-color: rgba($color: #000000, $alpha: 0.5);
  padding: 100px 0 0 0;
  z-index: 10000 !important;
  z-index: 50 !important;
  display: flex;
  // align-items: center;
  justify-content: center;
  .trees {
    z-index: 51 !important;
    position: absolute;
    width: 15%;
    top: 100px;
    left: 0;
  }
  .lod-in {
    width: 80%;
    width: 70%;
    height: auto;
    // padding: 10px 0 0 0;
  }