From 2079ba28f20bde46f7736699c97abf0e1564770d Mon Sep 17 00:00:00 2001 From: jiangping <jp@doumee.com> Date: 星期一, 14 十月 2024 09:30:46 +0800 Subject: [PATCH] 最新版本 --- admin/src/views/platform/set/index.vue | 117 +++++++++++++++++++++++++++++++++++++++++++++------------- 1 files changed, 90 insertions(+), 27 deletions(-) diff --git a/admin/src/views/platform/set/index.vue b/admin/src/views/platform/set/index.vue index a596791..106df34 100644 --- a/admin/src/views/platform/set/index.vue +++ b/admin/src/views/platform/set/index.vue @@ -6,7 +6,7 @@ @handleQuery="getList(1)" @clear="clear" /> - <el-table v-loading="loading" :data="list" stripe> + <el-table v-loading="loading" :data="dataList" stripe> <el-table-column prop="name" label="鏈堝彴鍚嶇О" @@ -18,21 +18,31 @@ label="宸ヤ綔鏃堕棿" min-width="100" show-overflow-tooltip - /> + > + <template v-slot="scope"> + <span>{{ scope.row.startTime }}-{{ scope.row.endTime }}</span> + </template> + </el-table-column> <el-table-column - prop="name" - label="鍚屾椂浣滀笟鎶ヨ鏃堕棿" + prop="workingNum" + label="鍚屾椂浣滀笟杞﹁締鏁�" min-width="100" show-overflow-tooltip /> <el-table-column - prop="name" + prop="alermTime" + label="鍋滅暀瓒呮椂鎶ヨ鏃堕棿(鍒嗛挓)" + min-width="100" + show-overflow-tooltip + /> + <el-table-column + prop="wariCallTime" label="鍙彿绛夊緟鏃堕棿(鍒嗛挓)" min-width="80" show-overflow-tooltip /> <el-table-column - prop="name" + prop="" label="鏈堝彴浣滀笟鏁堢巼(涓囨敮/灏忔椂)" min-width="120" show-overflow-tooltip @@ -46,8 +56,9 @@ <template v-slot="scope"> <el-switch v-model="scope.row.status" - active-value="1" - inactive-value="0" + active-value="0" + inactive-value="1" + @change="e => changeStatus(scope.row)" > </el-switch> </template> @@ -71,10 +82,12 @@ @current-change="getList" :pagination="pagination" /> - <el-dialog + <GlobalWindow :title="param.id ? '缂栬緫鏈堝彴閰嶇疆' : '鏂板鏈堝彴閰嶇疆'" :visible.sync="isShowEdit" width="600px" + :confirm-working="subLoading" + @confirm="handleSub" > <el-form :model="param" @@ -84,25 +97,32 @@ label-width="140px" > <el-form-item label="鏈堝彴鍚嶇О"> - <el-input v-model="param.aaa" class="w300" disabled></el-input> + <el-input v-model="param.name" class="w300" disabled></el-input> </el-form-item> <el-form-item label="宸ヤ綔鏃堕棿"> <el-time-picker - is-range - class="w300" - v-model="param.val" + class="w100" + v-model="param.startTime" + range-separator="鑷�" + value-format="HH:mm" + format="HH:mm" + /> + 鑷� + <el-time-picker + class="w100" + v-model="param.endTime" range-separator="鑷�" value-format="HH:mm" format="HH:mm" /> </el-form-item> <el-form-item label="鍚屾椂浣滀笟杞﹁締鏁�"> - <el-input v-model="param.aaa" class="w300"></el-input> + <el-input v-model="param.workingNum" class="w300"></el-input> <span class="ml10">涓�</span> </el-form-item> <el-form-item label="鍋滅暀瓒呮椂鎶ヨ鏃堕棿"> <el-input - v-model="param.aaa" + v-model="param.alermTime" placeholder="璇疯緭鍏�" class="w300" ></el-input> @@ -110,7 +130,7 @@ </el-form-item> <el-form-item label="鍙彿绛夊緟鏃堕棿" prop="name"> <el-input - v-model="param.aaa" + v-model="param.wariCallTime" placeholder="璇疯緭鍏�" class="w300" ></el-input> @@ -125,27 +145,35 @@ /> <span class="ml10">涓囨敮/灏忔椂</span> </el-form-item> + <el-form-item label="浣滀笟瓒呮椂鎶ヨ鏃堕棿"> + <el-input + v-model="param.aaa" + placeholder="璇疯緭鍏�" + class="w300" + ></el-input> + <span class="ml10">鍒嗛挓</span> + </el-form-item> </el-form> - <span slot="footer" class="dialog-footer"> - <el-button @click="isShowEdit = false">鍙栨秷</el-button> - <el-button type="primary" @click="handleSub">纭畾</el-button> - </span> - </el-dialog> + </GlobalWindow> </div> </template> <script> import Pagination from '@/components/common/Pagination' import QueryForm from '@/components/common/QueryForm' +import GlobalWindow from '@/components/common/GlobalWindow' +import { getPlatform, PlatformEdit, PlatformDel } from '@/api' export default { components: { Pagination, - QueryForm + QueryForm, + GlobalWindow }, data () { return { filters: {}, loading: false, + subLoading: false, queryFormConfig: { formItems: [ { @@ -160,21 +188,56 @@ capacity: 10, page: 1 }, - list: [{}], + dataList: [{}], total: 0, isShowEdit: false, param: {}, rules: {} } }, + created () { + this.getList() + }, methods: { - getList (page) { }, - handleSub () { }, - clear () { }, + getList (page) { + const { filters, pagination } = this + pagination.page = page || pagination.page + getPlatform({ + model: { ...filters }, + ...pagination + }).then(res => { + this.dataList = res.records + }) + }, + handleDel (item) { + this.$confirm('纭畾鍒犻櫎璇ユ湀鍙板悧, 鏄惁缁х画?', '鎻愮ず', { + confirmButtonText: '纭畾', + cancelButtonText: '鍙栨秷', + type: 'warning' + }).then(res => { + PlatformDel(item.id).then(() => { + this.getList() + this.$tip.success('鍒犻櫎鎴愬姛') + }) + }) + }, + changeStatus (item) { + PlatformEdit({ + ...item, + status: item.stauts == 1 ? 0 : 1 + }).then(res => { + this.$tip.success('鏇存柊鎴愬姛') + this.getList() + }) + }, + clear () { + this.filters = {} + this.getList(0) + }, handleEdit (row) { this.isShowEdit = true + this.param = { ...row } }, - handleDel () { }, handleSizeChange (capacity) { this.pagination.capacity = capacity } -- Gitblit v1.9.3