|
@ -3,14 +3,14 @@ |
|
|
<!--表单组件--> |
|
|
<!--表单组件--> |
|
|
<el-dialog append-to-body :close-on-click-modal="false" :before-close="crud.cancelCU" :visible="crud.status.cu > 0" :title="crud.status.title" width="500px"> |
|
|
<el-dialog append-to-body :close-on-click-modal="false" :before-close="crud.cancelCU" :visible="crud.status.cu > 0" :title="crud.status.title" width="500px"> |
|
|
<el-form ref="form" :model="form" :rules="rules" size="small" label-width="80px"> |
|
|
<el-form ref="form" :model="form" :rules="rules" size="small" label-width="80px"> |
|
|
<el-form-item label="字典名称" prop="name"> |
|
|
|
|
|
<el-input v-model="form.name" style="width: 370px;" /> |
|
|
|
|
|
|
|
|
<el-form-item label="字典名称" prop="dic_name"> |
|
|
|
|
|
<el-input v-model="form.dic_name" style="width: 370px;" /> |
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
<el-form-item label="字典代码" prop="code"> |
|
|
|
|
|
<el-input v-model="form.code" style="width: 370px;" /> |
|
|
|
|
|
|
|
|
<el-form-item label="字典代码" prop="dic_code"> |
|
|
|
|
|
<el-input v-model="form.dic_code" style="width: 370px;" /> |
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
<el-form-item label="内容说明"> |
|
|
<el-form-item label="内容说明"> |
|
|
<el-input v-model="form.description" style="width: 370px;" type="textarea" :rows="2" /> |
|
|
|
|
|
|
|
|
<el-input v-model="form.dic_explain" style="width: 370px;" type="textarea" :rows="2" /> |
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
</el-form> |
|
|
</el-form> |
|
|
<div slot="footer" class="dialog-footer"> |
|
|
<div slot="footer" class="dialog-footer"> |
|
@ -24,7 +24,7 @@ |
|
|
<el-card class="box-card"> |
|
|
<el-card class="box-card"> |
|
|
<crudOperation :permission="permission" /> |
|
|
<crudOperation :permission="permission" /> |
|
|
<!--字典树状结构--> |
|
|
<!--字典树状结构--> |
|
|
<el-tree ref="tree" v-loading="crud.loading" :data="crud.data" :props="defaultProps" node-key="id" :expand-on-click-node="false" style="height:calc(100vh - 240px);" highlight-current @node-click="handleNodeClick" /> |
|
|
|
|
|
|
|
|
<el-tree ref="tree" v-loading="crud.loading" :data="crud.data" :props="defaultProps" node-key="id" :default-expand-all="true" :expand-on-click-node="false" style="height:calc(100vh - 240px);" highlight-current @node-click="handleNodeClick" /> |
|
|
</el-card> |
|
|
</el-card> |
|
|
</el-col> |
|
|
</el-col> |
|
|
<!-- 字典详情列表 --> |
|
|
<!-- 字典详情列表 --> |
|
@ -43,7 +43,7 @@ import crudDict from '@/api/system/dict' |
|
|
import CRUD, { presenter, header, form } from '@crud/crud' |
|
|
import CRUD, { presenter, header, form } from '@crud/crud' |
|
|
import crudOperation from '@crud/CRUD.operation' |
|
|
import crudOperation from '@crud/CRUD.operation' |
|
|
|
|
|
|
|
|
const defaultForm = { id: null, name: null, code: null, description: null, dictDetails: [] } |
|
|
|
|
|
|
|
|
const defaultForm = { id: null, dic_name: null, dic_code: null, dic_explain: null, dictDetails: [] } |
|
|
|
|
|
|
|
|
export default { |
|
|
export default { |
|
|
name: 'Dict', |
|
|
name: 'Dict', |
|
@ -51,7 +51,7 @@ export default { |
|
|
cruds() { |
|
|
cruds() { |
|
|
return [ |
|
|
return [ |
|
|
CRUD({ |
|
|
CRUD({ |
|
|
title: '字典', url: 'api/dict', |
|
|
|
|
|
|
|
|
title: '字典', url: 'api/dictrionary/menu', |
|
|
crudMethod: { ...crudDict }, |
|
|
crudMethod: { ...crudDict }, |
|
|
optShow: { |
|
|
optShow: { |
|
|
add: true, |
|
|
add: true, |
|
@ -71,10 +71,10 @@ export default { |
|
|
{ key: 'description', display_name: '描述' } |
|
|
{ key: 'description', display_name: '描述' } |
|
|
], |
|
|
], |
|
|
rules: { |
|
|
rules: { |
|
|
name: [ |
|
|
|
|
|
|
|
|
dic_name: [ |
|
|
{ required: true, message: '请输入字典名称', trigger: 'blur' } |
|
|
{ required: true, message: '请输入字典名称', trigger: 'blur' } |
|
|
], |
|
|
], |
|
|
code: [ |
|
|
|
|
|
|
|
|
dic_code: [ |
|
|
{ required: true, message: '请输入字典代码', trigger: 'blur' } |
|
|
{ required: true, message: '请输入字典代码', trigger: 'blur' } |
|
|
] |
|
|
] |
|
|
}, |
|
|
}, |
|
@ -84,8 +84,8 @@ export default { |
|
|
del: ['admin', 'dict:del'] |
|
|
del: ['admin', 'dict:del'] |
|
|
}, |
|
|
}, |
|
|
defaultProps: { |
|
|
defaultProps: { |
|
|
children: 'dictDetails', |
|
|
|
|
|
label: (data, node) => { return data.description ? data.description : data.label } |
|
|
|
|
|
|
|
|
children: 'child_menus', |
|
|
|
|
|
label: 'dic_name' |
|
|
}, |
|
|
}, |
|
|
activeAddBtn: false |
|
|
activeAddBtn: false |
|
|
} |
|
|
} |
|
@ -94,28 +94,22 @@ export default { |
|
|
// 获取数据前设置好接口地址 |
|
|
// 获取数据前设置好接口地址 |
|
|
[CRUD.HOOK.beforeRefresh]() { |
|
|
[CRUD.HOOK.beforeRefresh]() { |
|
|
if (this.$refs.dictDetail) { |
|
|
if (this.$refs.dictDetail) { |
|
|
this.$refs.dictDetail.query.dictName = '' |
|
|
|
|
|
|
|
|
this.$refs.dictDetail.query.id = '' |
|
|
} |
|
|
} |
|
|
return true |
|
|
return true |
|
|
}, |
|
|
}, |
|
|
// 选中字典后,设置字典详情数据 |
|
|
// 选中字典后,设置字典详情数据 |
|
|
handleCurrentChange(val) { |
|
|
|
|
|
if (val) { |
|
|
|
|
|
this.$refs.dictDetail.query.dictName = val.name |
|
|
|
|
|
this.$refs.dictDetail.dictId = val.id |
|
|
|
|
|
this.$refs.dictDetail.crud.toQuery() |
|
|
|
|
|
} |
|
|
|
|
|
}, |
|
|
|
|
|
handleNodeClick(val) { |
|
|
handleNodeClick(val) { |
|
|
if (val) { |
|
|
if (val) { |
|
|
if (val.name) { |
|
|
|
|
|
this.$refs.dictDetail.query.dictName = val.name |
|
|
|
|
|
this.$refs.dictDetail.dictId = val.id |
|
|
|
|
|
this.$refs.dictDetail.crud.toQuery() |
|
|
|
|
|
|
|
|
if (val.dic_type === 'true') { |
|
|
this.crud.selectionChangeHandler([val]) |
|
|
this.crud.selectionChangeHandler([val]) |
|
|
} else { |
|
|
} else { |
|
|
this.crud.selectionChangeHandler([]) |
|
|
this.crud.selectionChangeHandler([]) |
|
|
} |
|
|
} |
|
|
|
|
|
this.$refs.dictDetail.query.id = val.id |
|
|
|
|
|
console.log(1) |
|
|
|
|
|
this.$refs.dictDetail.dictId = val.id |
|
|
|
|
|
this.$refs.dictDetail.crud.toQuery() |
|
|
this.activeAddBtn = true |
|
|
this.activeAddBtn = true |
|
|
} |
|
|
} |
|
|
}, |
|
|
}, |
|
|