From 392f7a3134cb7a27a555bb1b3e2f3601c5eadde1 Mon Sep 17 00:00:00 2001 From: k94314517 <8417338+k94314517@user.noreply.gitee.com> Date: 星期一, 27 五月 2024 15:06:08 +0800 Subject: [PATCH] Merge remote-tracking branch 'origin/master' --- admin/src/views/operation/danger/record.vue | 270 ++++++++++++++++++++++++++++++++++------------------- 1 files changed, 174 insertions(+), 96 deletions(-) diff --git a/admin/src/views/operation/danger/record.vue b/admin/src/views/operation/danger/record.vue index e30d825..339268a 100644 --- a/admin/src/views/operation/danger/record.vue +++ b/admin/src/views/operation/danger/record.vue @@ -1,113 +1,191 @@ <template> - <div class="main_app"> - <QueryForm - v-model="filters" - :query-form-config="queryFormConfig" - @handleQuery="getList(1)" - @clear="clear" - /> - <el-table v-loading="loading" :data="list" stripe> - <el-table-column - prop="name" - label="闅愭偅鍖哄煙" - min-width="100" - show-overflow-tooltip - /> - <el-table-column - prop="name" - label="闅愭偅绫诲瀷" - min-width="100" - show-overflow-tooltip - /> - <el-table-column - prop="name" - label="鎻愭姤浜�" - min-width="100" - show-overflow-tooltip - /> - <el-table-column - prop="name" - label="鎻愭姤鏃堕棿" - min-width="80" - show-overflow-tooltip - /> - <el-table-column - prop="name" - label="澶勭悊缁撴灉" - min-width="100" - show-overflow-tooltip - /> - <el-table-column - prop="name" - label="鎿嶄綔" - min-width="80" - show-overflow-tooltip + <TableLayout :permissions="['business:empower:query']"> + <!-- 鎼滅储琛ㄥ崟 --> + <el-form ref="searchForm" slot="search-form" :model="searchForm" label-width="100px" inline> + <el-form-item label="鎻愭姤浜�" prop="memberName"> + <el-input v-model="searchForm.memberName" placeholder="璇疯緭鍏ュ鍚�/鎵嬫満鍙�" @keypress.enter.native="search"></el-input> + </el-form-item> + <el-form-item label="鎻愭姤浜虹粍缁�" prop="companyName"> + <el-input v-model="searchForm.companyName" placeholder="璇疯緭鍏�" @keypress.enter.native="search"></el-input> + </el-form-item> + <el-form-item label="闅愭偅鍖哄煙" prop="areaId"> + <el-select v-model="searchForm.areaId" placeholder="璇烽�夋嫨闅愭偅鍖哄煙" @keypress.enter.native="search"> + <el-option + v-for="item in areaList" + :key="item.id" + :label="item.name" + :value="item.id"> + </el-option> + </el-select> + </el-form-item> + <el-form-item label="闅愭偅绫诲瀷" prop="typeId"> + <el-select v-model="searchForm.cateId" placeholder="璇烽�夋嫨闅愭偅绫诲瀷" @keypress.enter.native="search"> + <el-option + v-for="item in cateList" + :key="item.id" + :label="item.name" + :value="item.id"> + </el-option> + </el-select> + </el-form-item> + <el-form-item label="鎻愭姤鏃堕棿" prop="startTime"> + <el-date-picker + @change="seleTime" + v-model="time" + @keypress.enter.native="search" + type="datetimerange" + format="yyyy-MM-dd HH:mm:ss" + value-format="yyyy-MM-dd HH:mm:ss" + range-separator="鑷�" + start-placeholder="寮�濮嬫棩鏈�" + end-placeholder="缁撴潫鏃ユ湡"> + </el-date-picker> + </el-form-item> + <el-radio-group v-model="searchForm.radio" size="small" @input="changeRadio"> + <el-radio-button label="0">褰撳ぉ</el-radio-button> + <el-radio-button label="1">杩�7澶�</el-radio-button> + <el-radio-button label="2">杩�30澶�</el-radio-button> + </el-radio-group> + <section> + <el-button type="primary" @click="search">鎼滅储</el-button> + <el-button @click="reset">閲嶇疆</el-button> + </section> + </el-form> + <!-- 琛ㄦ牸鍜屽垎椤� --> + <template v-slot:table-wrap> + <ul class="toolbar" v-permissions="['business:empower:create', 'business:empower:delete']"> + <!--<li><el-button type="primary" v-permissions="['business:empower:exportExcel']" @click="exportExcel">瀵煎嚭</el-button></li> --> + </ul> + <el-table + v-loading="isWorking.search" + :data="tableData.list" + stripe + @selection-change="handleSelectionChange" > - <template v-slot="scope"> - <el-button type="text" @click="handleDetail(scope.row)">鏌ョ湅璇︽儏</el-button> - </template> - </el-table-column> - </el-table> - <pagination - @size-change="handleSizeChange" - @current-change="getList" - :pagination="pagination" - /> - </div> + <el-table-column type="selection" width="55"></el-table-column> + <el-table-column prop="areaName" label="闅愭偅鍖哄煙" min-width="150px"></el-table-column> + <el-table-column prop="categoryName" label="闅愭偅绫诲瀷" min-width="150px"></el-table-column> + <el-table-column prop="memberName" label="鎻愭姤浜�" min-width="80px"></el-table-column> + <el-table-column prop="companyName" label="鎵�灞炵粍缁�" min-width="150px"></el-table-column> + <el-table-column prop="createDate" label="鎻愭姤鏃堕棿" min-width="150px"></el-table-column> + <el-table-column label="澶勭悊缁撴灉" min-width="100px"> + <template slot-scope="{row}"> + <span class="status-blue" v-if="row.status === 0">寰呭鐞�</span> + <span class="status-green" v-if="row.status === 1">宸插鐞�</span> + <span class="status-red" v-if="row.status === 2">宸叉挙閿�</span> + </template> + </el-table-column> + <el-table-column prop="editDate" label="鎿嶄綔鏃堕棿" min-width="150px"></el-table-column> + <el-table-column + label="鎿嶄綔" + min-width="100" + fixed="right" + > + <template slot-scope="{row}"> + <el-button type="text" icon="el-icon-edit" @click="$refs.OperaHiddenDangerWindow.open('闅愭偅闅忔墜鎷嶈鎯�',row)" >鏌ョ湅璇︽儏</el-button> + </template> + </el-table-column> + </el-table> + <pagination + @size-change="handleSizeChange" + @current-change="handlePageChange" + :pagination="tableData.pagination" + > + </pagination> + </template> + <OperaHiddenDangerWindow ref="OperaHiddenDangerWindow" @success="handlePageChange"/> + </TableLayout> </template> <script> +import BaseTable from '@/components/base/BaseTable' +import TableLayout from '@/layouts/TableLayout' import Pagination from '@/components/common/Pagination' -import QueryForm from '@/components/common/QueryForm' +import OperaHiddenDangerWindow from '@/components/business/OperaHiddenDangerWindow' +import { timeForMat } from '@/utils/util' +import { allList } from '@/api/business/hiddenDangerParam' export default { - components: { - Pagination, - QueryForm - }, + name: 'Empower', + extends: BaseTable, + components: { TableLayout, Pagination ,OperaHiddenDangerWindow}, data () { return { - filters: {}, - loading: false, - queryFormConfig: { - formItems: [ - { - filed: 'name', - type: 'select', - label: '闅愭偅鍖哄煙', - options: [] - }, - { - filed: 'name', - type: 'select', - label: '闅愭偅绫诲瀷', - options: [] - }, - { - filed: 'selDate', - type: 'daterange', - label: '闅愭偅鎻愭姤鏃ユ湡' - } - ], - online: true + // 鎼滅储 + searchForm: { + memberName: '', + companyName: '', + queryStartTime: '', + queryEndTime: '', + areaId: null, + cateId: null }, - pagination: { - capacity: 10, - page: 1 - }, - list: [], - total: 0 + cateList: [], + areaList: [], + time: [] } }, + created () { + this.config({ + module: '闅愭偅闅忔墜鎷嶇鐞�', + api: '/business/hiddenDanger', + 'field.id': 'id', + 'field.main': 'id' + }) + // this.search() + this.changeRadio('0') + this.loadParams() + }, methods: { - handleDetail () {}, - getList (page) { }, - clear () { }, - handleSizeChange (capacity) { - this.pagination.capacity = capacity + changeRadio (e) { + this.searchForm.radio = e + if (e === '0') { + this.searchForm.queryStartTime = timeForMat(0)[0] + this.searchForm.queryEndTime = timeForMat(0)[1] + this.time = timeForMat(0) + } else if (e === '1') { + this.searchForm.queryStartTime = timeForMat(6)[0] + this.searchForm.queryEndTime = timeForMat(6)[1] + this.time = timeForMat(6) + } else if (e === '2') { + this.searchForm.queryStartTime = timeForMat(29)[0] + this.searchForm.queryEndTime = timeForMat(29)[1] + this.time = timeForMat(29) + } + this.search() + }, + loadParams () { + allList({ + }) + .then(res => { + if (res != null && res.length) { + res.forEach(item => { + if (item && item.type != null && item.type === 0) { + this.areaList.push(item) + } + if (item && item.type != null && item.type === 1) { + this.cateList.push(item) + } + }) + } + }) + .catch(e => { + // this.$tip.apiFailed(e) + }) + .finally(() => { + }) + }, + seleTime (e) { + this.searchForm.queryStartTime = e[0] + this.searchForm.queryEndTime = e[1] + this.searchForm.radio = null + this.search() + }, + reset () { + this.$refs.searchForm.resetFields() + this.searchForm.radio = '0' + this.changeRadio('0') + // this.search() } } } </script> - -<style> -</style> -- Gitblit v1.9.3