From fc15f2e904fade9e1505bad70b29829d7d99c124 Mon Sep 17 00:00:00 2001 From: lzhe <lzhe@example.com> Date: 星期三, 05 六月 2024 12:04:59 +0800 Subject: [PATCH] 1 --- src/views/console/system/dict.vue | 81 ++++++++++++++++++++++++++++++++-------- 1 files changed, 64 insertions(+), 17 deletions(-) diff --git a/src/views/console/system/dict.vue b/src/views/console/system/dict.vue index 2f05ad4..4e755a9 100644 --- a/src/views/console/system/dict.vue +++ b/src/views/console/system/dict.vue @@ -2,21 +2,18 @@ * @Author: lzhe lzhe@example.com * @Date: 2024-03-26 10:28:33 * @LastEditors: lzhe lzhe@example.com - * @LastEditTime: 2024-03-29 15:31:38 + * @LastEditTime: 2024-04-02 17:48:31 * @FilePath: /smart-web/src/views/master/person/main/index.vue * @Description: 杩欐槸榛樿璁剧疆,璇疯缃甡customMade`, 鎵撳紑koroFileHeader鏌ョ湅閰嶇疆 杩涜璁剧疆: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE --> <template> <div class="dict-main"> - <el-form :inline="true" :model="searchData" abel-width="120px"> + <el-form :inline="true" :model="searchData" label-width="80px"> <el-form-item label="瀛楀吀缂栧彿"> <el-input v-model="searchData.code" placeholder="瀛楀吀缂栧彿" clearable /> </el-form-item> <el-form-item label="瀛楀吀鍚嶇О"> - <el-select v-model="searchData.dictValue" placeholder="瀛楀吀鍚嶇О" clearable> - <el-option label="Zone one" value="shanghai" /> - <el-option label="Zone two" value="beijing" /> - </el-select> + <el-input v-model="searchData.dictValue" placeholder="瀛楀吀鍚嶇О" clearable></el-input> </el-form-item> <el-form-item> <el-button type="primary" @click="searchclick">鎼滅储</el-button> @@ -26,14 +23,18 @@ <div> <div class="dict-Btn"> <div class="dict-btn-bottom"> - <el-button type="primary" @click="addPerson">+ 鏂板</el-button> - <el-button type="danger" plain @click="delPerson">鍒犻櫎</el-button> + <el-button type="primary" @click="addData">+ 鏂板</el-button> + <el-button type="danger" plain @click="delData">鍒犻櫎</el-button> </div> </div> <div class="dict-table"> <el-table ref="multipleTableRef" :data="tableData" border style="width: 100%" class="multipleTableRef" @selection-change="handleSelectionChange"> <el-table-column type="selection" width="55" /> - <el-table-column prop="code" label="瀛楀吀缂栧彿"></el-table-column> + <el-table-column prop="code" label="瀛楀吀缂栧彿"> + <template #default="scope"> + <el-check-tag type="info" checked @change="table_allocation(scope.row, scope.$index)">{{scope.row.code}}</el-check-tag> + </template> + </el-table-column> <el-table-column prop="dictValue" label="瀛楀吀鍚嶇О"></el-table-column> <el-table-column prop="sort" label="瀛楀吀鎺掑簭"></el-table-column> <el-table-column prop="isSealed" label="灏佸瓨"> @@ -65,7 +66,7 @@ </div> <save-dialog v-if="dialog.save" ref="saveDialog" @success="addDictSuccess" @closed="dialog.save=false"></save-dialog> - <allocation-dialog v-if="dialog.allocation" ref="allocationDialog" @success="handleSuccess" @closed="dialog.allocation=false"></allocation-dialog> + <allocation-dialog v-if="dialog.allocation" ref="allocationDialog" :getModalData="getModalData" @success="handleSuccess" @closed="dialog.allocation=false"></allocation-dialog> </template> <script> import saveDialog from './addDict' @@ -74,6 +75,8 @@ name: "allocation", data(){ return { + getModalData: [], + selection: [], total: 0, searchData: { code: "", @@ -105,6 +108,9 @@ saveDialog,allocationDialog }, methods: { + codeClick() { + + }, addDictSuccess(addDictForm) { this.searchClearBtn(); }, @@ -134,13 +140,27 @@ table_allocation(row) { this.dialog.allocation = true; this.$nextTick(() => { - this.$refs.allocationDialog.open() + this.$refs.allocationDialog.open('edit').setData(row); }) }, //鍒犻櫎 - table_del(row) {}, + table_del(row) { + var that = this; + this.$confirm(`纭畾灏嗛�夋嫨鏁版嵁鍒犻櫎?`, '', { + type: 'warning' + }).then(() => { + this.$HTTP.post("/api/blade-system/dict/remove?ids="+row.id).then(res=> { + if(res.code == 200) { + that.$message.success("鎿嶄綔鎴愬姛"); + that.searchBtn(); + } + }) + }).catch(() => { + + }) + }, //娣诲姞 - addPerson(){ + addData(){ this.dialog.save = true this.$nextTick(() => { this.$refs.saveDialog.open() @@ -148,8 +168,13 @@ }, table_edit(row){ this.dialog.save = true - this.$nextTick(() => { - this.$refs.saveDialog.open('edit').setData(row) + this.$HTTP.get("/api/blade-system/dict/detail?id="+row.id).then(res=> { + if(res.code == 200) { + this.dialog.save = true; + this.$nextTick(() => { + this.$refs.saveDialog.open('edit').setData(res.data); + }) + } }) }, //鏌ョ湅 @@ -159,8 +184,30 @@ this.$refs.saveDialog.open('show').setData(row) }) }, - handleSelectionChange() {}, - delPerson() {}, + handleSelectionChange(selection) { + this.selection = selection; + }, + delData() { + if(this.selection.length == 0) { + this.$message({ + message: '璇烽�夋嫨鑷冲皯涓�鏉℃暟鎹�', + type: 'warning' + }); + return; + } + var selStr = ""; + this.selection.map(item=> { + selStr += item.id + "," + }) + selStr = selStr.replace(/,$/, ''); + var that = this; + this.$HTTP.post("/api/blade-system/dict/remove?ids="+selStr).then(res=> { + if(res.code == 200) { + that.$message.success("鎿嶄綔鎴愬姛"); + that.searchclick(); + } + }) + }, changeDepartment() { this.departmentVisible = true; }, -- Gitblit v1.9.3