From 5cf860884c04d6a7a5e25e449f0f8e29780f4318 Mon Sep 17 00:00:00 2001 From: yuxc <653031404@qq.com> Date: 星期五, 12 五月 2023 18:01:11 +0800 Subject: [PATCH] 枚举页面漏传 --- Source/UBCS-WEB/src/views/omd/enum.vue | 445 +++++++++++++++++++++++++++++ /dev/null | 445 ----------------------------- 2 files changed, 445 insertions(+), 445 deletions(-) diff --git a/Source/UBCS-WEB/src/views/omd/enum.vue b/Source/UBCS-WEB/src/views/omd/enum.vue new file mode 100644 index 0000000..aebcd6e --- /dev/null +++ b/Source/UBCS-WEB/src/views/omd/enum.vue @@ -0,0 +1,445 @@ +<template> + <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="`[${name}]鏋氫妇椤归厤缃甡" + 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="handleDeleteChild" + >鍒� 闄� + </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, addChild, updateChild, getDictChild, removeChild +} from "@/api/omd/enum"; + import {optionParent, optionChild} from "@/const/omd/enum"; + import {mapGetters} from "vuex"; + + export default { + data() { + return { + dictValue: '鏆傛棤', + parentoid: -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 { + 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.oid); + }); + return ids.join(","); + } + }, + mounted() { + this.initData(); + }, + methods: { + initData() { + getDictTree(this.pageParent.currentPage, + this.pageParent.pageSize, + this.query).then(res => { + const column = this.findObject(this.optionChild.column, "parentoid"); + column.dicData = res.data.data; + }); + }, + handleAdd(row) { + this.formChild.value = ""; + this.formChild.name = ""; + this.formChild.sort = 0; + this.formChild.isSealed = 0; + this.formChild.remark = ""; + this.formChild.parentoid = row.oid; + this.$refs.crudChild.rowAdd(); + }, + rowSave(row, done, loading) { + const form = { + ...row, + dictKey: -1, + }; + add(form).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(() => { + this.onLoadParent(this.pageParent); + this.$message({ + type: "success", + message: "鎿嶄綔鎴愬姛!" + }); + this.onLoadChild(this.pageChild); + done(); + }, error => { + window.console.log(error); + loading(); + }); + }, + rowDel(row) { + this.$confirm("纭畾灏嗛�夋嫨鏁版嵁鍒犻櫎?", { + confirmButtonText: "纭畾", + cancelButtonText: "鍙栨秷", + type: "warning" + }) + .then(() => { + return remove(row.oid); + }) + .then(() => { + this.onLoadParent(this.pageParent); + this.$message({ + type: "success", + message: "鎿嶄綔鎴愬姛!" + }); + }); + }, + handleRowClick(row) { + this.query = {}; + this.parentId = row.oid; + this.name = row.name; + + const code = this.findObject(this.optionChild.column, "value"); + code.value = row.code; + // const parentoid = this.findObject(this.optionChild.column, "parentoid"); + this.parentoid = row.oid; + + 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.$refs.crud.toggleSelection(); + }); + }, + beforeOpen(done, type) { + if (["edit", "view"].includes(type)) { + getDict(this.formParent.oid).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) { + row.parentoid = this.parentoid; + addChild(row).then(() => { + this.onLoadChild(this.pageChild); + this.$message({ + type: "success", + message: "鎿嶄綔鎴愬姛!" + }); + done(); + }, error => { + window.console.log(error); + loading(); + }); + }, + rowUpdateChild(row, index, done, loading) { + updateChild(row).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 removeChild(row.oid); + }) + .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 removeChild(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)) { + getDictChild(this.formChild.oid).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.parentoid, + Object.assign(params, this.query) + ).then(res => { + this.dataChild = res.data.data; + this.loadingChild = false; + this.selectionClear(); + }); + } + } + }; +</script> diff --git a/Source/UBCS-WEB/src/views/omd/omd.vue b/Source/UBCS-WEB/src/views/omd/omd.vue deleted file mode 100644 index 9808f1d..0000000 --- a/Source/UBCS-WEB/src/views/omd/omd.vue +++ /dev/null @@ -1,445 +0,0 @@ -<template> - <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="`[${name}]鏋氫妇椤归厤缃甡" - 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="handleDeleteChild" - >鍒� 闄� - </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, addChild, updateChild, getDictChild, removeChild -} from "@/api/omd/enum"; -import {optionParent, optionChild} from "@/const/omd/enum"; -import {mapGetters} from "vuex"; - -export default { - data() { - return { - dictValue: '鏆傛棤', - parentoid: -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 { - 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.oid); - }); - return ids.join(","); - } - }, - mounted() { - this.initData(); - }, - methods: { - initData() { - getDictTree(this.pageParent.currentPage, - this.pageParent.pageSize, - this.query).then(res => { - const column = this.findObject(this.optionChild.column, "parentoid"); - column.dicData = res.data.data; - }); - }, - handleAdd(row) { - this.formChild.value = ""; - this.formChild.name = ""; - this.formChild.sort = 0; - this.formChild.isSealed = 0; - this.formChild.remark = ""; - this.formChild.parentoid = row.oid; - this.$refs.crudChild.rowAdd(); - }, - rowSave(row, done, loading) { - const form = { - ...row, - dictKey: -1, - }; - add(form).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(() => { - this.onLoadParent(this.pageParent); - this.$message({ - type: "success", - message: "鎿嶄綔鎴愬姛!" - }); - this.onLoadChild(this.pageChild); - done(); - }, error => { - window.console.log(error); - loading(); - }); - }, - rowDel(row) { - this.$confirm("纭畾灏嗛�夋嫨鏁版嵁鍒犻櫎?", { - confirmButtonText: "纭畾", - cancelButtonText: "鍙栨秷", - type: "warning" - }) - .then(() => { - return remove(row.oid); - }) - .then(() => { - this.onLoadParent(this.pageParent); - this.$message({ - type: "success", - message: "鎿嶄綔鎴愬姛!" - }); - }); - }, - handleRowClick(row) { - this.query = {}; - this.parentId = row.oid; - this.name = row.name; - - const code = this.findObject(this.optionChild.column, "value"); - code.value = row.code; - // const parentoid = this.findObject(this.optionChild.column, "parentoid"); - this.parentoid = row.oid; - - 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.$refs.crud.toggleSelection(); - }); - }, - beforeOpen(done, type) { - if (["edit", "view"].includes(type)) { - getDict(this.formParent.oid).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) { - row.parentoid = this.parentoid; - addChild(row).then(() => { - this.onLoadChild(this.pageChild); - this.$message({ - type: "success", - message: "鎿嶄綔鎴愬姛!" - }); - done(); - }, error => { - window.console.log(error); - loading(); - }); - }, - rowUpdateChild(row, index, done, loading) { - updateChild(row).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 removeChild(row.oid); - }) - .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 removeChild(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)) { - getDictChild(this.formChild.oid).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.parentoid, - Object.assign(params, this.query) - ).then(res => { - this.dataChild = res.data.data; - this.loadingChild = false; - this.selectionClear(); - }); - } - } -}; -</script> -- Gitblit v1.9.3