From 56baf4c1dc7930d12d50f81e19dcea4a1de7f5f6 Mon Sep 17 00:00:00 2001
From: liuyg <376836862@qq.com>
Date: Fri, 09 Jul 2021 14:02:27 +0800
Subject: [PATCH] 公司信息 新增 加树形
---
src/views/securityUnit/index.vue | 103 +++++++++++++++++++++++++++++++++++++++++++++++++--
1 files changed, 98 insertions(+), 5 deletions(-)
diff --git a/src/views/securityUnit/index.vue b/src/views/securityUnit/index.vue
index 4f2e0fc..cc2f495 100644
--- a/src/views/securityUnit/index.vue
+++ b/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;
}
--
Gitblit v1.9.3