suojin
/
bladex_sabar
mirror of https://git.javablade.com/blade/Saber.git
15
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

⚡ 字典增加新增子项

Browse Source
dev
smallchill 6 years ago
parent c90bfa8827
commit d5bbfa2cb2
1 changed files with 149 additions and 81 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 230
      src/views/system/dict.vue

230
src/views/system/dict.vue
Unescape View File

@ -1,35 +1,48 @@
<template> <template>
<basic-container> <basic-container>
<avue-crud :option="option" <avue-crud
:table-loading="loading" :option="option"
:data="data" :table-loading="loading"
ref="crud" :data="data"
v-model="form" ref="crud"
:permission="permissionList" v-model="form"
:before-open="beforeOpen" :permission="permissionList"
@row-del="rowDel" :before-open="beforeOpen"
@row-update="rowUpdate" :before-close="beforeClose"
@row-save="rowSave" @row-del="rowDel"
@search-change="searchChange" @row-update="rowUpdate"
@search-reset="searchReset" @row-save="rowSave"
@selection-change="selectionChange" @search-change="searchChange"
@current-change="currentChange" @search-reset="searchReset"
@size-change="sizeChange" @selection-change="selectionChange"
@refresh-change="refreshChange" @current-change="currentChange"
@on-load="onLoad"> @size-change="sizeChange"
@refresh-change="refreshChange"
@on-load="onLoad"
>
<template slot="menuLeft"> <template slot="menuLeft">
<el-button type="danger" <el-button
size="small" type="danger"
icon="el-icon-delete" size="small"
v-if="permission.dict_delete" icon="el-icon-delete"
plain v-if="permission.dict_delete"
@click="handleDelete">删 除 plain
@click="handleDelete"
>删 除
</el-button> </el-button>
</template> </template>
<template slot-scope="{row}" <template slot-scope="{row}" slot="isSealed">
slot="isSealed">
<el-tag>{{row.isSealed===0?'否':'是'}}</el-tag> <el-tag>{{row.isSealed===0?'否':'是'}}</el-tag>
</template> </template>
<template slot-scope="scope" slot="menu">
<el-button
type="text"
icon="el-icon-check"
size="small"
@click.stop="handleAdd(scope.row,scope.index)"
>新增子项
</el-button>
</template>
</avue-crud> </avue-crud>
</basic-container> </basic-container>
</template> </template>
@ -64,6 +77,7 @@
index: true, index: true,
selection: true, selection: true,
viewBtn: true, viewBtn: true,
menuWidth: 300,
dialogWidth: 880, dialogWidth: 880,
dialogHeight: 320, dialogHeight: 320,
column: [ column: [
@ -72,21 +86,26 @@
prop: "code", prop: "code",
search: true, search: true,
span: 24, span: 24,
rules: [{ rules: [
required: true, {
message: "请输入字典编号", required: true,
trigger: "blur" message: "请输入字典编号",
}] trigger: "blur"
}
]
}, },
{ {
label: "字典名称", label: "字典名称",
prop: "dictValue", prop: "dictValue",
search: true, search: true,
rules: [{ align: "center",
required: true, rules: [
message: "请输入字典名称", {
trigger: "blur" required: true,
}] message: "请输入字典名称",
trigger: "blur"
}
]
}, },
{ {
label: "上级字典", label: "上级字典",
@ -97,36 +116,42 @@
props: { props: {
label: "title" label: "title"
}, },
rules: [{ rules: [
required: false, {
message: "请选择上级字典", required: false,
trigger: "click" message: "请选择上级字典",
}] trigger: "click"
}
]
}, },
{ {
label: "字典键值", label: "字典键值",
prop: "dictKey", prop: "dictKey",
type: "number", type: "number",
rules: [{ rules: [
required: true, {
message: "请输入字典键值", required: true,
trigger: "blur" message: "请输入字典键值",
}] trigger: "blur"
}
]
}, },
{ {
label: "字典排序", label: "字典排序",
prop: "sort", prop: "sort",
type: "number", type: "number",
rules: [{ rules: [
required: true, {
message: "请输入字典排序", required: true,
trigger: "blur" message: "请输入字典排序",
}] trigger: "blur"
}
]
}, },
{ {
label: "是否封存", label: "是否封存",
prop: "isSealed", prop: "isSealed",
type: 'select', type: "select",
dicData: [ dicData: [
{ {
label: "否", label: "否",
@ -138,18 +163,20 @@
} }
], ],
slot: true, slot: true,
rules: [{ rules: [
required: true, {
message: "请选择是否封存", required: true,
trigger: "blur" message: "请选择是否封存",
}] trigger: "blur"
}
]
}, },
{ {
label: "字典备注", label: "字典备注",
prop: "remark", prop: "remark",
search: true, search: true,
hide: true, hide: true
}, }
] ]
}, },
data: [] data: []
@ -174,31 +201,52 @@
} }
}, },
methods: { methods: {
rowSave(row, loading, done) { handleAdd(row) {
add(row).then(() => { this.$refs.crud.value.code = row.code;
loading(); this.$refs.crud.value.parentId = row.id;
this.onLoad(this.page); this.$refs.crud.option.column.filter(item => {
this.$message({ if (item.prop === "code") {
type: "success", item.valueDefault = row.code;
message: "操作成功!" item.addDisabled = true;
}); }
}, error => { if (item.prop === "parentId") {
done(); item.valueDefault = row.id;
console.log(error); item.addDisabled = true;
}
}); });
this.$refs.crud.rowAdd();
},
rowSave(row, loading, done) {
add(row).then(
() => {
loading();
this.onLoad(this.page);
this.$message({
type: "success",
message: "操作成功!"
});
},
error => {
done();
console.log(error);
}
);
}, },
rowUpdate(row, index, loading, done) { rowUpdate(row, index, loading, done) {
update(row).then(() => { update(row).then(
loading(); () => {
this.onLoad(this.page); loading();
this.$message({ this.onLoad(this.page);
type: "success", this.$message({
message: "操作成功!" type: "success",
}); message: "操作成功!"
}, error => { });
done(); },
console.log(error); error => {
}); done();
console.log(error);
}
);
}, },
rowDel(row) { rowDel(row) {
this.$confirm("确定将选择数据删除?", { this.$confirm("确定将选择数据删除?", {
@ -263,6 +311,22 @@
} }
done(); done();
}, },
beforeClose(done) {
this.$refs.crud.value.code = "";
this.$refs.crud.value.parentId = "";
this.$refs.crud.value.addDisabled = false;
this.$refs.crud.option.column.filter(item => {
if (item.prop === "code") {
item.valueDefault = "";
item.addDisabled = false;
}
if (item.prop === "parentId") {
item.valueDefault = "";
item.addDisabled = false;
}
});
done();
},
currentChange(currentPage) { currentChange(currentPage) {
this.page.currentPage = currentPage; this.page.currentPage = currentPage;
}, },
@ -274,7 +338,11 @@
}, },
onLoad(page, params = {}) { onLoad(page, params = {}) {
this.loading = true; this.loading = true;
getList(page.currentPage, page.pageSize, Object.assign(params, this.query)).then(res => { getList(
page.currentPage,
page.pageSize,
Object.assign(params, this.query)
).then(res => {
this.data = res.data.data; this.data = res.data.data;
getDictTree().then(res => { getDictTree().then(res => {
const data = res.data.data; const data = res.data.data;

Write Preview
Loading…
Cancel
Save