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

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
@@ -184,6 +184,7 @@
fontWeight: 'bold', height: '48px'}" fontWeight: 'bold', height: '48px'}"
@selection-change="standSelectChange"> @selection-change="standSelectChange">
<el-table-column <el-table-column
v-if="isPermission('b17f1d035219c47344032e261342d87d,c09dc12531085e30e39bbdc6cb6116ba')>0"
type="selection" type="selection"
width="55" width="55"
align="center"> align="center">
@@ -276,35 +277,64 @@
<span v-else>{{ textStatusMap[scope.row.textStatus] }}</span> <span v-else>{{ textStatusMap[scope.row.textStatus] }}</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="操作" align="center" width="50"> <el-table-column v-if="isPermission('abcf82476e9f7bf2469896b3b0cb84fa,cac1eb379eb8e3b987cbb2e4599adb50,247cebaefa7cf1683092af160af11502,dbaf9df2990a595c8abea28e68b1a681')>0" label="操作" align="center" width="100">
<template slot-scope="scope"> <template slot-scope="scope">
<div @click.stop style="display: inline-block"> <div v-if="isPermission('abcf82476e9f7bf2469896b3b0cb84fa,cac1eb379eb8e3b987cbb2e4599adb50,247cebaefa7cf1683092af160af11502,dbaf9df2990a595c8abea28e68b1a681') == 1"
<el-dropdown trigger="click" @command="handleCommand"> @command="handleCommand"
<i class="iconfont">&#xe61e;</i> >
<el-dropdown-menu slot="dropdown"> <el-button type="text" v-btn-permission="'cac1eb379eb8e3b987cbb2e4599adb50'"
<el-dropdown-item v-btn-permission="''" v-if="scope.row.collectBtn"
v-if="scope.row.collectBtn" @click="handleCommand([scope.row, '收藏'])"
:command="[scope.row, '收藏']" >收藏
> </el-button>
收藏 <el-button type="text" v-btn-permission="'abcf82476e9f7bf2469896b3b0cb84fa'"
</el-dropdown-item> v-else
<el-dropdown-item v-btn-permission="'abcf82476e9f7bf2469896b3b0cb84fa'" @click="handleCommand([scope.row, '取消收藏'])"
v-else >取消收藏
:command="[scope.row, '取消收藏']" </el-button>
> <el-button type="text" @click="handleCommand([scope.row, '编辑'])"
取消收藏 v-btn-permission="'247cebaefa7cf1683092af160af11502'">编辑
</el-dropdown-item> </el-button>
<el-dropdown-item :command="[scope.row, '编辑']" <el-button type="text" @click="handleCommand([scope.row, '删除']) "
v-btn-permission="'247cebaefa7cf1683092af160af11502'">编辑 v-btn-permission="'dbaf9df2990a595c8abea28e68b1a681'">删除
</el-dropdown-item> </el-button>
<!-- <el-dropdown-item :command="[scope.row, '分享']" v-btn-permission="'ce4ec1bb233314d2ad8740d0aa98aca1'">分享</el-dropdown-item>--> </div>
<el-dropdown-item :command="[scope.row, '删除']"
v-btn-permission="'dbaf9df2990a595c8abea28e68b1a681'">删除 <div v-else>
</el-dropdown-item> <div @click.stop style="display: inline-block">
</el-dropdown-menu> <el-dropdown trigger="click" @command="handleCommand">
</el-dropdown> <i class="iconfont">&#xe61e;</i>
<el-dropdown-menu slot="dropdown">
<el-dropdown-item v-btn-permission="'cac1eb379eb8e3b987cbb2e4599adb50'"
v-if="scope.row.collectBtn"
:command="[scope.row, '收藏']"
>
收藏
</el-dropdown-item>
<el-dropdown-item v-btn-permission="'abcf82476e9f7bf2469896b3b0cb84fa'"
v-else
:command="[scope.row, '取消收藏']"
>
取消收藏
</el-dropdown-item>
<el-dropdown-item :command="[scope.row, '编辑']"
v-btn-permission="'247cebaefa7cf1683092af160af11502'">编辑
</el-dropdown-item>
<!-- <el-dropdown-item :command="[scope.row, '分享']" v-btn-permission="'ce4ec1bb233314d2ad8740d0aa98aca1'">分享</el-dropdown-item>-->
<el-dropdown-item :command="[scope.row, '删除']"
v-btn-permission="'dbaf9df2990a595c8abea28e68b1a681'">删除
</el-dropdown-item>
</el-dropdown-menu>
</el-dropdown>
</div>
</div> </div>
</template> </template>
</el-table-column> </el-table-column>
</el-table> </el-table>
</div> </div>
@@ -645,6 +675,7 @@
class="add-form-item" class="add-form-item"
> >
<template slot="label">责任部门</template> <template slot="label">责任部门</template>
<el-input <el-input
:key="field.attrField" :key="field.attrField"
:config="field" :config="field"
@@ -1687,6 +1718,7 @@
</template> </template>
<script> <script>
import store from '@/store'
import CustomInputForStandards from '@/components/CustomFormComponents/InputForStandards' import CustomInputForStandards from '@/components/CustomFormComponents/InputForStandards'
import CustomInput from '@/components/CustomFormComponents/Input' import CustomInput from '@/components/CustomFormComponents/Input'
import CustomTextarea from '@/components/CustomFormComponents/Textarea' import CustomTextarea from '@/components/CustomFormComponents/Textarea'
@@ -1708,6 +1740,8 @@ import {interfaceUrl} from '@/sysConfig'
import TreeSelect from '@/components/treeSelect/treeSelect.vue'; import TreeSelect from '@/components/treeSelect/treeSelect.vue';
import TreeSelectNew from '@/components/treeSelect/treeSelectNew.vue'; import TreeSelectNew from '@/components/treeSelect/treeSelectNew.vue';
export default { export default {
name: 'domesticStandardsAndRegulations', name: 'domesticStandardsAndRegulations',
components: { components: {
@@ -2423,6 +2457,21 @@ export default {
} }
}, },
methods: { methods: {
isPermission (value) {
let hasCount = 0
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 === '') {
hasCount++
}
})
}
return hasCount
},
// 国内标签过滤 // 国内标签过滤
filterNode(value, data) { filterNode(value, data) {
if (!value) return true; if (!value) return true;
@@ -4975,6 +5024,7 @@ export default {
this.sarStandardsInfoEO['ZRGCS'] = nameList; this.sarStandardsInfoEO['ZRGCS'] = nameList;
}, },
choiceZRBM(type, title, id) { choiceZRBM(type, title, id) {
this.nodeListZRBM = [] this.nodeListZRBM = []
this.nodeListZRBM.push(id) this.nodeListZRBM.push(id)
this.drawerTitle = title this.drawerTitle = title
@@ -4993,8 +5043,13 @@ export default {
nameList += item.name nameList += item.name
} }
}) })
console.log("data",data);
this.sarStandardsInfoEO.ZRBMId = idList; this.sarStandardsInfoEO.ZRBMId = idList;
this.sarStandardsInfoEO['ZRBM'] = nameList; this.sarStandardsInfoEO['ZRBM'] = nameList;
console.log( " this.sarStandardsInfoEO.ZRBMId",this.sarStandardsInfoEO.ZRBMId);
console.log("this.sarStandardsInfoEO['ZRBM']",this.sarStandardsInfoEO['ZRBM']);
}, },
}, },
computed: { computed: {
@@ -181,7 +181,8 @@
@selection-change="standSelectChange" @selection-change="standSelectChange"
@sort-change="sortChange"> @sort-change="sortChange">
<el-table-column <el-table-column
type="selection" v-if="isPermission('4d01342db0f56f01bfceaee7b46904f4,8871ed1be74cf65851659514880bb50a')>0"
type="selection"
width="55" width="55"
align="center"> align="center">
</el-table-column> </el-table-column>
@@ -310,37 +311,68 @@
<span v-else style="color: #333333">{{ textStatusMap[scope.row.textStatus] }}</span> <span v-else style="color: #333333">{{ textStatusMap[scope.row.textStatus] }}</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="操作" align="center" width="50"> <el-table-column v-if="isPermission('47e155667f521467ed941c89d118e770,f9745194958bc9ed3ee5127459795dbc,e8d690904ee1895dd0d17d9c794fbcd7,dbaf9df2990a595c8abea28e68b1a681')>0" 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"> <div v-if="isPermission('47e155667f521467ed941c89d118e770,f9745194958bc9ed3ee5127459795dbc,e8d690904ee1895dd0d17d9c794fbcd7,dbaf9df2990a595c8abea28e68b1a681')>0"
<el-dropdown-item @command="handleCommand"
v-if="scope.row.collectBtn" >
:command="[scope.row, '收藏']" <el-button type="text" v-btn-permission="'f9745194958bc9ed3ee5127459795dbc'"
v-btn-permission="'f9745194958bc9ed3ee5127459795dbc'" v-if="scope.row.collectBtn"
> @click="handleCommand([scope.row, '收藏'])"
收藏 >收藏
</el-dropdown-item> </el-button>
<el-dropdown-item <el-button type="text" v-btn-permission="'47e155667f521467ed941c89d118e770'"
v-else v-else
:command="[scope.row, '取消收藏']" @click="handleCommand([scope.row, '取消收藏'])"
v-btn-permission="'47e155667f521467ed941c89d118e770'" >取消收藏
> </el-button>
取消收藏 <el-button type="text" @click="handleCommand([scope.row, '编辑'])"
</el-dropdown-item> v-btn-permission="'e8d690904ee1895dd0d17d9c794fbcd7'">编辑
<el-dropdown-item :command="[scope.row, '编辑']" v-btn-permission="'e8d690904ee1895dd0d17d9c794fbcd7'"> </el-button>
编辑 <el-button type="text" @click="handleCommand([scope.row, '删除']) "
</el-dropdown-item> v-btn-permission="'dbaf9df2990a595c8abea28e68b1a681'">删除
<!-- <el-dropdown-item :command="[scope.row, '分享']" v-btn-permission="'413e676a155d6eb2dfbe08df8cbcf682'">分享</el-dropdown-item>--> </el-button>
<el-dropdown-item :command="[scope.row, '删除']" v-btn-permission="'dbaf9df2990a595c8abea28e68b1a681'"> </div>
删除
</el-dropdown-item> <div v-else>
</el-dropdown-menu> <template slot-scope="scope">
</el-dropdown> <div @click.stop style="display: inline-block">
</div> <el-dropdown trigger="click" @command="handleCommand">
</template> <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-column>
</el-table> </el-table>
</div> </div>
@@ -1581,6 +1613,7 @@ import CustomDatePickWithText2 from '@/components/CustomFormComponents/DatePicke
import {interfaceUrl} from "@/sysConfig"; import {interfaceUrl} from "@/sysConfig";
import TreeSelect from '@/components/treeSelect/treeSelect.vue'; import TreeSelect from '@/components/treeSelect/treeSelect.vue';
import TreeSelectNew from '@/components/treeSelect/treeSelectNew.vue'; import TreeSelectNew from '@/components/treeSelect/treeSelectNew.vue';
import store from "@/store";
export default { export default {
name: 'foreignStandardsAndRegulations', name: 'foreignStandardsAndRegulations',
@@ -2286,6 +2319,21 @@ export default {
} }
}, },
methods: { 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) { filterNode(value, data) {
if (!value) return true; if (!value) return true;