This commit is contained in:
sjl
2024-11-15 16:31:48 +08:00
parent 413c14083b
commit a8eaccc53e
6 changed files with 126 additions and 78 deletions

View File

@@ -7,22 +7,29 @@
ref='dialogFormRef'
:rules='rules'
>
<el-form-item label="名称" prop='name' :label-width="100">
<el-input v-model="formContent.name" placeholder="请输入名称" autocomplete="off" />
<el-form-item label="名称" prop='name' :label-width="100" >
<el-input v-model="formContent.name" placeholder="请输入名称" autocomplete="off" :disabled="rootIsEdit"/>
</el-form-item>
<el-form-item label="编码" prop='code' :label-width="100">
<el-input v-model="formContent.code" placeholder="请输入编码" autocomplete="off" />
<el-input v-model="formContent.code" placeholder="请输入编码" autocomplete="off" :disabled="rootIsEdit"/>
</el-form-item>
<el-form-item label='类型' prop='type' :label-width="100">
<el-select v-model="formContent.type" clearable placeholder="请选择类型" :disabled="rootIsEdit">
<el-option label="普通角色" :value="2"></el-option>
<el-option label="管理员角色" :value="1"></el-option>
<el-option label="超级管理员" :value="0" v-if="rootIsShow"></el-option>
</el-select>
</el-form-item>
<el-form-item label="描述" prop='remark' :label-width="100">
<el-input v-model="formContent.remark" :rows="2" type="textarea" placeholder="请输入备注" autocomplete="off" />
<el-input v-model="formContent.remark" :rows="2" type="textarea" placeholder="请输入备注" autocomplete="off" :disabled="rootIsEdit"/>
</el-form-item>
</el-form>
</div>
<template #footer>
<div class="dialog-footer">
<el-button @click="close()">取消</el-button>
<el-button type="primary" @click="save()">
<el-button type="primary" @click="save()" :disabled="rootIsEdit">
保存
</el-button>
</div>
@@ -43,7 +50,10 @@
const dictStore = useDictStore()
// 定义弹出组件元信息
const dialogFormRef = ref()
//超级管理员有3个下拉框其他两个
const rootIsShow = ref(false)
//超级管理员下拉框不可编辑
const rootIsEdit = ref(false)
function useMetaInfo() {
const dialogVisible = ref(false)
const titleType = ref('add')
@@ -87,6 +97,7 @@ const resetFormContent = () => {
name: [{ required: true, message: '名称必填!', trigger: 'blur' },
{ pattern: /^[\u4e00-\u9fa5]{1,20}$/, message: '名称为长度1-20的中文', trigger: 'blur' }],
code: [{ required: true, message: '编码必填!', trigger: 'blur' }],
type: { required: true, message: '类型必选!', trigger: 'change' },
})
@@ -124,6 +135,15 @@ const close = () => {
const open = async (sign: string, data: Role.RoleBO) => {
titleType.value = sign
dialogVisible.value = true
if(data.type == 0){
rootIsShow.value = true
rootIsEdit.value = true
}else{
rootIsShow.value = false
rootIsEdit.value = false
}
if (data.id) {
formContent.value = { ...data }
} else {