| | |
| | | <div class="header-content"> |
| | | <div class="search"> |
| | | <span>输入查询:</span> |
| | | <el-input placeholder="请输入内容" v-model="context"></el-input> |
| | | <el-input placeholder="消息标题" v-model="context"></el-input> |
| | | </div> |
| | | <div class="message-status"> |
| | | <span>消息状态:</span> |
| | |
| | | </div> |
| | | <div class="message-kind"> |
| | | <span>消息分类:</span> |
| | | <el-select v-model="messageStatus" placeholder="请选择消息分类"> |
| | | <el-option v-for="item in statusList" :key="item.value" :label="item.label" :value="item.value"> |
| | | <el-select v-model="messageKind" placeholder="请选择消息分类"> |
| | | <el-option v-for="item in kindList" :key="item.id" :label="item.columnName" :value="item.id"> |
| | | </el-option> |
| | | </el-select> |
| | | </div> |
| | | <div class="find"> |
| | | <el-button type="primary" icon="el-icon-search">查询</el-button> |
| | | <el-button icon="el-icon-delete-solid">重置</el-button> |
| | | <el-button type="primary" icon="el-icon-search" @click="handleSearch">查询</el-button> |
| | | <el-button icon="el-icon-delete-solid" @click="handleReset">重置</el-button> |
| | | </div> |
| | | </div> |
| | | </header> |
| | |
| | | <template slot-scope="scope"> |
| | | <div class="operation"> |
| | | <el-link icon="el-icon-view" :underline="false" @click="dialogView = true">查看</el-link> |
| | | <el-link icon="el-icon-edit" class="leftPx" :underline="false">编辑</el-link> |
| | | <el-link icon="el-icon-edit" class="leftPx" :underline="false" @click="handleEdit(scope.row)">编辑</el-link> |
| | | <el-link class="leftPx" icon="el-icon-delete-solid" :underline="false" |
| | | @click="handleDelete([scope.row.id])">删除</el-link> |
| | | </div> |
| | |
| | | <el-dialog title="消息详情" :visible.sync="dialogView" v-if="dialogView" width="45%" |
| | | :before-close="handleClose"> |
| | | <MyView></MyView> |
| | | </el-dialog> |
| | | <!-- 编辑页面 --> |
| | | <el-dialog title="编辑消息" :visible.sync="dialogEdit" v-if="dialogEdit" width="80%" |
| | | :before-close="handleClose"> |
| | | <MyEdit @closeDialog="closeDialog" :info="info"></MyEdit> |
| | | </el-dialog> |
| | | <!-- tools --> |
| | | <div class="tools"> |
| | |
| | | import helper from '@/utils/mydate' |
| | | import MyView from './myview' |
| | | import MyCreate from './createUser' |
| | | // 引入编辑组件 |
| | | import MyEdit from './update' |
| | | export default { |
| | | components: { |
| | | MyView, MyCreate |
| | | MyView, MyCreate,MyEdit |
| | | }, |
| | | data() { |
| | | return { |
| | | tableData: [], |
| | | context: "", |
| | | dialogEdit:false, |
| | | dialogCreate: false, |
| | | dialogView: false, |
| | | totalNum: null, |
| | |
| | | } |
| | | ], |
| | | tempList: [], |
| | | messageStatus: 0, |
| | | messageKind: 0, |
| | | messageStatus: 2, |
| | | messageKind: '00', |
| | | statusList: [ |
| | | { |
| | | label: '全部', |
| | | value: 0, |
| | | value: 2, |
| | | }, |
| | | { |
| | | label: '未发布', |
| | | value: 1, |
| | | value: 0, |
| | | }, |
| | | { |
| | | label: '已发布', |
| | | value: 2, |
| | | value: 1, |
| | | } |
| | | ], |
| | | kindList: [ |
| | | { |
| | | label: '全部', |
| | | value: 0, |
| | | id:'00', |
| | | columnName:'全部', |
| | | }, |
| | | { |
| | | label: '全部', |
| | | value: 0, |
| | | id:'01', |
| | | columnName:'站内信', |
| | | }, |
| | | { |
| | | label: '全部', |
| | | value: 0, |
| | | id:'02', |
| | | columnName:'邮件', |
| | | }, |
| | | { |
| | | id:'03', |
| | | columnName:'短信', |
| | | } |
| | | ] |
| | | } |
| | | }, |
| | | created() { |
| | | this.setTableData(); |
| | | const {setTableData} = this |
| | | setTableData(); |
| | | }, |
| | | methods: { |
| | | // 查询 |
| | | handleSearch(){ |
| | | const {setTableData} = this |
| | | setTableData(); |
| | | }, |
| | | // 重置 |
| | | handleReset(){ |
| | | |
| | | }, |
| | | // 编辑 |
| | | handleEdit(data){ |
| | | this.info = data; |
| | | this.dialogEdit = true; |
| | | }, |
| | | // 删除信息 |
| | | handleDelete(idarr) { |
| | | this.$confirm('确认删除?') |
| | | .then(_ => { |
| | |
| | | // 获取消息数据 |
| | | async getMessageList() { |
| | | let arr = []; |
| | | const { currentPage, pageSize } = this; |
| | | const { currentPage, pageSize,context,messageStatus,messageKind } = this; |
| | | await this.$axios({ |
| | | method: 'post', |
| | | url: 'sccg/message/list', |
| | | data: { |
| | | body: "", |
| | | channelCode: "", |
| | | createUser: 0, |
| | | channelCode: messageKind === '00' ?'':messageKind, |
| | | createUser: '', |
| | | current: currentPage, |
| | | head: "", |
| | | messageType: 0, |
| | | head: context, |
| | | messageType: "", |
| | | pageSize: pageSize, |
| | | randomCode: "", |
| | | remark: "", |
| | | sendTime: "", |
| | | status: 0, |
| | | status: messageStatus === 2 ? '':messageStatus, |
| | | targetFrom: "", |
| | | targetTo: "" |
| | | } |
| | |
| | | this.currentPage = page; |
| | | this.setTableData(); |
| | | }, |
| | | // // 上一页点击事件 |
| | | // handlePrev(page) { |
| | | // this.currentPage = page; |
| | | // this.search(); |
| | | // }, |
| | | // // 下一页点击事件 |
| | | // handleNext(page) { |
| | | // this.currentPage = page; |
| | | // this.search(); |
| | | // }, |
| | | // 关闭弹窗 |
| | | handleClose(done) { |
| | | done(); |