|
|
@@ -1,454 +1,443 @@
|
|
|
<template>
|
|
|
- <el-row>
|
|
|
- <el-col :span="11">
|
|
|
- <basic-container>
|
|
|
- <el-card class="box-card">
|
|
|
- <div slot="header" class="clearfix">
|
|
|
- <span>字典列表</span>
|
|
|
- </div>
|
|
|
- <div class="clearfix">
|
|
|
- <avue-crud
|
|
|
- :option="optionParent"
|
|
|
- :table-loading="loading"
|
|
|
- :data="dataParent"
|
|
|
- :page="pageParent"
|
|
|
- ref="crud"
|
|
|
- v-model="formParent"
|
|
|
- :permission="permissionList"
|
|
|
- :before-open="beforeOpen"
|
|
|
- @row-del="rowDel"
|
|
|
- @row-update="rowUpdate"
|
|
|
- @row-save="rowSave"
|
|
|
- @row-click="handleRowClick"
|
|
|
- @search-change="searchChange"
|
|
|
- @search-reset="searchReset"
|
|
|
- @selection-change="selectionChange"
|
|
|
- @current-change="currentChange"
|
|
|
- @size-change="sizeChange"
|
|
|
- @refresh-change="refreshChange"
|
|
|
- @on-load="onLoadParent"
|
|
|
- >
|
|
|
- <template slot="menuLeft">
|
|
|
- <el-button
|
|
|
- type="danger"
|
|
|
- size="small"
|
|
|
- icon="el-icon-delete"
|
|
|
- v-if="permission.dict_delete"
|
|
|
- plain
|
|
|
- @click="handleDelete"
|
|
|
- >删 除
|
|
|
- </el-button>
|
|
|
- </template>
|
|
|
- <template slot-scope="{row}" slot="isSealed">
|
|
|
- <el-tag>{{row.isSealed===0?'否':'是'}}</el-tag>
|
|
|
- </template>
|
|
|
- </avue-crud>
|
|
|
- </div>
|
|
|
- </el-card>
|
|
|
- </basic-container>
|
|
|
- </el-col>
|
|
|
- <el-col :span="13">
|
|
|
- <basic-container>
|
|
|
- <el-card class="box-card">
|
|
|
- <div slot="header" class="clearfix">
|
|
|
- <span>[{{dictValue}}] 字典详情</span>
|
|
|
- </div>
|
|
|
- <div class="clearfix">
|
|
|
- <avue-crud
|
|
|
- :option="optionChild"
|
|
|
- :table-loading="loadingChild"
|
|
|
- :data="dataChild"
|
|
|
- ref="crudChild"
|
|
|
- v-model="formChild"
|
|
|
- :permission="permissionList"
|
|
|
- :before-open="beforeOpenChild"
|
|
|
- :before-close="beforeCloseChild"
|
|
|
- @row-del="rowDelChild"
|
|
|
- @row-update="rowUpdateChild"
|
|
|
- @row-save="rowSaveChild"
|
|
|
- @search-change="searchChangeChild"
|
|
|
- @search-reset="searchResetChild"
|
|
|
- @selection-change="selectionChangeChild"
|
|
|
- @current-change="currentChangeChild"
|
|
|
- @size-change="sizeChangeChild"
|
|
|
- @refresh-change="refreshChangeChild"
|
|
|
- @on-load="onLoadChild"
|
|
|
- >
|
|
|
- <template slot="menuLeft">
|
|
|
- <el-button
|
|
|
- type="danger"
|
|
|
- size="small"
|
|
|
- icon="el-icon-delete"
|
|
|
- v-if="permission.dict_delete"
|
|
|
- plain
|
|
|
- @click="handleDelete"
|
|
|
- >删 除
|
|
|
- </el-button>
|
|
|
- </template>
|
|
|
- <template slot-scope="scope" slot="menu">
|
|
|
- <el-button
|
|
|
- type="text"
|
|
|
- icon="el-icon-circle-plus-outline"
|
|
|
- size="small"
|
|
|
- @click.stop="handleAdd(scope.row,scope.index)"
|
|
|
- v-if="userInfo.role_name.includes('admin')"
|
|
|
- >新增子项
|
|
|
- </el-button>
|
|
|
- </template>
|
|
|
- <template slot-scope="{row}" slot="isSealed">
|
|
|
- <el-tag>{{row.isSealed===0?'否':'是'}}</el-tag>
|
|
|
- </template>
|
|
|
- </avue-crud>
|
|
|
- </div>
|
|
|
- </el-card>
|
|
|
- </basic-container>
|
|
|
- </el-col>
|
|
|
- </el-row>
|
|
|
+ <basic-container>
|
|
|
+ <avue-crud
|
|
|
+ :option="optionParent"
|
|
|
+ :table-loading="loading"
|
|
|
+ :data="dataParent"
|
|
|
+ :page="pageParent"
|
|
|
+ ref="crud"
|
|
|
+ v-model="formParent"
|
|
|
+ :permission="permissionList"
|
|
|
+ :before-open="beforeOpen"
|
|
|
+ @row-del="rowDel"
|
|
|
+ @row-update="rowUpdate"
|
|
|
+ @row-save="rowSave"
|
|
|
+ @row-click="handleRowClick"
|
|
|
+ @search-change="searchChange"
|
|
|
+ @search-reset="searchReset"
|
|
|
+ @selection-change="selectionChange"
|
|
|
+ @current-change="currentChange"
|
|
|
+ @size-change="sizeChange"
|
|
|
+ @refresh-change="refreshChange"
|
|
|
+ @on-load="onLoadParent"
|
|
|
+ >
|
|
|
+ <template slot="menuLeft">
|
|
|
+ <el-button
|
|
|
+ type="danger"
|
|
|
+ size="small"
|
|
|
+ icon="el-icon-delete"
|
|
|
+ v-if="permission.dict_delete"
|
|
|
+ plain
|
|
|
+ @click="handleDelete"
|
|
|
+ >删 除
|
|
|
+ </el-button>
|
|
|
+ </template>
|
|
|
+ <template slot-scope="scope" slot="menu">
|
|
|
+ <el-button
|
|
|
+ type="text"
|
|
|
+ icon="el-icon-setting"
|
|
|
+ size="small"
|
|
|
+ @click.stop="handleRowClick(scope.row)"
|
|
|
+ v-if="userInfo.role_name.includes('admin')"
|
|
|
+ >字典配置
|
|
|
+ </el-button>
|
|
|
+ </template>
|
|
|
+ <template slot-scope="{row}" slot="code">
|
|
|
+ <el-tag @click="handleRowClick(row)" style="cursor:pointer">{{ row.code }}</el-tag>
|
|
|
+ </template>
|
|
|
+ <template slot-scope="{row}" slot="isSealed">
|
|
|
+ <el-tag>{{ row.isSealed === 0 ? '否' : '是' }}</el-tag>
|
|
|
+ </template>
|
|
|
+ </avue-crud>
|
|
|
+ <el-dialog :title="`[${dictValue}]字典配置`"
|
|
|
+ append-to-body
|
|
|
+ :visible.sync="box"
|
|
|
+ width="1000px">
|
|
|
+ <avue-crud
|
|
|
+ :option="optionChild"
|
|
|
+ :table-loading="loadingChild"
|
|
|
+ :data="dataChild"
|
|
|
+ ref="crudChild"
|
|
|
+ v-model="formChild"
|
|
|
+ :permission="permissionList"
|
|
|
+ :before-open="beforeOpenChild"
|
|
|
+ :before-close="beforeCloseChild"
|
|
|
+ @row-del="rowDelChild"
|
|
|
+ @row-update="rowUpdateChild"
|
|
|
+ @row-save="rowSaveChild"
|
|
|
+ @search-change="searchChangeChild"
|
|
|
+ @search-reset="searchResetChild"
|
|
|
+ @selection-change="selectionChangeChild"
|
|
|
+ @current-change="currentChangeChild"
|
|
|
+ @size-change="sizeChangeChild"
|
|
|
+ @refresh-change="refreshChangeChild"
|
|
|
+ @on-load="onLoadChild"
|
|
|
+ >
|
|
|
+ <template slot="menuLeft">
|
|
|
+ <el-button
|
|
|
+ type="danger"
|
|
|
+ size="small"
|
|
|
+ icon="el-icon-delete"
|
|
|
+ v-if="permission.dict_delete"
|
|
|
+ plain
|
|
|
+ @click="handleDelete"
|
|
|
+ >删 除
|
|
|
+ </el-button>
|
|
|
+ </template>
|
|
|
+ <template slot-scope="scope" slot="menu">
|
|
|
+ <el-button
|
|
|
+ type="text"
|
|
|
+ icon="el-icon-circle-plus-outline"
|
|
|
+ size="small"
|
|
|
+ @click.stop="handleAdd(scope.row,scope.index)"
|
|
|
+ v-if="userInfo.role_name.includes('admin')"
|
|
|
+ >新增子项
|
|
|
+ </el-button>
|
|
|
+ </template>
|
|
|
+ <template slot-scope="{row}" slot="isSealed">
|
|
|
+ <el-tag>{{ row.isSealed === 0 ? '否' : '是' }}</el-tag>
|
|
|
+ </template>
|
|
|
+ </avue-crud>
|
|
|
+ </el-dialog>
|
|
|
+ </basic-container>
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
- import {
|
|
|
- getParentList,
|
|
|
- getChildList,
|
|
|
- remove,
|
|
|
- update,
|
|
|
- add,
|
|
|
- getDict,
|
|
|
- getDictTree
|
|
|
- } from "@/api/system/dict";
|
|
|
- import {optionParent, optionChild} from "@/option/system/dict";
|
|
|
- import {mapGetters} from "vuex";
|
|
|
+import {
|
|
|
+ getParentList,
|
|
|
+ getChildList,
|
|
|
+ remove,
|
|
|
+ update,
|
|
|
+ add,
|
|
|
+ getDict,
|
|
|
+ getDictTree
|
|
|
+} from "@/api/system/dict";
|
|
|
+import {optionParent, optionChild} from "@/option/system/dict";
|
|
|
+import {mapGetters} from "vuex";
|
|
|
|
|
|
- export default {
|
|
|
- data() {
|
|
|
+export default {
|
|
|
+ data() {
|
|
|
+ return {
|
|
|
+ dictValue: '暂无',
|
|
|
+ parentId: -1,
|
|
|
+ formParent: {},
|
|
|
+ formChild: {},
|
|
|
+ selectionList: [],
|
|
|
+ query: {},
|
|
|
+ box: false,
|
|
|
+ loading: true,
|
|
|
+ loadingChild: true,
|
|
|
+ pageParent: {
|
|
|
+ pageSize: 10,
|
|
|
+ pageSizes: [10, 30, 50, 100, 200],
|
|
|
+ currentPage: 1,
|
|
|
+ total: 0
|
|
|
+ },
|
|
|
+ pageChild: {
|
|
|
+ pageSize: 10,
|
|
|
+ pageSizes: [10, 30, 50, 100, 200],
|
|
|
+ currentPage: 1,
|
|
|
+ total: 0
|
|
|
+ },
|
|
|
+ dataParent: [],
|
|
|
+ dataChild: [],
|
|
|
+ optionParent: optionParent,
|
|
|
+ optionChild: optionChild,
|
|
|
+ };
|
|
|
+ },
|
|
|
+ computed: {
|
|
|
+ ...mapGetters(["userInfo", "permission"]),
|
|
|
+ permissionList() {
|
|
|
return {
|
|
|
- dictValue: '暂无',
|
|
|
- parentId: -1,
|
|
|
- formParent: {},
|
|
|
- formChild: {},
|
|
|
- selectionList: [],
|
|
|
- query: {},
|
|
|
- loading: true,
|
|
|
- loadingChild: true,
|
|
|
- pageParent: {
|
|
|
- pageSize: 10,
|
|
|
- pageSizes: [10, 30, 50, 100, 200],
|
|
|
- currentPage: 1,
|
|
|
- total: 0
|
|
|
- },
|
|
|
- pageChild: {
|
|
|
- pageSize: 10,
|
|
|
- pageSizes: [10, 30, 50, 100, 200],
|
|
|
- currentPage: 1,
|
|
|
- total: 0
|
|
|
- },
|
|
|
- dataParent: [],
|
|
|
- dataChild: [],
|
|
|
- optionParent: optionParent,
|
|
|
- optionChild: optionChild,
|
|
|
+ addBtn: this.vaildData(this.permission.dict_add, false),
|
|
|
+ delBtn: this.vaildData(this.permission.dict_delete, false),
|
|
|
+ editBtn: this.vaildData(this.permission.dict_edit, false),
|
|
|
+ viewBtn: false,
|
|
|
};
|
|
|
},
|
|
|
- computed: {
|
|
|
- ...mapGetters(["userInfo", "permission"]),
|
|
|
- permissionList() {
|
|
|
- return {
|
|
|
- addBtn: this.vaildData(this.permission.dict_add, false),
|
|
|
- delBtn: this.vaildData(this.permission.dict_delete, false),
|
|
|
- editBtn: this.vaildData(this.permission.dict_edit, false),
|
|
|
- viewBtn: false,
|
|
|
- };
|
|
|
- },
|
|
|
- ids() {
|
|
|
- let ids = [];
|
|
|
- this.selectionList.forEach(ele => {
|
|
|
- ids.push(ele.id);
|
|
|
- });
|
|
|
- return ids.join(",");
|
|
|
- }
|
|
|
+ ids() {
|
|
|
+ let ids = [];
|
|
|
+ this.selectionList.forEach(ele => {
|
|
|
+ ids.push(ele.id);
|
|
|
+ });
|
|
|
+ return ids.join(",");
|
|
|
+ }
|
|
|
+ },
|
|
|
+ mounted() {
|
|
|
+ this.initData();
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ initData() {
|
|
|
+ getDictTree().then(res => {
|
|
|
+ const column = this.findObject(this.optionChild.column, "parentId");
|
|
|
+ column.dicData = res.data.data;
|
|
|
+ });
|
|
|
},
|
|
|
- mounted() {
|
|
|
- this.initData();
|
|
|
+ handleAdd(row) {
|
|
|
+ this.formChild.dictValue = "";
|
|
|
+ this.formChild.dictKey = "";
|
|
|
+ this.formChild.sort = 0;
|
|
|
+ this.formChild.isSealed = 0;
|
|
|
+ this.formChild.remark = "";
|
|
|
+ this.formChild.parentId = row.id;
|
|
|
+ this.$refs.crudChild.rowAdd();
|
|
|
},
|
|
|
- methods: {
|
|
|
- initData() {
|
|
|
- getDictTree().then(res => {
|
|
|
- const column = this.findObject(this.optionChild.column, "parentId");
|
|
|
- column.dicData = res.data.data;
|
|
|
+ rowSave(row, done, loading) {
|
|
|
+ const form = {
|
|
|
+ ...row,
|
|
|
+ dictKey: -1,
|
|
|
+ };
|
|
|
+ add(form).then(() => {
|
|
|
+ this.onLoadParent(this.pageParent);
|
|
|
+ this.$message({
|
|
|
+ type: "success",
|
|
|
+ message: "操作成功!"
|
|
|
});
|
|
|
- },
|
|
|
- handleAdd(row) {
|
|
|
- this.$refs.crudChild.value.dictValue = "";
|
|
|
- this.$refs.crudChild.value.dictKey = "";
|
|
|
- this.$refs.crudChild.value.sort = 0;
|
|
|
- this.$refs.crudChild.value.isSealed = 0;
|
|
|
- this.$refs.crudChild.value.remark = "";
|
|
|
- this.$refs.crudChild.value.parentId = row.id;
|
|
|
- this.$refs.crudChild.option.column.filter(item => {
|
|
|
- if (item.prop === "parentId") {
|
|
|
- item.value = row.id;
|
|
|
- }
|
|
|
+ done();
|
|
|
+ }, error => {
|
|
|
+ window.console.log(error);
|
|
|
+ loading();
|
|
|
+ });
|
|
|
+ },
|
|
|
+ rowUpdate(row, index, done, loading) {
|
|
|
+ update(row).then(() => {
|
|
|
+ this.onLoadParent(this.pageParent);
|
|
|
+ this.$message({
|
|
|
+ type: "success",
|
|
|
+ message: "操作成功!"
|
|
|
});
|
|
|
- this.$refs.crudChild.rowAdd();
|
|
|
- },
|
|
|
- rowSave(row, done, loading) {
|
|
|
- const form = {
|
|
|
- ...row,
|
|
|
- dictKey: -1,
|
|
|
- };
|
|
|
- add(form).then(() => {
|
|
|
+ this.onLoadChild(this.pageChild);
|
|
|
+ done();
|
|
|
+ }, error => {
|
|
|
+ window.console.log(error);
|
|
|
+ loading();
|
|
|
+ });
|
|
|
+ },
|
|
|
+ rowDel(row) {
|
|
|
+ this.$confirm("确定将选择数据删除?", {
|
|
|
+ confirmButtonText: "确定",
|
|
|
+ cancelButtonText: "取消",
|
|
|
+ type: "warning"
|
|
|
+ })
|
|
|
+ .then(() => {
|
|
|
+ return remove(row.id);
|
|
|
+ })
|
|
|
+ .then(() => {
|
|
|
this.onLoadParent(this.pageParent);
|
|
|
this.$message({
|
|
|
type: "success",
|
|
|
message: "操作成功!"
|
|
|
});
|
|
|
- done();
|
|
|
- }, error => {
|
|
|
- window.console.log(error);
|
|
|
- loading();
|
|
|
});
|
|
|
- },
|
|
|
- rowUpdate(row, index, done, loading) {
|
|
|
- update(row).then(() => {
|
|
|
+ },
|
|
|
+ handleRowClick(row) {
|
|
|
+ this.query = {};
|
|
|
+ this.parentId = row.id;
|
|
|
+ this.dictValue = row.dictValue;
|
|
|
+
|
|
|
+ const code = this.findObject(this.optionChild.column, "code");
|
|
|
+ code.value = row.code;
|
|
|
+ const parentId = this.findObject(this.optionChild.column, "parentId");
|
|
|
+ parentId.value = row.id;
|
|
|
+
|
|
|
+ this.box = true;
|
|
|
+ this.onLoadChild(this.pageChild);
|
|
|
+ },
|
|
|
+ searchReset() {
|
|
|
+ this.query = {};
|
|
|
+ this.onLoadParent(this.pageParent);
|
|
|
+ },
|
|
|
+ searchChange(params, done) {
|
|
|
+ this.query = params;
|
|
|
+ this.pageParent.currentPage = 1;
|
|
|
+ this.onLoadParent(this.pageParent, params);
|
|
|
+ done();
|
|
|
+ },
|
|
|
+ selectionChange(list) {
|
|
|
+ this.selectionList = list;
|
|
|
+ },
|
|
|
+ selectionClear() {
|
|
|
+ this.selectionList = [];
|
|
|
+ this.$refs.crud.toggleSelection();
|
|
|
+ },
|
|
|
+ handleDelete() {
|
|
|
+ if (this.selectionList.length === 0) {
|
|
|
+ this.$message.warning("请选择至少一条数据");
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ this.$confirm("确定将选择数据删除?", {
|
|
|
+ confirmButtonText: "确定",
|
|
|
+ cancelButtonText: "取消",
|
|
|
+ type: "warning"
|
|
|
+ })
|
|
|
+ .then(() => {
|
|
|
+ return remove(this.ids);
|
|
|
+ })
|
|
|
+ .then(() => {
|
|
|
this.onLoadParent(this.pageParent);
|
|
|
this.$message({
|
|
|
type: "success",
|
|
|
message: "操作成功!"
|
|
|
});
|
|
|
- this.onLoadChild(this.pageChild);
|
|
|
- done();
|
|
|
- }, error => {
|
|
|
- window.console.log(error);
|
|
|
- loading();
|
|
|
+ this.$refs.crud.toggleSelection();
|
|
|
});
|
|
|
- },
|
|
|
- rowDel(row) {
|
|
|
- this.$confirm("确定将选择数据删除?", {
|
|
|
- confirmButtonText: "确定",
|
|
|
- cancelButtonText: "取消",
|
|
|
- type: "warning"
|
|
|
- })
|
|
|
- .then(() => {
|
|
|
- return remove(row.id);
|
|
|
- })
|
|
|
- .then(() => {
|
|
|
- this.onLoadParent(this.pageParent);
|
|
|
- this.$message({
|
|
|
- type: "success",
|
|
|
- message: "操作成功!"
|
|
|
- });
|
|
|
- });
|
|
|
- },
|
|
|
- handleRowClick(row) {
|
|
|
- this.query = {};
|
|
|
- this.parentId = row.id;
|
|
|
- this.dictValue = row.dictValue;
|
|
|
- this.$refs.crudChild.value.code = row.code;
|
|
|
- this.$refs.crudChild.value.parentId = row.id;
|
|
|
- this.$refs.crudChild.option.column.filter(item => {
|
|
|
- if (item.prop === "code") {
|
|
|
- item.value = row.code;
|
|
|
- }
|
|
|
- if (item.prop === "parentId") {
|
|
|
- item.value = row.id;
|
|
|
- }
|
|
|
+ },
|
|
|
+ beforeOpen(done, type) {
|
|
|
+ if (["edit", "view"].includes(type)) {
|
|
|
+ getDict(this.formParent.id).then(res => {
|
|
|
+ this.formParent = res.data.data;
|
|
|
});
|
|
|
+ }
|
|
|
+ done();
|
|
|
+ },
|
|
|
+ currentChange(currentPage) {
|
|
|
+ this.pageParent.currentPage = currentPage;
|
|
|
+ },
|
|
|
+ sizeChange(pageSize) {
|
|
|
+ this.pageParent.pageSize = pageSize;
|
|
|
+ },
|
|
|
+ refreshChange() {
|
|
|
+ this.onLoadParent(this.pageParent, this.query);
|
|
|
+ },
|
|
|
+ rowSaveChild(row, done, loading) {
|
|
|
+ add(row).then(() => {
|
|
|
this.onLoadChild(this.pageChild);
|
|
|
- },
|
|
|
- searchReset() {
|
|
|
- this.query = {};
|
|
|
- this.onLoadParent(this.pageParent);
|
|
|
- },
|
|
|
- searchChange(params, done) {
|
|
|
- this.query = params;
|
|
|
- this.pageParent.currentPage = 1;
|
|
|
- this.onLoadParent(this.pageParent, params);
|
|
|
+ this.$message({
|
|
|
+ type: "success",
|
|
|
+ message: "操作成功!"
|
|
|
+ });
|
|
|
done();
|
|
|
- },
|
|
|
- selectionChange(list) {
|
|
|
- this.selectionList = list;
|
|
|
- },
|
|
|
- selectionClear() {
|
|
|
- this.selectionList = [];
|
|
|
- this.$refs.crud.toggleSelection();
|
|
|
- },
|
|
|
- handleDelete() {
|
|
|
- if (this.selectionList.length === 0) {
|
|
|
- this.$message.warning("请选择至少一条数据");
|
|
|
- return;
|
|
|
- }
|
|
|
- this.$confirm("确定将选择数据删除?", {
|
|
|
- confirmButtonText: "确定",
|
|
|
- cancelButtonText: "取消",
|
|
|
- type: "warning"
|
|
|
- })
|
|
|
- .then(() => {
|
|
|
- return remove(this.ids);
|
|
|
- })
|
|
|
- .then(() => {
|
|
|
- this.onLoadParent(this.pageParent);
|
|
|
- this.$message({
|
|
|
- type: "success",
|
|
|
- message: "操作成功!"
|
|
|
- });
|
|
|
- this.$refs.crud.toggleSelection();
|
|
|
- });
|
|
|
- },
|
|
|
- beforeOpen(done, type) {
|
|
|
- if (["edit", "view"].includes(type)) {
|
|
|
- getDict(this.formParent.id).then(res => {
|
|
|
- this.formParent = res.data.data;
|
|
|
- });
|
|
|
- }
|
|
|
+ }, error => {
|
|
|
+ window.console.log(error);
|
|
|
+ loading();
|
|
|
+ });
|
|
|
+ },
|
|
|
+ rowUpdateChild(row, index, done, loading) {
|
|
|
+ update(row).then(() => {
|
|
|
+ this.onLoadChild(this.pageChild);
|
|
|
+ this.$message({
|
|
|
+ type: "success",
|
|
|
+ message: "操作成功!"
|
|
|
+ });
|
|
|
done();
|
|
|
- },
|
|
|
- currentChange(currentPage) {
|
|
|
- this.pageParent.currentPage = currentPage;
|
|
|
- },
|
|
|
- sizeChange(pageSize) {
|
|
|
- this.pageParent.pageSize = pageSize;
|
|
|
- },
|
|
|
- refreshChange() {
|
|
|
- this.onLoadParent(this.pageParent, this.query);
|
|
|
- },
|
|
|
- rowSaveChild(row, done, loading) {
|
|
|
- add(row).then(() => {
|
|
|
+ }, error => {
|
|
|
+ window.console.log(error);
|
|
|
+ loading();
|
|
|
+ });
|
|
|
+ },
|
|
|
+ rowDelChild(row) {
|
|
|
+ this.$confirm("确定将选择数据删除?", {
|
|
|
+ confirmButtonText: "确定",
|
|
|
+ cancelButtonText: "取消",
|
|
|
+ type: "warning"
|
|
|
+ })
|
|
|
+ .then(() => {
|
|
|
+ return remove(row.id);
|
|
|
+ })
|
|
|
+ .then(() => {
|
|
|
this.onLoadChild(this.pageChild);
|
|
|
this.$message({
|
|
|
type: "success",
|
|
|
message: "操作成功!"
|
|
|
});
|
|
|
- done();
|
|
|
- }, error => {
|
|
|
- window.console.log(error);
|
|
|
- loading();
|
|
|
});
|
|
|
- },
|
|
|
- rowUpdateChild(row, index, done, loading) {
|
|
|
- update(row).then(() => {
|
|
|
+ },
|
|
|
+ searchResetChild() {
|
|
|
+ this.query = {};
|
|
|
+ this.onLoadChild(this.pageChild);
|
|
|
+ },
|
|
|
+ searchChangeChild(params, done) {
|
|
|
+ this.query = params;
|
|
|
+ this.pageChild.currentPage = 1;
|
|
|
+ this.onLoadChild(this.pageChild, params);
|
|
|
+ done();
|
|
|
+ },
|
|
|
+ selectionChangeChild(list) {
|
|
|
+ this.selectionList = list;
|
|
|
+ },
|
|
|
+ selectionClearChild() {
|
|
|
+ this.selectionList = [];
|
|
|
+ this.$refs.crudChild.toggleSelection();
|
|
|
+ },
|
|
|
+ handleDeleteChild() {
|
|
|
+ if (this.selectionList.length === 0) {
|
|
|
+ this.$message.warning("请选择至少一条数据");
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ this.$confirm("确定将选择数据删除?", {
|
|
|
+ confirmButtonText: "确定",
|
|
|
+ cancelButtonText: "取消",
|
|
|
+ type: "warning"
|
|
|
+ })
|
|
|
+ .then(() => {
|
|
|
+ return remove(this.ids);
|
|
|
+ })
|
|
|
+ .then(() => {
|
|
|
this.onLoadChild(this.pageChild);
|
|
|
this.$message({
|
|
|
type: "success",
|
|
|
message: "操作成功!"
|
|
|
});
|
|
|
- done();
|
|
|
- }, error => {
|
|
|
- window.console.log(error);
|
|
|
- loading();
|
|
|
- });
|
|
|
- },
|
|
|
- rowDelChild(row) {
|
|
|
- this.$confirm("确定将选择数据删除?", {
|
|
|
- confirmButtonText: "确定",
|
|
|
- cancelButtonText: "取消",
|
|
|
- type: "warning"
|
|
|
- })
|
|
|
- .then(() => {
|
|
|
- return remove(row.id);
|
|
|
- })
|
|
|
- .then(() => {
|
|
|
- this.onLoadChild(this.pageChild);
|
|
|
- this.$message({
|
|
|
- type: "success",
|
|
|
- message: "操作成功!"
|
|
|
- });
|
|
|
- });
|
|
|
- },
|
|
|
- searchResetChild() {
|
|
|
- this.query = {};
|
|
|
- this.onLoadChild(this.pageChild);
|
|
|
- },
|
|
|
- searchChangeChild(params, done) {
|
|
|
- this.query = params;
|
|
|
- this.pageChild.currentPage = 1;
|
|
|
- this.onLoadChild(this.pageChild, params);
|
|
|
- done();
|
|
|
- },
|
|
|
- selectionChangeChild(list) {
|
|
|
- this.selectionList = list;
|
|
|
- },
|
|
|
- selectionClearChild() {
|
|
|
- this.selectionList = [];
|
|
|
- this.$refs.crudChild.toggleSelection();
|
|
|
- },
|
|
|
- handleDeleteChild() {
|
|
|
- if (this.selectionList.length === 0) {
|
|
|
- this.$message.warning("请选择至少一条数据");
|
|
|
- return;
|
|
|
- }
|
|
|
- this.$confirm("确定将选择数据删除?", {
|
|
|
- confirmButtonText: "确定",
|
|
|
- cancelButtonText: "取消",
|
|
|
- type: "warning"
|
|
|
- })
|
|
|
- .then(() => {
|
|
|
- return remove(this.ids);
|
|
|
- })
|
|
|
- .then(() => {
|
|
|
- this.onLoadChild(this.pageChild);
|
|
|
- this.$message({
|
|
|
- type: "success",
|
|
|
- message: "操作成功!"
|
|
|
- });
|
|
|
- this.$refs.crudChild.toggleSelection();
|
|
|
- });
|
|
|
- },
|
|
|
- beforeOpenChild(done, type) {
|
|
|
- if (["add", "edit"].includes(type)) {
|
|
|
- this.initData();
|
|
|
- }
|
|
|
- if (["edit", "view"].includes(type)) {
|
|
|
- getDict(this.formChild.id).then(res => {
|
|
|
- this.formChild = res.data.data;
|
|
|
- });
|
|
|
- }
|
|
|
- done();
|
|
|
- },
|
|
|
- beforeCloseChild(done) {
|
|
|
- this.$refs.crudChild.value.parentId = this.parentId;
|
|
|
- this.$refs.crudChild.option.column.filter(item => {
|
|
|
- if (item.prop === "parentId") {
|
|
|
- item.value = this.parentId;
|
|
|
- }
|
|
|
- });
|
|
|
- done();
|
|
|
- },
|
|
|
- currentChangeChild(currentPage) {
|
|
|
- this.pageChild.currentPage = currentPage;
|
|
|
- },
|
|
|
- sizeChangeChild(pageSize) {
|
|
|
- this.pageChild.pageSize = pageSize;
|
|
|
- },
|
|
|
- refreshChangeChild() {
|
|
|
- this.onLoadChild(this.pageChild, this.query);
|
|
|
- },
|
|
|
- onLoadParent(page, params = {}) {
|
|
|
- this.loading = true;
|
|
|
- getParentList(
|
|
|
- page.currentPage,
|
|
|
- page.pageSize,
|
|
|
- Object.assign(params, this.query)
|
|
|
- ).then(res => {
|
|
|
- const data = res.data.data;
|
|
|
- this.pageParent.total = data.total;
|
|
|
- this.dataParent = data.records;
|
|
|
- this.loading = false;
|
|
|
- this.selectionClear();
|
|
|
+ this.$refs.crudChild.toggleSelection();
|
|
|
});
|
|
|
- },
|
|
|
- onLoadChild(page, params = {}) {
|
|
|
- this.loadingChild = true;
|
|
|
- getChildList(
|
|
|
- page.currentPage,
|
|
|
- page.pageSize,
|
|
|
- this.parentId,
|
|
|
- Object.assign(params, this.query)
|
|
|
- ).then(res => {
|
|
|
- this.dataChild = res.data.data;
|
|
|
- this.loadingChild = false;
|
|
|
- this.selectionClear();
|
|
|
+ },
|
|
|
+ beforeOpenChild(done, type) {
|
|
|
+ if (["add", "edit"].includes(type)) {
|
|
|
+ this.initData();
|
|
|
+ }
|
|
|
+ if (["edit", "view"].includes(type)) {
|
|
|
+ getDict(this.formChild.id).then(res => {
|
|
|
+ this.formChild = res.data.data;
|
|
|
});
|
|
|
}
|
|
|
+ done();
|
|
|
+ },
|
|
|
+ beforeCloseChild(done) {
|
|
|
+ this.$refs.crudChild.value.parentId = this.parentId;
|
|
|
+ this.$refs.crudChild.option.column.filter(item => {
|
|
|
+ if (item.prop === "parentId") {
|
|
|
+ item.value = this.parentId;
|
|
|
+ }
|
|
|
+ });
|
|
|
+ done();
|
|
|
+ },
|
|
|
+ currentChangeChild(currentPage) {
|
|
|
+ this.pageChild.currentPage = currentPage;
|
|
|
+ },
|
|
|
+ sizeChangeChild(pageSize) {
|
|
|
+ this.pageChild.pageSize = pageSize;
|
|
|
+ },
|
|
|
+ refreshChangeChild() {
|
|
|
+ this.onLoadChild(this.pageChild, this.query);
|
|
|
+ },
|
|
|
+ onLoadParent(page, params = {}) {
|
|
|
+ this.loading = true;
|
|
|
+ getParentList(
|
|
|
+ page.currentPage,
|
|
|
+ page.pageSize,
|
|
|
+ Object.assign(params, this.query)
|
|
|
+ ).then(res => {
|
|
|
+ const data = res.data.data;
|
|
|
+ this.pageParent.total = data.total;
|
|
|
+ this.dataParent = data.records;
|
|
|
+ this.loading = false;
|
|
|
+ this.selectionClear();
|
|
|
+ });
|
|
|
+ },
|
|
|
+ onLoadChild(page, params = {}) {
|
|
|
+ this.loadingChild = true;
|
|
|
+ getChildList(
|
|
|
+ page.currentPage,
|
|
|
+ page.pageSize,
|
|
|
+ this.parentId,
|
|
|
+ Object.assign(params, this.query)
|
|
|
+ ).then(res => {
|
|
|
+ this.dataChild = res.data.data;
|
|
|
+ this.loadingChild = false;
|
|
|
+ this.selectionClear();
|
|
|
+ });
|
|
|
}
|
|
|
- };
|
|
|
+ }
|
|
|
+};
|
|
|
</script>
|
|
|
|
smallchill