From 433e4993ca64d01205c682ec214736ce00883397 Mon Sep 17 00:00:00 2001
From: wangyanshen <3154583358@qq.com>
Date: 星期一, 06 二月 2023 17:23:06 +0800
Subject: [PATCH] 对接故障定义页面，删除无用大文件资源

---
 src/views/main/components/leftTreeOrTreeSelectByData.vue |   64 ++++++++++++++++++++++---------
 1 files changed, 45 insertions(+), 19 deletions(-)

diff --git a/src/views/main/components/leftTreeOrTreeSelectByData.vue b/src/views/main/components/leftTreeOrTreeSelectByData.vue
index 80cc3d0..9efa77d 100644
--- a/src/views/main/components/leftTreeOrTreeSelectByData.vue
+++ b/src/views/main/components/leftTreeOrTreeSelectByData.vue
@@ -21,7 +21,7 @@
       placeholder="璇烽�夋嫨"
     >
     </tree-select>
-    
+
     <fks-tree
       ref="tree"
       :data="treedata"
@@ -30,18 +30,30 @@
       :node-key="defaultProps.id"
       :current-node-key="currentNodeKey1"
       :default-expanded-keys="defaultExpandedKeys"
+      :expand-on-click-node="expandOnClickNode"
       :highlight-current="true"
       :filter-node-method="filterNode"
       @node-click="handleNodeClick"
+      @node-drag-end="handleDragEnd"
+      draggable
     >
       <span class="custom-tree-node" slot-scope="{ node, data }">
         <span>{{ node.label }}</span>
-        <span v-if="node.isLeaf && isShowRightIcon">
+        <span>
           <fks-button
+            v-if="isShowEditIcon"
             type="text"
             size="mini"
             icon="fks-icon-edit"
             @click.stop="() => edit(data, node)"
+          >
+          </fks-button>
+          <fks-button
+            v-if="isShowDeleteIcon"
+            type="text"
+            size="mini"
+            icon="fks-icon-delete"
+            @click.stop="() => Delete(data, node)"
           >
           </fks-button>
         </span>
@@ -51,7 +63,6 @@
 </template>
 
 <script>
-import { number } from 'echarts';
 import titleBoxVue from "./titleBox.vue";
 import treeSelect from "./treeSelect2.vue";
 
@@ -79,6 +90,10 @@
     selectIsShow: {
       type: Boolean,
       default: false,
+    },
+    expandOnClickNode: {
+      type: Boolean,
+      default: true,
     },
     /**鏍� 榛樿灞炴�ч厤缃� */
     defaultProps: {
@@ -109,7 +124,7 @@
     },
     /**涓嬫媺 榛樿閫変腑鍊� */
     defaultSelectValue: {
-      type: String|Number,
+      type: String | Number,
       default: "",
     },
     /**鏍� 榛樿灞曞紑鑺傜偣keys */
@@ -124,8 +139,13 @@
       type: String,
       default: "鍔熻兘浣嶇疆",
     },
-    /**鏄惁鏄剧ず鍙充晶鎿嶄綔鍥炬爣 */
-    isShowRightIcon: {
+    /**鏄惁鏄剧ず鍙充晶缂栬緫鎿嶄綔鍥炬爣 */
+    isShowEditIcon: {
+      type: Boolean,
+      default: false,
+    },
+    /**鏄惁鏄剧ず鍙充晶鍒犻櫎鎿嶄綔鍥炬爣 */
+    isShowDeleteIcon: {
       type: Boolean,
       default: false,
     },
@@ -140,7 +160,7 @@
       default: false,
     },
     /**鏄惁鐐瑰嚮鍙跺瓙鎵嶅叧闂笅鎷夋 */
-    isleafclose:{
+    isleafclose: {
       type: Boolean,
       default: false,
     },
@@ -149,16 +169,12 @@
     return {
       filterText: "",
       selectvalue: "",
-      currentNodeKey1:'',
+      currentNodeKey1: "",
     };
   },
   created() {},
-  mounted() {
-    this.selectvalue = this.defaultSelectValue;
-  },
-  computed: {
-   
-  },
+  mounted() {},
+  computed: {},
   watch: {
     filterText(val) {
       this.$refs.tree.filter(val);
@@ -168,20 +184,30 @@
       if (this.treedata.length && key === "") {
         key = this.treedata[0][this.defaultProps.id];
       }
-      this.currentNodeKey1=key
+      this.currentNodeKey1 = key;
       this.$nextTick(() => {
-            this.$refs.tree.setCurrentKey(this.currentNodeKey1); // 璁剧疆榛樿閫変腑
-          });
+        this.$refs.tree.setCurrentKey(this.currentNodeKey1); // 璁剧疆榛樿閫変腑
+      });
+    },
+    defaultSelectValue(val) {
+      this.selectvalue = val;
     },
   },
   methods: {
-    
+    /**鎷栧姩鏍戠粨鏉熶簨浠� */
+    handleDragEnd(draggingNode, dropNode, dropType, ev) {
+        console.log('tree drag end: ',draggingNode, dropNode , dropType,ev);
+      },
     edit(data, node) {
       // console.log(data, node, 122);
       this.$emit("treeEdit", data, node);
     },
+    Delete(data, node) {
+      // console.log(data, node, 122);
+      this.$emit("treeDelete", data, node);
+    },
     selectChange(label, node) {
-      console.log(label, node,177)
+      console.log(label, node, 177);
       this.$emit("selectchange", label, node);
     },
     handleNodeClick(data) {

--
Gitblit v1.9.3