| | |
| | | </div> |
| | | <div class="btns"> |
| | | <el-button type="primary" icon="el-icon-search" @click="handleSearch">查询</el-button> |
| | | <el-button icon="el-icon-delete-solid">重置</el-button> |
| | | <el-button icon="el-icon-delete-solid" @click="handleReset">重置</el-button> |
| | | </div> |
| | | </div> |
| | | </header> |
| | |
| | | <!-- 数据展示 --> |
| | | <MyTable :tableOption="tableOption" :tableData="tableData" :pageShow="false"> |
| | | <template #operation="info"> |
| | | <el-link :underline="false" style="color:#4b9bb7">编辑</el-link> |
| | | <el-link :underline="false" style="color:#4b9bb7" @click="handleCheckSms(info)">审核</el-link> |
| | | </template> |
| | | </MyTable> |
| | | <div class="tools"> |
| | |
| | | </el-pagination> |
| | | </div> |
| | | </div> |
| | | |
| | | <!-- 审核页面 --> |
| | | <el-dialog :visible.sync="dialogCheckSms" width="80%" title="消息详情" v-if="dialogCheckSms" |
| | | :before-close="handleClose"> |
| | | <MyCheckSms :messageData="messageData" @closeDialog="closeDialog"></MyCheckSms> |
| | | </el-dialog> |
| | | </div> |
| | | </main> |
| | | <footer> |
| | |
| | | </template> |
| | | <script> |
| | | import MyTable from '@/components/Table'; |
| | | import { myDownLoad } from '@/utils/helper'; |
| | | import { createNamespacedHelpers } from "vuex"; |
| | | const { mapActions } = createNamespacedHelpers("shortMessage"); |
| | | import MyCheckSms from './checkSms'; |
| | | export default { |
| | | components: { |
| | | MyTable |
| | | MyTable,MyCheckSms |
| | | }, |
| | | data() { |
| | | return { |
| | | tableData: [], |
| | | dialogCheckSms:false, |
| | | messageData:{}, |
| | | totalNum: null, |
| | | context: "", |
| | | status:0, |
| | |
| | | } |
| | | }, |
| | | created() { |
| | | const { setTableData } = this; |
| | | setTableData(); |
| | | const {setTableData} = this |
| | | this.setTableData(); |
| | | }, |
| | | methods: { |
| | | handleSearch(){ |
| | | const {setTableData} = this |
| | | setTableData(); |
| | | }, |
| | | handleSearch(){ |
| | | this.setTableData(); |
| | | }, |
| | | // 重置 |
| | | handleReset(){ |
| | | |
| | | }, |
| | | // 设置表格数据 |
| | | async setTableData() { |
| | | const arr = await this.getMessageAuditList(); |
| | |
| | | done(); |
| | | }) |
| | | }, |
| | | ...mapActions(['getMessageList']), |
| | | // 当前页改变触发事件 |
| | | changeCurrentPage(page) { |
| | | this.currentPage = page; |
| | | this.setTableData(); |
| | | }, |
| | | // 去审核 |
| | | handleCheckSms(info) { |
| | | this.messageData = info; |
| | | this.dialogCheckSms = true; |
| | | }, |
| | | // 关闭dialog |
| | | closeDialog({flag}){ |
| | | this.dialogCheckSms = flag; |
| | | }, |
| | | } |
| | | } |
| | | </script> |