From da4f50e1008b815067cf47352747bf6d23b8b043 Mon Sep 17 00:00:00 2001 From: ZZJ <zzjdsg2300@163.com> Date: 星期四, 27 一月 2022 13:58:54 +0800 Subject: [PATCH] bug修复 --- src/components/giantTree/index.vue | 98 ++++++++++++++++++++++++++++-------------------- 1 files changed, 57 insertions(+), 41 deletions(-) diff --git a/src/components/giantTree/index.vue b/src/components/giantTree/index.vue index 1e63341..ab602d2 100644 --- a/src/components/giantTree/index.vue +++ b/src/components/giantTree/index.vue @@ -26,12 +26,23 @@ :style="{ left: clientX + 'px', top: clientY + 'px' }" > <el-card :body-style="{ padding: '10px' }"> - <el-form :model="dialogForm" size="mini" :rules="rules" ref="dialogForm" label-width="70px"> + <el-form + :model="dialogForm" + size="mini" + :rules="rules" + ref="dialogForm" + label-width="70px" + > <el-form-item label="鍚嶇О锛�" prop="name"> - <el-input v-model="dialogForm.text" oninput="if(value.length>10)value=value.slice(0,10)"></el-input> + <el-input + v-model="dialogForm.text" + oninput="if(value.length>10)value=value.slice(0,10)" + ></el-input> </el-form-item> <div class="text-center pb-2"> - <el-button size="mini" type="primary" @click="submitForm">淇濆瓨</el-button> + <el-button size="mini" type="primary" @click="submitForm" + >淇濆瓨</el-button + > <el-button size="mini" @click="hideDialogBox">鍙栨秷</el-button> </div> </el-form> @@ -41,32 +52,32 @@ </template> <script> -import ZTree from "./zTree/ztree" +import ZTree from "./zTree/ztree"; export default { name: "GiantTreeMenu", components: { - ZTree + ZTree, }, props: { app: { type: String, - default: "Video" + default: "Video", }, node: { - type: Array + type: Array, }, treeName: { type: String, - default: "" + default: "", }, gb28181: { type: Boolean, - default: false + default: false, }, height: { type: Number, - default: 0 + default: 0, }, setting: { type: Object, @@ -82,15 +93,15 @@ clientX: 0, clientY: 0, dialogForm: { - text: "" + text: "", }, rules: { text: [ { required: true, message: "璇疯緭鍏ヨ妭鐐瑰悕绉�", trigger: "change" }, - { min: 2, max: 10, message: "闀垮害鍦�2鍒�10涓瓧", trigger: "change" } - ] + { min: 2, max: 10, message: "闀垮害鍦�2鍒�10涓瓧", trigger: "change" }, + ], }, - curNodeTid: '', + curNodeTid: "", }; }, created() { @@ -104,27 +115,29 @@ if (newValue !== this.treeName) { this.TreeDataPool.cleanTree(this.treeName); } - } + }, }, methods: { handleCreated: function (ztreeObj) { let _this = this; this.ztreeObj = ztreeObj; - ztreeObj.expandAll(true) + ztreeObj.expandAll(true); // onCreated 涓搷浣渮treeObj瀵硅薄灞曞紑绗竴涓妭鐐� // ztreeObj.expandNode(ztreeObj.getNodes()[0], true); // 鎽勫儚鏈洪厤缃垏鎹㈡椂, 璁剧疆閫変腑鐘舵�� if (this.TreeDataPool.selectedNode.id) { // 鍙栨秷鎵�鏈夊閫夌殑鑺傜偣,浠呬繚鐣欏綋鍓嶅崟閫夌殑鑺傜偣 - this.TreeDataPool.selectedNodes = [this.TreeDataPool.selectedNode.id] + this.TreeDataPool.selectedNodes = [this.TreeDataPool.selectedNode.id]; this.curNodeTid = this.TreeDataPool.selectedNode.tId; //鎽勫儚鏈轰俊鎭洿鏂颁俊鎭悗锛屽鏋滆妭鐐逛綅缃湁鍙榯Id灏变笉鍑嗕簡,this.TreeDataPool.selectedNode姝ゆ椂杩樻槸鏃х殑淇℃伅 let ztreeNodes = ztreeObj.getNodes(); //var curNodeTid = ''; _this.findTidByIdFromArr(ztreeNodes); this.TreeDataPool.selectedNode.tId = _this.curNodeTid; - let node = this.ztreeObj.getNodeByTId(this.TreeDataPool.selectedNode.tId) + let node = this.ztreeObj.getNodeByTId( + this.TreeDataPool.selectedNode.tId + ); // 澶氶�夋椂, 閫変腑鍗曢�夊崟鍑荤殑鑺傜偣 if (this.TreeDataPool.multiple) { @@ -132,7 +145,7 @@ this.ztreeObj.checkNode(node, true, false, false); } - this.ztreeObj.selectNode(node, false, true) + this.ztreeObj.selectNode(node, false, true); } }, @@ -148,7 +161,6 @@ this.findTidByIdFromArr(arr[i].children); } } - }, onDblClick(evt, treeId, item) { if (item.type !== "4" || this.app !== "Camera") { @@ -163,14 +175,18 @@ this.TreeDataPool.activeVideoIndex !== "" && this.TreeDataPool.activeVideoIndex <= videoArr.length - 1 ) { - this.TreeDataPool.setVideoArr(this.TreeDataPool.activeVideoIndex, undefined, this); + this.TreeDataPool.setVideoArr( + this.TreeDataPool.activeVideoIndex, + undefined, + this + ); this.$nextTick(() => { this.TreeDataPool.setVideoArr( this.TreeDataPool.activeVideoIndex, item, this ); - }) + }); return; } @@ -188,14 +204,18 @@ } } if (nullVideoIndex === "") { - this.TreeDataPool.setVideoArr(this.TreeDataPool.activeVideoIndex, undefined, this); + this.TreeDataPool.setVideoArr( + this.TreeDataPool.activeVideoIndex, + undefined, + this + ); this.$nextTick(() => { this.TreeDataPool.setVideoArr( this.TreeDataPool.activeVideoIndex, item, this ); - }) + }); } else { // this.TreeDataPool.setVideoArr(this.TreeDataPool.activeVideoIndex, undefined, this); this.$nextTick(() => { @@ -204,7 +224,7 @@ item, this ); - }) + }); this.TreeDataPool.activeVideoIndex = nullVideoIndex; } }, @@ -218,7 +238,7 @@ this.dialogForm = { text: "", method: "add", - node: node.id + node: node.id, }; this.showDialogBox(event); }, @@ -228,7 +248,7 @@ method: "edit", node: node.id, alias: node.alias, - gb28181: this.gb28181 + gb28181: this.gb28181, }; this.showDialogBox(event); }, @@ -237,7 +257,7 @@ }, submitForm() { // 鎻愪氦鏂板鎴栬�呯紪杈戝尯鍩熻妭鐐硅〃鍗� - this.$refs.dialogForm.validate(valid => { + this.$refs.dialogForm.validate((valid) => { if (valid) { if (this.dialogForm.method == "add") { this.TreeDataPool.add(this.dialogForm.text, this.dialogForm.node); @@ -267,7 +287,6 @@ this.showDialog = true; }, itemClick(evt, treeId, treeNode) { - this.TreeDataPool.selectedNode = treeNode; this.TreeDataPool.treeType = this.treeName; @@ -296,7 +315,7 @@ itemCheck(evt, treeId, treeNode) { this.TreeDataPool.selectedNode = treeNode; this.TreeDataPool.treeType = this.treeName; - debugger + debugger; // 澶氶�� // this.ztreeObj.checkNode(treeNode, true, false, false); let checkedNodes = this.ztreeObj.getCheckedNodes(true); @@ -306,25 +325,24 @@ this.TreeDataPool.countCheckedNodes(checkedNodes); // 淇濆瓨涓�浠芥暟鎹� - this.TreeDataPool.activeTreeData = this.ztreeObj.getNodes() - + this.TreeDataPool.activeTreeData = this.ztreeObj.getNodes(); }, //灞曞紑 itemExpand(e, id, node) { - delete this.TreeDataPool.foldNodeList[node.id] + delete this.TreeDataPool.foldNodeList[node.id]; }, // 鎶樺彔 itemCollapse(e, id, node) { - this.TreeDataPool.foldNodeList[node.id] = true + this.TreeDataPool.foldNodeList[node.id] = true; }, dropNode(node, item, draggedItem, e) { // console.log('dropNode', node, item, draggedItem); - this.TreeDataPool.dropNode(draggedItem.id, item.id) + this.TreeDataPool.dropNode(draggedItem.id, item.id); }, showCameraPic(nodeId) { - this.TreeDataPool.showBaseImage(nodeId) - } - } + this.TreeDataPool.showBaseImage(nodeId); + }, + }, }; </script> <style lang="scss" scoped> @@ -385,7 +403,7 @@ } .tree-menu { // max-width: 350px; - overflow-x: hidden; + overflow-x: auto; overflow-y: hidden; margin-bottom: 4px; } @@ -410,8 +428,6 @@ background: rgba(0, 0, 0, 0.4); } .tree-menu:hover { - overflow-x: visible; overflow-y: auto; - margin-bottom: 0px; } </style> -- Gitblit v1.8.0