style: 格式化代码

This commit is contained in:
zyn
2023-12-22 14:17:43 +08:00
parent 27c4310513
commit 30efeedde6
@@ -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)
},