From 0c29b75ff7831413718aa0d91e8489b35137f99d Mon Sep 17 00:00:00 2001 From: jiangping <jp@doumee.com> Date: 星期三, 07 五月 2025 14:13:21 +0800 Subject: [PATCH] 最新版本541200007 --- admin/src/views/business/reportRecord.vue | 78 +++++++++++++++++++++++++++++++++------ 1 files changed, 66 insertions(+), 12 deletions(-) diff --git a/admin/src/views/business/reportRecord.vue b/admin/src/views/business/reportRecord.vue index 82a650f..1925e01 100644 --- a/admin/src/views/business/reportRecord.vue +++ b/admin/src/views/business/reportRecord.vue @@ -1,5 +1,5 @@ <template> - <div class="main_app"> + <div class="main_app" > <QueryForm v-model="filters" :query-form-config="queryFormConfig" @@ -11,6 +11,7 @@ <el-button type="primary" :loading="exLoading" @click="exportExcel" v-permissions="['business:visits:exportExcel']">瀵煎嚭</el-button> </div> <el-table + :height="tableHeightNew" v-loading="loading" :data="dataList" stripe @@ -59,6 +60,7 @@ prop="status" fixed="right" label="鐘舵��" + align="center" min-width="100" > <template slot-scope="{ row }"> @@ -66,28 +68,28 @@ >寰呮彁浜ゅ鎵�</span > <span v-if="row.status === 1" style="color: rgba(245, 154, 35, 0.996)" - >瀹℃壒涓�</span + >澶勭悊涓�</span > <span v-if="row.status === 2" style="color: rgba(245, 154, 35, 0.996)" - >瀹℃牳閫氳繃</span + >宸插悓鎰�</span > - <span style="color: gray" v-if="row.status === 3">瀹℃牳涓嶉�氳繃</span> + <span style="color: gray" v-if="row.status === 3">宸叉嫆缁�</span> <span v-if="row.status === 4" style="color: gray">鍙栨秷</span> - <span v-if="row.status === 5" style="color: green">棰勭害鎴愬姛</span> - <span v-if="row.status === 6" style="color: gray">棰勭害澶辫触</span> + <span v-if="row.status === 5" style="color: green">涓嬪彂鎴愬姛</span> + <span v-if="row.status === 6" style="color: gray">涓嬪彂澶辫触</span> <span v-if="row.status === 7" style="color: green">鎷滆涓�</span> <span v-if="row.status === 8" style="color: red">宸茬绂�</span> <span v-if="row.status === 9" style="color: gray">宸插け鏁�</span> </template> </el-table-column> - <el-table-column label="鎿嶄綔" width="100" fixed="right"> + <el-table-column label="鎿嶄綔" align="center" width="240" fixed="right"> <template slot-scope="{ row }"> <el-button type="text" @click="handleDetail(row)" - v-permissions="['business:company:update']" - >鏌ョ湅璇︽儏</el-button - > + v-permissions="['business:company:update']">鏌ョ湅璇︽儏</el-button> + <el-button type="text" icon="el-icon-delete" @click="deleteById(row)" style="color: red" v-permissions="['business:visits:delete']">鍒犻櫎</el-button> + <el-button type="text" @click="cancel(row.id)" v-permissions="['business:visits:cancel']" v-if="(row.status == 0 || row.status == 1 || row.status == 2|| row.status == 5)" icon="el-icon-delete" style="color: red" >鍙栨秷棰勭害</el-button> </template> </el-table-column> </el-table> @@ -107,8 +109,11 @@ // import ReportDetail from './page-components/ReportDetail.vue' import ReportDetail from '@/views/task/visReportDetail.vue' import OperaVisitsReportWindow from '@/components/business/operaVisitsReportWindow.vue' -import { fetchList, exportExcel } from '@/api/business/visits' +import { fetchList, exportExcel, deleteById ,visitsCancel} from '@/api/business/visits' +import BasePage from '@/components/base/BasePage' +import {mapState } from "vuex"; export default { + extends: BasePage, components: { ReportDetail, QueryForm, @@ -148,15 +153,33 @@ }, pagination: { capacity: 10, - page: 1 + page: 1, + total: 0 }, total: 0 } + }, + computed: { + ...mapState(['userInfo']) }, created () { this.getList() }, methods: { + cancel (id) { + this.$confirm('纭畾鍙栨秷棰勭害鍚�, 鏄惁缁х画?', '鎻愮ず', { + confirmButtonText: '纭畾', + cancelButtonText: '鍙栨秷', + type: 'warning' + }).then(() => { + visitsCancel(id) + .then(res => { + this.pagination.page = 1 + this.getList() + }) + }).catch(() => { + }) + }, exportExcel () { this.$dialog.exportConfirm('纭瀵煎嚭鍚楋紵') .then(() => { @@ -183,6 +206,21 @@ this.$refs.operaVisitsWindowRef.isShowModal = true }) }, + deleteById (row) { + this.$confirm('纭畾鍒犻櫎璇ヨ褰曞悧, 鏄惁缁х画?', '鎻愮ず', { + confirmButtonText: '纭畾', + cancelButtonText: '鍙栨秷', + type: 'warning' + }).then(() => { + deleteById(row.id) + .then(res => { + this.$message.success('鎿嶄綔鎴愬姛') + this.page = 1 + this.getList() + }) + }).catch(() => { + }) + }, handleDetail (row) { this.isShowReport = true this.$nextTick(() => { @@ -202,6 +240,7 @@ ...pagination }).then(res => { this.dataList = res.records || [] + this.pagination.total = res.total }) }, clear () { @@ -212,10 +251,25 @@ }, handleSizeChange (capacity) { this.pagination.capacity = capacity + this.getList(1) } } } </script> <style lang="scss" scoped> +.table-pagination { + + margin-left: 0px; + padding: 16px 0px ; + text-align: left; + display: block; + z-index: 100; + width: -webkit-fill-available; + /* width: 80%; */ + position: fixed; + bottom: 0px; + background-color: white; + margin-right: 50px; +} </style> -- Gitblit v1.9.3