1070 lines
34 KiB
Vue
1070 lines
34 KiB
Vue
<template>
|
||
<div class="search">
|
||
<Row>
|
||
<Col>
|
||
<Card>
|
||
<Tabs value="MESSAGE" @on-click="paneChange">
|
||
|
||
<TabPane label="站内信列表" name="MESSAGE">
|
||
<Row v-show="openSearch" @keydown.enter.native="handleSearch">
|
||
<Form ref="searchForm" :model="searchMessageForm" inline :label-width="70" class="search-form">
|
||
<Form-item label="消息标题" prop="title">
|
||
<Input
|
||
type="text"
|
||
v-model="searchMessageForm.title"
|
||
placeholder="请输入消息标题"
|
||
clearable
|
||
style="width: 200px"
|
||
/>
|
||
</Form-item>
|
||
|
||
<Form-item label="消息内容" prop="content">
|
||
<Input
|
||
type="text"
|
||
v-model="searchMessageForm.content"
|
||
placeholder="请输入消息内容"
|
||
clearable
|
||
style="width: 200px"
|
||
/>
|
||
</Form-item>
|
||
|
||
<Button @click="handleSearch" type="primary" icon="ios-search" class="search-btn">搜索</Button>
|
||
|
||
</Form>
|
||
</Row>
|
||
<Row class="operation" style="margin-top: 20px">
|
||
<Button @click="sendMessage" type="primary">发送消息</Button>
|
||
</Row>
|
||
<Row>
|
||
<Table
|
||
:loading="loading"
|
||
border
|
||
:columns="messageColumns"
|
||
:data="messageData"
|
||
ref="table"
|
||
sortable="custom"
|
||
@on-sort-change="messageChangeSort"
|
||
@on-selection-change="messageChangeSelect"
|
||
></Table>
|
||
</Row>
|
||
<Row type="flex" justify="end" class="page">
|
||
<Page
|
||
:current="searchMessageForm.pageNumber"
|
||
:total="messageDataTotal"
|
||
:page-size="searchMessageForm.pageSize"
|
||
@on-change="messageChangePage"
|
||
@on-page-size-change="messageChangePageSize"
|
||
:page-size-opts="[10, 20, 50]"
|
||
size="small"
|
||
show-total
|
||
show-elevator
|
||
show-sizer
|
||
></Page>
|
||
</Row>
|
||
</TabPane>
|
||
|
||
<TabPane label="通知类站内信" name="SETTING">
|
||
<Row>
|
||
<Table
|
||
:loading="loading"
|
||
border
|
||
:columns="noticeColumns"
|
||
:data="noticeData"
|
||
ref="table"
|
||
sortable="custom"
|
||
@on-sort-change="changeSort"
|
||
@on-selection-change="changeSelect"
|
||
></Table>
|
||
</Row>
|
||
<Row type="flex" justify="end" class="page">
|
||
<Page
|
||
:current="searchForm.pageNumber"
|
||
:total="noticeDataTotal"
|
||
:page-size="searchForm.pageSize"
|
||
@on-change="changePage"
|
||
@on-page-size-change="changePageSize"
|
||
:page-size-opts="[10, 20, 50]"
|
||
size="small"
|
||
show-total
|
||
show-elevator
|
||
show-sizer
|
||
></Page>
|
||
</Row>
|
||
</TabPane>
|
||
</Tabs>
|
||
|
||
</Card>
|
||
</Col>
|
||
</Row>
|
||
<!-- 站内信模板编辑 -->
|
||
<Modal
|
||
:title="modalTitle"
|
||
v-model="modalVisible"
|
||
:mask-closable="false"
|
||
:width="800"
|
||
>
|
||
<div class="message-title">
|
||
<p>1、左侧#{xxx}为消息变量</p>
|
||
<p>2、如果要发送的消息包含消息变量则将消息变量复制到消息内容中即可，注意格式</p>
|
||
<p>3、例：比如消息变量为#{订单号}，发送的内容为：订单号为xxx的订单已经发货注意查收，完整的消息内容应该为订单号为#{订单号}的订单已经发货注意查收</p>
|
||
</div>
|
||
<div class="send-setting">
|
||
<div class="left-show">
|
||
<div v-for="(item, index) in form.variables">
|
||
#{<span>{{item}}</span>}
|
||
</div>
|
||
</div>
|
||
<div class="send-form">
|
||
<Form ref="form" :model="form" :label-width="100" :rules="formValidate">
|
||
|
||
<FormItem label="通知节点" prop="noticeNode">
|
||
<Input v-model="form.noticeNode" clearable type="text" style="width: 90%" maxlength="20" disabled/>
|
||
</FormItem>
|
||
<FormItem label="消息标题" prop="noticeTitle">
|
||
<Input v-model="form.noticeTitle" clearable type="text" style="width: 90%" maxlength="20"/>
|
||
</FormItem>
|
||
<FormItem label="消息内容" prop="noticeContent">
|
||
<Input v-model="form.noticeContent" clearable type="textarea" style="width: 90%" maxlength="50"
|
||
:autosize="{maxRows:4,minRows: 4}" show-word-limit/>
|
||
</FormItem>
|
||
</Form>
|
||
</div>
|
||
|
||
</div>
|
||
<div slot="footer">
|
||
<Button type="text" @click="modalVisible = false">取消</Button>
|
||
<Button type="primary" :loading="submitLoading" @click="handleSubmit">保存</Button>
|
||
</div>
|
||
</Modal>
|
||
|
||
<!-- 站内信发送 -->
|
||
<Modal
|
||
:title="messageModalTitle"
|
||
v-model="messageModalVisible"
|
||
:mask-closable="false"
|
||
:width="800"
|
||
>
|
||
<Form ref="messageSendForm" :model="messageSendForm" :label-width="100" :rules="messageFormValidate">
|
||
<FormItem label="消息标题" prop="title">
|
||
<Input v-model="messageSendForm.title" maxlength="15" clearable style="width: 70%"/>
|
||
</FormItem>
|
||
<FormItem label="消息内容" prop="content">
|
||
<Input
|
||
v-model="messageSendForm.content"
|
||
:rows="4"
|
||
type="textarea"
|
||
style="max-height:60vh;overflow:auto;width: 70%"
|
||
/>
|
||
</FormItem>
|
||
|
||
<FormItem label="发送对象">
|
||
<RadioGroup type="button" button-style="solid" v-model="messageSendForm.messageClient"
|
||
@on-change="selectObject">
|
||
<Radio label="member">会员</Radio>
|
||
<Radio label="store">商家</Radio>
|
||
</RadioGroup>
|
||
</FormItem>
|
||
|
||
<FormItem label="发送范围">
|
||
<RadioGroup type="button" button-style="solid" v-model="messageSendForm.messageRange" @on-change="selectShop">
|
||
<Radio label="ALL">全站</Radio>
|
||
<Radio v-if="messageSendForm.messageClient == 'store'" label="APPOINT">指定商家</Radio>
|
||
<Radio v-if="messageSendForm.messageClient == 'member'" label="MEMBER">指定会员</Radio>
|
||
</RadioGroup>
|
||
</FormItem>
|
||
<FormItem label="指定商家" v-if="shopShow">
|
||
<Select v-model="messageSendForm.userIds" filterable multiple style="width: 90%;"
|
||
label-in-value @on-change="getName">
|
||
<Option v-for="item in shopList" :value="item.id" :key="item.id" :lable="item.storeName">{{ item.storeName
|
||
}}
|
||
</Option>
|
||
</Select>
|
||
</FormItem>
|
||
<FormItem label="选择会员" prop="scopeType"
|
||
v-if="memberShow">
|
||
<Button type="primary" icon="ios-add" @click="addVip" ghost>选择会员</Button>
|
||
<div style="margin-top:24px;" v-if="messageSendForm.messageClient == 'member'">
|
||
<Table border :columns="userColumns" :data="this.selectedMember">
|
||
</Table>
|
||
</div>
|
||
</FormItem>
|
||
<Modal width="1200" v-model="checkUserList">
|
||
<userList v-if="checkUserList" @callback="callbackSelectUser" :selectedList="selectedMember" ref="memberLayout"/>
|
||
</Modal>
|
||
</Form>
|
||
<div slot="footer">
|
||
<Button type="text" @click="messageModalVisible = false">取消</Button>
|
||
<Button type="primary" :loading="submitLoading" @click="sendMessageSubmit"
|
||
>发送
|
||
</Button
|
||
>
|
||
</div>
|
||
</Modal>
|
||
|
||
<!-- 站内信发送 -->
|
||
<Modal
|
||
:title="modalTitle"
|
||
v-model="messageDetailModalVisible"
|
||
:mask-closable="false"
|
||
:width="800"
|
||
>
|
||
<Form ref="messageSendForm" :model="messageSendForm" :label-width="100" :rules="messageFormValidate">
|
||
<FormItem label="消息标题" prop="title">
|
||
<Input v-model="messageSendForm.title" maxlength="15" clearable style="width: 50%" disabled/>
|
||
</FormItem>
|
||
<FormItem label="消息内容" prop="content">
|
||
<Input
|
||
disabled
|
||
v-model="messageSendForm.content"
|
||
:rows="4"
|
||
type="textarea"
|
||
style="max-height:60vh;overflow:auto;width: 50%"
|
||
/>
|
||
</FormItem>
|
||
<FormItem label="发送对象">
|
||
<RadioGroup type="button" button-style="solid" v-model="messageSendForm.messageClient">
|
||
<Radio disabled label="member">会员</Radio>
|
||
<Radio disabled label="store">商家</Radio>
|
||
</RadioGroup>
|
||
</FormItem>
|
||
<FormItem label="发送范围">
|
||
<RadioGroup type="button" button-style="solid" v-model="messageSendForm.messageRange">
|
||
<Radio disabled label="ALL">全站</Radio>
|
||
<Radio v-if="messageSendForm.messageClient == 'store'" disabled label="APPOINT">指定商家</Radio>
|
||
<Radio v-if="messageSendForm.messageClient == 'member'" disabled label="MEMBER">指定会员</Radio>
|
||
</RadioGroup>
|
||
</FormItem>
|
||
<FormItem label="指定商家" v-if="messageSendForm.messageClient == 'store'">
|
||
<Row>
|
||
<Table
|
||
:loading="loading"
|
||
border
|
||
:columns="messageDetailColumns"
|
||
:data="shopMessageData"
|
||
ref="table"
|
||
sortable="custom"
|
||
@on-sort-change="shopMessageChangeSort"
|
||
></Table>
|
||
</Row>
|
||
<Row type="flex" justify="end" class="page">
|
||
<Page
|
||
:current="searchShopMessageForm.pageNumber"
|
||
:total="shopMessageDataTotal"
|
||
:page-size="searchShopMessageForm.pageSize"
|
||
@on-change="shopMessageChangePage"
|
||
@on-page-size-change="shopMessageChangePageSize"
|
||
:page-size-opts="[10, 20, 50]"
|
||
size="small"
|
||
show-total
|
||
show-elevator
|
||
show-sizer
|
||
></Page>
|
||
</Row>
|
||
</FormItem>
|
||
<FormItem label="指定会员" v-if="messageSendForm.messageClient == 'member'">
|
||
<Row>
|
||
<Table
|
||
:loading="loading"
|
||
border
|
||
:columns="memberMessageDetailColumns"
|
||
:data="memberMessageData"
|
||
ref="table"
|
||
sortable="custom"
|
||
@on-sort-change="memberMessageChangeSort"
|
||
></Table>
|
||
</Row>
|
||
<Row type="flex" justify="end" class="page">
|
||
<Page
|
||
:current="searchMemberMessageForm.pageNumber"
|
||
:total="memberMessageDataTotal"
|
||
:page-size="searchMemberMessageForm.pageSize"
|
||
@on-change="memberMessageChangePage"
|
||
@on-page-size-change="memberMessageChangePageSize"
|
||
:page-size-opts="[10, 20, 50]"
|
||
size="small"
|
||
show-total
|
||
show-elevator
|
||
show-sizer
|
||
></Page>
|
||
</Row>
|
||
</FormItem>
|
||
</Form>
|
||
<div slot="footer">
|
||
<Button type="text" @click="messageDetailModalVisible = false">取消</Button>
|
||
</div>
|
||
</Modal>
|
||
</div>
|
||
</template>
|
||
|
||
<script>
|
||
import * as API_Setting from "@/api/setting.js";
|
||
import * as API_Other from "@/api/other.js";
|
||
import * as API_Shop from "@/api/shops.js";
|
||
import userList from "@/views/member/list/index";
|
||
|
||
export default {
|
||
name: "bill",
|
||
components: {
|
||
userList
|
||
},
|
||
data() {
|
||
return {
|
||
openSearch: true, // 显示搜索
|
||
checkUserList: false, //会员选择器
|
||
selectedMember: [], //选择的会员
|
||
openTip: true, // 显示提示
|
||
loading: true, // 表单加载状态
|
||
modalVisible: false, // 添加或编辑显示
|
||
modalTitle: "", // 添加或编辑标题
|
||
messageModalVisible: false, // 发送站内信模态框
|
||
messageModalTitle: "", // 发送站内信标题
|
||
messageDetailModalVisible: false, // 添加或编辑显示
|
||
shopShow: false, //指定商家是否出现
|
||
memberShow: false, //指定会员是否出现
|
||
shopList: [],//店铺列表
|
||
searchForm: {
|
||
// 搜索框初始化对象
|
||
pageNumber: 1, // 当前页数
|
||
pageSize: 10, // 页面大小
|
||
sort: "createTime", // 默认排序字段
|
||
order: "desc", // 默认排序方式
|
||
},
|
||
messageFormValidate: {
|
||
title: [
|
||
{required: true, message: '请输入消息标题', trigger: 'blur'},
|
||
],
|
||
content: [
|
||
{required: true, message: '请输入消息内容', trigger: 'blur'},
|
||
],
|
||
},
|
||
//管理端消息汇总
|
||
searchMessageForm: {
|
||
// 搜索框初始化对象
|
||
pageNumber: 1, // 当前页数
|
||
pageSize: 10, // 页面大小
|
||
},
|
||
//发送给店铺的消息
|
||
searchShopMessageForm: {
|
||
// 搜索框初始化对象
|
||
pageNumber: 1, // 当前页数
|
||
pageSize: 10, // 页面大小
|
||
},
|
||
//发送给会员的消息
|
||
searchMemberMessageForm: {
|
||
// 搜索框初始化对象
|
||
pageNumber: 1, // 当前页数
|
||
pageSize: 10, // 页面大小
|
||
},
|
||
form: {
|
||
noticeNode: "",
|
||
noticeTitle: ""
|
||
},
|
||
//消息发送表单
|
||
messageSendForm: {
|
||
messageRange: "ALL",
|
||
messageClient: "member",
|
||
userIds: [],
|
||
userNames: [],
|
||
},
|
||
// 表单验证规则
|
||
formValidate: {
|
||
noticeNode: [
|
||
{required: true, message: '请输入通知节点', trigger: 'blur'},
|
||
],
|
||
noticeTitle: [
|
||
{required: true, message: '请输入通知标题', trigger: 'blur'},
|
||
],
|
||
noticeContent: [
|
||
{required: true, message: '请输通知内容', trigger: 'blur'},
|
||
],
|
||
|
||
},
|
||
submitLoading: false, // 添加或编辑提交状态
|
||
selectList: [], // 多选数据
|
||
messageSelectList: [], // 消息多选数据
|
||
messageSelectCount: 0, // 多选计数
|
||
selectCount: 0, // 多选计数
|
||
noticeColumns: [
|
||
{
|
||
title: "通知节点",
|
||
key: "noticeNode",
|
||
maxWidth: 270,
|
||
sortable: false,
|
||
},
|
||
{
|
||
title: "通知标题",
|
||
key: "noticeTitle",
|
||
minWidth: 200,
|
||
sortable: false,
|
||
},
|
||
{
|
||
title: "通知内容",
|
||
key: "noticeContent",
|
||
minWidth: 300,
|
||
sortable: false,
|
||
},
|
||
{
|
||
title: "状态",
|
||
key: "noticeStatus",
|
||
maxWidth: 100,
|
||
sortType: "desc",
|
||
render: (h, params) => {
|
||
if (params.row.noticeStatus == "OPEN") {
|
||
return h("Badge", {props: {status: "success", text: "开启"}})
|
||
} else if (params.row.noticeStatus == "CLOSE") {
|
||
return h("Badge", {props: {status: "processing", text: "关闭"}})
|
||
}
|
||
}
|
||
},
|
||
{
|
||
title: "操作",
|
||
key: "action",
|
||
align: "center",
|
||
fixed: "right",
|
||
width: 140,
|
||
render: (h, params) => {
|
||
let enableOrDisable = "";
|
||
if (params.row.noticeStatus == "OPEN") {
|
||
enableOrDisable = h(
|
||
"Button",
|
||
{
|
||
props: {
|
||
size: "small"
|
||
},
|
||
style: {
|
||
marginRight: "5px"
|
||
},
|
||
on: {
|
||
click: () => {
|
||
this.disable(params.row);
|
||
}
|
||
}
|
||
},
|
||
"关闭"
|
||
);
|
||
} else {
|
||
enableOrDisable = h(
|
||
"Button",
|
||
{
|
||
props: {
|
||
type: "success",
|
||
size: "small"
|
||
},
|
||
style: {
|
||
marginRight: "5px"
|
||
},
|
||
on: {
|
||
click: () => {
|
||
this.enable(params.row);
|
||
}
|
||
}
|
||
},
|
||
"开启"
|
||
);
|
||
}
|
||
return h("div", [
|
||
enableOrDisable,
|
||
h(
|
||
"Button",
|
||
{
|
||
props: {
|
||
type: "primary",
|
||
size: "small"
|
||
},
|
||
style: {
|
||
marginRight: "5px"
|
||
},
|
||
on: {
|
||
click: () => {
|
||
this.edit(params.row);
|
||
}
|
||
}
|
||
},
|
||
"编辑"
|
||
),
|
||
]);
|
||
}
|
||
},
|
||
],
|
||
// 用户表格
|
||
userColumns: [
|
||
{
|
||
title: "用户名称",
|
||
key: "nickName",
|
||
minWidth: 120,
|
||
},
|
||
{
|
||
title: "手机号",
|
||
key: "mobile",
|
||
render: (h, params) => {
|
||
return h("div", params.row.mobile || "暂未填写");
|
||
},
|
||
},
|
||
{
|
||
title: "操作",
|
||
key: "action",
|
||
minWidth: 50,
|
||
align: "center",
|
||
render: (h, params) => {
|
||
return h(
|
||
"Button",
|
||
{
|
||
props: {
|
||
size: "small",
|
||
type: "error",
|
||
ghost: true,
|
||
},
|
||
on: {
|
||
click: () => {
|
||
this.delUser(params.index);
|
||
},
|
||
},
|
||
},
|
||
"删除"
|
||
);
|
||
},
|
||
},
|
||
],
|
||
noticeData: [], // 表单数据
|
||
noticeDataTotal: 0, // 表单数据总数
|
||
messageColumns: [
|
||
{
|
||
title: "消息标题",
|
||
key: "title",
|
||
minWidth: 150,
|
||
},
|
||
{
|
||
title: "消息内容",
|
||
key: "content",
|
||
minWidth: 350,
|
||
tooltip: true
|
||
},
|
||
{
|
||
title: "发送对象",
|
||
key: "messageClient",
|
||
width: 100,
|
||
render: (h, params) => {
|
||
if (params.row.messageClient == "member") {
|
||
return h('div', [
|
||
h('span', {}, '会员'),
|
||
]);
|
||
} else if (params.row.messageClient == "store") {
|
||
return h('div', [
|
||
h('span', {}, '商家'),
|
||
]);
|
||
}
|
||
}
|
||
},
|
||
{
|
||
title: "发送类型",
|
||
key: "messageRange",
|
||
width: 100,
|
||
render: (h, params) => {
|
||
if (params.row.messageRange == "ALL") {
|
||
return h('div', [
|
||
h('span', {}, '全站'),
|
||
]);
|
||
} else if (params.row.messageRange == "APPOINT") {
|
||
return h('div', [
|
||
h('span', {}, '指定商家'),
|
||
]);
|
||
} else if (params.row.messageRange == "MEMBER") {
|
||
return h('div', [
|
||
h('span', {}, '指定会员'),
|
||
]);
|
||
}
|
||
}
|
||
},
|
||
{
|
||
title: "发送时间",
|
||
key: "createTime",
|
||
sortable: true,
|
||
width: 180,
|
||
sortable: false,
|
||
},
|
||
{
|
||
title: "操作",
|
||
key: "action",
|
||
align: "center",
|
||
fixed: "right",
|
||
width: 140,
|
||
render: (h, params) => {
|
||
return h("div", [
|
||
h(
|
||
"Button",
|
||
{
|
||
props: {
|
||
type: "info",
|
||
size: "small"
|
||
},
|
||
style: {
|
||
marginRight: "5px"
|
||
},
|
||
on: {
|
||
click: () => {
|
||
this.detail(params.row);
|
||
}
|
||
}
|
||
},
|
||
"详细"
|
||
),
|
||
h(
|
||
"Button",
|
||
{
|
||
props: {
|
||
type: "error",
|
||
size: "small"
|
||
},
|
||
style: {
|
||
marginRight: "5px"
|
||
},
|
||
on: {
|
||
click: () => {
|
||
this.delete(params.row.id);
|
||
}
|
||
}
|
||
},
|
||
"删除"
|
||
),
|
||
]);
|
||
}
|
||
},
|
||
],
|
||
messageData: [], // 表单数据
|
||
messageDataTotal: 0, // 表单数据总数
|
||
messageDetailColumns: [
|
||
{
|
||
title: "店铺ID",
|
||
key: "storeId",
|
||
maxWidth: 300,
|
||
sortable: false,
|
||
},
|
||
{
|
||
title: "店铺名称",
|
||
key: "storeName",
|
||
sortable: false,
|
||
},
|
||
{
|
||
title: "是否已读",
|
||
key: "status",
|
||
render: (h, params) => {
|
||
if (params.row.status == "ALREADY_READY") {
|
||
return h("Badge", {props: {status: "success", text: "已读"}})
|
||
} else if (params.row.status == "UN_READY") {
|
||
return h("Badge", {props: {status: "processing", text: "未读"}})
|
||
} else {
|
||
return h("Badge", {props: {status: "processing", text: "回收站"}})
|
||
}
|
||
}
|
||
},
|
||
],
|
||
shopMessageData: [], // 发送给店铺的消息数据
|
||
shopMessageDataTotal: 0, // 发送给店铺的消息数据总数
|
||
|
||
memberMessageDetailColumns: [
|
||
{
|
||
title: "会员ID",
|
||
key: "memberId",
|
||
maxWidth: 300,
|
||
sortable: false,
|
||
},
|
||
{
|
||
title: "会员名称",
|
||
key: "memberName",
|
||
sortable: false,
|
||
},
|
||
{
|
||
title: "是否已读",
|
||
key: "status",
|
||
maxWidth: 120,
|
||
render: (h, params) => {
|
||
if (params.row.status == "ALREADY_READY") {
|
||
return h("Badge", {props: {status: "success", text: "已读"}})
|
||
} else if (params.row.status == "UN_READY") {
|
||
return h("Badge", {props: {status: "processing", text: "未读"}})
|
||
} else {
|
||
return h("Badge", {props: {status: "processing", text: "回收站"}})
|
||
}
|
||
}
|
||
},
|
||
],
|
||
memberMessageData: [], // 发送给店铺的消息数据
|
||
memberMessageDataTotal: 0, // 发送给店铺的消息数据总数
|
||
};
|
||
},
|
||
methods: {
|
||
init() {
|
||
this.getMessage();
|
||
},
|
||
|
||
// 返回已选择的用户
|
||
callbackSelectUser(val) {
|
||
// 每次将返回的数据回调判断
|
||
let findUser = this.selectedMember.find((item) => {
|
||
return item.id === val.id;
|
||
});
|
||
// 如果没有则添加
|
||
if (!findUser) {
|
||
this.selectedMember.push(val);
|
||
} else {
|
||
// 有重复数据就删除
|
||
this.selectedMember.map((item, index) => {
|
||
if (item.id === findUser.id) {
|
||
this.selectedMember.splice(index, 1);
|
||
}
|
||
});
|
||
}
|
||
this.reSelectMember();
|
||
},
|
||
|
||
// 删除选择的会员
|
||
delUser(index) {
|
||
this.selectedMember.splice(index, 1);
|
||
this.reSelectMember();
|
||
},
|
||
//更新选择的会员
|
||
reSelectMember() {
|
||
this.form.memberDTOS = this.selectedMember.map((item) => {
|
||
return {
|
||
nickName: item.nickName,
|
||
id: item.id
|
||
}
|
||
});
|
||
},
|
||
|
||
//获取全部商家
|
||
getShopList() {
|
||
this.loading = true;
|
||
API_Shop.getShopList().then((res) => {
|
||
this.loading = false;
|
||
if (res.success) {
|
||
this.shopList = res.result;
|
||
}
|
||
});
|
||
this.loading = false;
|
||
|
||
},
|
||
// 添加指定用户
|
||
addVip() {
|
||
this.checkUserList = true;
|
||
this.$nextTick(() => {
|
||
this.$refs.memberLayout.selectedMember = true;
|
||
});
|
||
},
|
||
paneChange(v) {
|
||
if (v == "SETTING") {
|
||
this.getNoticeMessage()
|
||
}
|
||
if (v == "MESSAGE") {
|
||
this.getMessage()
|
||
}
|
||
},
|
||
changePage(v) {
|
||
this.searchForm.pageNumber = v;
|
||
this.getNoticeMessage();
|
||
this.clearSelectAll();
|
||
},
|
||
changePageSize(v) {
|
||
this.searchForm.pageSize = v;
|
||
this.getNoticeMessage();
|
||
},
|
||
handleSearch() {
|
||
this.searchMessageForm.pageNumber = 1;
|
||
this.searchMessageForm.pageSize = 10;
|
||
this.getMessage();
|
||
},
|
||
|
||
//消息每页条数发生变化
|
||
messageChangePageSize(v) {
|
||
this.searchMessageForm.pageSize = v;
|
||
this.getMessage();
|
||
},
|
||
//消息页数变化
|
||
messageChangePage(v) {
|
||
this.searchMessageForm.pageNumber = v;
|
||
this.getMessage();
|
||
this.clearSelectAll();
|
||
},
|
||
|
||
//会员消息每页条数发生变化
|
||
memberMessageChangePageSize(v) {
|
||
this.searchMemberMessageForm.pageSize = v;
|
||
this.messageDetail();
|
||
},
|
||
//会员消息页数变化
|
||
memberMessageChangePage(v) {
|
||
this.searchMemberMessageForm.pageNumber = v;
|
||
this.messageDetail();
|
||
this.clearSelectAll();
|
||
},
|
||
//会员消息
|
||
memberMessageChangeSort(e) {
|
||
this.searchMemberMessageForm.sort = e.key;
|
||
this.searchMemberMessageForm.order = e.order;
|
||
this.messageDetail()
|
||
},
|
||
|
||
//店铺消息每页条数发生变化
|
||
shopMessageChangePageSize(v) {
|
||
this.searchShopMessageForm.pageSize = v;
|
||
this.messageDetail();
|
||
},
|
||
//店铺消息页数变化
|
||
shopMessageChangePage(v) {
|
||
this.searchShopMessageForm.pageNumber = v;
|
||
this.messageDetail();
|
||
this.clearSelectAll();
|
||
},
|
||
//店铺消息
|
||
shopMessageChangeSort(e) {
|
||
this.searchShopMessageForm.sort = e.key;
|
||
this.searchShopMessageForm.order = e.order;
|
||
this.messageDetail()
|
||
},
|
||
//消息
|
||
messageChangeSort(e) {
|
||
this.searchMessageForm.sort = e.key;
|
||
this.searchMessageForm.order = e.order;
|
||
this.getMessage();
|
||
},
|
||
changeSort(e) {
|
||
this.searchForm.sort = e.key;
|
||
this.searchForm.order = e.order;
|
||
if (e.order === "normal") {
|
||
this.searchForm.order = "";
|
||
}
|
||
this.getNoticeMessage();
|
||
},
|
||
clearSelectAll() {
|
||
this.$refs.table.selectAll(false);
|
||
},
|
||
//消息
|
||
messageChangeSelect(e) {
|
||
this.messageSelectList = e;
|
||
this.messageSelectCount = e.length;
|
||
},
|
||
changeSelect(e) {
|
||
this.selectList = e;
|
||
this.selectCount = e.length;
|
||
},
|
||
selectDateRange(v) {
|
||
if (v) {
|
||
this.searchForm.startDate = v[0];
|
||
this.searchForm.endDate = v[1];
|
||
}
|
||
},
|
||
//获取发送段铺的名称
|
||
getName(value) {
|
||
this.messageSendForm.userNames = new Array()
|
||
value.forEach((item) => {
|
||
this.messageSendForm.userNames.push(item.label)
|
||
})
|
||
},
|
||
//删除站内信
|
||
delete(id) {
|
||
console.warn(id)
|
||
this.$Modal.confirm({
|
||
title: "确认删除",
|
||
// 记得确认修改此处
|
||
content: "您确认删除此站内信 ?",
|
||
loading: true,
|
||
onOk: () => {
|
||
API_Setting.deleteMessage(id).then((res) => {
|
||
if (res.success) {
|
||
this.$Message.success("删除成功");
|
||
}
|
||
this.$Modal.remove();
|
||
this.getMessage();
|
||
});
|
||
|
||
|
||
}
|
||
});
|
||
},
|
||
//管理员发送消息
|
||
sendMessage() {
|
||
this.messageModalVisible = true
|
||
this.messageModalTitle = "发送站内信"
|
||
this.shopShow = false
|
||
this.memberShow = false
|
||
this.messageSendForm =
|
||
{
|
||
messageRange: "ALL",
|
||
messageClient: "member",
|
||
content: "",
|
||
title: "",
|
||
userIds: [],
|
||
userNames: [],
|
||
}
|
||
},
|
||
//管理员发送站内信提交
|
||
sendMessageSubmit() {
|
||
let userIds = [];
|
||
let userNames = [];
|
||
console.warn(this.selectedMember)
|
||
if (this.messageSendForm.messageClient == 'member' && this.messageSendForm.messageRange == 'MEMBER'){
|
||
this.selectedMember.forEach(function(item, index) {
|
||
userIds.push(item.id)
|
||
userNames.push(item.username)
|
||
})
|
||
this.messageSendForm.userIds = userIds
|
||
this.messageSendForm.userNames = userNames
|
||
}
|
||
|
||
if (this.messageSendForm.userIds.length <= 0 && this.messageSendForm.messageRange == "APPOINT") {
|
||
this.$Message.error("请选择发送对象");
|
||
return
|
||
}
|
||
this.$refs["messageSendForm"].validate(valid => {
|
||
if (valid) {
|
||
API_Other.sendMessage(this.messageSendForm).then((res) => {
|
||
this.loading = false;
|
||
if (res.success) {
|
||
this.$Message.success("发送成功");
|
||
this.messageModalVisible = false
|
||
this.getMessage();
|
||
}
|
||
});
|
||
this.loading = false;
|
||
}
|
||
})
|
||
|
||
},
|
||
//发送对象选择
|
||
selectObject(v) {
|
||
this.messageSendForm.messageRange = "ALL"
|
||
this.shopShow = false
|
||
this.memberShow =false
|
||
},
|
||
//弹出选择商家的框
|
||
selectShop(v) {
|
||
if (v == "APPOINT") {
|
||
this.getShopList()
|
||
this.shopShow = true
|
||
this.memberShow = false
|
||
}
|
||
if (v == "ALL") {
|
||
this.shopShow = false
|
||
this.memberShow = false
|
||
}
|
||
if (v == "MEMBER") {
|
||
this.shopShow = false
|
||
this.memberShow = true
|
||
this.selectedMember = []
|
||
}
|
||
},
|
||
//获取管理员发送列表
|
||
getMessage() {
|
||
this.loading = true;
|
||
API_Other.getMessagePage(this.searchMessageForm).then((res) => {
|
||
this.loading = false;
|
||
if (res.success) {
|
||
this.messageData = res.result.records;
|
||
this.messageDataTotal = res.result.total;
|
||
}
|
||
});
|
||
this.loading = false;
|
||
},
|
||
|
||
getNoticeMessage() {
|
||
this.loading = true;
|
||
API_Setting.getNoticeMessageData(this.searchForm).then((res) => {
|
||
this.loading = false;
|
||
if (res.success) {
|
||
this.noticeData = res.result.records;
|
||
this.noticeDataTotal = res.result.total;
|
||
}
|
||
});
|
||
this.loading = false;
|
||
},
|
||
//保存通知类站内信
|
||
handleSubmit() {
|
||
this.$refs.form.validate((valid) => {
|
||
if (valid) {
|
||
let params = {
|
||
noticeContent: this.form.noticeContent,
|
||
noticeTitle: this.form.noticeTitle
|
||
}
|
||
API_Setting.editNoticeMessage(this.form.id, params).then((res) => {
|
||
this.submitLoading = false;
|
||
if (res.success) {
|
||
this.$Message.success("修改成功");
|
||
this.modalVisible = false;
|
||
this.getNoticeMessage();
|
||
}
|
||
});
|
||
}
|
||
});
|
||
},
|
||
//消息详情
|
||
messageDetail() {
|
||
if (this.messageSendForm.messageClient == 'member') {
|
||
API_Other.getMemberMessage(this.searchMemberMessageForm).then((res) => {
|
||
if (res.success) {
|
||
this.memberMessageData = res.result.records;
|
||
this.memberMessageDataTotal = res.result.total;
|
||
}
|
||
});
|
||
} else {
|
||
console.warn(this.searchShopMessageForm)
|
||
API_Other.getShopMessage(this.searchShopMessageForm).then((res) => {
|
||
if (res.success) {
|
||
this.shopMessageData = res.result.records;
|
||
this.shopMessageDataTotal = res.result.total;
|
||
}
|
||
});
|
||
}
|
||
|
||
},
|
||
//消息详情弹出框
|
||
detail(v) {
|
||
console.warn(this.searchShopMessageForm)
|
||
this.messageSendForm = v
|
||
if (this.messageSendForm.messageClient == 'member') {
|
||
this.searchMemberMessageForm.messageId = v.id
|
||
} else {
|
||
this.searchShopMessageForm.messageId = v.id
|
||
}
|
||
this.messageDetail();
|
||
this.messageDetailModalVisible = true;
|
||
this.modalTitle = "消息详情"
|
||
},
|
||
edit(v) {
|
||
API_Setting.getNoticeMessageDetail(v.id).then((res) => {
|
||
if (res.success) {
|
||
this.modalTitle = "编辑通知类推送"
|
||
this.modalVisible = true
|
||
this.form = res.result
|
||
}
|
||
});
|
||
},
|
||
//禁用站内信模板
|
||
disable(v) {
|
||
API_Setting.updateMessageStatus(v.id, "CLOSE").then((res) => {
|
||
if (res.success) {
|
||
this.$Message.success("禁用成功");
|
||
this.getNoticeMessage();
|
||
}
|
||
});
|
||
},
|
||
//启用站内信模板
|
||
enable(v) {
|
||
API_Setting.updateMessageStatus(v.id, "OPEN").then((res) => {
|
||
if (res.success) {
|
||
this.$Message.success("启用成功");
|
||
this.getNoticeMessage();
|
||
}
|
||
});
|
||
},
|
||
|
||
},
|
||
mounted() {
|
||
this.init();
|
||
},
|
||
};
|
||
</script>
|
||
<style lang="scss">
|
||
@import "@/styles/table-common.scss";
|
||
@import "sms.scss";
|
||
</style>
|