公众号开发

This commit is contained in:
亚洲
2022-06-03 09:42:22 +08:00
parent 2aba8a72c9
commit 70adfe8fe5
202 changed files with 11279 additions and 348 deletions

View File

@ -0,0 +1,54 @@
import request from '@/utils/request'
// 创建粉丝标签关联
export function createWxAccountFansTag(data) {
return request({
url: '/wechatMp/wx-account-fans-tag/create',
method: 'post',
data: data
})
}
// 更新粉丝标签关联
export function updateWxAccountFansTag(data) {
return request({
url: '/wechatMp/wx-account-fans-tag/update',
method: 'put',
data: data
})
}
// 删除粉丝标签关联
export function deleteWxAccountFansTag(id) {
return request({
url: '/wechatMp/wx-account-fans-tag/delete?id=' + id,
method: 'delete'
})
}
// 获得粉丝标签关联
export function getWxAccountFansTag(id) {
return request({
url: '/wechatMp/wx-account-fans-tag/get?id=' + id,
method: 'get'
})
}
// 获得粉丝标签关联分页
export function getWxAccountFansTagPage(query) {
return request({
url: '/wechatMp/wx-account-fans-tag/page',
method: 'get',
params: query
})
}
// 导出粉丝标签关联 Excel
export function exportWxAccountFansTagExcel(query) {
return request({
url: '/wechatMp/wx-account-fans-tag/export-excel',
method: 'get',
params: query,
responseType: 'blob'
})
}

View File

@ -0,0 +1,54 @@
import request from '@/utils/request'
// 创建粉丝消息表
export function createWxFansMsg(data) {
return request({
url: '/wechatMp/wx-fans-msg/create',
method: 'post',
data: data
})
}
// 更新粉丝消息表
export function updateWxFansMsg(data) {
return request({
url: '/wechatMp/wx-fans-msg/update',
method: 'put',
data: data
})
}
// 删除粉丝消息表
export function deleteWxFansMsg(id) {
return request({
url: '/wechatMp/wx-fans-msg/delete?id=' + id,
method: 'delete'
})
}
// 获得粉丝消息表
export function getWxFansMsg(id) {
return request({
url: '/wechatMp/wx-fans-msg/get?id=' + id,
method: 'get'
})
}
// 获得粉丝消息表 分页
export function getWxFansMsgPage(query) {
return request({
url: '/wechatMp/wx-fans-msg/page',
method: 'get',
params: query
})
}
// 导出粉丝消息表 Excel
export function exportWxFansMsgExcel(query) {
return request({
url: '/wechatMp/wx-fans-msg/export-excel',
method: 'get',
params: query,
responseType: 'blob'
})
}

View File

@ -0,0 +1,54 @@
import request from '@/utils/request'
// 创建回复粉丝消息历史表
export function createWxFansMsgRes(data) {
return request({
url: '/wechatMp/wx-fans-msg-res/create',
method: 'post',
data: data
})
}
// 更新回复粉丝消息历史表
export function updateWxFansMsgRes(data) {
return request({
url: '/wechatMp/wx-fans-msg-res/update',
method: 'put',
data: data
})
}
// 删除回复粉丝消息历史表
export function deleteWxFansMsgRes(id) {
return request({
url: '/wechatMp/wx-fans-msg-res/delete?id=' + id,
method: 'delete'
})
}
// 获得回复粉丝消息历史表
export function getWxFansMsgRes(id) {
return request({
url: '/wechatMp/wx-fans-msg-res/get?id=' + id,
method: 'get'
})
}
// 获得回复粉丝消息历史表 分页
export function getWxFansMsgResPage(query) {
return request({
url: '/wechatMp/wx-fans-msg-res/page',
method: 'get',
params: query
})
}
// 导出回复粉丝消息历史表 Excel
export function exportWxFansMsgResExcel(query) {
return request({
url: '/wechatMp/wx-fans-msg-res/export-excel',
method: 'get',
params: query,
responseType: 'blob'
})
}

View File

@ -0,0 +1,54 @@
import request from '@/utils/request'
// 创建粉丝标签
export function createWxFansTag(data) {
return request({
url: '/wechatMp/wx-fans-tag/create',
method: 'post',
data: data
})
}
// 更新粉丝标签
export function updateWxFansTag(data) {
return request({
url: '/wechatMp/wx-fans-tag/update',
method: 'put',
data: data
})
}
// 删除粉丝标签
export function deleteWxFansTag(id) {
return request({
url: '/wechatMp/wx-fans-tag/delete?id=' + id,
method: 'delete'
})
}
// 获得粉丝标签
export function getWxFansTag(id) {
return request({
url: '/wechatMp/wx-fans-tag/get?id=' + id,
method: 'get'
})
}
// 获得粉丝标签分页
export function getWxFansTagPage(query) {
return request({
url: '/wechatMp/wx-fans-tag/page',
method: 'get',
params: query
})
}
// 导出粉丝标签 Excel
export function exportWxFansTagExcel(query) {
return request({
url: '/wechatMp/wx-fans-tag/export-excel',
method: 'get',
params: query,
responseType: 'blob'
})
}

View File

@ -0,0 +1,54 @@
import request from '@/utils/request'
// 创建微信素材上传表
export function createWxMediaUpload(data) {
return request({
url: '/wechatMp/wx-media-upload/create',
method: 'post',
data: data
})
}
// 更新微信素材上传表
export function updateWxMediaUpload(data) {
return request({
url: '/wechatMp/wx-media-upload/update',
method: 'put',
data: data
})
}
// 删除微信素材上传表
export function deleteWxMediaUpload(id) {
return request({
url: '/wechatMp/wx-media-upload/delete?id=' + id,
method: 'delete'
})
}
// 获得微信素材上传表
export function getWxMediaUpload(id) {
return request({
url: '/wechatMp/wx-media-upload/get?id=' + id,
method: 'get'
})
}
// 获得微信素材上传表 分页
export function getWxMediaUploadPage(query) {
return request({
url: '/wechatMp/wx-media-upload/page',
method: 'get',
params: query
})
}
// 导出微信素材上传表 Excel
export function exportWxMediaUploadExcel(query) {
return request({
url: '/wechatMp/wx-media-upload/export-excel',
method: 'get',
params: query,
responseType: 'blob'
})
}

View File

@ -0,0 +1,54 @@
import request from '@/utils/request'
// 创建微信菜单
export function createWxMenu(data) {
return request({
url: '/wechatMp/wx-menu/create',
method: 'post',
data: data
})
}
// 更新微信菜单
export function updateWxMenu(data) {
return request({
url: '/wechatMp/wx-menu/update',
method: 'put',
data: data
})
}
// 删除微信菜单
export function deleteWxMenu(id) {
return request({
url: '/wechatMp/wx-menu/delete?id=' + id,
method: 'delete'
})
}
// 获得微信菜单
export function getWxMenu(id) {
return request({
url: '/wechatMp/wx-menu/get?id=' + id,
method: 'get'
})
}
// 获得微信菜单分页
export function getWxMenuPage(query) {
return request({
url: '/wechatMp/wx-menu/page',
method: 'get',
params: query
})
}
// 导出微信菜单 Excel
export function exportWxMenuExcel(query) {
return request({
url: '/wechatMp/wx-menu/export-excel',
method: 'get',
params: query,
responseType: 'blob'
})
}

View File

@ -0,0 +1,54 @@
import request from '@/utils/request'
// 创建图文消息文章列表表
export function createWxNewsArticleItem(data) {
return request({
url: '/wechatMp/wx-news-article-item/create',
method: 'post',
data: data
})
}
// 更新图文消息文章列表表
export function updateWxNewsArticleItem(data) {
return request({
url: '/wechatMp/wx-news-article-item/update',
method: 'put',
data: data
})
}
// 删除图文消息文章列表表
export function deleteWxNewsArticleItem(id) {
return request({
url: '/wechatMp/wx-news-article-item/delete?id=' + id,
method: 'delete'
})
}
// 获得图文消息文章列表表
export function getWxNewsArticleItem(id) {
return request({
url: '/wechatMp/wx-news-article-item/get?id=' + id,
method: 'get'
})
}
// 获得图文消息文章列表表 分页
export function getWxNewsArticleItemPage(query) {
return request({
url: '/wechatMp/wx-news-article-item/page',
method: 'get',
params: query
})
}
// 导出图文消息文章列表表 Excel
export function exportWxNewsArticleItemExcel(query) {
return request({
url: '/wechatMp/wx-news-article-item/export-excel',
method: 'get',
params: query,
responseType: 'blob'
})
}

View File

@ -0,0 +1,54 @@
import request from '@/utils/request'
// 创建图文消息模板
export function createWxNewsTemplate(data) {
return request({
url: '/wechatMp/wx-news-template/create',
method: 'post',
data: data
})
}
// 更新图文消息模板
export function updateWxNewsTemplate(data) {
return request({
url: '/wechatMp/wx-news-template/update',
method: 'put',
data: data
})
}
// 删除图文消息模板
export function deleteWxNewsTemplate(id) {
return request({
url: '/wechatMp/wx-news-template/delete?id=' + id,
method: 'delete'
})
}
// 获得图文消息模板
export function getWxNewsTemplate(id) {
return request({
url: '/wechatMp/wx-news-template/get?id=' + id,
method: 'get'
})
}
// 获得图文消息模板分页
export function getWxNewsTemplatePage(query) {
return request({
url: '/wechatMp/wx-news-template/page',
method: 'get',
params: query
})
}
// 导出图文消息模板 Excel
export function exportWxNewsTemplateExcel(query) {
return request({
url: '/wechatMp/wx-news-template/export-excel',
method: 'get',
params: query,
responseType: 'blob'
})
}

View File

@ -0,0 +1,54 @@
import request from '@/utils/request'
// 创建回复关键字
export function createWxReceiveText(data) {
return request({
url: '/wechatMp/wx-receive-text/create',
method: 'post',
data: data
})
}
// 更新回复关键字
export function updateWxReceiveText(data) {
return request({
url: '/wechatMp/wx-receive-text/update',
method: 'put',
data: data
})
}
// 删除回复关键字
export function deleteWxReceiveText(id) {
return request({
url: '/wechatMp/wx-receive-text/delete?id=' + id,
method: 'delete'
})
}
// 获得回复关键字
export function getWxReceiveText(id) {
return request({
url: '/wechatMp/wx-receive-text/get?id=' + id,
method: 'get'
})
}
// 获得回复关键字分页
export function getWxReceiveTextPage(query) {
return request({
url: '/wechatMp/wx-receive-text/page',
method: 'get',
params: query
})
}
// 导出回复关键字 Excel
export function exportWxReceiveTextExcel(query) {
return request({
url: '/wechatMp/wx-receive-text/export-excel',
method: 'get',
params: query,
responseType: 'blob'
})
}

View File

@ -0,0 +1,54 @@
import request from '@/utils/request'
// 创建关注欢迎语
export function createWxSubscribeText(data) {
return request({
url: '/wechatMp/wx-subscribe-text/create',
method: 'post',
data: data
})
}
// 更新关注欢迎语
export function updateWxSubscribeText(data) {
return request({
url: '/wechatMp/wx-subscribe-text/update',
method: 'put',
data: data
})
}
// 删除关注欢迎语
export function deleteWxSubscribeText(id) {
return request({
url: '/wechatMp/wx-subscribe-text/delete?id=' + id,
method: 'delete'
})
}
// 获得关注欢迎语
export function getWxSubscribeText(id) {
return request({
url: '/wechatMp/wx-subscribe-text/get?id=' + id,
method: 'get'
})
}
// 获得关注欢迎语分页
export function getWxSubscribeTextPage(query) {
return request({
url: '/wechatMp/wx-subscribe-text/page',
method: 'get',
params: query
})
}
// 导出关注欢迎语 Excel
export function exportWxSubscribeTextExcel(query) {
return request({
url: '/wechatMp/wx-subscribe-text/export-excel',
method: 'get',
params: query,
responseType: 'blob'
})
}

View File

@ -0,0 +1,54 @@
import request from '@/utils/request'
// 创建文本模板
export function createWxTextTemplate(data) {
return request({
url: '/wechatMp/wx-text-template/create',
method: 'post',
data: data
})
}
// 更新文本模板
export function updateWxTextTemplate(data) {
return request({
url: '/wechatMp/wx-text-template/update',
method: 'put',
data: data
})
}
// 删除文本模板
export function deleteWxTextTemplate(id) {
return request({
url: '/wechatMp/wx-text-template/delete?id=' + id,
method: 'delete'
})
}
// 获得文本模板
export function getWxTextTemplate(id) {
return request({
url: '/wechatMp/wx-text-template/get?id=' + id,
method: 'get'
})
}
// 获得文本模板分页
export function getWxTextTemplatePage(query) {
return request({
url: '/wechatMp/wx-text-template/page',
method: 'get',
params: query
})
}
// 导出文本模板 Excel
export function exportWxTextTemplateExcel(query) {
return request({
url: '/wechatMp/wx-text-template/export-excel',
method: 'get',
params: query,
responseType: 'blob'
})
}

View File

@ -9,8 +9,8 @@
<el-form-item label="公众号账户" prop="account">
<el-input v-model="queryParams.account" placeholder="请输入公众号账户" clearable @keyup.enter.native="handleQuery"/>
</el-form-item>
<el-form-item label="公众号appid" prop="appid">
<el-input v-model="queryParams.appid" placeholder="请输入公众号appid" clearable @keyup.enter.native="handleQuery"/>
<el-form-item label="公众号appId" prop="appId">
<el-input v-model="queryParams.appId" placeholder="请输入公众号appId" clearable @keyup.enter.native="handleQuery"/>
</el-form-item>
<el-form-item label="创建时间">
<el-date-picker v-model="dateRangeCreateTime" style="width: 240px" value-format="yyyy-MM-dd"
@ -40,12 +40,12 @@
<el-table-column label="编号" align="center" prop="id" />
<el-table-column label="公众号名称" align="center" prop="name" />
<el-table-column label="公众号账户" align="center" prop="account" />
<el-table-column label="公众号appid" align="center" prop="appid" />
<el-table-column label="公众号密钥" align="center" prop="appsecret" />
<el-table-column label="公众号appId" align="center" prop="appId"/>
<el-table-column label="公众号密钥" align="center" prop="appSecret"/>
<el-table-column label="公众号url" align="center" prop="url" />
<el-table-column label="公众号token" align="center" prop="token" />
<el-table-column label="加密密钥" align="center" prop="aeskey" />
<el-table-column label="二维码图片URL" align="center" prop="qrUrl" />
<el-table-column label="加密密钥" align="center" prop="aesKey"/>
<el-table-column label="二维码图片URL" align="center" prop="qrCodeUrl"/>
<el-table-column label="备注" align="center" prop="remark" />
<el-table-column label="创建时间" align="center" prop="createTime" width="180">
<template slot-scope="scope">
@ -74,17 +74,17 @@
<el-form-item label="公众号账户" prop="account">
<el-input v-model="form.account" placeholder="请输入公众号账户" />
</el-form-item>
<el-form-item label="公众号appid" prop="appid">
<el-input v-model="form.appid" placeholder="请输入公众号appid" />
<el-form-item label="公众号appId" prop="appId">
<el-input v-model="form.appId" placeholder="请输入公众号appId"/>
</el-form-item>
<el-form-item label="公众号密钥" prop="appsecret">
<el-input v-model="form.appsecret" placeholder="请输入公众号密钥" />
<el-form-item label="公众号密钥" prop="appSecret">
<el-input v-model="form.appSecret" placeholder="请输入公众号密钥"/>
</el-form-item>
<el-form-item label="公众号token" prop="token">
<el-input v-model="form.token" placeholder="请输入公众号token" />
</el-form-item>
<el-form-item label="加密密钥" prop="aeskey">
<el-input v-model="form.aeskey" placeholder="请输入加密密钥" />
<el-form-item label="加密密钥" prop="aesKey">
<el-input v-model="form.aesKey" placeholder="请输入加密密钥"/>
</el-form-item>
<el-form-item label="备注" prop="remark">
<el-input v-model="form.remark" placeholder="请输入备注" />
@ -128,7 +128,7 @@ export default {
pageSize: 10,
name: null,
account: null,
appid: null,
appId: null,
},
// 表单参数
form: {},
@ -165,10 +165,10 @@ export default {
id: undefined,
name: undefined,
account: undefined,
appid: undefined,
appsecret: undefined,
appId: undefined,
appSecret: undefined,
token: undefined,
aeskey: undefined,
aesKey: undefined,
remark: undefined,
};
this.resetForm("form");

View File

@ -0,0 +1,245 @@
<template>
<div class="app-container">
<!-- 搜索工作栏 -->
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
<el-form-item label="用户标识" prop="openid">
<el-input v-model="queryParams.openid" placeholder="请输入用户标识" clearable @keyup.enter.native="handleQuery"/>
</el-form-item>
<el-form-item label="标签ID" prop="tagId">
<el-input v-model="queryParams.tagId" placeholder="请输入标签ID" clearable @keyup.enter.native="handleQuery"/>
</el-form-item>
<el-form-item label="微信账号ID" prop="wxAccountId">
<el-input v-model="queryParams.wxAccountId" placeholder="请输入微信账号ID" clearable
@keyup.enter.native="handleQuery"/>
</el-form-item>
<el-form-item label="创建时间">
<el-date-picker v-model="dateRangeCreateTime" style="width: 240px" value-format="yyyy-MM-dd"
type="daterange" range-separator="-" start-placeholder="开始日期" end-placeholder="结束日期"/>
</el-form-item>
<el-form-item>
<el-button type="primary" icon="el-icon-search" @click="handleQuery">搜索</el-button>
<el-button icon="el-icon-refresh" @click="resetQuery">重置</el-button>
</el-form-item>
</el-form>
<!-- 操作工具栏 -->
<el-row :gutter="10" class="mb8">
<el-col :span="1.5">
<el-button type="primary" plain icon="el-icon-plus" size="mini" @click="handleAdd"
v-hasPermi="['wechatMp:wx-account-fans-tag:create']">新增
</el-button>
</el-col>
<el-col :span="1.5">
<el-button type="warning" plain icon="el-icon-download" size="mini" @click="handleExport"
:loading="exportLoading"
v-hasPermi="['wechatMp:wx-account-fans-tag:export']">导出
</el-button>
</el-col>
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
</el-row>
<!-- 列表 -->
<el-table v-loading="loading" :data="list">
<el-table-column label="主键" align="center" prop="id"/>
<el-table-column label="用户标识" align="center" prop="openid"/>
<el-table-column label="标签ID" align="center" prop="tagId"/>
<el-table-column label="微信账号ID" align="center" prop="wxAccountId"/>
<el-table-column label="创建时间" align="center" prop="createTime" width="180">
<template slot-scope="scope">
<span>{{ parseTime(scope.row.createTime) }}</span>
</template>
</el-table-column>
<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
<template slot-scope="scope">
<el-button size="mini" type="text" icon="el-icon-edit" @click="handleUpdate(scope.row)"
v-hasPermi="['wechatMp:wx-account-fans-tag:update']">修改
</el-button>
<el-button size="mini" type="text" icon="el-icon-delete" @click="handleDelete(scope.row)"
v-hasPermi="['wechatMp:wx-account-fans-tag:delete']">删除
</el-button>
</template>
</el-table-column>
</el-table>
<!-- 分页组件 -->
<pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNo" :limit.sync="queryParams.pageSize"
@pagination="getList"/>
<!-- 对话框(添加 / 修改) -->
<el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
<el-form ref="form" :model="form" :rules="rules" label-width="80px">
<el-form-item label="用户标识" prop="openid">
<el-input v-model="form.openid" placeholder="请输入用户标识"/>
</el-form-item>
<el-form-item label="标签ID" prop="tagId">
<el-input v-model="form.tagId" placeholder="请输入标签ID"/>
</el-form-item>
<el-form-item label="微信账号ID" prop="wxAccountId">
<el-input v-model="form.wxAccountId" placeholder="请输入微信账号ID"/>
</el-form-item>
</el-form>
<div slot="footer" class="dialog-footer">
<el-button type="primary" @click="submitForm"> </el-button>
<el-button @click="cancel"> </el-button>
</div>
</el-dialog>
</div>
</template>
<script>
import {
createWxAccountFansTag,
updateWxAccountFansTag,
deleteWxAccountFansTag,
getWxAccountFansTag,
getWxAccountFansTagPage,
exportWxAccountFansTagExcel
} from "@/api/wechatMp/wxAccountFansTag";
export default {
name: "WxAccountFansTag",
components: {},
data() {
return {
// 遮罩层
loading: true,
// 导出遮罩层
exportLoading: false,
// 显示搜索条件
showSearch: true,
// 总条数
total: 0,
// 粉丝标签关联列表
list: [],
// 弹出层标题
title: "",
// 是否显示弹出层
open: false,
dateRangeCreateTime: [],
// 查询参数
queryParams: {
pageNo: 1,
pageSize: 10,
openid: null,
tagId: null,
wxAccountId: null,
},
// 表单参数
form: {},
// 表单校验
rules: {}
};
},
created() {
this.getList();
},
methods: {
/** 查询列表 */
getList() {
this.loading = true;
// 处理查询参数
let params = {...this.queryParams};
this.addBeginAndEndTime(params, this.dateRangeCreateTime, 'createTime');
// 执行查询
getWxAccountFansTagPage(params).then(response => {
this.list = response.data.list;
this.total = response.data.total;
this.loading = false;
});
},
/** 取消按钮 */
cancel() {
this.open = false;
this.reset();
},
/** 表单重置 */
reset() {
this.form = {
id: undefined,
openid: undefined,
tagId: undefined,
wxAccountId: undefined,
};
this.resetForm("form");
},
/** 搜索按钮操作 */
handleQuery() {
this.queryParams.pageNo = 1;
this.getList();
},
/** 重置按钮操作 */
resetQuery() {
this.dateRangeCreateTime = [];
this.resetForm("queryForm");
this.handleQuery();
},
/** 新增按钮操作 */
handleAdd() {
this.reset();
this.open = true;
this.title = "添加粉丝标签关联";
},
/** 修改按钮操作 */
handleUpdate(row) {
this.reset();
const id = row.id;
getWxAccountFansTag(id).then(response => {
this.form = response.data;
this.open = true;
this.title = "修改粉丝标签关联";
});
},
/** 提交按钮 */
submitForm() {
this.$refs["form"].validate(valid => {
if (!valid) {
return;
}
// 修改的提交
if (this.form.id != null) {
updateWxAccountFansTag(this.form).then(response => {
this.$modal.msgSuccess("修改成功");
this.open = false;
this.getList();
});
return;
}
// 添加的提交
createWxAccountFansTag(this.form).then(response => {
this.$modal.msgSuccess("新增成功");
this.open = false;
this.getList();
});
});
},
/** 删除按钮操作 */
handleDelete(row) {
const id = row.id;
this.$modal.confirm('是否确认删除粉丝标签关联编号为"' + id + '"的数据项?').then(function () {
return deleteWxAccountFansTag(id);
}).then(() => {
this.getList();
this.$modal.msgSuccess("删除成功");
}).catch(() => {
});
},
/** 导出按钮操作 */
handleExport() {
// 处理查询参数
let params = {...this.queryParams};
params.pageNo = undefined;
params.pageSize = undefined;
this.addBeginAndEndTime(params, this.dateRangeCreateTime, 'createTime');
// 执行导出
this.$modal.confirm('是否确认导出所有粉丝标签关联数据项?').then(() => {
this.exportLoading = true;
return exportWxAccountFansTagExcel(params);
}).then(response => {
this.$download.excel(response, '粉丝标签关联.xls');
this.exportLoading = false;
}).catch(() => {
});
}
}
};
</script>

View File

@ -0,0 +1,318 @@
<template>
<div class="app-container">
<!-- 搜索工作栏 -->
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
<el-form-item label="用户标识" prop="openid">
<el-input v-model="queryParams.openid" placeholder="请输入用户标识" clearable @keyup.enter.native="handleQuery"/>
</el-form-item>
<el-form-item label="昵称" prop="nickname">
<el-input v-model="queryParams.nickname" placeholder="请输入昵称" clearable @keyup.enter.native="handleQuery"/>
</el-form-item>
<el-form-item label="头像地址" prop="headimgUrl">
<el-input v-model="queryParams.headimgUrl" placeholder="请输入头像地址" clearable @keyup.enter.native="handleQuery"/>
</el-form-item>
<el-form-item label="微信账号ID" prop="wxAccountId">
<el-input v-model="queryParams.wxAccountId" placeholder="请输入微信账号ID" clearable
@keyup.enter.native="handleQuery"/>
</el-form-item>
<el-form-item label="消息类型" prop="msgType">
<el-select v-model="queryParams.msgType" placeholder="请选择消息类型" clearable size="small">
<el-option label="请选择字典生成" value=""/>
</el-select>
</el-form-item>
<el-form-item label="是否已回复" prop="isRes">
<el-input v-model="queryParams.isRes" placeholder="请输入是否已回复" clearable @keyup.enter.native="handleQuery"/>
</el-form-item>
<el-form-item label="微信素材ID" prop="mediaId">
<el-input v-model="queryParams.mediaId" placeholder="请输入微信素材ID" clearable @keyup.enter.native="handleQuery"/>
</el-form-item>
<el-form-item label="微信图片URL" prop="picUrl">
<el-input v-model="queryParams.picUrl" placeholder="请输入微信图片URL" clearable @keyup.enter.native="handleQuery"/>
</el-form-item>
<el-form-item label="本地图片路径" prop="picPath">
<el-input v-model="queryParams.picPath" placeholder="请输入本地图片路径" clearable @keyup.enter.native="handleQuery"/>
</el-form-item>
<el-form-item label="创建时间">
<el-date-picker v-model="dateRangeCreateTime" style="width: 240px" value-format="yyyy-MM-dd"
type="daterange" range-separator="-" start-placeholder="开始日期" end-placeholder="结束日期"/>
</el-form-item>
<el-form-item>
<el-button type="primary" icon="el-icon-search" @click="handleQuery">搜索</el-button>
<el-button icon="el-icon-refresh" @click="resetQuery">重置</el-button>
</el-form-item>
</el-form>
<!-- 操作工具栏 -->
<el-row :gutter="10" class="mb8">
<el-col :span="1.5">
<el-button type="primary" plain icon="el-icon-plus" size="mini" @click="handleAdd"
v-hasPermi="['wechatMp:wx-fans-msg:create']">新增
</el-button>
</el-col>
<el-col :span="1.5">
<el-button type="warning" plain icon="el-icon-download" size="mini" @click="handleExport"
:loading="exportLoading"
v-hasPermi="['wechatMp:wx-fans-msg:export']">导出
</el-button>
</el-col>
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
</el-row>
<!-- 列表 -->
<el-table v-loading="loading" :data="list">
<el-table-column label="主键" align="center" prop="id"/>
<el-table-column label="用户标识" align="center" prop="openid"/>
<el-table-column label="昵称" align="center" prop="nickname"/>
<el-table-column label="头像地址" align="center" prop="headimgUrl"/>
<el-table-column label="微信账号ID" align="center" prop="wxAccountId"/>
<el-table-column label="消息类型" align="center" prop="msgType"/>
<el-table-column label="内容" align="center" prop="content"/>
<el-table-column label="最近一条回复内容" align="center" prop="resContent"/>
<el-table-column label="是否已回复" align="center" prop="isRes"/>
<el-table-column label="微信素材ID" align="center" prop="mediaId"/>
<el-table-column label="微信图片URL" align="center" prop="picUrl"/>
<el-table-column label="本地图片路径" align="center" prop="picPath"/>
<el-table-column label="创建时间" align="center" prop="createTime" width="180">
<template slot-scope="scope">
<span>{{ parseTime(scope.row.createTime) }}</span>
</template>
</el-table-column>
<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
<template slot-scope="scope">
<el-button size="mini" type="text" icon="el-icon-edit" @click="handleUpdate(scope.row)"
v-hasPermi="['wechatMp:wx-fans-msg:update']">修改
</el-button>
<el-button size="mini" type="text" icon="el-icon-delete" @click="handleDelete(scope.row)"
v-hasPermi="['wechatMp:wx-fans-msg:delete']">删除
</el-button>
</template>
</el-table-column>
</el-table>
<!-- 分页组件 -->
<pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNo" :limit.sync="queryParams.pageSize"
@pagination="getList"/>
<!-- 对话框(添加 / 修改) -->
<el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
<el-form ref="form" :model="form" :rules="rules" label-width="80px">
<el-form-item label="用户标识" prop="openid">
<el-input v-model="form.openid" placeholder="请输入用户标识"/>
</el-form-item>
<el-form-item label="昵称" prop="nickname">
<el-input v-model="form.nickname" placeholder="请输入昵称"/>
</el-form-item>
<el-form-item label="头像地址" prop="headimgUrl">
<el-input v-model="form.headimgUrl" placeholder="请输入头像地址"/>
</el-form-item>
<el-form-item label="微信账号ID" prop="wxAccountId">
<el-input v-model="form.wxAccountId" placeholder="请输入微信账号ID"/>
</el-form-item>
<el-form-item label="消息类型" prop="msgType">
<el-select v-model="form.msgType" placeholder="请选择消息类型">
<el-option label="请选择字典生成" value=""/>
</el-select>
</el-form-item>
<el-form-item label="内容">
<editor v-model="form.content" :min-height="192"/>
</el-form-item>
<el-form-item label="最近一条回复内容">
<editor v-model="form.resContent" :min-height="192"/>
</el-form-item>
<el-form-item label="是否已回复" prop="isRes">
<el-input v-model="form.isRes" placeholder="请输入是否已回复"/>
</el-form-item>
<el-form-item label="微信素材ID" prop="mediaId">
<el-input v-model="form.mediaId" placeholder="请输入微信素材ID"/>
</el-form-item>
<el-form-item label="微信图片URL" prop="picUrl">
<el-input v-model="form.picUrl" placeholder="请输入微信图片URL"/>
</el-form-item>
<el-form-item label="本地图片路径" prop="picPath">
<el-input v-model="form.picPath" placeholder="请输入本地图片路径"/>
</el-form-item>
</el-form>
<div slot="footer" class="dialog-footer">
<el-button type="primary" @click="submitForm"> </el-button>
<el-button @click="cancel"> </el-button>
</div>
</el-dialog>
</div>
</template>
<script>
import {
createWxFansMsg,
updateWxFansMsg,
deleteWxFansMsg,
getWxFansMsg,
getWxFansMsgPage,
exportWxFansMsgExcel
} from "@/api/wechatMp/wxFansMsg";
import Editor from '@/components/Editor';
export default {
name: "WxFansMsg",
components: {
Editor,
},
data() {
return {
// 遮罩层
loading: true,
// 导出遮罩层
exportLoading: false,
// 显示搜索条件
showSearch: true,
// 总条数
total: 0,
// 粉丝消息表 列表
list: [],
// 弹出层标题
title: "",
// 是否显示弹出层
open: false,
dateRangeCreateTime: [],
// 查询参数
queryParams: {
pageNo: 1,
pageSize: 10,
openid: null,
nickname: null,
headimgUrl: null,
wxAccountId: null,
msgType: null,
content: null,
resContent: null,
isRes: null,
mediaId: null,
picUrl: null,
picPath: null,
},
// 表单参数
form: {},
// 表单校验
rules: {}
};
},
created() {
this.getList();
},
methods: {
/** 查询列表 */
getList() {
this.loading = true;
// 处理查询参数
let params = {...this.queryParams};
this.addBeginAndEndTime(params, this.dateRangeCreateTime, 'createTime');
// 执行查询
getWxFansMsgPage(params).then(response => {
this.list = response.data.list;
this.total = response.data.total;
this.loading = false;
});
},
/** 取消按钮 */
cancel() {
this.open = false;
this.reset();
},
/** 表单重置 */
reset() {
this.form = {
id: undefined,
openid: undefined,
nickname: undefined,
headimgUrl: undefined,
wxAccountId: undefined,
msgType: undefined,
content: undefined,
resContent: undefined,
isRes: undefined,
mediaId: undefined,
picUrl: undefined,
picPath: undefined,
};
this.resetForm("form");
},
/** 搜索按钮操作 */
handleQuery() {
this.queryParams.pageNo = 1;
this.getList();
},
/** 重置按钮操作 */
resetQuery() {
this.dateRangeCreateTime = [];
this.resetForm("queryForm");
this.handleQuery();
},
/** 新增按钮操作 */
handleAdd() {
this.reset();
this.open = true;
this.title = "添加粉丝消息表 ";
},
/** 修改按钮操作 */
handleUpdate(row) {
this.reset();
const id = row.id;
getWxFansMsg(id).then(response => {
this.form = response.data;
this.open = true;
this.title = "修改粉丝消息表 ";
});
},
/** 提交按钮 */
submitForm() {
this.$refs["form"].validate(valid => {
if (!valid) {
return;
}
// 修改的提交
if (this.form.id != null) {
updateWxFansMsg(this.form).then(response => {
this.$modal.msgSuccess("修改成功");
this.open = false;
this.getList();
});
return;
}
// 添加的提交
createWxFansMsg(this.form).then(response => {
this.$modal.msgSuccess("新增成功");
this.open = false;
this.getList();
});
});
},
/** 删除按钮操作 */
handleDelete(row) {
const id = row.id;
this.$modal.confirm('是否确认删除粉丝消息表 编号为"' + id + '"的数据项?').then(function () {
return deleteWxFansMsg(id);
}).then(() => {
this.getList();
this.$modal.msgSuccess("删除成功");
}).catch(() => {
});
},
/** 导出按钮操作 */
handleExport() {
// 处理查询参数
let params = {...this.queryParams};
params.pageNo = undefined;
params.pageSize = undefined;
this.addBeginAndEndTime(params, this.dateRangeCreateTime, 'createTime');
// 执行导出
this.$modal.confirm('是否确认导出所有粉丝消息表 数据项?').then(() => {
this.exportLoading = true;
return exportWxFansMsgExcel(params);
}).then(response => {
this.$download.excel(response, '粉丝消息表 .xls');
this.exportLoading = false;
}).catch(() => {
});
}
}
};
</script>

View File

@ -0,0 +1,235 @@
<template>
<div class="app-container">
<!-- 搜索工作栏 -->
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
<el-form-item label="粉丝消息ID" prop="fansMsgId">
<el-input v-model="queryParams.fansMsgId" placeholder="请输入粉丝消息ID" clearable @keyup.enter.native="handleQuery"/>
</el-form-item>
<el-form-item label="创建时间">
<el-date-picker v-model="dateRangeCreateTime" style="width: 240px" value-format="yyyy-MM-dd"
type="daterange" range-separator="-" start-placeholder="开始日期" end-placeholder="结束日期"/>
</el-form-item>
<el-form-item>
<el-button type="primary" icon="el-icon-search" @click="handleQuery">搜索</el-button>
<el-button icon="el-icon-refresh" @click="resetQuery">重置</el-button>
</el-form-item>
</el-form>
<!-- 操作工具栏 -->
<el-row :gutter="10" class="mb8">
<el-col :span="1.5">
<el-button type="primary" plain icon="el-icon-plus" size="mini" @click="handleAdd"
v-hasPermi="['wechatMp:wx-fans-msg-res:create']">新增
</el-button>
</el-col>
<el-col :span="1.5">
<el-button type="warning" plain icon="el-icon-download" size="mini" @click="handleExport"
:loading="exportLoading"
v-hasPermi="['wechatMp:wx-fans-msg-res:export']">导出
</el-button>
</el-col>
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
</el-row>
<!-- 列表 -->
<el-table v-loading="loading" :data="list">
<el-table-column label="主键" align="center" prop="id"/>
<el-table-column label="粉丝消息ID" align="center" prop="fansMsgId"/>
<el-table-column label="回复内容" align="center" prop="resContent"/>
<el-table-column label="创建时间" align="center" prop="createTime" width="180">
<template slot-scope="scope">
<span>{{ parseTime(scope.row.createTime) }}</span>
</template>
</el-table-column>
<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
<template slot-scope="scope">
<el-button size="mini" type="text" icon="el-icon-edit" @click="handleUpdate(scope.row)"
v-hasPermi="['wechatMp:wx-fans-msg-res:update']">修改
</el-button>
<el-button size="mini" type="text" icon="el-icon-delete" @click="handleDelete(scope.row)"
v-hasPermi="['wechatMp:wx-fans-msg-res:delete']">删除
</el-button>
</template>
</el-table-column>
</el-table>
<!-- 分页组件 -->
<pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNo" :limit.sync="queryParams.pageSize"
@pagination="getList"/>
<!-- 对话框(添加 / 修改) -->
<el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
<el-form ref="form" :model="form" :rules="rules" label-width="80px">
<el-form-item label="粉丝消息ID" prop="fansMsgId">
<el-input v-model="form.fansMsgId" placeholder="请输入粉丝消息ID"/>
</el-form-item>
<el-form-item label="回复内容">
<editor v-model="form.resContent" :min-height="192"/>
</el-form-item>
</el-form>
<div slot="footer" class="dialog-footer">
<el-button type="primary" @click="submitForm"> </el-button>
<el-button @click="cancel"> </el-button>
</div>
</el-dialog>
</div>
</template>
<script>
import {
createWxFansMsgRes,
updateWxFansMsgRes,
deleteWxFansMsgRes,
getWxFansMsgRes,
getWxFansMsgResPage,
exportWxFansMsgResExcel
} from "@/api/wechatMp/wxFansMsgRes";
import Editor from '@/components/Editor';
export default {
name: "WxFansMsgRes",
components: {
Editor,
},
data() {
return {
// 遮罩层
loading: true,
// 导出遮罩层
exportLoading: false,
// 显示搜索条件
showSearch: true,
// 总条数
total: 0,
// 回复粉丝消息历史表 列表
list: [],
// 弹出层标题
title: "",
// 是否显示弹出层
open: false,
dateRangeCreateTime: [],
// 查询参数
queryParams: {
pageNo: 1,
pageSize: 10,
fansMsgId: null,
resContent: null,
},
// 表单参数
form: {},
// 表单校验
rules: {}
};
},
created() {
this.getList();
},
methods: {
/** 查询列表 */
getList() {
this.loading = true;
// 处理查询参数
let params = {...this.queryParams};
this.addBeginAndEndTime(params, this.dateRangeCreateTime, 'createTime');
// 执行查询
getWxFansMsgResPage(params).then(response => {
this.list = response.data.list;
this.total = response.data.total;
this.loading = false;
});
},
/** 取消按钮 */
cancel() {
this.open = false;
this.reset();
},
/** 表单重置 */
reset() {
this.form = {
id: undefined,
fansMsgId: undefined,
resContent: undefined,
};
this.resetForm("form");
},
/** 搜索按钮操作 */
handleQuery() {
this.queryParams.pageNo = 1;
this.getList();
},
/** 重置按钮操作 */
resetQuery() {
this.dateRangeCreateTime = [];
this.resetForm("queryForm");
this.handleQuery();
},
/** 新增按钮操作 */
handleAdd() {
this.reset();
this.open = true;
this.title = "添加回复粉丝消息历史表 ";
},
/** 修改按钮操作 */
handleUpdate(row) {
this.reset();
const id = row.id;
getWxFansMsgRes(id).then(response => {
this.form = response.data;
this.open = true;
this.title = "修改回复粉丝消息历史表 ";
});
},
/** 提交按钮 */
submitForm() {
this.$refs["form"].validate(valid => {
if (!valid) {
return;
}
// 修改的提交
if (this.form.id != null) {
updateWxFansMsgRes(this.form).then(response => {
this.$modal.msgSuccess("修改成功");
this.open = false;
this.getList();
});
return;
}
// 添加的提交
createWxFansMsgRes(this.form).then(response => {
this.$modal.msgSuccess("新增成功");
this.open = false;
this.getList();
});
});
},
/** 删除按钮操作 */
handleDelete(row) {
const id = row.id;
this.$modal.confirm('是否确认删除回复粉丝消息历史表 编号为"' + id + '"的数据项?').then(function () {
return deleteWxFansMsgRes(id);
}).then(() => {
this.getList();
this.$modal.msgSuccess("删除成功");
}).catch(() => {
});
},
/** 导出按钮操作 */
handleExport() {
// 处理查询参数
let params = {...this.queryParams};
params.pageNo = undefined;
params.pageSize = undefined;
this.addBeginAndEndTime(params, this.dateRangeCreateTime, 'createTime');
// 执行导出
this.$modal.confirm('是否确认导出所有回复粉丝消息历史表 数据项?').then(() => {
this.exportLoading = true;
return exportWxFansMsgResExcel(params);
}).then(response => {
this.$download.excel(response, '回复粉丝消息历史表 .xls');
this.exportLoading = false;
}).catch(() => {
});
}
}
};
</script>

View File

@ -0,0 +1,245 @@
<template>
<div class="app-container">
<!-- 搜索工作栏 -->
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
<el-form-item label="标签名称" prop="name">
<el-input v-model="queryParams.name" placeholder="请输入标签名称" clearable @keyup.enter.native="handleQuery"/>
</el-form-item>
<el-form-item label="粉丝数量" prop="count">
<el-input v-model="queryParams.count" placeholder="请输入粉丝数量" clearable @keyup.enter.native="handleQuery"/>
</el-form-item>
<el-form-item label="微信账号ID" prop="wxAccountId">
<el-input v-model="queryParams.wxAccountId" placeholder="请输入微信账号ID" clearable
@keyup.enter.native="handleQuery"/>
</el-form-item>
<el-form-item label="创建时间">
<el-date-picker v-model="dateRangeCreateTime" style="width: 240px" value-format="yyyy-MM-dd"
type="daterange" range-separator="-" start-placeholder="开始日期" end-placeholder="结束日期"/>
</el-form-item>
<el-form-item>
<el-button type="primary" icon="el-icon-search" @click="handleQuery">搜索</el-button>
<el-button icon="el-icon-refresh" @click="resetQuery">重置</el-button>
</el-form-item>
</el-form>
<!-- 操作工具栏 -->
<el-row :gutter="10" class="mb8">
<el-col :span="1.5">
<el-button type="primary" plain icon="el-icon-plus" size="mini" @click="handleAdd"
v-hasPermi="['wechatMp:wx-fans-tag:create']">新增
</el-button>
</el-col>
<el-col :span="1.5">
<el-button type="warning" plain icon="el-icon-download" size="mini" @click="handleExport"
:loading="exportLoading"
v-hasPermi="['wechatMp:wx-fans-tag:export']">导出
</el-button>
</el-col>
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
</el-row>
<!-- 列表 -->
<el-table v-loading="loading" :data="list">
<el-table-column label="主键" align="center" prop="id"/>
<el-table-column label="标签名称" align="center" prop="name"/>
<el-table-column label="粉丝数量" align="center" prop="count"/>
<el-table-column label="微信账号ID" align="center" prop="wxAccountId"/>
<el-table-column label="创建时间" align="center" prop="createTime" width="180">
<template slot-scope="scope">
<span>{{ parseTime(scope.row.createTime) }}</span>
</template>
</el-table-column>
<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
<template slot-scope="scope">
<el-button size="mini" type="text" icon="el-icon-edit" @click="handleUpdate(scope.row)"
v-hasPermi="['wechatMp:wx-fans-tag:update']">修改
</el-button>
<el-button size="mini" type="text" icon="el-icon-delete" @click="handleDelete(scope.row)"
v-hasPermi="['wechatMp:wx-fans-tag:delete']">删除
</el-button>
</template>
</el-table-column>
</el-table>
<!-- 分页组件 -->
<pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNo" :limit.sync="queryParams.pageSize"
@pagination="getList"/>
<!-- 对话框(添加 / 修改) -->
<el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
<el-form ref="form" :model="form" :rules="rules" label-width="80px">
<el-form-item label="标签名称" prop="name">
<el-input v-model="form.name" placeholder="请输入标签名称"/>
</el-form-item>
<el-form-item label="粉丝数量" prop="count">
<el-input v-model="form.count" placeholder="请输入粉丝数量"/>
</el-form-item>
<el-form-item label="微信账号ID" prop="wxAccountId">
<el-input v-model="form.wxAccountId" placeholder="请输入微信账号ID"/>
</el-form-item>
</el-form>
<div slot="footer" class="dialog-footer">
<el-button type="primary" @click="submitForm"> </el-button>
<el-button @click="cancel"> </el-button>
</div>
</el-dialog>
</div>
</template>
<script>
import {
createWxFansTag,
updateWxFansTag,
deleteWxFansTag,
getWxFansTag,
getWxFansTagPage,
exportWxFansTagExcel
} from "@/api/wechatMp/wxFansTag";
export default {
name: "WxFansTag",
components: {},
data() {
return {
// 遮罩层
loading: true,
// 导出遮罩层
exportLoading: false,
// 显示搜索条件
showSearch: true,
// 总条数
total: 0,
// 粉丝标签列表
list: [],
// 弹出层标题
title: "",
// 是否显示弹出层
open: false,
dateRangeCreateTime: [],
// 查询参数
queryParams: {
pageNo: 1,
pageSize: 10,
name: null,
count: null,
wxAccountId: null,
},
// 表单参数
form: {},
// 表单校验
rules: {}
};
},
created() {
this.getList();
},
methods: {
/** 查询列表 */
getList() {
this.loading = true;
// 处理查询参数
let params = {...this.queryParams};
this.addBeginAndEndTime(params, this.dateRangeCreateTime, 'createTime');
// 执行查询
getWxFansTagPage(params).then(response => {
this.list = response.data.list;
this.total = response.data.total;
this.loading = false;
});
},
/** 取消按钮 */
cancel() {
this.open = false;
this.reset();
},
/** 表单重置 */
reset() {
this.form = {
id: undefined,
name: undefined,
count: undefined,
wxAccountId: undefined,
};
this.resetForm("form");
},
/** 搜索按钮操作 */
handleQuery() {
this.queryParams.pageNo = 1;
this.getList();
},
/** 重置按钮操作 */
resetQuery() {
this.dateRangeCreateTime = [];
this.resetForm("queryForm");
this.handleQuery();
},
/** 新增按钮操作 */
handleAdd() {
this.reset();
this.open = true;
this.title = "添加粉丝标签";
},
/** 修改按钮操作 */
handleUpdate(row) {
this.reset();
const id = row.id;
getWxFansTag(id).then(response => {
this.form = response.data;
this.open = true;
this.title = "修改粉丝标签";
});
},
/** 提交按钮 */
submitForm() {
this.$refs["form"].validate(valid => {
if (!valid) {
return;
}
// 修改的提交
if (this.form.id != null) {
updateWxFansTag(this.form).then(response => {
this.$modal.msgSuccess("修改成功");
this.open = false;
this.getList();
});
return;
}
// 添加的提交
createWxFansTag(this.form).then(response => {
this.$modal.msgSuccess("新增成功");
this.open = false;
this.getList();
});
});
},
/** 删除按钮操作 */
handleDelete(row) {
const id = row.id;
this.$modal.confirm('是否确认删除粉丝标签编号为"' + id + '"的数据项?').then(function () {
return deleteWxFansTag(id);
}).then(() => {
this.getList();
this.$modal.msgSuccess("删除成功");
}).catch(() => {
});
},
/** 导出按钮操作 */
handleExport() {
// 处理查询参数
let params = {...this.queryParams};
params.pageNo = undefined;
params.pageSize = undefined;
this.addBeginAndEndTime(params, this.dateRangeCreateTime, 'createTime');
// 执行导出
this.$modal.confirm('是否确认导出所有粉丝标签数据项?').then(() => {
this.exportLoading = true;
return exportWxFansTagExcel(params);
}).then(response => {
this.$download.excel(response, '粉丝标签.xls');
this.exportLoading = false;
}).catch(() => {
});
}
}
};
</script>

View File

@ -0,0 +1,268 @@
<template>
<div class="app-container">
<!-- 搜索工作栏 -->
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
<el-form-item label="类型" prop="type">
<el-select v-model="queryParams.type" placeholder="请选择类型" clearable size="small">
<el-option label="请选择字典生成" value=""/>
</el-select>
</el-form-item>
<el-form-item label="图片URL" prop="url">
<el-input v-model="queryParams.url" placeholder="请输入图片URL" clearable @keyup.enter.native="handleQuery"/>
</el-form-item>
<el-form-item label="素材ID" prop="mediaId">
<el-input v-model="queryParams.mediaId" placeholder="请输入素材ID" clearable @keyup.enter.native="handleQuery"/>
</el-form-item>
<el-form-item label="缩略图素材ID" prop="thumbMediaId">
<el-input v-model="queryParams.thumbMediaId" placeholder="请输入缩略图素材ID" clearable
@keyup.enter.native="handleQuery"/>
</el-form-item>
<el-form-item label="微信账号ID" prop="wxAccountId">
<el-input v-model="queryParams.wxAccountId" placeholder="请输入微信账号ID" clearable
@keyup.enter.native="handleQuery"/>
</el-form-item>
<el-form-item label="创建时间">
<el-date-picker v-model="dateRangeCreateTime" style="width: 240px" value-format="yyyy-MM-dd"
type="daterange" range-separator="-" start-placeholder="开始日期" end-placeholder="结束日期"/>
</el-form-item>
<el-form-item>
<el-button type="primary" icon="el-icon-search" @click="handleQuery">搜索</el-button>
<el-button icon="el-icon-refresh" @click="resetQuery">重置</el-button>
</el-form-item>
</el-form>
<!-- 操作工具栏 -->
<el-row :gutter="10" class="mb8">
<el-col :span="1.5">
<el-button type="primary" plain icon="el-icon-plus" size="mini" @click="handleAdd"
v-hasPermi="['wechatMp:wx-media-upload:create']">新增
</el-button>
</el-col>
<el-col :span="1.5">
<el-button type="warning" plain icon="el-icon-download" size="mini" @click="handleExport"
:loading="exportLoading"
v-hasPermi="['wechatMp:wx-media-upload:export']">导出
</el-button>
</el-col>
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
</el-row>
<!-- 列表 -->
<el-table v-loading="loading" :data="list">
<el-table-column label="主键" align="center" prop="id"/>
<el-table-column label="类型" align="center" prop="type"/>
<el-table-column label="图片URL" align="center" prop="url"/>
<el-table-column label="素材ID" align="center" prop="mediaId"/>
<el-table-column label="缩略图素材ID" align="center" prop="thumbMediaId"/>
<el-table-column label="微信账号ID" align="center" prop="wxAccountId"/>
<el-table-column label="创建时间" align="center" prop="createTime" width="180">
<template slot-scope="scope">
<span>{{ parseTime(scope.row.createTime) }}</span>
</template>
</el-table-column>
<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
<template slot-scope="scope">
<el-button size="mini" type="text" icon="el-icon-edit" @click="handleUpdate(scope.row)"
v-hasPermi="['wechatMp:wx-media-upload:update']">修改
</el-button>
<el-button size="mini" type="text" icon="el-icon-delete" @click="handleDelete(scope.row)"
v-hasPermi="['wechatMp:wx-media-upload:delete']">删除
</el-button>
</template>
</el-table-column>
</el-table>
<!-- 分页组件 -->
<pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNo" :limit.sync="queryParams.pageSize"
@pagination="getList"/>
<!-- 对话框(添加 / 修改) -->
<el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
<el-form ref="form" :model="form" :rules="rules" label-width="80px">
<el-form-item label="类型" prop="type">
<el-select v-model="form.type" placeholder="请选择类型">
<el-option label="请选择字典生成" value=""/>
</el-select>
</el-form-item>
<el-form-item label="图片URL" prop="url">
<el-input v-model="form.url" placeholder="请输入图片URL"/>
</el-form-item>
<el-form-item label="素材ID" prop="mediaId">
<el-input v-model="form.mediaId" placeholder="请输入素材ID"/>
</el-form-item>
<el-form-item label="缩略图素材ID" prop="thumbMediaId">
<el-input v-model="form.thumbMediaId" placeholder="请输入缩略图素材ID"/>
</el-form-item>
<el-form-item label="微信账号ID" prop="wxAccountId">
<el-input v-model="form.wxAccountId" placeholder="请输入微信账号ID"/>
</el-form-item>
</el-form>
<div slot="footer" class="dialog-footer">
<el-button type="primary" @click="submitForm"> </el-button>
<el-button @click="cancel"> </el-button>
</div>
</el-dialog>
</div>
</template>
<script>
import {
createWxMediaUpload,
updateWxMediaUpload,
deleteWxMediaUpload,
getWxMediaUpload,
getWxMediaUploadPage,
exportWxMediaUploadExcel
} from "@/api/wechatMp/wxMediaUpload";
export default {
name: "WxMediaUpload",
components: {},
data() {
return {
// 遮罩层
loading: true,
// 导出遮罩层
exportLoading: false,
// 显示搜索条件
showSearch: true,
// 总条数
total: 0,
// 微信素材上传表 列表
list: [],
// 弹出层标题
title: "",
// 是否显示弹出层
open: false,
dateRangeCreateTime: [],
// 查询参数
queryParams: {
pageNo: 1,
pageSize: 10,
type: null,
url: null,
mediaId: null,
thumbMediaId: null,
wxAccountId: null,
},
// 表单参数
form: {},
// 表单校验
rules: {}
};
},
created() {
this.getList();
},
methods: {
/** 查询列表 */
getList() {
this.loading = true;
// 处理查询参数
let params = {...this.queryParams};
this.addBeginAndEndTime(params, this.dateRangeCreateTime, 'createTime');
// 执行查询
getWxMediaUploadPage(params).then(response => {
this.list = response.data.list;
this.total = response.data.total;
this.loading = false;
});
},
/** 取消按钮 */
cancel() {
this.open = false;
this.reset();
},
/** 表单重置 */
reset() {
this.form = {
id: undefined,
type: undefined,
url: undefined,
mediaId: undefined,
thumbMediaId: undefined,
wxAccountId: undefined,
};
this.resetForm("form");
},
/** 搜索按钮操作 */
handleQuery() {
this.queryParams.pageNo = 1;
this.getList();
},
/** 重置按钮操作 */
resetQuery() {
this.dateRangeCreateTime = [];
this.resetForm("queryForm");
this.handleQuery();
},
/** 新增按钮操作 */
handleAdd() {
this.reset();
this.open = true;
this.title = "添加微信素材上传表 ";
},
/** 修改按钮操作 */
handleUpdate(row) {
this.reset();
const id = row.id;
getWxMediaUpload(id).then(response => {
this.form = response.data;
this.open = true;
this.title = "修改微信素材上传表 ";
});
},
/** 提交按钮 */
submitForm() {
this.$refs["form"].validate(valid => {
if (!valid) {
return;
}
// 修改的提交
if (this.form.id != null) {
updateWxMediaUpload(this.form).then(response => {
this.$modal.msgSuccess("修改成功");
this.open = false;
this.getList();
});
return;
}
// 添加的提交
createWxMediaUpload(this.form).then(response => {
this.$modal.msgSuccess("新增成功");
this.open = false;
this.getList();
});
});
},
/** 删除按钮操作 */
handleDelete(row) {
const id = row.id;
this.$modal.confirm('是否确认删除微信素材上传表 编号为"' + id + '"的数据项?').then(function () {
return deleteWxMediaUpload(id);
}).then(() => {
this.getList();
this.$modal.msgSuccess("删除成功");
}).catch(() => {
});
},
/** 导出按钮操作 */
handleExport() {
// 处理查询参数
let params = {...this.queryParams};
params.pageNo = undefined;
params.pageSize = undefined;
this.addBeginAndEndTime(params, this.dateRangeCreateTime, 'createTime');
// 执行导出
this.$modal.confirm('是否确认导出所有微信素材上传表 数据项?').then(() => {
this.exportLoading = true;
return exportWxMediaUploadExcel(params);
}).then(response => {
this.$download.excel(response, '微信素材上传表 .xls');
this.exportLoading = false;
}).catch(() => {
});
}
}
};
</script>

View File

@ -0,0 +1,314 @@
<template>
<div class="app-container">
<!-- 搜索工作栏 -->
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
<el-form-item label="父ID" prop="parentId">
<el-input v-model="queryParams.parentId" placeholder="请输入父ID" clearable @keyup.enter.native="handleQuery"/>
</el-form-item>
<el-form-item label="菜单名称" prop="menuName">
<el-input v-model="queryParams.menuName" placeholder="请输入菜单名称" clearable @keyup.enter.native="handleQuery"/>
</el-form-item>
<el-form-item label="菜单类型 1文本消息2图文消息3网址链接4小程序" prop="menuType">
<el-select v-model="queryParams.menuType" placeholder="请选择菜单类型 1文本消息2图文消息3网址链接4小程序" clearable size="small">
<el-option label="请选择字典生成" value=""/>
</el-select>
</el-form-item>
<el-form-item label="菜单等级" prop="menuLevel">
<el-input v-model="queryParams.menuLevel" placeholder="请输入菜单等级" clearable @keyup.enter.native="handleQuery"/>
</el-form-item>
<el-form-item label="模板ID" prop="tplId">
<el-input v-model="queryParams.tplId" placeholder="请输入模板ID" clearable @keyup.enter.native="handleQuery"/>
</el-form-item>
<el-form-item label="菜单URL" prop="menuUrl">
<el-input v-model="queryParams.menuUrl" placeholder="请输入菜单URL" clearable @keyup.enter.native="handleQuery"/>
</el-form-item>
<el-form-item label="排序" prop="menuSort">
<el-input v-model="queryParams.menuSort" placeholder="请输入排序" clearable @keyup.enter.native="handleQuery"/>
</el-form-item>
<el-form-item label="微信账号ID" prop="wxAccountId">
<el-input v-model="queryParams.wxAccountId" placeholder="请输入微信账号ID" clearable
@keyup.enter.native="handleQuery"/>
</el-form-item>
<el-form-item label="小程序appid" prop="miniprogramAppid">
<el-input v-model="queryParams.miniprogramAppid" placeholder="请输入小程序appid" clearable
@keyup.enter.native="handleQuery"/>
</el-form-item>
<el-form-item label="小程序页面路径" prop="miniprogramPagepath">
<el-input v-model="queryParams.miniprogramPagepath" placeholder="请输入小程序页面路径" clearable
@keyup.enter.native="handleQuery"/>
</el-form-item>
<el-form-item label="创建时间">
<el-date-picker v-model="dateRangeCreateTime" style="width: 240px" value-format="yyyy-MM-dd"
type="daterange" range-separator="-" start-placeholder="开始日期" end-placeholder="结束日期"/>
</el-form-item>
<el-form-item>
<el-button type="primary" icon="el-icon-search" @click="handleQuery">搜索</el-button>
<el-button icon="el-icon-refresh" @click="resetQuery">重置</el-button>
</el-form-item>
</el-form>
<!-- 操作工具栏 -->
<el-row :gutter="10" class="mb8">
<el-col :span="1.5">
<el-button type="primary" plain icon="el-icon-plus" size="mini" @click="handleAdd"
v-hasPermi="['wechatMp:wx-menu:create']">新增
</el-button>
</el-col>
<el-col :span="1.5">
<el-button type="warning" plain icon="el-icon-download" size="mini" @click="handleExport"
:loading="exportLoading"
v-hasPermi="['wechatMp:wx-menu:export']">导出
</el-button>
</el-col>
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
</el-row>
<!-- 列表 -->
<el-table v-loading="loading" :data="list">
<el-table-column label="主键" align="center" prop="id"/>
<el-table-column label="父ID" align="center" prop="parentId"/>
<el-table-column label="菜单名称" align="center" prop="menuName"/>
<el-table-column label="菜单类型 1文本消息2图文消息3网址链接4小程序" align="center" prop="menuType"/>
<el-table-column label="菜单等级" align="center" prop="menuLevel"/>
<el-table-column label="模板ID" align="center" prop="tplId"/>
<el-table-column label="菜单URL" align="center" prop="menuUrl"/>
<el-table-column label="排序" align="center" prop="menuSort"/>
<el-table-column label="微信账号ID" align="center" prop="wxAccountId"/>
<el-table-column label="小程序appid" align="center" prop="miniprogramAppid"/>
<el-table-column label="小程序页面路径" align="center" prop="miniprogramPagepath"/>
<el-table-column label="创建时间" align="center" prop="createTime" width="180">
<template slot-scope="scope">
<span>{{ parseTime(scope.row.createTime) }}</span>
</template>
</el-table-column>
<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
<template slot-scope="scope">
<el-button size="mini" type="text" icon="el-icon-edit" @click="handleUpdate(scope.row)"
v-hasPermi="['wechatMp:wx-menu:update']">修改
</el-button>
<el-button size="mini" type="text" icon="el-icon-delete" @click="handleDelete(scope.row)"
v-hasPermi="['wechatMp:wx-menu:delete']">删除
</el-button>
</template>
</el-table-column>
</el-table>
<!-- 分页组件 -->
<pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNo" :limit.sync="queryParams.pageSize"
@pagination="getList"/>
<!-- 对话框(添加 / 修改) -->
<el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
<el-form ref="form" :model="form" :rules="rules" label-width="80px">
<el-form-item label="父ID" prop="parentId">
<el-input v-model="form.parentId" placeholder="请输入父ID"/>
</el-form-item>
<el-form-item label="菜单名称" prop="menuName">
<el-input v-model="form.menuName" placeholder="请输入菜单名称"/>
</el-form-item>
<el-form-item label="菜单类型 1文本消息2图文消息3网址链接4小程序" prop="menuType">
<el-select v-model="form.menuType" placeholder="请选择菜单类型 1文本消息2图文消息3网址链接4小程序">
<el-option label="请选择字典生成" value=""/>
</el-select>
</el-form-item>
<el-form-item label="菜单等级" prop="menuLevel">
<el-input v-model="form.menuLevel" placeholder="请输入菜单等级"/>
</el-form-item>
<el-form-item label="模板ID" prop="tplId">
<el-input v-model="form.tplId" placeholder="请输入模板ID"/>
</el-form-item>
<el-form-item label="菜单URL" prop="menuUrl">
<el-input v-model="form.menuUrl" placeholder="请输入菜单URL"/>
</el-form-item>
<el-form-item label="排序" prop="menuSort">
<el-input v-model="form.menuSort" placeholder="请输入排序"/>
</el-form-item>
<el-form-item label="微信账号ID" prop="wxAccountId">
<el-input v-model="form.wxAccountId" placeholder="请输入微信账号ID"/>
</el-form-item>
<el-form-item label="小程序appid" prop="miniprogramAppid">
<el-input v-model="form.miniprogramAppid" placeholder="请输入小程序appid"/>
</el-form-item>
<el-form-item label="小程序页面路径" prop="miniprogramPagepath">
<el-input v-model="form.miniprogramPagepath" placeholder="请输入小程序页面路径"/>
</el-form-item>
</el-form>
<div slot="footer" class="dialog-footer">
<el-button type="primary" @click="submitForm"> </el-button>
<el-button @click="cancel"> </el-button>
</div>
</el-dialog>
</div>
</template>
<script>
import {
createWxMenu,
updateWxMenu,
deleteWxMenu,
getWxMenu,
getWxMenuPage,
exportWxMenuExcel
} from "@/api/wechatMp/wxMenu";
export default {
name: "WxMenu",
components: {},
data() {
return {
// 遮罩层
loading: true,
// 导出遮罩层
exportLoading: false,
// 显示搜索条件
showSearch: true,
// 总条数
total: 0,
// 微信菜单列表
list: [],
// 弹出层标题
title: "",
// 是否显示弹出层
open: false,
dateRangeCreateTime: [],
// 查询参数
queryParams: {
pageNo: 1,
pageSize: 10,
parentId: null,
menuName: null,
menuType: null,
menuLevel: null,
tplId: null,
menuUrl: null,
menuSort: null,
wxAccountId: null,
miniprogramAppid: null,
miniprogramPagepath: null,
},
// 表单参数
form: {},
// 表单校验
rules: {}
};
},
created() {
this.getList();
},
methods: {
/** 查询列表 */
getList() {
this.loading = true;
// 处理查询参数
let params = {...this.queryParams};
this.addBeginAndEndTime(params, this.dateRangeCreateTime, 'createTime');
// 执行查询
getWxMenuPage(params).then(response => {
this.list = response.data.list;
this.total = response.data.total;
this.loading = false;
});
},
/** 取消按钮 */
cancel() {
this.open = false;
this.reset();
},
/** 表单重置 */
reset() {
this.form = {
id: undefined,
parentId: undefined,
menuName: undefined,
menuType: undefined,
menuLevel: undefined,
tplId: undefined,
menuUrl: undefined,
menuSort: undefined,
wxAccountId: undefined,
miniprogramAppid: undefined,
miniprogramPagepath: undefined,
};
this.resetForm("form");
},
/** 搜索按钮操作 */
handleQuery() {
this.queryParams.pageNo = 1;
this.getList();
},
/** 重置按钮操作 */
resetQuery() {
this.dateRangeCreateTime = [];
this.resetForm("queryForm");
this.handleQuery();
},
/** 新增按钮操作 */
handleAdd() {
this.reset();
this.open = true;
this.title = "添加微信菜单";
},
/** 修改按钮操作 */
handleUpdate(row) {
this.reset();
const id = row.id;
getWxMenu(id).then(response => {
this.form = response.data;
this.open = true;
this.title = "修改微信菜单";
});
},
/** 提交按钮 */
submitForm() {
this.$refs["form"].validate(valid => {
if (!valid) {
return;
}
// 修改的提交
if (this.form.id != null) {
updateWxMenu(this.form).then(response => {
this.$modal.msgSuccess("修改成功");
this.open = false;
this.getList();
});
return;
}
// 添加的提交
createWxMenu(this.form).then(response => {
this.$modal.msgSuccess("新增成功");
this.open = false;
this.getList();
});
});
},
/** 删除按钮操作 */
handleDelete(row) {
const id = row.id;
this.$modal.confirm('是否确认删除微信菜单编号为"' + id + '"的数据项?').then(function () {
return deleteWxMenu(id);
}).then(() => {
this.getList();
this.$modal.msgSuccess("删除成功");
}).catch(() => {
});
},
/** 导出按钮操作 */
handleExport() {
// 处理查询参数
let params = {...this.queryParams};
params.pageNo = undefined;
params.pageSize = undefined;
this.addBeginAndEndTime(params, this.dateRangeCreateTime, 'createTime');
// 执行导出
this.$modal.confirm('是否确认导出所有微信菜单数据项?').then(() => {
this.exportLoading = true;
return exportWxMenuExcel(params);
}).then(response => {
this.$download.excel(response, '微信菜单.xls');
this.exportLoading = false;
}).catch(() => {
});
}
}
};
</script>

View File

@ -0,0 +1,340 @@
<template>
<div class="app-container">
<!-- 搜索工作栏 -->
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
<el-form-item label="标题" prop="title">
<el-input v-model="queryParams.title" placeholder="请输入标题" clearable @keyup.enter.native="handleQuery"/>
</el-form-item>
<el-form-item label="摘要" prop="digest">
<el-input v-model="queryParams.digest" placeholder="请输入摘要" clearable @keyup.enter.native="handleQuery"/>
</el-form-item>
<el-form-item label="作者" prop="author">
<el-input v-model="queryParams.author" placeholder="请输入作者" clearable @keyup.enter.native="handleQuery"/>
</el-form-item>
<el-form-item label="是否展示封面图片0/1" prop="showCoverPic">
<el-input v-model="queryParams.showCoverPic" placeholder="请输入是否展示封面图片0/1" clearable
@keyup.enter.native="handleQuery"/>
</el-form-item>
<el-form-item label="上传微信,封面图片标识" prop="thumbMediaId">
<el-input v-model="queryParams.thumbMediaId" placeholder="请输入上传微信,封面图片标识" clearable
@keyup.enter.native="handleQuery"/>
</el-form-item>
<el-form-item label="内容链接" prop="contentSourceUrl">
<el-input v-model="queryParams.contentSourceUrl" placeholder="请输入内容链接" clearable
@keyup.enter.native="handleQuery"/>
</el-form-item>
<el-form-item label="文章排序" prop="orderNo">
<el-input v-model="queryParams.orderNo" placeholder="请输入文章排序" clearable @keyup.enter.native="handleQuery"/>
</el-form-item>
<el-form-item label="图片路径" prop="picPath">
<el-input v-model="queryParams.picPath" placeholder="请输入图片路径" clearable @keyup.enter.native="handleQuery"/>
</el-form-item>
<el-form-item label="是否可以留言" prop="needOpenComment">
<el-input v-model="queryParams.needOpenComment" placeholder="请输入是否可以留言" clearable
@keyup.enter.native="handleQuery"/>
</el-form-item>
<el-form-item label="是否仅粉丝可以留言" prop="onlyFansCanComment">
<el-input v-model="queryParams.onlyFansCanComment" placeholder="请输入是否仅粉丝可以留言" clearable
@keyup.enter.native="handleQuery"/>
</el-form-item>
<el-form-item label="图文ID" prop="newsId">
<el-input v-model="queryParams.newsId" placeholder="请输入图文ID" clearable @keyup.enter.native="handleQuery"/>
</el-form-item>
<el-form-item label="微信账号ID" prop="wxAccountId">
<el-input v-model="queryParams.wxAccountId" placeholder="请输入微信账号ID" clearable
@keyup.enter.native="handleQuery"/>
</el-form-item>
<el-form-item label="创建时间">
<el-date-picker v-model="dateRangeCreateTime" style="width: 240px" value-format="yyyy-MM-dd"
type="daterange" range-separator="-" start-placeholder="开始日期" end-placeholder="结束日期"/>
</el-form-item>
<el-form-item>
<el-button type="primary" icon="el-icon-search" @click="handleQuery">搜索</el-button>
<el-button icon="el-icon-refresh" @click="resetQuery">重置</el-button>
</el-form-item>
</el-form>
<!-- 操作工具栏 -->
<el-row :gutter="10" class="mb8">
<el-col :span="1.5">
<el-button type="primary" plain icon="el-icon-plus" size="mini" @click="handleAdd"
v-hasPermi="['wechatMp:wx-news-article-item:create']">新增
</el-button>
</el-col>
<el-col :span="1.5">
<el-button type="warning" plain icon="el-icon-download" size="mini" @click="handleExport"
:loading="exportLoading"
v-hasPermi="['wechatMp:wx-news-article-item:export']">导出
</el-button>
</el-col>
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
</el-row>
<!-- 列表 -->
<el-table v-loading="loading" :data="list">
<el-table-column label="主键" align="center" prop="id"/>
<el-table-column label="标题" align="center" prop="title"/>
<el-table-column label="摘要" align="center" prop="digest"/>
<el-table-column label="作者" align="center" prop="author"/>
<el-table-column label="是否展示封面图片0/1" align="center" prop="showCoverPic"/>
<el-table-column label="上传微信,封面图片标识" align="center" prop="thumbMediaId"/>
<el-table-column label="内容" align="center" prop="content"/>
<el-table-column label="内容链接" align="center" prop="contentSourceUrl"/>
<el-table-column label="文章排序" align="center" prop="orderNo"/>
<el-table-column label="图片路径" align="center" prop="picPath"/>
<el-table-column label="是否可以留言" align="center" prop="needOpenComment"/>
<el-table-column label="是否仅粉丝可以留言" align="center" prop="onlyFansCanComment"/>
<el-table-column label="图文ID" align="center" prop="newsId"/>
<el-table-column label="微信账号ID" align="center" prop="wxAccountId"/>
<el-table-column label="创建时间" align="center" prop="createTime" width="180">
<template slot-scope="scope">
<span>{{ parseTime(scope.row.createTime) }}</span>
</template>
</el-table-column>
<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
<template slot-scope="scope">
<el-button size="mini" type="text" icon="el-icon-edit" @click="handleUpdate(scope.row)"
v-hasPermi="['wechatMp:wx-news-article-item:update']">修改
</el-button>
<el-button size="mini" type="text" icon="el-icon-delete" @click="handleDelete(scope.row)"
v-hasPermi="['wechatMp:wx-news-article-item:delete']">删除
</el-button>
</template>
</el-table-column>
</el-table>
<!-- 分页组件 -->
<pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNo" :limit.sync="queryParams.pageSize"
@pagination="getList"/>
<!-- 对话框(添加 / 修改) -->
<el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
<el-form ref="form" :model="form" :rules="rules" label-width="80px">
<el-form-item label="标题" prop="title">
<el-input v-model="form.title" placeholder="请输入标题"/>
</el-form-item>
<el-form-item label="摘要" prop="digest">
<el-input v-model="form.digest" placeholder="请输入摘要"/>
</el-form-item>
<el-form-item label="作者" prop="author">
<el-input v-model="form.author" placeholder="请输入作者"/>
</el-form-item>
<el-form-item label="是否展示封面图片0/1" prop="showCoverPic">
<el-input v-model="form.showCoverPic" placeholder="请输入是否展示封面图片0/1"/>
</el-form-item>
<el-form-item label="上传微信,封面图片标识" prop="thumbMediaId">
<el-input v-model="form.thumbMediaId" placeholder="请输入上传微信,封面图片标识"/>
</el-form-item>
<el-form-item label="内容">
<editor v-model="form.content" :min-height="192"/>
</el-form-item>
<el-form-item label="内容链接" prop="contentSourceUrl">
<el-input v-model="form.contentSourceUrl" placeholder="请输入内容链接"/>
</el-form-item>
<el-form-item label="文章排序" prop="orderNo">
<el-input v-model="form.orderNo" placeholder="请输入文章排序"/>
</el-form-item>
<el-form-item label="图片路径" prop="picPath">
<el-input v-model="form.picPath" placeholder="请输入图片路径"/>
</el-form-item>
<el-form-item label="是否可以留言" prop="needOpenComment">
<el-input v-model="form.needOpenComment" placeholder="请输入是否可以留言"/>
</el-form-item>
<el-form-item label="是否仅粉丝可以留言" prop="onlyFansCanComment">
<el-input v-model="form.onlyFansCanComment" placeholder="请输入是否仅粉丝可以留言"/>
</el-form-item>
<el-form-item label="图文ID" prop="newsId">
<el-input v-model="form.newsId" placeholder="请输入图文ID"/>
</el-form-item>
<el-form-item label="微信账号ID" prop="wxAccountId">
<el-input v-model="form.wxAccountId" placeholder="请输入微信账号ID"/>
</el-form-item>
</el-form>
<div slot="footer" class="dialog-footer">
<el-button type="primary" @click="submitForm"> </el-button>
<el-button @click="cancel"> </el-button>
</div>
</el-dialog>
</div>
</template>
<script>
import {
createWxNewsArticleItem,
updateWxNewsArticleItem,
deleteWxNewsArticleItem,
getWxNewsArticleItem,
getWxNewsArticleItemPage,
exportWxNewsArticleItemExcel
} from "@/api/wechatMp/wxNewsArticleItem";
import Editor from '@/components/Editor';
export default {
name: "WxNewsArticleItem",
components: {
Editor,
},
data() {
return {
// 遮罩层
loading: true,
// 导出遮罩层
exportLoading: false,
// 显示搜索条件
showSearch: true,
// 总条数
total: 0,
// 图文消息文章列表表 列表
list: [],
// 弹出层标题
title: "",
// 是否显示弹出层
open: false,
dateRangeCreateTime: [],
// 查询参数
queryParams: {
pageNo: 1,
pageSize: 10,
title: null,
digest: null,
author: null,
showCoverPic: null,
thumbMediaId: null,
content: null,
contentSourceUrl: null,
orderNo: null,
picPath: null,
needOpenComment: null,
onlyFansCanComment: null,
newsId: null,
wxAccountId: null,
},
// 表单参数
form: {},
// 表单校验
rules: {}
};
},
created() {
this.getList();
},
methods: {
/** 查询列表 */
getList() {
this.loading = true;
// 处理查询参数
let params = {...this.queryParams};
this.addBeginAndEndTime(params, this.dateRangeCreateTime, 'createTime');
// 执行查询
getWxNewsArticleItemPage(params).then(response => {
this.list = response.data.list;
this.total = response.data.total;
this.loading = false;
});
},
/** 取消按钮 */
cancel() {
this.open = false;
this.reset();
},
/** 表单重置 */
reset() {
this.form = {
id: undefined,
title: undefined,
digest: undefined,
author: undefined,
showCoverPic: undefined,
thumbMediaId: undefined,
content: undefined,
contentSourceUrl: undefined,
orderNo: undefined,
picPath: undefined,
needOpenComment: undefined,
onlyFansCanComment: undefined,
newsId: undefined,
wxAccountId: undefined,
};
this.resetForm("form");
},
/** 搜索按钮操作 */
handleQuery() {
this.queryParams.pageNo = 1;
this.getList();
},
/** 重置按钮操作 */
resetQuery() {
this.dateRangeCreateTime = [];
this.resetForm("queryForm");
this.handleQuery();
},
/** 新增按钮操作 */
handleAdd() {
this.reset();
this.open = true;
this.title = "添加图文消息文章列表表 ";
},
/** 修改按钮操作 */
handleUpdate(row) {
this.reset();
const id = row.id;
getWxNewsArticleItem(id).then(response => {
this.form = response.data;
this.open = true;
this.title = "修改图文消息文章列表表 ";
});
},
/** 提交按钮 */
submitForm() {
this.$refs["form"].validate(valid => {
if (!valid) {
return;
}
// 修改的提交
if (this.form.id != null) {
updateWxNewsArticleItem(this.form).then(response => {
this.$modal.msgSuccess("修改成功");
this.open = false;
this.getList();
});
return;
}
// 添加的提交
createWxNewsArticleItem(this.form).then(response => {
this.$modal.msgSuccess("新增成功");
this.open = false;
this.getList();
});
});
},
/** 删除按钮操作 */
handleDelete(row) {
const id = row.id;
this.$modal.confirm('是否确认删除图文消息文章列表表 编号为"' + id + '"的数据项?').then(function () {
return deleteWxNewsArticleItem(id);
}).then(() => {
this.getList();
this.$modal.msgSuccess("删除成功");
}).catch(() => {
});
},
/** 导出按钮操作 */
handleExport() {
// 处理查询参数
let params = {...this.queryParams};
params.pageNo = undefined;
params.pageSize = undefined;
this.addBeginAndEndTime(params, this.dateRangeCreateTime, 'createTime');
// 执行导出
this.$modal.confirm('是否确认导出所有图文消息文章列表表 数据项?').then(() => {
this.exportLoading = true;
return exportWxNewsArticleItemExcel(params);
}).then(response => {
this.$download.excel(response, '图文消息文章列表表 .xls');
this.exportLoading = false;
}).catch(() => {
});
}
}
};
</script>

View File

@ -0,0 +1,254 @@
<template>
<div class="app-container">
<!-- 搜索工作栏 -->
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
<el-form-item label="模板名称" prop="tplName">
<el-input v-model="queryParams.tplName" placeholder="请输入模板名称" clearable @keyup.enter.native="handleQuery"/>
</el-form-item>
<el-form-item label="是否已上传微信" prop="isUpload">
<el-input v-model="queryParams.isUpload" placeholder="请输入是否已上传微信" clearable @keyup.enter.native="handleQuery"/>
</el-form-item>
<el-form-item label="素材ID" prop="mediaId">
<el-input v-model="queryParams.mediaId" placeholder="请输入素材ID" clearable @keyup.enter.native="handleQuery"/>
</el-form-item>
<el-form-item label="微信账号ID" prop="wxAccountId">
<el-input v-model="queryParams.wxAccountId" placeholder="请输入微信账号ID" clearable
@keyup.enter.native="handleQuery"/>
</el-form-item>
<el-form-item label="创建时间">
<el-date-picker v-model="dateRangeCreateTime" style="width: 240px" value-format="yyyy-MM-dd"
type="daterange" range-separator="-" start-placeholder="开始日期" end-placeholder="结束日期"/>
</el-form-item>
<el-form-item>
<el-button type="primary" icon="el-icon-search" @click="handleQuery">搜索</el-button>
<el-button icon="el-icon-refresh" @click="resetQuery">重置</el-button>
</el-form-item>
</el-form>
<!-- 操作工具栏 -->
<el-row :gutter="10" class="mb8">
<el-col :span="1.5">
<el-button type="primary" plain icon="el-icon-plus" size="mini" @click="handleAdd"
v-hasPermi="['wechatMp:wx-news-template:create']">新增
</el-button>
</el-col>
<el-col :span="1.5">
<el-button type="warning" plain icon="el-icon-download" size="mini" @click="handleExport"
:loading="exportLoading"
v-hasPermi="['wechatMp:wx-news-template:export']">导出
</el-button>
</el-col>
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
</el-row>
<!-- 列表 -->
<el-table v-loading="loading" :data="list">
<el-table-column label="主键 主键ID" align="center" prop="id"/>
<el-table-column label="模板名称" align="center" prop="tplName"/>
<el-table-column label="是否已上传微信" align="center" prop="isUpload"/>
<el-table-column label="素材ID" align="center" prop="mediaId"/>
<el-table-column label="微信账号ID" align="center" prop="wxAccountId"/>
<el-table-column label="创建时间" align="center" prop="createTime" width="180">
<template slot-scope="scope">
<span>{{ parseTime(scope.row.createTime) }}</span>
</template>
</el-table-column>
<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
<template slot-scope="scope">
<el-button size="mini" type="text" icon="el-icon-edit" @click="handleUpdate(scope.row)"
v-hasPermi="['wechatMp:wx-news-template:update']">修改
</el-button>
<el-button size="mini" type="text" icon="el-icon-delete" @click="handleDelete(scope.row)"
v-hasPermi="['wechatMp:wx-news-template:delete']">删除
</el-button>
</template>
</el-table-column>
</el-table>
<!-- 分页组件 -->
<pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNo" :limit.sync="queryParams.pageSize"
@pagination="getList"/>
<!-- 对话框(添加 / 修改) -->
<el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
<el-form ref="form" :model="form" :rules="rules" label-width="80px">
<el-form-item label="模板名称" prop="tplName">
<el-input v-model="form.tplName" placeholder="请输入模板名称"/>
</el-form-item>
<el-form-item label="是否已上传微信" prop="isUpload">
<el-input v-model="form.isUpload" placeholder="请输入是否已上传微信"/>
</el-form-item>
<el-form-item label="素材ID" prop="mediaId">
<el-input v-model="form.mediaId" placeholder="请输入素材ID"/>
</el-form-item>
<el-form-item label="微信账号ID" prop="wxAccountId">
<el-input v-model="form.wxAccountId" placeholder="请输入微信账号ID"/>
</el-form-item>
</el-form>
<div slot="footer" class="dialog-footer">
<el-button type="primary" @click="submitForm"> </el-button>
<el-button @click="cancel"> </el-button>
</div>
</el-dialog>
</div>
</template>
<script>
import {
createWxNewsTemplate,
updateWxNewsTemplate,
deleteWxNewsTemplate,
getWxNewsTemplate,
getWxNewsTemplatePage,
exportWxNewsTemplateExcel
} from "@/api/wechatMp/wxNewsTemplate";
export default {
name: "WxNewsTemplate",
components: {},
data() {
return {
// 遮罩层
loading: true,
// 导出遮罩层
exportLoading: false,
// 显示搜索条件
showSearch: true,
// 总条数
total: 0,
// 图文消息模板列表
list: [],
// 弹出层标题
title: "",
// 是否显示弹出层
open: false,
dateRangeCreateTime: [],
// 查询参数
queryParams: {
pageNo: 1,
pageSize: 10,
tplName: null,
isUpload: null,
mediaId: null,
wxAccountId: null,
},
// 表单参数
form: {},
// 表单校验
rules: {}
};
},
created() {
this.getList();
},
methods: {
/** 查询列表 */
getList() {
this.loading = true;
// 处理查询参数
let params = {...this.queryParams};
this.addBeginAndEndTime(params, this.dateRangeCreateTime, 'createTime');
// 执行查询
getWxNewsTemplatePage(params).then(response => {
this.list = response.data.list;
this.total = response.data.total;
this.loading = false;
});
},
/** 取消按钮 */
cancel() {
this.open = false;
this.reset();
},
/** 表单重置 */
reset() {
this.form = {
id: undefined,
tplName: undefined,
isUpload: undefined,
mediaId: undefined,
wxAccountId: undefined,
};
this.resetForm("form");
},
/** 搜索按钮操作 */
handleQuery() {
this.queryParams.pageNo = 1;
this.getList();
},
/** 重置按钮操作 */
resetQuery() {
this.dateRangeCreateTime = [];
this.resetForm("queryForm");
this.handleQuery();
},
/** 新增按钮操作 */
handleAdd() {
this.reset();
this.open = true;
this.title = "添加图文消息模板";
},
/** 修改按钮操作 */
handleUpdate(row) {
this.reset();
const id = row.id;
getWxNewsTemplate(id).then(response => {
this.form = response.data;
this.open = true;
this.title = "修改图文消息模板";
});
},
/** 提交按钮 */
submitForm() {
this.$refs["form"].validate(valid => {
if (!valid) {
return;
}
// 修改的提交
if (this.form.id != null) {
updateWxNewsTemplate(this.form).then(response => {
this.$modal.msgSuccess("修改成功");
this.open = false;
this.getList();
});
return;
}
// 添加的提交
createWxNewsTemplate(this.form).then(response => {
this.$modal.msgSuccess("新增成功");
this.open = false;
this.getList();
});
});
},
/** 删除按钮操作 */
handleDelete(row) {
const id = row.id;
this.$modal.confirm('是否确认删除图文消息模板编号为"' + id + '"的数据项?').then(function () {
return deleteWxNewsTemplate(id);
}).then(() => {
this.getList();
this.$modal.msgSuccess("删除成功");
}).catch(() => {
});
},
/** 导出按钮操作 */
handleExport() {
// 处理查询参数
let params = {...this.queryParams};
params.pageNo = undefined;
params.pageSize = undefined;
this.addBeginAndEndTime(params, this.dateRangeCreateTime, 'createTime');
// 执行导出
this.$modal.confirm('是否确认导出所有图文消息模板数据项?').then(() => {
this.exportLoading = true;
return exportWxNewsTemplateExcel(params);
}).then(response => {
this.$download.excel(response, '图文消息模板.xls');
this.exportLoading = false;
}).catch(() => {
});
}
}
};
</script>

View File

@ -0,0 +1,258 @@
<template>
<div class="app-container">
<!-- 搜索工作栏 -->
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
<el-form-item label="关键字" prop="receiveText">
<el-input v-model="queryParams.receiveText" placeholder="请输入关键字" clearable @keyup.enter.native="handleQuery"/>
</el-form-item>
<el-form-item label="消息类型 1文本消息2图文消息" prop="msgType">
<el-select v-model="queryParams.msgType" placeholder="请选择消息类型 1文本消息2图文消息" clearable size="small">
<el-option label="请选择字典生成" value=""/>
</el-select>
</el-form-item>
<el-form-item label="模板ID" prop="tplId">
<el-input v-model="queryParams.tplId" placeholder="请输入模板ID" clearable @keyup.enter.native="handleQuery"/>
</el-form-item>
<el-form-item label="微信账号ID" prop="wxAccountId">
<el-input v-model="queryParams.wxAccountId" placeholder="请输入微信账号ID" clearable
@keyup.enter.native="handleQuery"/>
</el-form-item>
<el-form-item label="创建时间">
<el-date-picker v-model="dateRangeCreateTime" style="width: 240px" value-format="yyyy-MM-dd"
type="daterange" range-separator="-" start-placeholder="开始日期" end-placeholder="结束日期"/>
</el-form-item>
<el-form-item>
<el-button type="primary" icon="el-icon-search" @click="handleQuery">搜索</el-button>
<el-button icon="el-icon-refresh" @click="resetQuery">重置</el-button>
</el-form-item>
</el-form>
<!-- 操作工具栏 -->
<el-row :gutter="10" class="mb8">
<el-col :span="1.5">
<el-button type="primary" plain icon="el-icon-plus" size="mini" @click="handleAdd"
v-hasPermi="['wechatMp:wx-receive-text:create']">新增
</el-button>
</el-col>
<el-col :span="1.5">
<el-button type="warning" plain icon="el-icon-download" size="mini" @click="handleExport"
:loading="exportLoading"
v-hasPermi="['wechatMp:wx-receive-text:export']">导出
</el-button>
</el-col>
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
</el-row>
<!-- 列表 -->
<el-table v-loading="loading" :data="list">
<el-table-column label="主键" align="center" prop="id"/>
<el-table-column label="关键字" align="center" prop="receiveText"/>
<el-table-column label="消息类型 1文本消息2图文消息" align="center" prop="msgType"/>
<el-table-column label="模板ID" align="center" prop="tplId"/>
<el-table-column label="微信账号ID" align="center" prop="wxAccountId"/>
<el-table-column label="创建时间" align="center" prop="createTime" width="180">
<template slot-scope="scope">
<span>{{ parseTime(scope.row.createTime) }}</span>
</template>
</el-table-column>
<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
<template slot-scope="scope">
<el-button size="mini" type="text" icon="el-icon-edit" @click="handleUpdate(scope.row)"
v-hasPermi="['wechatMp:wx-receive-text:update']">修改
</el-button>
<el-button size="mini" type="text" icon="el-icon-delete" @click="handleDelete(scope.row)"
v-hasPermi="['wechatMp:wx-receive-text:delete']">删除
</el-button>
</template>
</el-table-column>
</el-table>
<!-- 分页组件 -->
<pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNo" :limit.sync="queryParams.pageSize"
@pagination="getList"/>
<!-- 对话框(添加 / 修改) -->
<el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
<el-form ref="form" :model="form" :rules="rules" label-width="80px">
<el-form-item label="关键字" prop="receiveText">
<el-input v-model="form.receiveText" placeholder="请输入关键字"/>
</el-form-item>
<el-form-item label="消息类型 1文本消息2图文消息" prop="msgType">
<el-select v-model="form.msgType" placeholder="请选择消息类型 1文本消息2图文消息">
<el-option label="请选择字典生成" value=""/>
</el-select>
</el-form-item>
<el-form-item label="模板ID" prop="tplId">
<el-input v-model="form.tplId" placeholder="请输入模板ID"/>
</el-form-item>
<el-form-item label="微信账号ID" prop="wxAccountId">
<el-input v-model="form.wxAccountId" placeholder="请输入微信账号ID"/>
</el-form-item>
</el-form>
<div slot="footer" class="dialog-footer">
<el-button type="primary" @click="submitForm"> </el-button>
<el-button @click="cancel"> </el-button>
</div>
</el-dialog>
</div>
</template>
<script>
import {
createWxReceiveText,
updateWxReceiveText,
deleteWxReceiveText,
getWxReceiveText,
getWxReceiveTextPage,
exportWxReceiveTextExcel
} from "@/api/wechatMp/wxReceiveText";
export default {
name: "WxReceiveText",
components: {},
data() {
return {
// 遮罩层
loading: true,
// 导出遮罩层
exportLoading: false,
// 显示搜索条件
showSearch: true,
// 总条数
total: 0,
// 回复关键字列表
list: [],
// 弹出层标题
title: "",
// 是否显示弹出层
open: false,
dateRangeCreateTime: [],
// 查询参数
queryParams: {
pageNo: 1,
pageSize: 10,
receiveText: null,
msgType: null,
tplId: null,
wxAccountId: null,
},
// 表单参数
form: {},
// 表单校验
rules: {}
};
},
created() {
this.getList();
},
methods: {
/** 查询列表 */
getList() {
this.loading = true;
// 处理查询参数
let params = {...this.queryParams};
this.addBeginAndEndTime(params, this.dateRangeCreateTime, 'createTime');
// 执行查询
getWxReceiveTextPage(params).then(response => {
this.list = response.data.list;
this.total = response.data.total;
this.loading = false;
});
},
/** 取消按钮 */
cancel() {
this.open = false;
this.reset();
},
/** 表单重置 */
reset() {
this.form = {
id: undefined,
receiveText: undefined,
msgType: undefined,
tplId: undefined,
wxAccountId: undefined,
};
this.resetForm("form");
},
/** 搜索按钮操作 */
handleQuery() {
this.queryParams.pageNo = 1;
this.getList();
},
/** 重置按钮操作 */
resetQuery() {
this.dateRangeCreateTime = [];
this.resetForm("queryForm");
this.handleQuery();
},
/** 新增按钮操作 */
handleAdd() {
this.reset();
this.open = true;
this.title = "添加回复关键字";
},
/** 修改按钮操作 */
handleUpdate(row) {
this.reset();
const id = row.id;
getWxReceiveText(id).then(response => {
this.form = response.data;
this.open = true;
this.title = "修改回复关键字";
});
},
/** 提交按钮 */
submitForm() {
this.$refs["form"].validate(valid => {
if (!valid) {
return;
}
// 修改的提交
if (this.form.id != null) {
updateWxReceiveText(this.form).then(response => {
this.$modal.msgSuccess("修改成功");
this.open = false;
this.getList();
});
return;
}
// 添加的提交
createWxReceiveText(this.form).then(response => {
this.$modal.msgSuccess("新增成功");
this.open = false;
this.getList();
});
});
},
/** 删除按钮操作 */
handleDelete(row) {
const id = row.id;
this.$modal.confirm('是否确认删除回复关键字编号为"' + id + '"的数据项?').then(function () {
return deleteWxReceiveText(id);
}).then(() => {
this.getList();
this.$modal.msgSuccess("删除成功");
}).catch(() => {
});
},
/** 导出按钮操作 */
handleExport() {
// 处理查询参数
let params = {...this.queryParams};
params.pageNo = undefined;
params.pageSize = undefined;
this.addBeginAndEndTime(params, this.dateRangeCreateTime, 'createTime');
// 执行导出
this.$modal.confirm('是否确认导出所有回复关键字数据项?').then(() => {
this.exportLoading = true;
return exportWxReceiveTextExcel(params);
}).then(response => {
this.$download.excel(response, '回复关键字.xls');
this.exportLoading = false;
}).catch(() => {
});
}
}
};
</script>

View File

@ -0,0 +1,249 @@
<template>
<div class="app-container">
<!-- 搜索工作栏 -->
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
<el-form-item label="消息类型 1文本消息2图文消息" prop="msgType">
<el-select v-model="queryParams.msgType" placeholder="请选择消息类型 1文本消息2图文消息" clearable size="small">
<el-option label="请选择字典生成" value=""/>
</el-select>
</el-form-item>
<el-form-item label="模板ID" prop="tplId">
<el-input v-model="queryParams.tplId" placeholder="请输入模板ID" clearable @keyup.enter.native="handleQuery"/>
</el-form-item>
<el-form-item label="微信账号ID" prop="wxAccountId">
<el-input v-model="queryParams.wxAccountId" placeholder="请输入微信账号ID" clearable
@keyup.enter.native="handleQuery"/>
</el-form-item>
<el-form-item label="创建时间">
<el-date-picker v-model="dateRangeCreateTime" style="width: 240px" value-format="yyyy-MM-dd"
type="daterange" range-separator="-" start-placeholder="开始日期" end-placeholder="结束日期"/>
</el-form-item>
<el-form-item>
<el-button type="primary" icon="el-icon-search" @click="handleQuery">搜索</el-button>
<el-button icon="el-icon-refresh" @click="resetQuery">重置</el-button>
</el-form-item>
</el-form>
<!-- 操作工具栏 -->
<el-row :gutter="10" class="mb8">
<el-col :span="1.5">
<el-button type="primary" plain icon="el-icon-plus" size="mini" @click="handleAdd"
v-hasPermi="['wechatMp:wx-subscribe-text:create']">新增
</el-button>
</el-col>
<el-col :span="1.5">
<el-button type="warning" plain icon="el-icon-download" size="mini" @click="handleExport"
:loading="exportLoading"
v-hasPermi="['wechatMp:wx-subscribe-text:export']">导出
</el-button>
</el-col>
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
</el-row>
<!-- 列表 -->
<el-table v-loading="loading" :data="list">
<el-table-column label="主键" align="center" prop="id"/>
<el-table-column label="消息类型 1文本消息2图文消息" align="center" prop="msgType"/>
<el-table-column label="模板ID" align="center" prop="tplId"/>
<el-table-column label="微信账号ID" align="center" prop="wxAccountId"/>
<el-table-column label="创建时间" align="center" prop="createTime" width="180">
<template slot-scope="scope">
<span>{{ parseTime(scope.row.createTime) }}</span>
</template>
</el-table-column>
<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
<template slot-scope="scope">
<el-button size="mini" type="text" icon="el-icon-edit" @click="handleUpdate(scope.row)"
v-hasPermi="['wechatMp:wx-subscribe-text:update']">修改
</el-button>
<el-button size="mini" type="text" icon="el-icon-delete" @click="handleDelete(scope.row)"
v-hasPermi="['wechatMp:wx-subscribe-text:delete']">删除
</el-button>
</template>
</el-table-column>
</el-table>
<!-- 分页组件 -->
<pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNo" :limit.sync="queryParams.pageSize"
@pagination="getList"/>
<!-- 对话框(添加 / 修改) -->
<el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
<el-form ref="form" :model="form" :rules="rules" label-width="80px">
<el-form-item label="消息类型 1文本消息2图文消息" prop="msgType">
<el-select v-model="form.msgType" placeholder="请选择消息类型 1文本消息2图文消息">
<el-option label="请选择字典生成" value=""/>
</el-select>
</el-form-item>
<el-form-item label="模板ID" prop="tplId">
<el-input v-model="form.tplId" placeholder="请输入模板ID"/>
</el-form-item>
<el-form-item label="微信账号ID" prop="wxAccountId">
<el-input v-model="form.wxAccountId" placeholder="请输入微信账号ID"/>
</el-form-item>
</el-form>
<div slot="footer" class="dialog-footer">
<el-button type="primary" @click="submitForm"> </el-button>
<el-button @click="cancel"> </el-button>
</div>
</el-dialog>
</div>
</template>
<script>
import {
createWxSubscribeText,
updateWxSubscribeText,
deleteWxSubscribeText,
getWxSubscribeText,
getWxSubscribeTextPage,
exportWxSubscribeTextExcel
} from "@/api/wechatMp/wxSubscribeText";
export default {
name: "WxSubscribeText",
components: {},
data() {
return {
// 遮罩层
loading: true,
// 导出遮罩层
exportLoading: false,
// 显示搜索条件
showSearch: true,
// 总条数
total: 0,
// 关注欢迎语列表
list: [],
// 弹出层标题
title: "",
// 是否显示弹出层
open: false,
dateRangeCreateTime: [],
// 查询参数
queryParams: {
pageNo: 1,
pageSize: 10,
msgType: null,
tplId: null,
wxAccountId: null,
},
// 表单参数
form: {},
// 表单校验
rules: {}
};
},
created() {
this.getList();
},
methods: {
/** 查询列表 */
getList() {
this.loading = true;
// 处理查询参数
let params = {...this.queryParams};
this.addBeginAndEndTime(params, this.dateRangeCreateTime, 'createTime');
// 执行查询
getWxSubscribeTextPage(params).then(response => {
this.list = response.data.list;
this.total = response.data.total;
this.loading = false;
});
},
/** 取消按钮 */
cancel() {
this.open = false;
this.reset();
},
/** 表单重置 */
reset() {
this.form = {
id: undefined,
msgType: undefined,
tplId: undefined,
wxAccountId: undefined,
};
this.resetForm("form");
},
/** 搜索按钮操作 */
handleQuery() {
this.queryParams.pageNo = 1;
this.getList();
},
/** 重置按钮操作 */
resetQuery() {
this.dateRangeCreateTime = [];
this.resetForm("queryForm");
this.handleQuery();
},
/** 新增按钮操作 */
handleAdd() {
this.reset();
this.open = true;
this.title = "添加关注欢迎语";
},
/** 修改按钮操作 */
handleUpdate(row) {
this.reset();
const id = row.id;
getWxSubscribeText(id).then(response => {
this.form = response.data;
this.open = true;
this.title = "修改关注欢迎语";
});
},
/** 提交按钮 */
submitForm() {
this.$refs["form"].validate(valid => {
if (!valid) {
return;
}
// 修改的提交
if (this.form.id != null) {
updateWxSubscribeText(this.form).then(response => {
this.$modal.msgSuccess("修改成功");
this.open = false;
this.getList();
});
return;
}
// 添加的提交
createWxSubscribeText(this.form).then(response => {
this.$modal.msgSuccess("新增成功");
this.open = false;
this.getList();
});
});
},
/** 删除按钮操作 */
handleDelete(row) {
const id = row.id;
this.$modal.confirm('是否确认删除关注欢迎语编号为"' + id + '"的数据项?').then(function () {
return deleteWxSubscribeText(id);
}).then(() => {
this.getList();
this.$modal.msgSuccess("删除成功");
}).catch(() => {
});
},
/** 导出按钮操作 */
handleExport() {
// 处理查询参数
let params = {...this.queryParams};
params.pageNo = undefined;
params.pageSize = undefined;
this.addBeginAndEndTime(params, this.dateRangeCreateTime, 'createTime');
// 执行导出
this.$modal.confirm('是否确认导出所有关注欢迎语数据项?').then(() => {
this.exportLoading = true;
return exportWxSubscribeTextExcel(params);
}).then(response => {
this.$download.excel(response, '关注欢迎语.xls');
this.exportLoading = false;
}).catch(() => {
});
}
}
};
</script>

View File

@ -0,0 +1,235 @@
<template>
<div class="app-container">
<!-- 搜索工作栏 -->
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
<el-form-item label="模板名字" prop="tplName">
<el-input v-model="queryParams.tplName" placeholder="请输入模板名字" clearable @keyup.enter.native="handleQuery"/>
</el-form-item>
<el-form-item label="创建时间">
<el-date-picker v-model="dateRangeCreateTime" style="width: 240px" value-format="yyyy-MM-dd"
type="daterange" range-separator="-" start-placeholder="开始日期" end-placeholder="结束日期"/>
</el-form-item>
<el-form-item>
<el-button type="primary" icon="el-icon-search" @click="handleQuery">搜索</el-button>
<el-button icon="el-icon-refresh" @click="resetQuery">重置</el-button>
</el-form-item>
</el-form>
<!-- 操作工具栏 -->
<el-row :gutter="10" class="mb8">
<el-col :span="1.5">
<el-button type="primary" plain icon="el-icon-plus" size="mini" @click="handleAdd"
v-hasPermi="['wechatMp:wx-text-template:create']">新增
</el-button>
</el-col>
<el-col :span="1.5">
<el-button type="warning" plain icon="el-icon-download" size="mini" @click="handleExport"
:loading="exportLoading"
v-hasPermi="['wechatMp:wx-text-template:export']">导出
</el-button>
</el-col>
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
</el-row>
<!-- 列表 -->
<el-table v-loading="loading" :data="list">
<el-table-column label="主键" align="center" prop="id"/>
<el-table-column label="模板名字" align="center" prop="tplName"/>
<el-table-column label="模板内容" align="center" prop="content"/>
<el-table-column label="创建时间" align="center" prop="createTime" width="180">
<template slot-scope="scope">
<span>{{ parseTime(scope.row.createTime) }}</span>
</template>
</el-table-column>
<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
<template slot-scope="scope">
<el-button size="mini" type="text" icon="el-icon-edit" @click="handleUpdate(scope.row)"
v-hasPermi="['wechatMp:wx-text-template:update']">修改
</el-button>
<el-button size="mini" type="text" icon="el-icon-delete" @click="handleDelete(scope.row)"
v-hasPermi="['wechatMp:wx-text-template:delete']">删除
</el-button>
</template>
</el-table-column>
</el-table>
<!-- 分页组件 -->
<pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNo" :limit.sync="queryParams.pageSize"
@pagination="getList"/>
<!-- 对话框(添加 / 修改) -->
<el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
<el-form ref="form" :model="form" :rules="rules" label-width="80px">
<el-form-item label="模板名字" prop="tplName">
<el-input v-model="form.tplName" placeholder="请输入模板名字"/>
</el-form-item>
<el-form-item label="模板内容">
<editor v-model="form.content" :min-height="192"/>
</el-form-item>
</el-form>
<div slot="footer" class="dialog-footer">
<el-button type="primary" @click="submitForm"> </el-button>
<el-button @click="cancel"> </el-button>
</div>
</el-dialog>
</div>
</template>
<script>
import {
createWxTextTemplate,
updateWxTextTemplate,
deleteWxTextTemplate,
getWxTextTemplate,
getWxTextTemplatePage,
exportWxTextTemplateExcel
} from "@/api/wechatMp/wxTextTemplate";
import Editor from '@/components/Editor';
export default {
name: "WxTextTemplate",
components: {
Editor,
},
data() {
return {
// 遮罩层
loading: true,
// 导出遮罩层
exportLoading: false,
// 显示搜索条件
showSearch: true,
// 总条数
total: 0,
// 文本模板列表
list: [],
// 弹出层标题
title: "",
// 是否显示弹出层
open: false,
dateRangeCreateTime: [],
// 查询参数
queryParams: {
pageNo: 1,
pageSize: 10,
tplName: null,
content: null,
},
// 表单参数
form: {},
// 表单校验
rules: {}
};
},
created() {
this.getList();
},
methods: {
/** 查询列表 */
getList() {
this.loading = true;
// 处理查询参数
let params = {...this.queryParams};
this.addBeginAndEndTime(params, this.dateRangeCreateTime, 'createTime');
// 执行查询
getWxTextTemplatePage(params).then(response => {
this.list = response.data.list;
this.total = response.data.total;
this.loading = false;
});
},
/** 取消按钮 */
cancel() {
this.open = false;
this.reset();
},
/** 表单重置 */
reset() {
this.form = {
id: undefined,
tplName: undefined,
content: undefined,
};
this.resetForm("form");
},
/** 搜索按钮操作 */
handleQuery() {
this.queryParams.pageNo = 1;
this.getList();
},
/** 重置按钮操作 */
resetQuery() {
this.dateRangeCreateTime = [];
this.resetForm("queryForm");
this.handleQuery();
},
/** 新增按钮操作 */
handleAdd() {
this.reset();
this.open = true;
this.title = "添加文本模板";
},
/** 修改按钮操作 */
handleUpdate(row) {
this.reset();
const id = row.id;
getWxTextTemplate(id).then(response => {
this.form = response.data;
this.open = true;
this.title = "修改文本模板";
});
},
/** 提交按钮 */
submitForm() {
this.$refs["form"].validate(valid => {
if (!valid) {
return;
}
// 修改的提交
if (this.form.id != null) {
updateWxTextTemplate(this.form).then(response => {
this.$modal.msgSuccess("修改成功");
this.open = false;
this.getList();
});
return;
}
// 添加的提交
createWxTextTemplate(this.form).then(response => {
this.$modal.msgSuccess("新增成功");
this.open = false;
this.getList();
});
});
},
/** 删除按钮操作 */
handleDelete(row) {
const id = row.id;
this.$modal.confirm('是否确认删除文本模板编号为"' + id + '"的数据项?').then(function () {
return deleteWxTextTemplate(id);
}).then(() => {
this.getList();
this.$modal.msgSuccess("删除成功");
}).catch(() => {
});
},
/** 导出按钮操作 */
handleExport() {
// 处理查询参数
let params = {...this.queryParams};
params.pageNo = undefined;
params.pageSize = undefined;
this.addBeginAndEndTime(params, this.dateRangeCreateTime, 'createTime');
// 执行导出
this.$modal.confirm('是否确认导出所有文本模板数据项?').then(() => {
this.exportLoading = true;
return exportWxTextTemplateExcel(params);
}).then(response => {
this.$download.excel(response, '文本模板.xls');
this.exportLoading = false;
}).catch(() => {
});
}
}
};
</script>