国内外权限按钮不存在则不显示对应组件

This commit is contained in:
zhaokaiyao@91isoft.com
2021-11-08 15:13:20 +08:00
parent b4c9475132
commit e6317f9a09
2 changed files with 161 additions and 58 deletions
@@ -181,7 +181,8 @@
@selection-change="standSelectChange"
@sort-change="sortChange">
<el-table-column
type="selection"
v-if="isPermission('4d01342db0f56f01bfceaee7b46904f4,8871ed1be74cf65851659514880bb50a')>0"
type="selection"
width="55"
align="center">
</el-table-column>
@@ -310,37 +311,68 @@
<span v-else style="color: #333333">{{ textStatusMap[scope.row.textStatus] }}</span>
</template>
</el-table-column>
<el-table-column label="操作" align="center" width="50">
<template slot-scope="scope">
<div @click.stop style="display: inline-block">
<el-dropdown trigger="click" @command="handleCommand">
<i class="iconfont">&#xe61e;</i>
<el-dropdown-menu slot="dropdown">
<el-dropdown-item
v-if="scope.row.collectBtn"
:command="[scope.row, '收藏']"
v-btn-permission="'f9745194958bc9ed3ee5127459795dbc'"
>
收藏
</el-dropdown-item>
<el-dropdown-item
v-else
:command="[scope.row, '取消收藏']"
v-btn-permission="'47e155667f521467ed941c89d118e770'"
>
取消收藏
</el-dropdown-item>
<el-dropdown-item :command="[scope.row, '编辑']" v-btn-permission="'e8d690904ee1895dd0d17d9c794fbcd7'">
编辑
</el-dropdown-item>
<!-- <el-dropdown-item :command="[scope.row, '分享']" v-btn-permission="'413e676a155d6eb2dfbe08df8cbcf682'">分享</el-dropdown-item>-->
<el-dropdown-item :command="[scope.row, '删除']" v-btn-permission="'dbaf9df2990a595c8abea28e68b1a681'">
删除
</el-dropdown-item>
</el-dropdown-menu>
</el-dropdown>
</div>
</template>
<el-table-column v-if="isPermission('47e155667f521467ed941c89d118e770,f9745194958bc9ed3ee5127459795dbc,e8d690904ee1895dd0d17d9c794fbcd7,dbaf9df2990a595c8abea28e68b1a681')>0" label="操作" align="center" width="50">
<div v-if="isPermission('47e155667f521467ed941c89d118e770,f9745194958bc9ed3ee5127459795dbc,e8d690904ee1895dd0d17d9c794fbcd7,dbaf9df2990a595c8abea28e68b1a681')>0"
@command="handleCommand"
>
<el-button type="text" v-btn-permission="'f9745194958bc9ed3ee5127459795dbc'"
v-if="scope.row.collectBtn"
@click="handleCommand([scope.row, '收藏'])"
>收藏
</el-button>
<el-button type="text" v-btn-permission="'47e155667f521467ed941c89d118e770'"
v-else
@click="handleCommand([scope.row, '取消收藏'])"
>取消收藏
</el-button>
<el-button type="text" @click="handleCommand([scope.row, '编辑'])"
v-btn-permission="'e8d690904ee1895dd0d17d9c794fbcd7'">编辑
</el-button>
<el-button type="text" @click="handleCommand([scope.row, '删除']) "
v-btn-permission="'dbaf9df2990a595c8abea28e68b1a681'">删除
</el-button>
</div>
<div v-else>
<template slot-scope="scope">
<div @click.stop style="display: inline-block">
<el-dropdown trigger="click" @command="handleCommand">
<i class="iconfont">&#xe61e;</i>
<el-dropdown-menu slot="dropdown">
<el-dropdown-item
v-if="scope.row.collectBtn"
:command="[scope.row, '收藏']"
v-btn-permission="'f9745194958bc9ed3ee5127459795dbc'"
>
收藏
</el-dropdown-item>
<el-dropdown-item
v-else
:command="[scope.row, '取消收藏']"
v-btn-permission="'47e155667f521467ed941c89d118e770'"
>
取消收藏
</el-dropdown-item>
<el-dropdown-item :command="[scope.row, '编辑']" v-btn-permission="'e8d690904ee1895dd0d17d9c794fbcd7'">
编辑
</el-dropdown-item>
<!-- <el-dropdown-item :command="[scope.row, '分享']" v-btn-permission="'413e676a155d6eb2dfbe08df8cbcf682'">分享</el-dropdown-item>-->
<el-dropdown-item :command="[scope.row, '删除']" v-btn-permission="'dbaf9df2990a595c8abea28e68b1a681'">
删除
</el-dropdown-item>
</el-dropdown-menu>
</el-dropdown>
</div>
</template>
</div>
</el-table-column>
</el-table>
</div>
@@ -1581,6 +1613,7 @@ import CustomDatePickWithText2 from '@/components/CustomFormComponents/DatePicke
import {interfaceUrl} from "@/sysConfig";
import TreeSelect from '@/components/treeSelect/treeSelect.vue';
import TreeSelectNew from '@/components/treeSelect/treeSelectNew.vue';
import store from "@/store";
export default {
name: 'foreignStandardsAndRegulations',
@@ -2286,6 +2319,21 @@ export default {
}
},
methods: {
isPermission (value) {
let has = false
let set =new Set( value.split(","))
let menuList = store.getters.getMenuList
if (menuList === '') {
return false
} else {
menuList.map((menu) => {
if ( set.has(menu.id)|| value === undefined || value === '') {
has = true
}
})
}
return has
},
// 海外标签过滤
filterNode(value, data) {
if (!value) return true;