yxt_group
/
supervise
5
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

完善消息中心

master
yunuo970428 2 years ago
parent
b287eed45c
commit
5db4080fca
4 changed files with 549 additions and 1 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 16
      supervise-message-ui/src/api/message/message.js
  2. 2
      supervise-message-ui/src/router/modules/codemenu.js
  3. 200
      supervise-message-ui/src/views/message/readmessage.vue
  4. 332
      supervise-message-ui/src/views/message/unreadmessage.vue

16
supervise-message-ui/src/api/message/message.js
View File

@ -0,0 +1,16 @@
import request from '@/utils/request'
// 模板信息
export default {
// 查询分页列表
listPage: function(params) {
return request({
// baseURL: '/api',
url: '/v1/messagepushlog/listPageByPc',
method: 'post',
data: params,
headers: {
'Content-Type': 'application/json'
}
})
}
}

2
supervise-message-ui/src/router/modules/codemenu.js
View File

@ -25,7 +25,7 @@ const codemenu = [{
},
children: [{
path: '/wdxx/index',
component: () => import('@/views/message/wdxx.vue'),
component: () => import('@/views/message/unreadmessage.vue'),
name: 'XxzxWdxx',
meta: {
title: '未读消息',

200
supervise-message-ui/src/views/message/readmessage.vue
View File

@ -0,0 +1,200 @@
<template>
<div class="app-container">
<!-- Start 列表页面 -->
<div v-show="viewState == 1">
<button-bar view-title="消息管理" ref="btnbar" :btndisabled="btndisabled" @btnhandle="btnHandle"/>
<div class="main-content">
<div class="switch_btn">
<el-button class="" @click="handleClick">未读消息</el-button>
<el-button :class="{btn_style:viewState === 1}">已读消息</el-button>
</div>
<div class="searchcon">
<el-button size="small" class="searchbtn" @click="clicksearchShow">{{ searchxianshitit }}</el-button>
<div v-show="isSearchShow" class="search">
<el-form ref="listQueryform" :inline="true" :model="listQuery" class="tab-header">
<el-form-item label="消息类型">
<el-input v-model="listQuery.params.type" clearable placeholder="" class="addinputw"></el-input>
</el-form-item>
<el-form-item label="消息来源">
<el-input v-model="listQuery.params.msgSource" clearable placeholder="" class="addinputw"></el-input>
</el-form-item>
<el-form-item label="消息标题">
<el-input v-model="listQuery.params.title" clearable placeholder="" class="addinputw"></el-input>
</el-form-item>
<el-form-item label="发送人">
<el-input v-model="listQuery.params.senderName" clearable placeholder="" class="addinputw"></el-input>
</el-form-item>
<el-form-item class="formItem" label="接收日期">
<el-date-picker value-format="yyyy-MM-dd" v-model="listQuery.params.createTimeStart" clearable type="date" placeholder="开始日期" />
<span style="padding: 0 8px">至</span>
<el-date-picker value-format="yyyy-MM-dd" v-model="listQuery.params.createTimeEnd" clearable type="date" placeholder="结束日期" />
</el-form-item>
</el-form>
<div class="btn" style="text-align: center;">
<el-button type="primary" icon="el-icon-search" @click="handleFilter" size="small">查询</el-button>
<el-button type="primary" icon="el-icon-refresh" @click="handleReset" size="small">重置</el-button>
</div>
</div>
</div>
<div class="listtop">
<div class="tit">已读消息列表</div>
<pageye v-show="list.length > 0" :total="listQuery.total" :page.sync="listQuery.current" :limit.sync="listQuery.size" class="pagination" @pagination="getList"/>
</div>
<div class="">
<el-table :key="tableKey" v-loading="listLoading" :data="list" border style="width: 100%;">
<el-table-column fixed width="60" label="序号" type="index" :index="indexMethod" align="center"/>
<el-table-column prop="senderName" width="100" label="发送人" align="center" />
<el-table-column prop="title" label="标题" align="left" header-align="center" />
<el-table-column prop="createTime" width="150" label="日期" align="center" />
<el-table-column prop="type" width="100" label="消息类别" align="center" />
<el-table-column prop="msgSource" width="100" label="消息来源" align="center" />
</el-table>
</div>
<div class="pages">
<!-- 翻页 -->
<pagination v-show="list.length > 0" :total="listQuery.total" :page.sync="listQuery.current" :limit.sync="listQuery.size" class="pagination" @pagination="getList"/>
</div>
</div>
</div>
<!-- End 列表页面 -->
</div>
</template>
<script>
import req from '@/api/message/message'
import Pagination from '@/components/pagination'
import pageye from '@/components/pagination/pageye'
import ButtonBar from '@/components/ButtonBar'
export default {
name: 'ReadMessage',
components: {
Pagination,
pageye,
ButtonBar
},
data() {
return {
viewState: 1,
btndisabled: false,
btnList: [
{
type: 'info',
size: 'small',
icon: 'cross',
btnKey: 'doClose',
btnLabel: '关闭'
}
],
isSearchShow: false,
searchxianshitit: '显示查询条件',
// 查询条件 -----------
tableKey: 0,
list: [],
listLoading: false,
listQuery: {
params: {
userSid: '',
state: '1',
createTimeStart: '',
createTimeEnd: '',
type: '',
msgSource: '',
title: '',
senderName: ''
},
current: 1,
size: 10,
total: 0
},
rules: {}
}
},
mounted() {
this.$refs['btnbar'].setButtonList(this.btnList)
},
methods: {
// 搜索条件效果
clicksearchShow() {
this.isSearchShow = !this.isSearchShow
if (this.isSearchShow) {
this.searchxianshitit = '隐藏查询条件'
} else {
this.searchxianshitit = '显示查询条件'
}
},
btnHandle(btnKey) {
console.log('XXXXXXXXXXXXXXX ' + btnKey)
switch (btnKey) {
case 'doClose':
this.doClose()
break
default:
break
}
},
// 序号
indexMethod(index) {
var pagestart = (this.listQuery.current - 1) * this.listQuery.size
var pageindex = index + 1 + pagestart
return pageindex
},
// 查询列表信息
getList() {
this.listLoading = true
this.listQuery.params.userSid = '5d4b06cd-9d5e-11ed-87ce-525401028fe6'
req.listPage(this.listQuery).then((response) => {
console.log('列表查询结果：', response)
this.listLoading = false
if (response.success) {
this.list = response.data.records
this.listQuery.total = response.data.total
} else {
this.list = []
this.listQuery.total = 0
}
})
},
handleClick() {
this.$parent.resetState()
},
// 查询按钮
handleFilter() {
this.listQuery.current = 1
this.getList()
},
resetState() {
this.viewState = 1
},
handleReset() {
this.listQuery = {
params: {
userSid: '',
state: '1',
createTimeStart: '',
createTimeEnd: '',
type: '',
msgSource: '',
title: '',
senderName: ''
},
current: 1,
size: 10,
total: 0
}
this.getList()
},
doClose() {
this.$store.dispatch('tagsView/delView', this.$route)
this.$router.go(-1)
}
}
}
</script>
<style scoped>
.btn_style {
background-color: #018ad2;
color: white;
font-weight: 600;
}
</style>

332
supervise-message-ui/src/views/message/unreadmessage.vue
View File

@ -0,0 +1,332 @@
<template>
<div class="app-container">
<!-- Start 列表页面 -->
<div v-show="viewState == 1">
<button-bar view-title="消息管理" ref="btnbar" :btndisabled="btndisabled" @btnhandle="btnHandle"/>
<div class="main-content">
<div class="switch_btn">
<el-button :class="{btn_style:viewState === 1}">未读消息</el-button>
<el-button class="" @click="handleClick">已读消息</el-button>
</div>
<div class="searchcon">
<el-button size="small" class="searchbtn" @click="clicksearchShow">{{ searchxianshitit }}</el-button>
<div v-show="isSearchShow" class="search">
<el-form ref="listQueryform" :inline="true" :model="listQuery" class="tab-header">
<el-form-item label="消息类型">
<el-input v-model="listQuery.params.msgType" clearable placeholder="" class="addinputw"></el-input>
</el-form-item>
<el-form-item label="消息来源">
<el-input v-model="listQuery.params.msgSource" clearable placeholder="" class="addinputw"></el-input>
</el-form-item>
<el-form-item label="消息标题">
<el-input v-model="listQuery.params.msgTitle" clearable placeholder="" class="addinputw"></el-input>
</el-form-item>
<el-form-item label="发送人">
<el-input v-model="listQuery.params.senderName" clearable placeholder="" class="addinputw"></el-input>
</el-form-item>
<el-form-item class="formItem" label="接收日期">
<el-date-picker value-format="yyyy-MM-dd" v-model="listQuery.params.createTimeStart" clearable type="date" placeholder="开始日期" />
<span style="padding: 0 8px">至</span>
<el-date-picker value-format="yyyy-MM-dd" v-model="listQuery.params.createTimeEnd" clearable type="date" placeholder="结束日期" />
</el-form-item>
</el-form>
<div class="btn" style="text-align: center;">
<el-button type="primary" icon="el-icon-search" @click="handleFilter" size="small">查询</el-button>
<el-button type="primary" icon="el-icon-refresh" @click="handleReset" size="small">重置</el-button>
</div>
</div>
</div>
<div class="listtop">
<div class="tit">未读消息列表</div>
<pageye v-show="list.length > 0" :total="listQuery.total" :page.sync="listQuery.current" :limit.sync="listQuery.size" class="pagination" @pagination="getList"/>
</div>
<div class="">
<el-table :key="tableKey" v-loading="listLoading" :data="list" border style="width: 100%;" @selection-change="handleSelectionChange">
<el-table-column type="selection" align="center" width="50" />
<el-table-column fixed width="60" label="序号" type="index" :index="indexMethod" align="center"/>
<el-table-column prop="senderName" width="100" label="发送人" align="center" />
<el-table-column prop="title" label="标题" align="left" header-align="center" />
<el-table-column prop="createTime" width="150" label="日期" align="center" />
<el-table-column prop="type" width="100" label="消息类别" align="center" />
<el-table-column prop="msgSource" width="100" label="消息来源" align="center" />
</el-table>
</div>
<div class="pages">
<!-- 翻页 -->
<pagination v-show="list.length > 0" :total="listQuery.total" :page.sync="listQuery.current" :limit.sync="listQuery.size" class="pagination" @pagination="getList"/>
</div>
</div>
</div>
<!-- End 列表页面 -->
<!-- 已选择列表 -->
<readmessage v-show="viewState == 2" ref="divRead" @doback="resetState"/>
</div>
</template>
<script>
import req from '@/api/message/message'
import Pagination from '@/components/pagination'
import pageye from '@/components/pagination/pageye'
import ButtonBar from '@/components/ButtonBar'
import readmessage from './readmessage'
export default {
name: 'UnreadMessage',
components: {
Pagination,
pageye,
ButtonBar,
readmessage
},
data() {
return {
viewState: 1,
btndisabled: false,
btnList: [
{
type: 'primary',
size: 'small',
icon: '',
btnKey: 'toPartialMark',
btnLabel: '部分标记为已读'
},
{
type: 'primary',
size: 'small',
icon: '',
btnKey: 'toAllMark',
btnLabel: '全部标记为已读'
},
{
type: 'danger',
size: 'small',
icon: 'del',
btnKey: 'doDel',
btnLabel: '删除'
},
{
type: 'info',
size: 'small',
icon: 'cross',
btnKey: 'doClose',
btnLabel: '关闭'
}
],
isSearchShow: false,
searchxianshitit: '显示查询条件',
// 查询条件 -----------
tableKey: 0,
list: [],
sids: [],
listLoading: false,
listQuery: {
params: {
userSid: '',
state: '0',
createTimeStart: '',
createTimeEnd: '',
msgType: '',
msgSource: '',
msgTitle: '',
senderName: ''
},
current: 1,
size: 10,
total: 0
}
}
},
created() {
this.getList()
},
mounted() {
this.$refs['btnbar'].setButtonList(this.btnList)
},
methods: {
// 搜索条件效果
clicksearchShow() {
this.isSearchShow = !this.isSearchShow
if (this.isSearchShow) {
this.searchxianshitit = '隐藏查询条件'
} else {
this.searchxianshitit = '显示查询条件'
}
},
btnHandle(btnKey) {
console.log('XXXXXXXXXXXXXXX ' + btnKey)
switch (btnKey) {
case 'toPartialMark':
this.toPartialMark()
break
case 'toAllMark':
this.toAllMark()
break
case 'doClose':
this.doClose()
break
case 'doDel':
this.doDel()
break
default:
break
}
},
// 序号
indexMethod(index) {
var pagestart = (this.listQuery.current - 1) * this.listQuery.size
var pageindex = index + 1 + pagestart
return pageindex
},
// 信息条数 获取点击时当前的sid
handleSelectionChange(row) {
const aa = []
row.forEach(element => {
aa.push(element.sid)
})
this.sids = aa
},
// 查询列表信息
getList() {
this.listLoading = true
this.listQuery.params.userSid = '5d4b06cd-9d5e-11ed-87ce-525401028fe6'
req.listPage(this.listQuery).then((response) => {
this.listLoading = false
if (response.success) {
this.list = response.data.records
this.listQuery.total = response.data.total
} else {
this.list = []
this.listQuery.total = 0
}
})
},
handleClick() {
this.viewState = 2
this.$refs['divSelect'].getList()
},
// 查询按钮
handleFilter() {
this.listQuery.current = 1
this.getList()
},
handleReset() {
this.listQuery = {
params: {
userSid: '',
state: '0',
createTimeStart: '',
createTimeEnd: '',
msgType: '',
msgSource: '',
msgTitle: '',
senderName: ''
},
current: 1,
size: 10,
total: 0
}
this.getList()
},
// 部分标记为已读
toPartialMark() {
if (this.sids.length === 0) {
this.$message({ showClose: true, type: 'error', message: '请选择至少一条记录进行操作' })
return
}
const tip = '请确认是否标记所选 ' + this.sids.length + ' 条记录?'
this.$confirm(tip, '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then(() => {
const loading = this.$loading({
lock: true,
text: 'Loading',
spinner: 'el-icon-loading',
background: 'rgba(0, 0, 0, 0.7)'
})
req.ChangeRead(this.sids).then(resp => {
if (resp.success) {
this.$message({ type: 'success', message: resp.msg, showClose: true })
}
this.getList()
loading.close()
}).catch(e => {
loading.close()
})
}).catch(() => {
})
},
// 全部标记为已读
toAllMark() {
const tip = '请确认是否标记全部记录?'
this.$confirm(tip, '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then(() => {
const loading = this.$loading({
lock: true,
text: 'Loading',
spinner: 'el-icon-loading',
background: 'rgba(0, 0, 0, 0.7)'
})
req.changeAll(this.sids).then(resp => {
if (resp.success) {
this.$message({ type: 'success', message: resp.msg, showClose: true })
}
this.getList()
loading.close()
}).catch(e => {
loading.close()
})
}).catch(() => {
})
},
// 删除
doDel() {
if (this.sids.length === 0) {
this.$message({ showClose: true, type: 'error', message: '请选择至少一条记录进行删除操作' })
return
}
const tip = '请确认是否删除所选 ' + this.sids.length + ' 条记录?'
this.$confirm(tip, '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then(() => {
const loading = this.$loading({
lock: true,
text: 'Loading',
spinner: 'el-icon-loading',
background: 'rgba(0, 0, 0, 0.7)'
})
req.delete(this.sids).then(resp => {
if (resp.success) {
this.$message({ type: 'success', message: resp.msg, showClose: true })
}
this.getList()
loading.close()
}).catch(e => {
loading.close()
})
}).catch(() => {
})
},
resetState() {
this.viewState = 1
},
doClose() {
this.$store.dispatch('tagsView/delView', this.$route)
this.$router.go(-1)
}
}
}
</script>
<style scoped>
.btn_style {
background-color: #018ad2;
color: white;
font-weight: 600;
}
</style>
Write Preview
Loading…
Cancel
Save