117 lines
2.9 KiB
Java
117 lines
2.9 KiB
Java
<template>
|
||
<a-drawer
|
||
title="数据规则/按钮权限配置"
|
||
width="365"
|
||
:closable="false"
|
||
@close="onClose"
|
||
:visible="visible"
|
||
>
|
||
<a-tabs defaultActiveKey="1">
|
||
<a-tab-pane tab="数据规则" key="1">
|
||
|
||
<a-checkbox-group v-model="dataruleChecked" v-if="dataruleList.length>0">
|
||
<a-row>
|
||
<a-col :span="24" v-for="(item,index) in dataruleList" :key=" 'dr'+index ">
|
||
<a-checkbox :value="item.id">{{ item.ruleName }}</a-checkbox>
|
||
</a-col>
|
||
|
||
<a-col :span="24">
|
||
<div style="width: 100%;margin-top: 15px">
|
||
<a-button @click="saveDataruleForRole" type="primary" size="small" icon="save">点击保存</a-button>
|
||
</div>
|
||
</a-col>
|
||
</a-row>
|
||
</a-checkbox-group>
|
||
<div v-else><h3>无配置信息!</h3></div>
|
||
|
||
</a-tab-pane>
|
||
</a-tabs>
|
||
|
||
</a-drawer>
|
||
</template>
|
||
|
||
<script>
|
||
import ARow from 'ant-design-vue/es/grid/Row'
|
||
import ACol from 'ant-design-vue/es/grid/Col'
|
||
import { getAction, postAction } from '@/api/manage'
|
||
|
||
export default {
|
||
name: 'DepartDataruleModal',
|
||
components: { ACol, ARow },
|
||
data () {
|
||
return {
|
||
functionId: '',
|
||
departId: '',
|
||
visible: false,
|
||
tabList: [{
|
||
key: '1',
|
||
tab: '数据规则'
|
||
}, {
|
||
key: '2',
|
||
tab: '按钮权限'
|
||
}],
|
||
activeTabKey: '1',
|
||
url: {
|
||
datarule: '/sys/sysDepartPermission/datarule'
|
||
},
|
||
dataruleList: [],
|
||
dataruleChecked: []
|
||
}
|
||
},
|
||
methods: {
|
||
loadData () {
|
||
getAction(`${this.url.datarule}/${this.functionId}/${this.departId}`).then(res => {
|
||
if (res.success) {
|
||
this.dataruleList = res.result.datarule
|
||
const drChecked = res.result.drChecked
|
||
if (drChecked) {
|
||
this.dataruleChecked = drChecked.split(',')
|
||
}
|
||
}
|
||
})
|
||
},
|
||
saveDataruleForRole () {
|
||
if (!this.dataruleChecked || this.dataruleChecked.length === 0) {
|
||
this.$message.warning('请注意，现未勾选任何数据权限!')
|
||
}
|
||
const params = {
|
||
permissionId: this.functionId,
|
||
departId: this.departId,
|
||
dataRuleIds: this.dataruleChecked.join(',')
|
||
}
|
||
postAction(this.url.datarule, params).then(res => {
|
||
if (res.success) {
|
||
this.$message.success(res.message)
|
||
} else {
|
||
this.$message.error(res.message)
|
||
}
|
||
})
|
||
},
|
||
show (functionId, departId) {
|
||
this.onReset()
|
||
this.functionId = functionId
|
||
this.departId = departId
|
||
this.visible = true
|
||
this.loadData()
|
||
},
|
||
onClose () {
|
||
this.visible = false
|
||
this.onReset()
|
||
},
|
||
onTabChange (key) {
|
||
this.activeTabKey = key
|
||
},
|
||
onReset () {
|
||
this.functionId = ''
|
||
this.departId = ''
|
||
this.dataruleList = []
|
||
this.dataruleChecked = []
|
||
}
|
||
}
|
||
}
|
||
</script>
|
||
|
||
<style scoped>
|
||
|
||
</style>
|