|
|
@@ -1,6 +1,6 @@ |
|
|
|
<template> |
|
|
|
<el-dialog :visible.sync="visible" :title="!dataForm.id ? $t('add') : $t('update')" :close-on-click-modal="false" :close-on-press-escape="false"> |
|
|
|
<el-form :model="dataForm" :rules="dataRule" ref="dataForm" @keyup.enter.native="dataFormSubmitHandle()" label-width="120px"> |
|
|
|
<el-form :model="dataForm" :rules="dataRule" ref="dataForm" @keyup.enter.native="dataFormSubmitHandle()" label-width="170px"> |
|
|
|
<el-form-item prop="name" :label="$t('role.name')"> |
|
|
|
<el-input v-model="dataForm.name" :placeholder="$t('role.name')"></el-input> |
|
|
|
</el-form-item> |
|
|
@@ -11,7 +11,10 @@ |
|
|
|
<el-col :span="12"> |
|
|
|
<el-form-item size="mini" :label="$t('role.menuList')"> |
|
|
|
<!-- 这里改了nameEn --> |
|
|
|
<el-tree :data="menuList" :props="{ label: 'nameEn', children: 'children' }" node-key="id" ref="menuListTree" accordion show-checkbox> </el-tree> |
|
|
|
<el-tree v-if="$i18n.locale == 'zh-CN'" :data="menuList" :props="{ label: 'name', children: 'children' }" node-key="id" ref="menuListTree" accordion show-checkbox> |
|
|
|
</el-tree> |
|
|
|
<el-tree v-if="$i18n.locale == 'en'" :data="menuList" :props="{ label: 'nameEn', children: 'children' }" node-key="id" ref="menuListTree" accordion show-checkbox> |
|
|
|
</el-tree> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="12"> |
|
|
@@ -56,8 +59,8 @@ export default { |
|
|
|
// destroy dialog |
|
|
|
handleDestroyDialog() { |
|
|
|
setTimeout(() => { |
|
|
|
this.addOrUpdateVisible= false |
|
|
|
}, /** after dialog animated */ 200); |
|
|
|
this.addOrUpdateVisible = false |
|
|
|
}, /** after dialog animated */ 200) |
|
|
|
}, |
|
|
|
init() { |
|
|
|
this.visible = true |
|
|
@@ -80,8 +83,9 @@ export default { |
|
|
|
if (res.code !== 0) { |
|
|
|
return this.$message.error(res.msg) |
|
|
|
} |
|
|
|
console.log('res.data', res.data) |
|
|
|
this.menuList = res.data |
|
|
|
console.log('this.menuList',this.menuList); |
|
|
|
console.log('this.menuList', this.menuList) |
|
|
|
}) |
|
|
|
.catch(() => {}) |
|
|
|
}, |
|
|
@@ -94,6 +98,7 @@ export default { |
|
|
|
return this.$message.error(res.msg) |
|
|
|
} |
|
|
|
this.deptList = res.data |
|
|
|
console.log('this.deptList', this.deptList) |
|
|
|
}) |
|
|
|
.catch(() => {}) |
|
|
|
}, |
|
|
@@ -109,15 +114,15 @@ export default { |
|
|
|
...this.dataForm, |
|
|
|
...res.data |
|
|
|
} |
|
|
|
this.dataForm.menuIdList.forEach(item => this.$refs.menuListTree.setChecked(item, true)) |
|
|
|
this.dataForm.menuIdList.forEach((item) => this.$refs.menuListTree.setChecked(item, true)) |
|
|
|
this.$refs.deptListTree.setCheckedKeys(this.dataForm.deptIdList) |
|
|
|
}) |
|
|
|
.catch(() => {}) |
|
|
|
}, |
|
|
|
// 表单提交 |
|
|
|
dataFormSubmitHandle: debounce( |
|
|
|
function() { |
|
|
|
this.$refs['dataForm'].validate(valid => { |
|
|
|
function () { |
|
|
|
this.$refs['dataForm'].validate((valid) => { |
|
|
|
if (!valid) { |
|
|
|
return false |
|
|
|
} |
|
|
|