FT/foton-laws-system-front
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style: 格式化代码

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