code-image-backup-public/lilishop-ui
1
0
Fork 0
mirror of https://gitee.com/beijing_hongye_huicheng/lilishop-ui.git synced 2025-12-21 02:15:54 +08:00
Code Issues Packages Projects Releases Wiki Activity

添加注释，修改分销设置提交方式，左侧菜单无法选中问题

Browse Source
This commit is contained in:
mabo
2021-07-23 18:05:05 +08:00
parent ae329419a6
commit 9130485631
66 changed files with 301 additions and 2758 deletions
Download Patch File Download Diff File Expand all files Collapse all files

43
manager/src/views/member/advance/recharge.vue
View File

@@ -47,9 +47,7 @@
:columns="columns"
:data="data"
ref="table"
sortable="custom"
@on-sort-change="changeSort"
@on-selection-change="changeSelect"
class="mt_10"
></Table>
<Row type="flex" justify="end" class="mt_10">
<Page
@@ -75,7 +73,6 @@
} from "@/api/member";
export default {
name: "recharge",
components: {},
data() {
return {
loading: true, // 表单加载状态
@@ -90,9 +87,6 @@
memberName:""
},
selectDate: null, // 选择区间时间
submitLoading: false, // 添加或编辑提交状态
selectList: [], // 多选数据
selectCount: 0, // 多选计数
columns: [
{
title: "会员名称",
@@ -168,58 +162,37 @@
};
},
methods: {
// 初始化数据
init() {
this.getDataList();
},
// 分页 改变页码
changePage(v) {
this.searchForm.pageNumber = v;
this.getDataList();
this.clearSelectAll();
},
// 分页 改变页数
changePageSize(v) {
this.searchForm.pageNumber = 1;
this.searchForm.pageSize = v;
this.getDataList();
},
// 搜索
handleSearch() {
this.searchForm.pageNumber = 1;
this.searchForm.pageSize = 10;
this.getDataList();
},
handleReset() {
this.$refs.searchForm.resetFields();
this.searchForm.pageNumber = 1;
this.searchForm.pageSize = 10;
this.selectDate = null;
this.searchForm.startDate = "";
this.searchForm.endDate = "";
this.searchForm.memberName = "";
// 重新加载数据
this.getDataList();
},
changeSort(e) {
this.searchForm.sort = e.key;
this.searchForm.order = e.order;
if (e.order === "normal") {
this.searchForm.order = "";
}
this.getDataList();
},
clearSelectAll() {
this.$refs.table.selectAll(false);
},
changeSelect(e) {
this.selectList = e;
this.selectCount = e.length;
},
// 时间段赋值
selectDateRange(v) {
if (v) {
this.searchForm.startDate = v[0];
this.searchForm.endDate = v[1];
}
},
// 获取列表数据
getDataList() {
this.loading = true;
// 带多条件搜索参数获取表单数据 请自行修改接口
getUserRecharge(this.searchForm).then((res) => {
this.loading = false;
if (res.success) {

42
manager/src/views/member/advance/walletLog.vue
View File

@@ -13,7 +13,7 @@
<Button @click="handleSearch" type="primary" icon="ios-search" class="search-btn">搜索</Button>
</Form>
</Row>
<Table :loading="loading" border :columns="columns" :data="data" ref="table" sortable="custom" @on-sort-change="changeSort" @on-selection-change="changeSelect"></Table>
<Table class="mt_10" :loading="loading" border :columns="columns" :data="data" ref="table"></Table>
<Row type="flex" justify="end" class="mt_10">
<Page :current="searchForm.pageNumber" :total="total" :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>
@@ -26,7 +26,6 @@
import { getUserWallet } from "@/api/member";
export default {
name: "walletLog",
components: {},
data() {
return {
loading: true, // 表单加载状态
@@ -41,10 +40,6 @@ export default {
memberName: "",
},
selectDate: null, // 选择时间段
// 表单验证规则
formValidate: {},
selectList: [], // 多选数据
selectCount: 0, // 多选计数
columns: [
// 表头
{
@@ -120,57 +115,36 @@ export default {
};
},
methods: {
// 初始化数据
init() {
this.getDataList();
},
// 分页 改变页码
changePage(v) {
this.searchForm.pageNumber = v;
this.getDataList();
this.clearSelectAll();
},
// 分页 改变页数
changePageSize(v) {
this.searchForm.pageNumber = 1;
this.searchForm.pageSize = v;
this.getDataList();
},
// 搜索
handleSearch() {
this.searchForm.pageNumber = 1;
this.searchForm.pageSize = 10;
this.getDataList();
},
handleReset() {
this.$refs.searchForm.resetFields();
this.searchForm.pageNumber = 1;
this.searchForm.pageSize = 10;
this.selectDate = null;
this.searchForm.startDate = "";
this.searchForm.endDate = "";
this.searchForm.memberName = "";
// 重新加载数据
this.getDataList();
},
changeSort(e) {
this.searchForm.sort = e.key;
this.searchForm.order = e.order;
if (e.order === "normal") {
this.searchForm.order = "";
}
this.getDataList();
},
clearSelectAll() {
this.$refs.table.selectAll(false);
},
changeSelect(e) {
this.selectList = e;
this.selectCount = e.length;
},
// 时间段赋值
selectDateRange(v) {
if (v) {
this.searchForm.startDate = v[0];
this.searchForm.endDate = v[1];
}
},
// 获取列表数据
getDataList() {
this.loading = true;
// 带多条件搜索参数获取表单数据 请自行修改接口
getUserWallet(this.searchForm).then((res) => {
this.loading = false;

2
manager/src/views/member/advance/withdrawApply.vue
View File

@@ -22,7 +22,7 @@
</Form-item>
</Form>
</Row>
<Table :loading="loading" border :columns="columns" :data="data" ref="table" sortable="custom" @on-sort-change="changeSort" @on-selection-change="changeSelect"></Table>
<Table class="mt_10" :loading="loading" border :columns="columns" :data="data" ref="table" sortable="custom" @on-sort-change="changeSort" @on-selection-change="changeSelect"></Table>
<Row type="flex" justify="end" class="mt_10">
<Page :current="searchForm.pageNumber" :total="total" :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>

61
manager/src/views/member/list/index.vue
View File

@@ -21,7 +21,7 @@
<Button @click="addMember" type="primary">添加会员</Button>
</Row>
<Table :loading="loading" border :columns="columns" :data="data" ref="table" sortable="custom" @on-sort-change="changeSort" @on-selection-change="changeSelect">
<Table :loading="loading" border :columns="columns" :data="data" ref="table">
</Table>
<Row type="flex" justify="end" class="mt_10">
<Page :current="searchForm.pageNumber" :total="total" :page-size="searchForm.pageSize" @on-change="changePage" @on-page-size-change="changePageSize" :page-size-opts="[10, 20, 50]" size="small"
@@ -56,9 +56,9 @@
<!-- 修改模态框 -->
<Modal v-model="descFlag" :title="descTitle" @on-ok="handleSubmitModal" width="500">
<Form ref="formValidate" :model="formValidate" :rules="ruleValidate" :label-width="80">
<Form ref="form" :model="form" :rules="ruleValidate" :label-width="80">
<FormItem label="头像">
<img :src="formValidate.face" class="face" />
<img :src="form.face" class="face" />
<Button type="text" class="upload" @click="
() => {
this.picModelFlag = true;
@@ -69,13 +69,13 @@
<input type="file" style="display: none" id="file" />
</FormItem>
<FormItem label="用户名" prop="name">
<Input v-model="formValidate.username" style="width: 200px" disabled />
<Input v-model="form.username" style="width: 200px" disabled />
</FormItem>
<FormItem label="用户昵称" prop="name">
<Input v-model="formValidate.nickName" style="width: 200px" />
<Input v-model="form.nickName" style="width: 200px" />
</FormItem>
<FormItem label="性别" prop="sex">
<RadioGroup type="button" button-style="solid" v-model="formValidate.sex">
<RadioGroup type="button" button-style="solid" v-model="form.sex">
<Radio :label="1">
<span>男</span>
</Radio>
@@ -85,14 +85,14 @@
</RadioGroup>
</FormItem>
<FormItem label="修改密码" prop="password">
<Input type="password" style="width: 220px" password v-model="formValidate.newPassword" />
<Input type="password" style="width: 220px" password v-model="form.newPassword" />
</FormItem>
<FormItem label="生日" prop="birthday">
<DatePicker type="date" format="yyyy-MM-dd" v-model="formValidate.birthday" style="width: 220px"></DatePicker>
<DatePicker type="date" format="yyyy-MM-dd" v-model="form.birthday" style="width: 220px"></DatePicker>
</FormItem>
<FormItem label="所在地" prop="mail">
<div class="form-item" v-if="!updateRegion">
<Input disabled style="width: 250px" :value="formValidate.region" />
<Input disabled style="width: 250px" :value="form.region" />
<Button type="text" @click="
() => {
this.updateRegion = !this.updateRegion;
@@ -122,14 +122,13 @@ export default {
name: "member",
components: {
region,
ossManage,
ossManage
},
data() {
return {
selectedMember: false, //是否是其他组件调用
descTitle: "", // modal标题
descFlag: false, //编辑查看框
openSearch: true, // 显示搜索
loading: true, // 表单加载状态
addFlag: false, // modal显隐控制
updateRegion: false, // 地区
@@ -149,7 +148,7 @@ export default {
disabled: "OPEN",
},
picModelFlag: false, // 选择图片
formValidate: {}, // 表单数据
form: {}, // 表单数据
addRule: {
// 验证规则
mobile: [
@@ -163,9 +162,6 @@ export default {
password: [{ required: true, message: "请输入密码" }],
},
ruleValidate: {}, //修改验证
submitLoading: false, // 添加或编辑提交状态
selectList: [], // 多选数据
selectCount: 0, // 多选计数
columns: [
{
title: "会员名称",
@@ -373,6 +369,7 @@ export default {
});
this.data = data;
},
// 分页 改变页码
changePage(v) {
this.searchForm.pageNumber = v;
// 此处如果是父子级传值的时候需要做一下处理
@@ -380,34 +377,18 @@ export default {
this.getData();
},
// 分页 改变页数
changePageSize(v) {
this.searchForm.pageSize = v;
this.searchForm.pageNumber = 1;
this.getData();
},
// 搜索
handleSearch() {
this.searchForm.pageNumber = 1;
this.searchForm.pageSize = 10;
this.getData();
},
changeSort(e) {
this.searchForm.sort = e.key;
this.searchForm.order = e.order;
if (e.order === "normal") {
this.searchForm.order = "";
}
this.getData();
},
changeSelect(e) {
this.selectList = e;
this.selectCount = e.length;
},
selectDateRange(v) {
if (v) {
this.searchForm.startDate = v[0];
this.searchForm.endDate = v[1];
}
},
//查看详情修改
editPerm(val) {
this.descTitle = `查看用户 ${val.username}`;
@@ -425,7 +406,7 @@ export default {
getMemberInfo(id) {
API_Member.getMemberInfoData(id).then((res) => {
if (res.result) {
this.$set(this, "formValidate", res.result);
this.$set(this, "form", res.result);
}
});
},
@@ -443,7 +424,7 @@ export default {
// 选中的图片
callbackSelected(val) {
this.picModelFlag = false;
this.formValidate.face = val.url;
this.form.face = val.url;
},
//添加会员提交
addMemberSubmit() {
@@ -496,13 +477,13 @@ export default {
// 提交修改数据
handleSubmitModal() {
const { nickName, sex, username, face, newPassword } = this.formValidate;
let time = new Date(this.formValidate.birthday);
const { nickName, sex, username, face, newPassword } = this.form;
let time = new Date(this.form.birthday);
let birthday =
time.getFullYear() + "-" + (time.getMonth() + 1) + "-" + time.getDate();
let submit = {
regionId: this.formValidate.regionId,
region: this.formValidate.region,
regionId: this.form.regionId,
region: this.form.region,
nickName,
username,
sex,

3
manager/src/views/member/list/memberDetail.scss
View File

@@ -119,6 +119,3 @@
line-height: 16px;
}
}
.point-data{
}

7
manager/src/views/member/list/memberDetail.vue
View File

@@ -83,6 +83,7 @@
border
:columns="pointsColumns"
:data="pointData"
class="mt_10"
ref="table"
sortable="custom"
@on-sort-change="pointChangeSort"
@@ -172,6 +173,7 @@
:columns="orderColumns"
:data="orderData"
ref="table"
class="mt_10"
sortable="custom"
@on-sort-change="orderChangeSort"
>
@@ -203,6 +205,7 @@
:columns="addressColumns"
:data="addressData"
ref="table"
class="mt_10"
sortable="custom"
@on-sort-change="addressChangeSort"
>
@@ -249,6 +252,7 @@
:columns="walletColumns"
:data="walletData"
ref="table"
class="mt_10"
sortable="custom"
@on-sort-change="walletChangeSort"
>
@@ -289,6 +293,7 @@
border
:columns="receiptRecordColumns"
:data="receiptRecordData"
class="mt_10"
ref="table"
sortable="custom"
@on-sort-change="walletChangeSort"
@@ -365,7 +370,7 @@
import * as API_Order from "@/api/order.js";
export default {
name: "member",
name: "memberDetail",
components: {
region,
ossManage,

50
manager/src/views/member/list/memberRecycle.vue
View File

@@ -38,6 +38,7 @@
:columns="columns"
:data="data"
ref="table"
class="mt_10"
sortable="custom"
@on-sort-change="changeSort"
@on-selection-change="changeSelect"
@@ -181,9 +182,6 @@
picModelFlag: false, // 选择图片
formValidate: {}, // 表单数据
ruleValidate: {}, //修改验证
submitLoading: false, // 添加或编辑提交状态
selectList: [], // 多选数据
selectCount: 0, // 多选计数
columns: [
{
title: "会员名称",
@@ -332,41 +330,27 @@
callback(val) {
this.$emit("callback", val);
},
// 初始化数据
init() {
this.getData();
},
// 分页 修改页码
changePage(v) {
this.searchForm.pageNumber = v;
this.getData();
},
// 分页 修改页数
changePageSize(v) {
this.searchForm.pageNumber = 1;
this.searchForm.pageSize = v;
this.getData();
},
// 搜索
handleSearch() {
this.searchForm.pageNumber = 1;
this.searchForm.pageSize = 10;
this.getData();
},
changeSort(e) {
this.searchForm.sort = e.key;
this.searchForm.order = e.order;
if (e.order === "normal") {
this.searchForm.order = "";
}
this.getData();
},
changeSelect(e) {
this.selectList = e;
this.selectCount = e.length;
},
selectDateRange(v) {
if (v) {
this.searchForm.startDate = v[0];
this.searchForm.endDate = v[1];
}
},
//查看详情修改
editPerm(val) {
this.descTitle = `查看用户 ${val.username}`;
@@ -406,28 +390,6 @@
this.regionId = val[0];
},
//禁用会员
disabled(v) {
let params = {
memberIds: [v.id],
disabled: "CLOSE"
}
this.$Modal.confirm({
title: '提示',
content: '<p>确认禁用此会员？</p>',
onOk: () => {
API_Member.updateMemberStatus(params).then(res => {
if (res.success) {
this.$Message.success('禁用成功');
this.getData()
} else {
// this.$Message.error(res.message);
}
});
}
});
},
//详细
detail(row){
this.$router.push({ name: "member-detail", query: { id: row.id } });

201
manager/src/views/member/message-manage/addOrEditMessage.vue
View File

@@ -1,201 +0,0 @@
<style lang="scss">
@import "./messageManage.scss";
</style>
<template>
<div>
<Card>
<p slot="title">
<span v-if="type==0">发送新消息</span>
<span v-else>编辑消息</span>
</p>
<Row>
<Form
ref="form"
:model="form"
:label-width="90"
:rules="formValidate"
style="position:relative"
>
<FormItem label="消息类型" prop="type">
<Select v-model="form.type" placeholder="请选择" style="width:250px">
<Option
v-for="(item, i) in dictMessageType"
:key="i"
:value="item.value"
>{{item.title}}</Option>
</Select>
</FormItem>
<FormItem label="标题" prop="title">
<Input v-model="form.title" style="width:600px" />
</FormItem>
<FormItem label="内容" prop="content" class="wangEditor">
<editor v-model="form.content"></editor>
</FormItem>
<FormItem label="新创建账号也推送" prop="createSend">
<i-switch size="large" v-model="form.createSend">
<span slot="open">开启</span>
<span slot="close">关闭</span>
</i-switch>
</FormItem>
<div v-if="type==0">
<FormItem label="发送范围">
<RadioGroup type="button" button-style="solid" v-model="form.range">
<Radio :label="0">全体用户</Radio>
<Radio :label="1">指定用户成员</Radio>
</RadioGroup>
</FormItem>
<div>
<FormItem label="选择用户" v-if="form.range==1">
<user-choose text="选择发送用户" @on-change="handleSelectUser" ref="user"></user-choose>
</FormItem>
</div>
</div>
<Form-item class="br">
<Button
type="primary"
:loading="submitLoading"
@click="handelSubmit"
style="width:100px"
>提交</Button>
<Button @click="handelCancel">取消</Button>
</Form-item>
<Spin size="large" fix v-if="loading"></Spin>
</Form>
</Row>
</Card>
</div>
</template>
<script>
import { getMessageDataById, addMessage, editMessage } from "@/api/index";
import editor from "@/views/my-components/lili/editor";
import userChoose from "@/views/my-components/lili/user-choose";
export default {
name: "add_edit_message",
components: {
userChoose,
editor
},
data() {
return {
type: 0, // 消息类型
loading: false, // 表单加载状态
selectUsers: [], // 已选用户
modalTitle: "", // 添加或编辑标题
form: { // 表单
// 添加或编辑表单对象初始化数据
title: "",
content: "",
type: "",
range: 0
},
formValidate: {
// 表单验证规则
/* type: [
{ required: true, message: "消息类型不能为空", trigger: "blur" }
],*/
title: [{ required: true, message: "标题不能为空", trigger: "blur" }],
content: [{ required: true, message: "内容不能为空", trigger: "blur" }]
},
submitLoading: false, // 添加或编辑提交状态
dictMessageType: this.$store.state.dict.messageType, // 消息类型
backRoute: "" // 上一个页面路由
};
},
methods: {
init() {
this.type = this.$route.query.type;
this.backRoute = this.$route.query.backRoute;
if (this.type == 1) {
this.form.id = this.$route.query.id;
this.getData();
}
},
getData() {
this.loading = true;
getMessageDataById(this.form.id).then(res => {
this.loading = false;
if (res.success) {
// 转换null为""
let v = res.result;
for (let attr in v) {
if (v[attr] == null) {
v[attr] = "";
}
}
let str = JSON.stringify(v);
let data = JSON.parse(str);
this.form = data;
}
});
},
handelSubmit() {
this.$refs.form.validate(valid => {
if (valid) {
this.submitLoading = true;
if (this.type == 0) {
// 添加 避免编辑后传入id等数据 记得删除
delete this.form.id;
// 用户id数据
let ids = [];
this.selectUsers.forEach(e => {
ids += e.id + ",";
});
if (ids.length > 0) {
ids = ids.substring(0, ids.length - 1);
}
this.form.userIds = ids;
addMessage(this.form).then(res => {
this.submitLoading = false;
if (res.success) {
this.$Message.success("操作成功");
this.closeCurrentPage();
}
});
} else if (this.type == 1) {
// 编辑
editMessage(this.form).then(res => {
this.submitLoading = false;
if (res.success) {
this.$Message.success("操作成功");
this.closeCurrentPage();
}
});
}
}
});
},
handleSelectUser(v) {
this.selectUsers = v;
},
handelCancel() {
this.closeCurrentPage();
},
// 关闭当前页面
closeCurrentPage() {
this.$store.commit("removeTag", "add_edit_message");
localStorage.pageOpenedList = JSON.stringify(
this.$store.state.app.pageOpenedList
);
this.$router.push({
name: this.backRoute
});
}
},
mounted() {
this.init();
},
watch: {
// 监听路由变化
$route(to, from) {
if (to.name == "add_edit_message") {
this.type = this.$route.query.type;
if (this.type == 1) {
this.form.id = this.$route.query.id;
this.getData();
}
}
}
}
};
</script>

719
manager/src/views/member/message-manage/memberMessageManager.vue
View File

@@ -1,719 +0,0 @@
<template>
<div>
<!--短信-->
<Modal v-model="smsModal" width="530">
<p slot="header">
<Icon type="edit"></Icon>
<span>短信设置</span>
</p>
<div>
<Form ref="smsFormData" :model="smsFormData" label-position="left" :label-width="100" :rules="smsFormValidate">
<FormItem label="模板名称" prop="templateName">
<Input v-model="templateName" size="large" maxlength="9" disabled></Input>
</FormItem>
<FormItem label="模板代码" prop="smsCode">
<Input v-model="smsFormData.smsCode" size="large" maxlength="30"></Input>
</FormItem>
<FormItem label="模板名称" prop="smsContent">
<Input class='textarea' :rows="5" :autosize="{maxRows:5,minRows: 5}" v-model="smsFormData.smsContent" type="textarea" maxlength="150"/>
</FormItem>
<FormItem label="是否开启" prop="smsState">
<i-switch v-model="smsFormData.smsState" size="large" :value="smsFormData.smsState">
<span slot="open">开启</span>
<span slot="close">关闭</span>
</i-switch>
</FormItem>
</Form>
</div>
<div slot="footer" style="text-align: right">
<Button type="success" size="large" @click="smsFormDataEdit">设置</Button>
</div>
</Modal>
<!--站内信-->
<Modal v-model="noticeModal" width="530">
<p slot="header">
<Icon type="edit"></Icon>
<span>站内信设置</span>
</p>
<div>
<Form ref="noticeFormData" :model="noticeFormData" label-position="left" :label-width="100" :rules="noticeFormValidate">
<FormItem label="模板名称" prop="templateName">
<Input v-model="templateName" size="large" maxlength="9" disabled></Input>
</FormItem>
<FormItem label="模板名称" prop="smsContent">
<Input class='textarea' :rows="5" :autosize="{maxRows:5,minRows: 5}" v-model="noticeFormData.noticeContent" type="textarea" maxlength="150"/>
</FormItem>
</Form>
</div>
<div slot="footer" style="text-align: right">
<Button type="success" size="large" @click="noticeFormDataEdit">设置</Button>
</div>
</Modal>
<!--微信模板-->
<Modal v-model="wechatModal" width="530">
<p slot="header">
<Icon type="edit"></Icon>
<span>微信设置</span>
</p>
<div>
<Form ref="wechatFormData" :model="wechatFormData" label-position="left" :label-width="100" :rules="wechatFormValidate">
<FormItem label="模板名称" prop="templateName">
<Input v-model="templateName" size="large" maxlength="9" disabled></Input>
</FormItem>
<FormItem label="头部信息" prop="first">
<Input v-model="wechatFormData.first" size="large" maxlength="50"></Input>
</FormItem>
<FormItem label="备注" prop="remark">
<Input class='textarea' :rows="5" :autosize="{maxRows:5,minRows: 5}" v-model="wechatFormData.remark" type="textarea" maxlength="150"/>
</FormItem>
<FormItem label="是否开启" prop="enable">
<i-switch v-model="wechatFormData.enable" size="large" :value="smsFormData.enable">
<span slot="open">开启</span>
<span slot="close">关闭</span>
</i-switch>
</FormItem>
</Form>
</div>
<div slot="footer" style="text-align: right">
<Button type="success" size="large" @click="wechatFormDataEdit">设置</Button>
</div>
</Modal>
<Tabs value="log" @on-click="tabPaneChange" v-model="tab">
<TabPane label="会员消息" name="MEMBER">
<div class="search">
<Card>
<Row class="operation">
<Button @click="getDataList" icon="md-refresh">刷新</Button>
<Button type="dashed" @click="openTip=!openTip">{{openTip ? "关闭提示" : "开启提示"}}</Button>
</Row>
<Row v-show="openTip">
<Alert show-icon>
已选择
<span class="select-count">{{selectCount}}</span> 项
<a class="select-clear" @click="clearSelectAll">清空</a>
</Alert>
</Row>
<Table
:loading="loading"
border
:columns="columns"
:data="data"
sortable="custom"
@on-sort-change="changeSort"
@on-selection-change="showSelect"
ref="memberTable"
></Table>
<Row type="flex" justify="end" class="mt_10">
<Page
:current="searchForm.pageNumber"
:total="total"
: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>
</Card>
</div>
</TabPane>
<TabPane label="店铺消息" name="SHOP">
<div class="search">
<Card>
<Row class="operation">
<Button @click="getDataList" icon="md-refresh">刷新</Button>
<Button type="dashed" @click="openTip=!openTip">{{openTip ? "关闭提示" : "开启提示"}}</Button>
</Row>
<Row v-show="openTip">
<Alert show-icon>
已选择
<span class="select-count">{{selectCount}}</span> 项
<a class="select-clear" @click="clearSelectAll">清空</a>
</Alert>
</Row>
<Table
:loading="loading"
border
:columns="columns"
:data="data"
sortable="custom"
@on-sort-change="changeSort"
@on-selection-change="showSelect"
ref="shopTable"
></Table>
<Row type="flex" justify="end" class="mt_10">
<Page
:current="searchForm.pageNumber"
:total="total"
: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>
</Card>
</div>
</TabPane>
<TabPane label="微信消息" name="WECHAT">
<div class="search">
<Card>
<Row class="operation">
<Button @click="weChatSync" type="primary" icon="md-add">同步微信消息</Button>
<Button @click="getDataList" icon="md-refresh">刷新</Button>
<Button type="dashed" @click="openTip=!openTip">{{openTip ? "关闭提示" : "开启提示"}}</Button>
</Row>
<Row v-show="openTip">
<Alert show-icon>
已选择
<span class="select-count">{{selectCount}}</span> 项
<a class="select-clear" @click="clearSelectAll">清空</a>
</Alert>
</Row>
<Table
:loading="loading"
border
:columns="weChatColumns"
:data="weChatData"
sortable="custom"
@on-sort-change="changeSort"
@on-selection-change="showSelect"
ref="weChatTable"
></Table>
<Row type="flex" justify="end" class="mt_10">
<Page
:current="weChatSearchForm.pageNumber"
:total="weChatTotal"
:page-size="weChatSearchForm.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>
</Card>
</div>
</TabPane>
<TabPane label="其他消息" name="OTHER">
<div class="search">
<Card>
<Row class="operation">
<Button @click="getDataList" icon="md-refresh">刷新</Button>
<Button type="dashed" @click="openTip=!openTip">{{openTip ? "关闭提示" : "开启提示"}}</Button>
</Row>
<Row v-show="openTip">
<Alert show-icon>
已选择
<span class="select-count">{{selectCount}}</span> 项
<a class="select-clear" @click="clearSelectAll">清空</a>
</Alert>
</Row>
<Table
:loading="loading"
border
:columns="columns"
:data="data"
sortable="custom"
@on-sort-change="changeSort"
@on-selection-change="showSelect"
ref="otherTable"
></Table>
<Row type="flex" justify="end" class="mt_10">
<Page
:current="searchForm.pageNumber"
:total="total"
: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>
</Card>
</div>
</TabPane>
</Tabs>
</div>
</template>
<script>
import {
getMessageData,
editSmsMessageTemplate,
editNoticeMessage,
wechatMessageSync,
getWechatMessagePage,
editWechatMessageTemplate,
delWechatMessageTemplate
} from "@/api/setting";
export default {
title: "message-manage",
data() {
return {
messageTemplate:'',// 当前消息模板
messageTemplateId:'', // 当前消息模板id
templateName:'', // 模板名称
smsModal: false,//短信
smsFormData:{ // 模板表单数据
smsState:'',
smsContent:'',
smsCode: ''
},
smsFormValidate:{ // 验证规则
smsCode: [{ required: true, message: '请输入短信编码'}],
smsContent: [{ required: true, message: '请输入短信内容'}],
},
noticeModal: false, // 站内信
noticeFormData:{ // 站内信表单
noticeContent:''
},
noticeFormValidate:{ // 验证规则
noticeContent: [{ required: true, message: '请输入站内信内容'}],
},
wechatModal:false,//微信消息
wechatFormData:{ // 微信表单
remark:'',
first:'',
enable:'',
},
wechatFormValidate:{ // 验证规则
remark: [{ required: true, message: '请输入站内信内容'}],
first: [{ required: true, message: '请输入头部文字信息'}],
},
tab: "MEMBER", // tabName
openTip: true, // 提示展示
loading: true, // 表单加载状态
selectCount: 0, // 多选计数
selectList: [], // 多选数据
drop: false, // 更多搜索项
dropDownContent: "展开", // drop显示内容
dropDownIcon: "ios-arrow-down", // drop图标
searchForm: {
// 搜索框对应data对象
type: "MEMBER",
pageNumber: 1, // 当前页数
pageSize: 10, // 页面大小
sort: "createTime", // 默认排序字段
order: "desc", // 默认排序方式
startDate: "", // 起始时间
endDate: "" // 终止时间
},
//微信消息查询
weChatSearchForm: {
// 搜索框对应data对象
pageNumber: 1, // 当前页数
pageSize: 10, // 页面大小
sort: "createTime", // 默认排序字段
order: "desc", // 默认排序方式
},
selectDate: null, // 选择日期绑定modal
columns: [
// 表头
{
type: "selection",
width: 60,
align: "center"
},
{
title: "ID",
key: "id",
width: 180,
sortable: true
},
{
title: "模板名称",
key: "name",
width: 300,
sortable: true
},
{
title: "创建时间",
key: "createTime",
sortable: true,
sortType: "desc"
},
{
title: "操作",
key: "action",
width: 280,
align: "center",
fixed: "right",
render: (h, params) => {
return h("div", [
h(
"Button",
{
props: {
size: "small"
},
style: {
marginRight: "5px"
},
on: {
click: () => {
this.smsSettingAlert(params.row);
}
}
},
"短信设置"
),
h(
"Button",
{
props: {
type: "primary",
size: "small"
},
style: {
marginRight: "5px"
},
on: {
click: () => {
this.noticeSettingAlert(params.row);
}
}
},
"站内信设置"
)
]);
}
}
],
data: [], // 表单数据
total: 0, // 表单数据总数
weChatColumns: [
// 表头
{
type: "selection",
width: 60,
align: "center"
},
{
title: "模板编号",
key: "code",
width: 500,
sortable: true
},
{
title: "是否开启",
key: "enable",
sortable: true,
width: 150,
render: (h, params) => {
if (params.row.enable == true) {
return h('div', [
h('span', {
}, '开启'),
]);
} else {
return h('div', [
h('span', {
}, '关闭'),
]);
}
},
},
{
title: "模板名称",
key: "name",
width: 200,
sortable: true
},
{
title: "创建时间",
key: "createTime",
sortable: true,
sortType: "desc",
},
{
title: "操作",
key: "action",
width: 200,
align: "center",
fixed: "right",
render: (h, params) => {
return h("div", [
h(
"Button",
{
props: {
type: "primary",
size: "small"
},
style: {
marginRight: "5px"
},
on: {
click: () => {
this.wechatSettingAlert(params.row);
}
}
},
"编辑"
),
h(
"Button",
{
props: {
type: "error",
size: "small"
},
style: {
marginRight: "5px"
},
on: {
click: () => {
this.delWeChat(params.row);
}
}
},
"删除"
)
]);
}
}
],
weChatData: [], // 表单数据
weChatTotal: 0, // 表单数据总数
};
},
methods: {
init() {
this.getDataList();
},
dropDown() {
if (this.drop) {
this.dropDownContent = "展开";
this.dropDownIcon = "ios-arrow-down";
} else {
this.dropDownContent = "收起";
this.dropDownIcon = "ios-arrow-up";
}
this.drop = !this.drop;
},
changePage(v) {
this.searchForm.type = this.tab;
this.searchForm.pageNumber = v;
this.getDataList();
this.clearSelectAll();
},
changePageSize(v) {
this.searchForm.type = this.tab;
this.searchForm.pageSize = v;
this.getDataList();
},
//短信设置弹出框
smsSettingAlert(v){
this.smsFormData.smsState = v.smsState == 'OPEN' ? true:false
this.smsFormData.smsContent = v.smsContent
this.smsFormData.smsCode = v.smsCode
this.templateName = v.name
this.messageTemplateId = v.id
this.smsModal = true
},
//站内信弹出框
noticeSettingAlert(v){
this.noticeFormData.noticeContent = v.noticeContent
this.templateName = v.name
this.messageTemplateId = v.id
this.noticeModal = true
},
//微信弹出框
wechatSettingAlert(v){
this.wechatFormData.remark = v.remark
this.wechatFormData.first = v.first
this.wechatFormData.enable = v.enable
this.templateName = v.name
this.messageTemplateId = v.id
this.wechatModal = true
},
//短信设置保存
smsFormDataEdit(){
this.$refs['smsFormData'].validate((valid) => {
if (valid) {
if(this.smsFormData.smsState){
this.smsFormData.smsState = "OPEN"
}else{
this.smsFormData.smsState = "CLOSE"
}
editSmsMessageTemplate(this.messageTemplateId,this.smsFormData).then(res => {
if(res.message === 'success') {
this.$Message.success('短信模板修改成功');
this.smsModal = false;
this.getDataList();
}
});
}
})
},
//微信设置保存
wechatFormDataEdit(){
this.$refs['wechatFormData'].validate((valid) => {
if (valid) {
editWechatMessageTemplate(this.messageTemplateId,this.wechatFormData).then(res => {
if(res.message === 'success') {
this.$Message.success('微信模板修改成功');
this.wechatModal = false;
this.getWechatMessagePage();
}
});
}
})
},
//站内信设置保存
noticeFormDataEdit(){
this.$refs['noticeFormData'].validate((valid) => {
if (valid) {
editNoticeMessage(this.messageTemplateId,this.noticeFormData).then(res => {
if(res.message === 'success') {
this.$Message.success('站内信修改成功');
this.noticeModal = false;
this.getDataList();
}
});
}
})
},
//同步微信消息
weChatSync(){
this.$Modal.confirm({
title: "提示",
// 记得确认修改此处
content: "确认要同步微信消息模板?",
loading: true,
onOk: () => {
// 同步微信消息模板
wechatMessageSync().then(res => {
this.$Modal.remove();
if(res.success) {
this.$Message.success('微信消息模板同步成功');
}
});
}
});
},
//删除微信模消息
delWeChat(v){
this.$Modal.confirm({
title: "提示",
content: "确定删除此模板?",
loading: true,
onOk: () => {
// 删除微信消息模板
delWechatMessageTemplate(v.id).then(res => {
if(res.success) {
this.$Modal.remove();
this.$Message.success('微信模板删除成功');
this.getWechatMessagePage()
}
});
}
});
},
selectDateRange(v) {
if (v) {
this.searchForm.startDate = v[0];
this.searchForm.endDate = v[1];
}
},
getDataList() {
this.loading = true;
getMessageData(this.searchForm).then(res => {
this.loading = false;
if (res.success) {
this.data = res.result.records;
this.total = res.result.total;
}
});
},
//分页获取微信消息
getWechatMessagePage(){
getWechatMessagePage(this.weChatSearchForm).then(res => {
this.loading = false;
if (res.success) {
this.weChatData = res.result.records;
this.weChatTotal = res.result.total;
}
});
},
//tab切换事件
tabPaneChange(v) {
this.searchForm.pageNumber = 1;
this.searchForm.pageSize = 10;
this.searchForm.type = v;
//如果是微信消息则走单独的接口
if(v === "WECHAT"){
this.getWechatMessagePage();
}else{
this.getDataList();
}
},
handleSearch() {
this.searchForm.pageNumber = 1;
this.searchForm.pageSize = 10;
this.getDataList();
},
handleReset() {
this.$refs.searchForm.resetFields();
this.searchForm.pageNumber = 1;
this.searchForm.pageSize = 10;
this.selectDate = null;
this.searchForm.startDate = "";
this.searchForm.endDate = "";
// 重新加载数据
this.getDataList();
},
changeSort(e) {
this.searchForm.sort = e.key;
this.searchForm.order = e.order;
if (e.order == "normal") {
this.searchForm.order = "";
}
this.getDataList();
},
showSelect(e) {
this.selectList = e;
this.selectCount = e.length;
},
clearSelectAll() {
this.$refs.memberTable.selectAll(false);
this.$refs.weChatTable.selectAll(false);
this.$refs.shopTable.selectAll(false);
this.$refs.otherTable.selectAll(false);
}
},
mounted() {
this.init();
}
};
</script>

412
manager/src/views/member/message-manage/messageManage.vue
View File

@@ -1,412 +0,0 @@
<template>
<div class="search">
<Card>
<Row v-show="openSearch" @keydown.enter.native="handleSearch">
<Form ref="searchForm" :model="searchForm" inline :label-width="70">
<Form-item label="消息标题" prop="title">
<Input
type="text"
v-model="searchForm.title"
placeholder="请输入消息标题"
clearable
style="width: 200px"
/>
</Form-item>
<Form-item label="消息内容" prop="content">
<Input
type="text"
v-model="searchForm.content"
placeholder="请输入消息内容"
clearable
style="width: 200px"
/>
</Form-item>
<span v-if="drop">
<Form-item label="消息类型" prop="type">
<Select
v-model="searchForm.type"
placeholder="请选择消息类型"
clearable
style="width: 200px"
>
<Option
v-for="(item, i) in dictMessageType"
:key="i"
:value="item.value"
>{{item.title}}</Option>
</Select>
</Form-item>
<Form-item label="创建时间">
<DatePicker
v-model="selectDate"
type="daterange"
format="yyyy-MM-dd"
clearable
@on-change="selectDateRange"
placeholder="选择起始时间"
style="width: 200px"
></DatePicker>
</Form-item>
</span>
<Form-item style="margin-left:-35px;" class="br">
<Button @click="handleSearch" type="primary" icon="ios-search">搜索</Button>
<Button @click="handleReset">重置</Button>
<a class="drop-down" @click="dropDown">
{{dropDownContent}}
<Icon :type="dropDownIcon"></Icon>
</a>
</Form-item>
</Form>
</Row>
<Row class="operation">
<Button @click="add" type="primary" icon="md-add">发送新消息</Button>
<Button @click="delAll" icon="md-trash">批量删除撤回</Button>
<Button @click="getDataList" icon="md-refresh">刷新</Button>
<Button type="dashed" @click="openSearch=!openSearch">{{openSearch ? "关闭搜索" : "开启搜索"}}</Button>
<Button type="dashed" @click="openTip=!openTip">{{openTip ? "关闭提示" : "开启提示"}}</Button>
</Row>
<Row v-show="openTip">
<Alert show-icon>
已选择
<span class="select-count">{{selectCount}}</span> 项
<a class="select-clear" @click="clearSelectAll">清空</a>
</Alert>
</Row>
<Table
:loading="loading"
border
:columns="columns"
:data="data"
sortable="custom"
@on-sort-change="changeSort"
@on-selection-change="showSelect"
ref="table"
></Table>
<Row type="flex" justify="end" class="mt_10">
<Page
:current="searchForm.pageNumber"
:total="total"
: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>
</Card>
</div>
</template>
<script>
import {
getMessageData,
addMessage,
editMessage,
deleteMessage
} from "@/api/index";
export default {
title: "message-manage",
data() {
return {
openSearch: true, // 显示搜索
openTip: true, // 显示提示
loading: true, // 表单加载状态
userLoading: true,
selectCount: 0, // 多选计数
selectList: [], // 多选数据
drop: false, // 展开搜索
dropDownContent: "展开",
dropDownIcon: "ios-arrow-down",
searchForm: {
// 搜索框对应data对象
title: "",
content: "",
pageNumber: 1, // 当前页数
pageSize: 10, // 页面大小
sort: "createTime", // 默认排序字段
order: "desc", // 默认排序方式
startDate: "", // 起始时间
endDate: "" // 终止时间
},
selectDate: null, // 选择日期绑定modal
columns: [
// 表头
{
type: "selection",
width: 60,
align: "center"
},
{
type: "index",
width: 60,
align: "center"
},
{
title: "消息标题",
key: "title",
width: 200,
sortable: true
},
{
title: "消息内容",
key: "content",
minWidth: 275,
tooltip: true
},
{
title: "类型",
key: "type",
width: 120,
align: "center"
},
{
title: "新创建账号推送",
key: "createSend",
align: "center",
width: 135,
render: (h, params) => {
if (params.row.createSend) {
return h("div", [
h(
"Tag",
{
props: {
color: "blue"
}
},
"开启"
)
]);
} else {
return h("div", [
h(
"Tag",
{
props: {
color: "default"
}
},
"关闭"
)
]);
}
}
},
{
title: "创建时间",
key: "createTime",
width: 180,
sortable: true,
sortType: "desc"
},
{
title: "操作",
key: "action",
width: 280,
align: "center",
fixed: "right",
render: (h, params) => {
return h("div", [
h(
"Button",
{
props: {
size: "small"
},
style: {
marginRight: "5px"
},
on: {
click: () => {
this.edit(params.row);
}
}
},
"编辑"
),
h(
"Button",
{
props: {
type: "primary",
size: "small"
},
style: {
marginRight: "5px"
},
on: {
click: () => {
this.sendDetail(params.row);
}
}
},
"查看发送详情"
),
h(
"Button",
{
props: {
type: "error",
size: "small"
},
on: {
click: () => {
this.remove(params.row);
}
}
},
"删除撤回"
)
]);
}
}
],
data: [], // 表单数据
total: 0, // 表单数据总数
dictMessageType: this.$store.state.dict.messageType
};
},
methods: {
init() {
this.getDataList();
},
dropDown() {
if (this.drop) {
this.dropDownContent = "展开";
this.dropDownIcon = "ios-arrow-down";
} else {
this.dropDownContent = "收起";
this.dropDownIcon = "ios-arrow-up";
}
this.drop = !this.drop;
},
changePage(v) {
this.searchForm.pageNumber = v;
this.getDataList();
this.clearSelectAll();
},
changePageSize(v) {
this.searchForm.pageSize = v;
this.getDataList();
},
selectDateRange(v) {
if (v) {
this.searchForm.startDate = v[0];
this.searchForm.endDate = v[1];
}
},
getDataList() {
this.loading = true;
getMessageData(this.searchForm).then(res => {
this.loading = false;
if (res.success) {
this.data = res.result.records;
this.total = res.result.total;
}
});
},
handleSearch() {
this.searchForm.pageNumber = 1;
this.searchForm.pageSize = 10;
this.getDataList();
},
handleReset() {
this.$refs.searchForm.resetFields();
this.searchForm.pageNumber = 1;
this.searchForm.pageSize = 10;
this.selectDate = null;
this.searchForm.startDate = "";
this.searchForm.endDate = "";
// 重新加载数据
this.getDataList();
},
changeSort(e) {
this.searchForm.sort = e.key;
this.searchForm.order = e.order;
if (e.order == "normal") {
this.searchForm.order = "";
}
this.getDataList();
},
add() {
let query = { type: 0, backRoute: this.$route.name };
this.$router.push({
name: "add_edit_message",
query: query
});
},
edit(v) {
let query = { type: 1, id: v.id, backRoute: this.$route.name };
this.$router.push({
name: "add_edit_message",
query: query
});
},
sendDetail(v) {
let query = { id: v.id };
this.$router.push({
name: "message_send_detail",
query: query
});
},
remove(v) {
this.$Modal.confirm({
title: "确认删除",
// 记得确认修改此处
content: "您确认要删除 " + v.title + " ?",
loading: true,
onOk: () => {
// 删除
deleteMessage(v.id).then(res => {
this.$Modal.remove();
if (res.success) {
this.$Message.success("操作成功");
this.getDataList();
}
});
}
});
},
showSelect(e) {
this.selectList = e;
this.selectCount = e.length;
},
clearSelectAll() {
this.$refs.table.selectAll(false);
},
delAll() {
if (this.selectCount <= 0) {
this.$Message.warning("您还未选择要删除的数据");
return;
}
this.$Modal.confirm({
title: "确认删除",
content: "您确认要删除所选的 " + this.selectCount + " 条数据?",
loading: true,
onOk: () => {
let ids = "";
this.selectList.forEach(function(e) {
ids += e.id + ",";
});
ids = ids.substring(0, ids.length - 1);
// 批量删除
deleteMessage(ids).then(res => {
this.$Modal.remove();
if (res.success) {
this.$Message.success("操作成功");
this.clearSelectAll();
this.getDataList();
}
});
}
});
}
},
mounted() {
this.init();
}
};
</script>

322
manager/src/views/member/message-manage/messageSendDetail.vue
View File

@@ -1,322 +0,0 @@
<template>
<div class="search">
<Card>
<Row v-show="openSearch" @keydown.enter.native="handleSearch">
<Form ref="searchForm" inline :label-width="90">
<Form-item label="发送用户ID" prop="userId">
<Input
type="text"
v-model="userId"
placeholder="请输入发送用户完整ID"
clearable
style="width: 200px"
/>
</Form-item>
<Form-item label="发送状态" prop="status">
<Select v-model="status" placeholder="请选择" style="width: 200px" clearable>
<Option value="0">未读</Option>
<Option value="1">已读</Option>
<Option value="2">回收站</Option>
</Select>
</Form-item>
<Form-item style="margin-left:-35px;" class="br">
<Button @click="getDataList" type="primary" icon="ios-search">搜索</Button>
<Button @click="handleReset">重置</Button>
</Form-item>
</Form>
</Row>
<Row class="operation">
<Button v-hasRole="'ROLE_ADMIN'" @click="delAll" icon="md-trash">批量删除</Button>
<Button @click="getDataList" icon="md-refresh">刷新</Button>
<Button type="dashed" @click="openSearch=!openSearch">{{openSearch ? "关闭搜索" : "开启搜索"}}</Button>
<Button type="dashed" @click="openTip=!openTip">{{openTip ? "关闭提示" : "开启提示"}}</Button>
</Row>
<Row v-show="openTip">
<Alert show-icon>
已选择
<span class="select-count">{{selectCount}}</span> 项
<a class="select-clear" @click="clearSelectAll">清空</a>
</Alert>
</Row>
<Table
:loading="loading"
border
:columns="columns"
:data="data"
ref="table"
sortable="custom"
@on-sort-change="changeSort"
@on-selection-change="changeSelect"
></Table>
<Row type="flex" justify="end" class="mt_10">
<Page
:current="pageNumber"
:total="total"
:page-size="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>
</Card>
</div>
</template>
<script>
import { getMessageSendData, deleteMessageSend } from "@/api/index";
export default {
name: "message_send_detail",
data() {
return {
openSearch: true, // 显示搜索项
openTip: true, // 显示提示
loading: true, // 表单加载状态
messageId: "", // 信息id
sortColumn: "createTime", // 排序字段
sortType: "desc", // 排序方式
status: "", // 发送状态
selectList: [], // 多选数据
selectCount: 0, // 多选计数
columns: [
// 表头
{
type: "selection",
width: 60,
align: "center"
},
{
type: "index",
width: 60,
align: "center"
},
{
title: "发送消息标题",
key: "title"
},
{
title: "发送用户",
key: "username",
sortable: true
},
{
title: "状态",
key: "status",
align: "center",
sortable: true,
render: (h, params) => {
if (params.row.status == 0) {
return h("div", [
h(
"Tag",
{
props: {
color: "default"
}
},
"未读"
)
]);
} else if (params.row.status == 1) {
return h("div", [
h(
"Tag",
{
props: {
color: "green"
}
},
"已读"
)
]);
} else if (params.row.status == 2) {
return h("div", [
h(
"Tag",
{
props: {
color: "orange"
}
},
"回收站"
)
]);
}
}
},
{
title: "创建时间",
key: "createTime",
sortable: true,
sortType: "desc"
},
{
title: "更新时间",
key: "updateTime",
sortable: true
},
{
title: "操作",
key: "action",
align: "center",
render: (h, params) => {
return h("div", [
h(
"Button",
{
props: {
type: "error",
size: "small",
icon: "md-trash"
},
on: {
click: () => {
this.remove(params.row);
}
}
},
"删除"
)
]);
}
}
],
data: [], // 表单数据
pageNumber: 1, // 当前页数
pageSize: 10, // 页面大小
total: 0, // 表单数据总数
userId: ""
};
},
methods: {
init() {
this.messageId = this.$route.query.id;
this.getDataList();
},
changePage(v) {
this.pageNumber = v;
this.getDataList();
this.clearSelectAll();
},
changePageSize(v) {
this.pageSize = v;
this.getDataList();
},
changeSort(e) {
this.sortColumn = e.key;
this.sortType = e.order;
if (e.order == "normal") {
this.sortType = "";
}
this.getDataList();
},
handleSearch() {
this.searchForm.pageNumber = 1;
this.searchForm.pageSize = 10;
this.getDataList();
},
getDataList(v) {
this.loading = true;
if (v == 0) {
this.userId = "";
}
let params = {
pageNumber: this.pageNumber,
pageSize: this.pageSize,
sort: this.sortColumn,
order: this.sortType,
messageId: this.messageId,
status: this.status,
userId: this.userId
};
// 避免后台默认值
if (!params.status) {
params.status = "";
}
getMessageSendData(params).then(res => {
this.loading = false;
if (res.success) {
this.data = res.result.records;
this.total = res.result.total;
}
});
},
handleReset() {
this.userId = "";
this.status = "";
this.getDataList();
},
remove(v) {
this.$Modal.confirm({
title: "确认删除",
// 记得确认修改此处
content: "您确认要删除该条数据?",
loading: true,
onOk: () => {
// 删除
deleteMessageSend(v.id).then(res => {
this.$Modal.remove();
if (res.success) {
this.$Message.success("操作成功");
this.getDataList();
}
});
}
});
},
clearSelectAll() {
this.$refs.table.selectAll(false);
},
changeSelect(e) {
this.selectList = e;
this.selectCount = e.length;
},
delAll() {
if (this.selectCount <= 0) {
this.$Message.warning("您还未选择要删除的数据");
return;
}
this.$Modal.confirm({
title: "确认删除",
content: "您确认要删除所选的 " + this.selectCount + " 条数据?",
loading: true,
onOk: () => {
let ids = "";
this.selectList.forEach(function(e) {
ids += e.id + ",";
});
ids = ids.substring(0, ids.length - 1);
// 批量删除
deleteMessageSend(ids).then(res => {
this.$Modal.remove();
if (res.success) {
this.$Message.success("操作成功");
this.clearSelectAll();
this.getDataList();
}
});
}
});
}
},
watch: {
// 监听路由变化通过id获取数据
$route(to, from) {
if (to.name == "message_send_detail") {
this.messageId = this.$route.query.id;
this.getDataList();
}
}
},
mounted() {
this.init();
this.$Modal.info({
title: "提示",
content: "该页面已根据用户角色隐藏操作按钮"
});
}
};
</script>

8
manager/src/views/member/message-manage/weChatMessageManager.vue
View File

@@ -40,7 +40,7 @@
<div class="search">
<Card>
<Row class="operation">
<Row class="operation mt_10">
<Button @click="weChatSync" type="primary">同步微信消息</Button>
</Row>
<Table
@@ -69,7 +69,7 @@
<div class="search">
<Card>
<Row class="operation">
<Row class="operation mt_10">
<Button @click="weChatSync('mp')" type="primary">同步微信小程序订阅消息</Button>
</Row>
<Table
@@ -120,7 +120,6 @@ export default {
wechatModal: false,// modal展示
wechatFormData: {}, // 微信数据
wechatMPModal: false,//微信消息
wechatMPFormData: {}, // 微信订阅消息
tab: "WECHAT", // tab栏分类
searchForm: { // 请求参数
@@ -128,8 +127,6 @@ export default {
},
loading: true, // 表单加载状态
id: '', // 模板id
selectCount: 0, // 多选计数
selectList: [], // 多选数据
//微信消息查询
weChatSearchForm: {
// 搜索框对应data对象
@@ -232,6 +229,7 @@ export default {
};
},
methods: {
// 初始化数据
init() {
this.getDataList();
},