220 lines
9.4 KiB
HTML
220 lines
9.4 KiB
HTML
<!--#
|
|
layout("/layouts/platform.html"){
|
|
#-->
|
|
|
|
<div id="app" class="platform" v-cloak>
|
|
<guava ref="guava" padding="0 5%">
|
|
<template>
|
|
<el-card shadow="never">
|
|
<div class="btn-group tool-button mr10">
|
|
<el-date-picker clearable end-placeholder="结束日期"
|
|
range-separator="-"
|
|
start-placeholder="开始日期"
|
|
type="daterange"
|
|
v-model="pageForm.dateRange"
|
|
value-format="yyyy-MM-dd">
|
|
</el-date-picker>
|
|
|
|
</div>
|
|
<div class="btn-group tool-button mr10">
|
|
<el-input placeholder="请输入活动名称" clearable v-model="pageForm.title"
|
|
style="width: 100%"
|
|
@keyup.enter.native="doSearch">
|
|
</el-input>
|
|
|
|
</div>
|
|
|
|
|
|
<div class="btn-group tool-button mt5 mr10">
|
|
<el-checkbox-group v-model="pageForm.sendTypes" @change="doSearch">
|
|
<el-checkbox-button label="msg" border>短信发送</el-checkbox-button>
|
|
<el-checkbox-button label="WeChat" border>微信发送</el-checkbox-button>
|
|
</el-checkbox-group>
|
|
</div>
|
|
<div class="btn-group tool-button ">
|
|
<el-button type="primary" icon="el-icon-search" @click="doSearch">搜索</el-button>
|
|
</div>
|
|
</el-card>
|
|
<el-card class="mt10" shadow="never">
|
|
<table-tool label="消息列表" :app="this">
|
|
<template #func>
|
|
</template>
|
|
</table-tool>
|
|
|
|
<el-table :data="tableData" style="width: 100%" row-key="id" @sort-change="pageOrder"
|
|
v-loading="tableLoading" :size="tableSize" class="vi-table">
|
|
|
|
<el-table-column align="center" header-align="center" type="index" :index="indexMethod" label="序号"
|
|
width="80px"></el-table-column>
|
|
<el-table-column
|
|
show-overflow-tooltip
|
|
align="center"
|
|
header-align="center"
|
|
v-for="column in tableColumns"
|
|
:label="column.label"
|
|
:prop="column.prop"
|
|
:sortable="column.sortable"
|
|
:width="column.width"
|
|
min-width="50"
|
|
>
|
|
<template v-if="column.prop==='module'" scope="{row}">
|
|
{{row.module=='hy'?'会员模块':'教代会模块'}}
|
|
</template>
|
|
<template v-else-if="column.prop==='teacherMeetingName'" scope="{row}">
|
|
{{!row.teacherMeetingId?'暂无':row.jdhallname}}
|
|
</template>
|
|
<template v-else-if="column.prop==='type'" scope="{row}">
|
|
{{row.type=='system'?'预设团体':row.type=='user'?'自定义人员':'活动设置人员'}}
|
|
</template>
|
|
<template v-else-if="column.prop==='hold'" scope="{row}">
|
|
{{row.hold?'已发送':'未发送'}}
|
|
</template>
|
|
</el-table-column>
|
|
<el-table-column align="center" header-align="center" label="操作" fixed="right">
|
|
<template scope="{row}">
|
|
<el-button @click="doSend(row)" size="mini" type="success" v-if="!row.hold">发送</el-button>
|
|
<el-button @click="openView(row)" size="mini" v-if="row.hold">查看</el-button>
|
|
<el-button size="mini" type="primary" @click="openEdit(row)" v-if="!row.hold">编辑</el-button>
|
|
<el-button size="mini" type="danger" @click="doDelete(row.id)">删除</el-button>
|
|
|
|
</template>
|
|
</el-table-column>
|
|
|
|
</el-table>
|
|
<!--#include("/layouts/pagination.html"){}#-->
|
|
</el-card>
|
|
</template>
|
|
</guava>
|
|
</div>
|
|
<script>
|
|
var vue = new Vue({
|
|
el: "#app",
|
|
mixins: [initTableMixins],
|
|
data() {
|
|
return {
|
|
unions: [],
|
|
units: [],
|
|
pageForm: {
|
|
sendTypes: [],
|
|
},
|
|
tableColumns: [
|
|
{prop: 'title', label: '活动名称'},
|
|
// {prop: 'module', label: '所属模块'},
|
|
// {prop: 'teacherMeetingName', label: '所属教代会'},
|
|
{prop: 'type', label: '人员范围', sortable: true},
|
|
{prop: 'sendTypesName', label: '发送方式'},
|
|
{prop: 'hold', label: '是否发送'},
|
|
{prop: 'CreateTime', label: '创建时间'},
|
|
// {prop: 'content', label: '发送内容'},
|
|
]
|
|
}
|
|
},
|
|
methods: {
|
|
async doSend(row) {
|
|
const confirm = await this.$confirm('您确定要发送消息吗?', '提示', {
|
|
confirmButtonText: '确定',
|
|
cancelButtonText: '取消',
|
|
type: 'warning'
|
|
})
|
|
if (confirm) {
|
|
const loading = this.$loading({
|
|
lock: true,
|
|
text: '正在提交...',
|
|
spinner: 'el-icon-loading',
|
|
background: COVER_LAYER_COLOR
|
|
});
|
|
const resp = await $.post(loc() + "/doSend", {
|
|
id: row.id,
|
|
sendTypes: row.sendTypes,
|
|
content: row.content
|
|
})
|
|
if (resp.code === 0) {
|
|
this.$notify.success(resp.msg)
|
|
this.pageData()
|
|
} else {
|
|
this.$notify.error(resp.msg)
|
|
}
|
|
loading.close()
|
|
|
|
|
|
}
|
|
},
|
|
async doDelete(id) {
|
|
const confirm = await this.$confirm('您确定要删除吗?', '提示', {
|
|
confirmButtonText: '确定',
|
|
cancelButtonText: '取消',
|
|
type: 'warning'
|
|
})
|
|
if (confirm) {
|
|
const res = await $.post(loc() + "/doDelete", {TitleId: id})
|
|
if (res.code === 0) {
|
|
this.pageData()
|
|
this.$message.success(res.msg)
|
|
}
|
|
}
|
|
},
|
|
pageData() {
|
|
sublime.showLoadingbar();
|
|
this.tableLoading = true
|
|
|
|
const pageForm = clone(this.pageForm)
|
|
pageForm.sendTypes = JSON.stringify(pageForm.sendTypes)
|
|
pageForm.dateRange = JSON.stringify(pageForm.dateRange)
|
|
|
|
$.post(loc() + "/pageData", pageForm, (data) => {
|
|
sublime.closeLoadingbar();
|
|
this.tableLoading = false
|
|
if (data.code == 0) {
|
|
data.data.list.forEach(v => {
|
|
const a = JSON.parse(v.sendTypes).map(z => {
|
|
if (z == "msg") {
|
|
return "短信"
|
|
} else {
|
|
return "微信"
|
|
}
|
|
|
|
})
|
|
v.sendTypesName = a.toString()
|
|
})
|
|
this.tableData = data.data.list;
|
|
this.pageForm.totalCount = data.data.totalCount;
|
|
} else {
|
|
this.$message.error(data.msg);
|
|
}
|
|
}, "json");
|
|
},
|
|
async openEdit(row) {
|
|
/* const {data} = await $.post(loc() + "/getMeetingByMsgId", {id: row.id})
|
|
if (data != null) {
|
|
const confirm = await this.$confirm('此会议与会务管理系统已绑定，是否前往会务管理系统修改？', '提示', {
|
|
confirmButtonText: '确定',
|
|
cancelButtonText: '取消',
|
|
type: 'warning'
|
|
})
|
|
if (confirm === "confirm") {
|
|
window.location.href = "/platform/meeting/manage"
|
|
}
|
|
} else {
|
|
const {id, hold} = row
|
|
window.location.href = '/platform/msgNotify/send?notifyId=' + id + "&hold=" + hold
|
|
}*/
|
|
const {id, hold} = row
|
|
window.location.href = '/platform/msgNotify/send?notifyId=' + id + "&hold=" + hold
|
|
},
|
|
openView(row) {
|
|
const {id, hold} = row
|
|
window.location.href = '/platform/msgNotify/send?notifyId=' + id + "&hold=" + hold
|
|
},
|
|
|
|
},
|
|
async created() {
|
|
this.pageData();
|
|
}
|
|
|
|
})
|
|
</script>
|
|
|
|
|
|
<!--#
|
|
}
|
|
#--> |