style: 格式化代码
This commit is contained in:
@@ -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)
|
||||
},
|
||||
|
||||
Reference in New Issue
Block a user