From 7991973cf4c25527e227b80192e0bd087cfcee58 Mon Sep 17 00:00:00 2001 From: “dzb” <2632970487@qq.com> Date: 星期二, 27 九月 2022 18:26:25 +0800 Subject: [PATCH] 完善系统设置的基本设置 --- src/views/systemSetting/baseSetting/department/index.vue | 68 ++++++++++++++++++++++++--------- 1 files changed, 49 insertions(+), 19 deletions(-) diff --git a/src/views/systemSetting/baseSetting/department/index.vue b/src/views/systemSetting/baseSetting/department/index.vue index c9556d0..9516994 100644 --- a/src/views/systemSetting/baseSetting/department/index.vue +++ b/src/views/systemSetting/baseSetting/department/index.vue @@ -6,13 +6,13 @@ <span>绛涢�夋潯浠�:</span> <el-input v-model="context" placeholder="璇疯緭鍏ュ唴瀹�"></el-input> <div class="findBtn"> - <el-button type="primary" @click="search()" >鏌ヨ</el-button> + <el-button type="primary" @click="search()">鏌ヨ</el-button> </div> </div> <div class="addUser"> <el-button class="addBtn" type="primary" @click="dialogCreate = true">鏂板閮ㄩ棬</el-button> <el-dialog :visible.sync="dialogCreate" title="鏂板閮ㄩ棬淇℃伅" width="45%" v-if="dialogCreate"> - <createUser :refresh="getUserList" /> + <createUser :refresh="context==='' ? getUserList : search " /> </el-dialog> </div> </div> @@ -25,7 +25,7 @@ :data="tableData" style="width: 100%" :row-class-name="tableRowClassName"> <el-table-column type="selection" min-width="5"> </el-table-column> - <el-table-column prop="id" label="閮ㄩ棬ID" min-width="5"> + <el-table-column prop="id" label="閮ㄩ棬ID" min-width="5"> <!-- <template slot-scope="scope">{{ scope.row.id }}</template> --> </el-table-column> <el-table-column prop="departName" label="閮ㄩ棬鍚嶇О" min-width="10"> @@ -51,14 +51,18 @@ <span class="line">|</span> <!-- <span>淇敼瀵嗙爜</span> --> <!-- <span>鍒犻櫎</span> --> - <span @click="handleUpdate(scope.row)">淇敼閮ㄩ棬</span> + <span @click="handleUpdate(scope.row)">淇敼</span> + <span class="line">|</span> + <span @click="handleDelete(scope.row)">鍒犻櫎</span> </div> </template> </el-table-column> </el-table> <!-- 鏌ョ湅淇敼椤甸潰 --> - <el-dialog :visible.sync="dialogUpdate" width="45%" :title="updateFlag ? '淇敼閮ㄩ棬淇℃伅' :'鏌ョ湅閮ㄩ棬淇℃伅'" v-if="dialogUpdate"> - <updateUser :updateFlag="updateFlag" :userInfo="userInfo" :getUserList="getUserList" @changeDialog="changMyDialog" /> + <el-dialog :visible.sync="dialogUpdate" width="45%" :title="updateFlag ? '淇敼閮ㄩ棬淇℃伅' :'鏌ョ湅閮ㄩ棬淇℃伅'" + v-if="dialogUpdate"> + <updateUser :updateFlag="updateFlag" :userInfo="userInfo" :getUserList="context==='' ? getUserList : search" + @changeDialog="changMyDialog" /> </el-dialog> <!-- 鍒嗛〉 --> <div class="pagination"> @@ -89,13 +93,35 @@ totalNum: 200, pageSize: 10, currentPage: 1, - context:'' + context: '' } }, created() { this.getUserList(); }, methods: { + handleDelete({ id }) { + this.$confirm('纭鍒犻櫎锛�') + .then(_ => { + this.$axios({ + method: 'post', + url: 'sccg/depart/delete', + data: { + id + } + }) + .then(res => { + console.log(res); + this.$message({ + type: res.code===404 ? 'warning':'success', + message: res.message + }) + + this.getUserList(); + }) + }) + .catch(_ => {}); + }, // 淇敼瑙掕壊 handleChangeRole(obj) { this.dialogUpdate = true @@ -107,7 +133,7 @@ let { id, status } = obj; status == true ? status = 1 : status = 0; console.log(id, status); - this.$axios.post(`sccg/depart/status` ,{id:id,status:status}).then(res => { + this.$axios.post(`sccg/depart/status`, { id: id, status: status }).then(res => { console.log(res); }) }, @@ -131,14 +157,14 @@ const that = this; this.dialogCreate = false; // 鑾峰彇鎵�鏈夌敤鎴蜂俊鎭� - this.$axios.get('sccg/depart/page',{params:{currentPage:this.currentPage,pageSize:this.pageSize,departName:this.context}}).then(res => { + this.$axios.get('sccg/depart/page', { params: { currentPage: this.currentPage, pageSize: this.pageSize, departName: this.context } }).then(res => { if (res.code === 200) { res.data.records.forEach(item => { item.createTime = helper(item.createTime); item.status == 1 ? item.status = true : item.status = false; }) that.totalNum = res.data.records.length; - that.tableData = res.data.records.slice((that.currentPage-1)*10,that.currentPage*10) + that.tableData = res.data.records.slice((that.currentPage - 1) * this.pageSize, that.currentPage * this.pageSize) } }) }, @@ -164,22 +190,22 @@ this.userInfo = rowData }, // 褰撳墠椤垫敼鍙樿Е鍙戜簨浠� - changeCurrentPage(page){ + changeCurrentPage(page) { this.currentPage = page; this.search(); }, // 涓婁竴椤电偣鍑讳簨浠� - handlePrev(page){ + handlePrev(page) { this.currentPage = page; this.search(); }, // 涓嬩竴椤电偣鍑讳簨浠� - handleNext(page){ + handleNext(page) { this.currentPage = page; this.search(); }, - // 鍏抽棴dialog - changMyDialog(val){ + // 鍏抽棴dialog + changMyDialog(val) { this.dialogUpdate = val.dialogFlag; } }, @@ -335,22 +361,26 @@ &::v-deep .el-dialog__body { background-color: #06122c; } - &::v-deep .el-dialog__header{ + + &::v-deep .el-dialog__header { display: flex; align-items: center; background-color: #fff; padding: 20px; line-height: 60px; } - &::v-deep .el-dialog__title{ + + &::v-deep .el-dialog__title { color: #4b9bb7; } - &::v-deep .el-dialog__close{ + + &::v-deep .el-dialog__close { width: 20px; height: 20px; // color: #fff; } - &::v-deep .el-dialog__body{ + + &::v-deep .el-dialog__body { padding: 0; } } -- Gitblit v1.8.0