From 11ee485cee80291adf53c028adf830d5b2a302e9 Mon Sep 17 00:00:00 2001 From: mg <286043144@qq.com> Date: 星期二, 25 十月 2022 17:53:07 +0800 Subject: [PATCH] 短信审核页面功能调试 --- src/views/operate/management/message/index.vue | 103 ++++++++++++++++++++++++++++++++++++--------------- 1 files changed, 72 insertions(+), 31 deletions(-) diff --git a/src/views/operate/management/message/index.vue b/src/views/operate/management/message/index.vue index 36d2a8c..bf74671 100644 --- a/src/views/operate/management/message/index.vue +++ b/src/views/operate/management/message/index.vue @@ -15,7 +15,7 @@ </el-radio-group> </div> <div class="btns"> - <el-button type="primary" icon="el-icon-search">鏌ヨ</el-button> + <el-button type="primary" icon="el-icon-search" @click="handleSearch">鏌ヨ</el-button> <el-button icon="el-icon-delete-solid">閲嶇疆</el-button> </div> </div> @@ -24,13 +24,32 @@ <div class="main-content"> <div class="main-title"> 鏁版嵁鍒楄〃 - </div> + </div> <!-- 鏁版嵁灞曠ず --> - <MyTable :tableOption="tableOption" :tableData="list" :pageShow="false"> + <MyTable :tableOption="tableOption" :tableData="tableData" :pageShow="false"> <template #operation="info"> <el-link :underline="false" style="color:#4b9bb7">缂栬緫</el-link> </template> </MyTable> + <div class="tools"> + <div class="funs"> + <div class="funsItem funs-sp"> + + </div> + <div class="funsItem funs-sp"> + + </div> + <div class="funsItem"> + </div> + </div> + <div class="pagination"> + <el-pagination background :current-page="currentPage" layout="prev, pager, next" + :total="totalNum" :page-size="pageSize" @current-change="changeCurrentPage" + > + </el-pagination> + </div> + </div> + </div> </main> <footer> @@ -39,32 +58,23 @@ </div> </template> <script> -import MyTable from '@/components/Table' -import { myDownLoad } from '@/utils/helper' +import MyTable from '@/components/Table'; +import { myDownLoad } from '@/utils/helper'; import { createNamespacedHelpers } from "vuex"; const { mapActions } = createNamespacedHelpers("shortMessage"); export default { components: { - MyTable, + MyTable }, data() { return { - context: '', + tableData: [], + totalNum: null, + context: "", status:0, - options: [ - { - value: 0, - label: '绂荤嚎', - }, - { - value: 1, - label: '鍦ㄧ嚎', - } - ], list: [], - current: 1, pageSize: 10, - total:1, + currentPage: 1, tableOption: { group: [ { @@ -92,6 +102,12 @@ 'min-width':10 }, { + label: '瀹℃牳鐘舵��', + type: 'text', + prop: 'auditStatus', + 'min-width':12 + }, + { label: '鏇存柊鏃堕棿', type: 'time', prop: 'updateTime', @@ -100,7 +116,7 @@ { label: '鏇存柊浜�', type: 'text', - prop: 'updateUser', + prop: 'auditText', 'min-width':8 }, { @@ -112,12 +128,41 @@ ] }, } - }, + }, created() { const { setTableData } = this; setTableData(); - }, - methods: { + }, + methods: { + handleSearch(){ + const {setTableData} = this + setTableData(); + }, + // 璁剧疆琛ㄦ牸鏁版嵁 + async setTableData() { + const arr = await this.getMessageAuditList(); + this.tableData = arr.records; + this.totalNum = arr.total; + }, + // 鑾峰彇娑堟伅鏁版嵁 + async getMessageAuditList() { + let arr = []; + const { currentPage, pageSize,context,status} = this; + await this.$axios({ + method: 'post', + url: 'sccg/message_audit/list', + data: { + messageId: context, + auditStatus:status, + current: currentPage, + pageSize: pageSize + } + }) + .then(res => { + arr = res.data; + }) + return arr; + }, // 寮圭獥鍏抽棴 handleClose(done) { this.$confirm('纭鍏抽棴?') @@ -126,14 +171,10 @@ }) }, ...mapActions(['getMessageList']), - // 璁剧疆tableData - async setTableData() { - const { current, pageSize, context } = this; - let arr = await this.getMessageList({ - current,pageSize,messageId:parseFloat(context) - }) - this.list = arr.data.data.records - this.total = arr.data.data.total + // 褰撳墠椤垫敼鍙樿Е鍙戜簨浠� + changeCurrentPage(page) { + this.currentPage = page; + this.setTableData(); }, } } -- Gitblit v1.8.0