gfwleak/cyber-narrator-cn-ui
Archived
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: 添加Administration模块下role模块的新建、编辑角色信息校验

Browse Source
This commit is contained in:
刘洪洪
2023-05-18 14:15:41 +08:00
parent 77f3bd94d2
commit 5d5fe6cca6
1 changed files with 8 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
src/components/rightBox/settings/RoleBox.vue
View File

@@ -15,7 +15,7 @@
show-word-limit size="small" type="text" v-model="editRole.name"></el-input> show-word-limit size="small" type="text" v-model="editRole.name"></el-input>
</el-form-item> </el-form-item>
<el-form-item :label="$t('overall.remark')"> <el-form-item :label="$t('overall.remark')">
<el-input maxlength="256" show-word-limit :rows="2" size='mini' type="textarea" v-model="editRole.remark" id="role-box-input-remark"/> <el-input maxlength="255" show-word-limit :rows="2" size='mini' type="textarea" v-model="editRole.remark" id="role-box-input-remark"/>
</el-form-item> </el-form-item>
<el-form-item :label="$t('config.roles.permission')"> <el-form-item :label="$t('config.roles.permission')">
@@ -26,8 +26,8 @@
<el-tree :data="menus" :default-expand-all="expandAllFlag" :props="{label:labelFormatter}" @check-change="selectChange" class="tree-border" node-key="id" ref="menuTree" show-checkbox id="role-box-input-menus"> <el-tree :data="menus" :default-expand-all="expandAllFlag" :props="{label:labelFormatter}" @check-change="selectChange" class="tree-border" node-key="id" ref="menuTree" show-checkbox id="role-box-input-menus">
<template #default="{ data }"> <template #default="{ data }">
<span> <span>
<i v-if="data.type == '1'" class="el-icon-menu"></i> <i v-if="data.type === '1'" class="el-icon-menu"></i>
<i v-if="data.type == '2'" class="el-icon-edit"></i> <i v-if="data.type === '2'" class="el-icon-edit"></i>
</span> </span>
{{$t(data.i18n)}} {{$t(data.i18n)}}
</template> </template>
@@ -70,7 +70,8 @@ export default {
rightBox: { model: { show: false } }, rightBox: { model: { show: false } },
rules: { // 表单校验规则 rules: { // 表单校验规则
name: [ name: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' } { required: true, message: this.$t('validate.required'), trigger: 'blur' },
{ pattern: /^[a-zA-Z0-9]{2,64}$/, message: this.$t('validate.atLeastTwo') } // 目前仅对长度要求在2-64之间，后续有需求再添加
] ]
}, },
menus: [], menus: [],
@@ -113,7 +114,7 @@ export default {
self.menus = [] self.menus = []
if (self.editRole.id) { if (self.editRole.id) {
get(api.menu + self.editRole.id).then(response => { get(api.menu + self.editRole.id).then(response => {
if (response.code == 200) { if (response.code === 200) {
self.menus = response.data.menus self.menus = response.data.menus
self.selectedIds = response.data.selectedIds self.selectedIds = response.data.selectedIds
} else { } else {
@@ -123,7 +124,7 @@ export default {
}) })
} else { } else {
get(api.sysMenu).then(response => { get(api.sysMenu).then(response => {
if (response.code == 200) { if (response.code === 200) {
self.menus = response.data.list self.menus = response.data.list
} else { } else {
self.$message.error('load menu faild') self.$message.error('load menu faild')
@@ -161,7 +162,7 @@ export default {
} }
}, },
save () { save () {
if (this.prevent_opt.save) { return } ; if (this.prevent_opt.save) { return }
this.prevent_opt.save = true this.prevent_opt.save = true
this.$refs.roleForm.validate((valid) => { this.$refs.roleForm.validate((valid) => {