first commit
This commit is contained in:
@@ -0,0 +1,220 @@
|
||||
<!--#
|
||||
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>
|
||||
|
||||
|
||||
<!--#
|
||||
}
|
||||
#-->
|
||||
Reference in New Issue
Block a user