微调
This commit is contained in:
@@ -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 {
|
||||
|
||||
Reference in New Issue
Block a user