代码拉取完成，页面将自动刷新
<template>
<el-form :model="editForm" label-width="140px" :rules="editFormRules" ref="editForm">
<el-card>
<template #header>
<span>其它人【查询】分类数据(文章、附件等)的权限 </span>
<el-checkbox v-model="editForm.othQuery" true-label="1" false-label="0"> 可查询</el-checkbox>
</template>
<span v-if="editForm.othQuery=='1'">
<el-form-item label="允许哪些角色查询" prop="qryRoleids" >
<mdp-select width="100%" :multiple="true" v-model="editForm.qryRoleids" placeholder="请选择" split="," :options="roles" :props="{id:'roleid',name:'rolename'}"/>
</el-form-item>
<el-form-item label="禁止哪些角色查询" prop="nqRoleids" >
<mdp-select width="100%" :multiple="true" v-model="editForm.nqRoleids" placeholder="请选择" split="," :options="roles" :props="{id:'roleid',name:'rolename'}"/>
</el-form-item>
<el-form-item label="允许哪些部门查询" prop="qryDeptids">
<mdp-select-dept width="100%" v-model="editForm.qryDeptids" multiple split=","/>
</el-form-item>
<el-form-item label="禁止哪些部门查询" prop="nqDeptids">
<mdp-select-dept width="100%" v-model="editForm.nqDeptids" multiple split=","/>
</el-form-item>
<el-form-item label="允许哪些人查询" prop="qryUserids" >
<mdp-select-user width="100%" :multiple="true" v-model="editForm.qryUserids" placeholder="请选择" split=","/>
</el-form-item>
<el-form-item label="禁止哪些人查询" prop="nqUserids" >
<mdp-select-user width="100%" :multiple="true" v-model="editForm.nqUserids" placeholder="请选择" split=","/>
</el-form-item>
</span>
</el-card>
<el-card>
<template #header>
<span>其它人【修改】分类数据(文章、附件等)的权限 </span>
<el-checkbox v-model="editForm.othEdit" true-label="1" false-label="0"> 可修改</el-checkbox>
</template>
<span v-if="editForm.othEdit=='1'">
<el-form-item label="允许哪些角色修改" prop="editRoleids" >
<mdp-select width="100%" :multiple="true" v-model="editForm.editRoleids" placeholder="请选择" split="," :options="roles" :props="{id:'roleid',name:'rolename'}"/>
</el-form-item>
<el-form-item label="禁止哪些角色修改" prop="neRoleids" >
<mdp-select width="100%" :multiple="true" v-model="editForm.neRoleids" placeholder="请选择" split="," :options="roles" :props="{id:'roleid',name:'rolename'}"/>
</el-form-item>
<el-form-item label="允许哪些部门修改" prop="editDeptids">
<mdp-select-dept width="100%" v-model="editForm.editDeptids" multiple split=","/>
</el-form-item>
<el-form-item label="禁止哪些部门修改" prop="neDeptids">
<mdp-select-dept width="100%" v-model="editForm.neDeptids" multiple split=","/>
</el-form-item>
<el-form-item label="允许哪些人修改" prop="editUserids" >
<mdp-select-user width="100%" :multiple="true" v-model="editForm.editUserids" placeholder="请选择" split=","/>
</el-form-item>
<el-form-item label="禁止哪些人修改" prop="neUserids" >
<mdp-select-user width="100%" :multiple="true" v-model="editForm.neUserids" placeholder="请选择" split=","/>
</el-form-item>
</span>
</el-card>
<el-card>
<template #header>
<span>其它人【删除】分类数据(文章、附件等)的权限 </span>
<el-checkbox v-model="editForm.othDel" true-label="1" false-label="0">可删除</el-checkbox>
</template>
<span v-if="editForm.othDel=='1'">
<el-form-item label="允许哪些角色删除" prop="delRoleids" >
<mdp-select width="100%" :multiple="true" v-model="editForm.delRoleids" placeholder="请选择" split="," :options="roles" :props="{id:'roleid',name:'rolename'}"/>
</el-form-item>
<el-form-item label="禁止哪些角色删除" prop="ndRoleids" >
<mdp-select width="100%" :multiple="true" v-model="editForm.ndRoleids" placeholder="请选择" split="," :options="roles" :props="{id:'roleid',name:'rolename'}"/>
</el-form-item>
<el-form-item label="允许哪些部门删除" prop="delDeptids">
<mdp-select-dept width="100%" v-model="editForm.delDeptids" multiple split=","/>
</el-form-item>
<el-form-item label="禁止哪些部门删除" prop="ndDeptids">
<mdp-select-dept width="100%" v-model="editForm.ndDeptids" multiple split=","/>
</el-form-item>
<el-form-item label="允许哪些人删除" prop="delUserids" >
<mdp-select-user width="100%" :multiple="true" v-model="editForm.delUserids" placeholder="请选择" split=","/>
</el-form-item>
<el-form-item label="禁止哪些人删除" prop="ndUserids" >
<mdp-select-user width="100%" :multiple="true" v-model="editForm.ndUserids" placeholder="请选择" split=","/>
</el-form-item>
</span>
</el-card>
</el-form>
<div class="footer">
<el-button @click="close()">关闭</el-button>
<el-button v-loading="load.edit" type="primary" @click="saveSubmit" :disabled="load.edit==true">提交</el-button>
</div>
</template>
<script>
import { mapState } from 'pinia'
import { useUserStore } from '@/store/modules/user'
import { MdpFormMixin } from '../../mdp-ui/mixin/MdpFormMixin.js';
export default {
mixins:[MdpFormMixin],
computed: {
...mapState(useUserStore,[
'userInfo'
]),
},
props:{
category:{
type:Object,
default:()=>{
return {}
},
}
},
watch: {
},
data() {
return {
menuDefId:'',//menu_def.id 菜单表菜单编号，用于按钮权限判断
pkNames:["cateId"],//表格主键的java属性名称，驼峰命名，默认为id,支持多主键
currOpType:'add',//表单 add、edit，所有按钮可动、detail-只看不能操作
editFormRules: {
id:[
//{ required: true, message: '此项必填', trigger: 'change' },
//{ min: 1,max: 200, message: '长度在1到200之间', trigger: 'change'}
]
},
editForm: {
cateId:'',qryRoleids:'',qryDeptids:'',qryUserids:'',nqRoleids:'',nqDeptids:'',nqUserids:'',editRoleids:'',editDeptids:'',editUserids:'',neRoleids:'',neDeptids:'',neUserids:'',delRoleids:'',delDeptids:'',delUserids:'',ndRoleids:'',nddDeptids:'',ndUserids:'',othQuery:'0',othEdit:'0',othDel:'0',lvlCheck:'0',qryMinLvl:'',editMinLvl:'',delMinLvl:''
},
//增删改查(含批量)接口
apis:{
queryById: this.$mdp.queryCategoryQxById,
add: this.$mdp.addCategoryQx,
edit: this.$mdp.editCategoryQx,
editSomeFields: this.$mdp.editSomeFieldsCategoryQx
},
}//end return
},//end data
methods: {
//由组件扩展添加其它的初始页面的逻辑(mounted+onOpen都会调用此函数，建议只添加公共逻辑)
initCurrData(){
this.getCategoryQx();
if(this.category && this.category.id){
this.editForm.cateId=this.category.id
}
},
/**
* 检查参数是否满足调用后台接口的条件
* @returns true / false
*/
preParamCheck(params){
if(this.currOpType=='add'){
params.cateId=this.category.id
}
return true;
},
/**
* 对修改的字段进行判断，返回false ,将取消更新数据库,由组件扩展
* @param {*} row 当前选中的行
* @param {*} fieldName 修改的字段名
* @param {*} $event 修改后的值
* @param {*} params 将要提交服务器的参数
* @returns true/false 返回false ,将取消更新数据库
*/
editSomeFieldsCheck(row,fieldName,$event,params){
params[fieldName]=$event
return true;
},
getCategoryQx: function(){
if(!this.category || !this.category.id || this.category.id==''){
return;
}
let params={cateId:this.category.id}
this.load.list = true;
this.apis.queryById(params).then((res) => {
var tips=res.tips;
if( tips.isOk){
if(res.data && res.data.cateId){
this.currOpType='edit'
this.editForm=Object.assign({}, res.data);
}else{
this.currOpType='add'
this.editForm={...this.formDataInit}
}
}else{
this.$message({message: tips.msg, type: 'error' });
this.editForm={...this.CategoryQxInit}
}
this.load.list = false;
}).catch( err => this.load.list = false );
}
/**begin 在下面加自定义方法,记得补上面的一个逗号**/
/**end 在上面加自定义方法**/
},//end method
components: {
},
mounted() {
this.$mdp.listRole({branchId:"$IN"+this.userInfo.branchId+","+"platform-branch-001"}).then(res=>this.roles=res.data)
}
}
</script>
<style scoped>
</style>
此处可能存在不合适展示的内容，页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容，可点击提交进行申诉，我们将尽快为您处理。
马建仓 AI 助手