From 30efeedde6446cc9340565e8154403113ae67c42 Mon Sep 17 00:00:00 2001
From: zyn <nn_0223@163.com>
Date: Fri, 22 Dec 2023 14:17:43 +0800
Subject: [PATCH] =?UTF-8?q?style:=20=E6=A0=BC=E5=BC=8F=E5=8C=96=E4=BB=A3?=
 =?UTF-8?q?=E7=A0=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../policy/components/policyTree.vue          | 126 +++++++++---------
 1 file changed, 65 insertions(+), 61 deletions(-)

diff --git a/src/pages/policyRegulation/policy/components/policyTree.vue b/src/pages/policyRegulation/policy/components/policyTree.vue
index add037f04..6b3462b05 100644
--- a/src/pages/policyRegulation/policy/components/policyTree.vue
+++ b/src/pages/policyRegulation/policy/components/policyTree.vue
@@ -1,68 +1,72 @@
 <template>
   <div style="width: 100%" class="wrapper">
     <el-input
-        placeholder="输入树状图体系"
-        v-model="filterText">
-    </el-input>
+      v-model="filterText"
+      placeholder="输入树状图体系"
+    />
     <div class="tree">
       <el-card style="height: 100%;padding-right: 120px;overflow-y:auto">
         <el-tree
-            ref="tree"
-            node-key="id"
-            class="tree-line"
-            icon-class="icon-tree"
-            :indent="0"
-            :props="props"
-            :data="treeList"
-            :default-expanded-keys="['64df1d5522bb49c09af6']"
-            highlight-current
-            @node-click="treeClick"
-            :filter-node-method="filterNode">
-              <span class="custom-tree-node" slot-scope="{ node, data }" @mouseenter="mouseenter(data)" @mouseleave="mouseleave(data)">
-              <span :class="data.children.length !== 0 ? 'is-show' : 'is-leaf-none'"></span>
-              <span style="font-size:12px"> {{ node.label }} </span>
-              <span>
-                <el-button
-                    type="text"
-                    size="mini"
-                    v-show="data.show"
-                    v-btn-permission="'a3109949cc30dae1ef523c037b2651b8'"
-                    @click="() => append(data)">
-                  新增
-                </el-button>
-                <el-button
-                    type="text"
-                    size="mini"
-                    v-show="data.show"
-                    v-btn-permission="'61a33c05ed689934f7d4a0de4220c9ce'"
-                    @click="() => update(data)">
-                  编辑
-                </el-button>
-                <el-button
-                    type="text"
-                    size="mini"
-                    v-show="data.showDel"
-                    v-btn-permission="'b123231eb8c42b2a61e3dc5f59654f79'"
-                    @click="() => remove(node, data)">
-                  删除
-                </el-button>
-              </span>
+          ref="tree"
+          node-key="id"
+          class="tree-line"
+          icon-class="icon-tree"
+          :indent="0"
+          :props="props"
+          :data="treeList"
+          :default-expanded-keys="['64df1d5522bb49c09af6']"
+          highlight-current
+          :filter-node-method="filterNode"
+          @node-click="treeClick"
+        >
+          <span slot-scope="{ node, data }" class="custom-tree-node" @mouseenter="mouseenter(data)" @mouseleave="mouseleave(data)">
+            <span :class="data.children.length !== 0 ? 'is-show' : 'is-leaf-none'" />
+            <span style="font-size:12px"> {{ node.label }} </span>
+            <span>
+              <el-button
+                v-show="data.show"
+                v-btn-permission="'a3109949cc30dae1ef523c037b2651b8'"
+                type="text"
+                size="mini"
+                @click="() => append(data)"
+              >
+                新增
+              </el-button>
+              <el-button
+                v-show="data.show"
+                v-btn-permission="'61a33c05ed689934f7d4a0de4220c9ce'"
+                type="text"
+                size="mini"
+                @click="() => update(data)"
+              >
+                编辑
+              </el-button>
+              <el-button
+                v-show="data.showDel"
+                v-btn-permission="'b123231eb8c42b2a61e3dc5f59654f79'"
+                type="text"
+                size="mini"
+                @click="() => remove(node, data)"
+              >
+                删除
+              </el-button>
             </span>
+          </span>
         </el-tree>
       </el-card>
     </div>
-    <addStructure ref="addStructureRef" @selectMenuList="selectMenuList"></addStructure>
+    <addStructure ref="addStructureRef" @selectMenuList="selectMenuList" />
   </div>
 </template>
 
 <script>
-import addStructure from "./addStructure";
+import addStructure from './addStructure';
 export default {
-  name: "policyTree",
+  name: 'PolicyTree',
   components: {
     addStructure
   },
-  data(){
+  data () {
     return {
       treeList: [],
       filterText: '', // 企业标准库过滤
@@ -72,14 +76,14 @@ export default {
       },
     }
   },
-  created() {
-    this.selectMenuList()
-  },
   watch: {
-    filterText(val) {
+    filterText (val) {
       this.$refs.tree.filter(val);
     },
   },
+  created () {
+    this.selectMenuList()
+  },
   methods: {
     selectMenuList () {
       this.$http.get('sarResource/ts-resource/getListStand', {
@@ -92,20 +96,20 @@ export default {
       })
       this.$emit('treeClick', {})
     },
-    filterNode(value, data) {
+    filterNode (value, data) {
       if (!value) return true;
       return data.menuName.indexOf(value) !== -1;
     },
     treeClick (treeNode) {
       this.$emit('treeClick', treeNode)
     },
-    append(data) {
+    append (data) {
       this.$refs.addStructureRef.append(data)
     },
-    update(data) {
+    update (data) {
       this.$refs.addStructureRef.update(data)
     },
-    remove(node, data) {
+    remove (node, data) {
       this.$confirm('是否删除菜单?', '提示', {
         confirmButtonText: '确定',
         confirmButtonClass: 'common-button-primary',
@@ -113,14 +117,14 @@ export default {
         roundButton: true,
         type: 'warning'
       }).then(() => {
-        this.$http.put("sarResource/ts-resource/delResourceById", {
+        this.$http.put('sarResource/ts-resource/delResourceById', {
           resourceId: data.id
         }, res => {
         }, e => {
-          if(e.ok){
+          if(e.ok) {
             this.$message({
               type: 'success',
-              message: "删除成功"
+              message: '删除成功'
             })
             this.selectMenuList()
           }else {
@@ -138,13 +142,13 @@ export default {
       })
     },
     // 树节点鼠标移入移出
-    mouseenter(data){
+    mouseenter (data) {
       this.$set(data, 'show', true)
-      if(data.parentId !== null && data.id !== 'zcwdsc'){
+      if(data.parentId !== null && data.id !== 'zcwdsc') {
         this.$set(data, 'showDel', true)
       }
     },
-    mouseleave(data){
+    mouseleave (data) {
       this.$set(data, 'show', false)
       this.$set(data, 'showDel', false)
     },