Song/xkrs_ms
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

!217 添加控制微信广告开关

Browse Source 
Merge pull request !217 from 德仔/develop
This commit is contained in:
德仔 2021-04-21 18:44:36 +08:00 committed by Gitee
commit 4f75d8ed5e
2 changed files with 254 additions and 169 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
stdiet-custom/src/main/resources/mapper/custom/SysWxSaleAccountMapper.xml
View File

@ -22,7 +22,7 @@
</resultMap> </resultMap>
<sql id="selectSysWxSaleAccountVo"> <sql id="selectSysWxSaleAccountVo">
select id, wx_nick_name, wx_account, wx_phone, wx_code_url, remark, wx_type, create_time, create_by, update_time, update_by, del_flag from sys_wx_sale_account select id, wx_nick_name, wx_account, wx_phone, wx_code_url, remark, wx_type, create_time, create_by, update_time, update_by, del_flag, status, use_count from sys_wx_sale_account
</sql> </sql>
<select id="selectSysWxSaleAccountList" parameterType="SysWxSaleAccount" resultMap="SysWxSaleAccountResult"> <select id="selectSysWxSaleAccountList" parameterType="SysWxSaleAccount" resultMap="SysWxSaleAccountResult">

421
stdiet-ui/src/views/custom/wxAccount/index.vue
View File

@ -1,6 +1,12 @@
<template> <template>
<div class="app-container"> <div class="app-container">
<el-form :model="queryParams" ref="queryForm" :inline="true" v-show="showSearch" label-width="68px"> <el-form
:model="queryParams"
ref="queryForm"
:inline="true"
v-show="showSearch"
label-width="68px"
>
<el-form-item label="微信昵称" prop="wxNickName"> <el-form-item label="微信昵称" prop="wxNickName">
<el-input <el-input
v-model="queryParams.wxNickName" v-model="queryParams.wxNickName"
@ -26,8 +32,16 @@
/> />
</el-form-item> </el-form-item>
<el-form-item> <el-form-item>
<el-button type="cyan" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button> <el-button
<el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button> type="cyan"
icon="el-icon-search"
size="mini"
@click="handleQuery"
>搜索</el-button
>
<el-button icon="el-icon-refresh" size="mini" @click="resetQuery"
>重置</el-button
>
</el-form-item> </el-form-item>
</el-form> </el-form>
@ -39,7 +53,8 @@
size="mini" size="mini"
@click="handleAdd" @click="handleAdd"
v-hasPermi="['custom:wxAccount:add']" v-hasPermi="['custom:wxAccount:add']"
>新增</el-button> >新增</el-button
>
</el-col> </el-col>
<el-col :span="1.5"> <el-col :span="1.5">
<el-button <el-button
@ -49,7 +64,8 @@
:disabled="single" :disabled="single"
@click="handleUpdate" @click="handleUpdate"
v-hasPermi="['custom:wxAccount:edit']" v-hasPermi="['custom:wxAccount:edit']"
>修改</el-button> >修改</el-button
>
</el-col> </el-col>
<el-col :span="1.5"> <el-col :span="1.5">
<el-button <el-button
@ -59,7 +75,8 @@
:disabled="multiple" :disabled="multiple"
@click="handleDelete" @click="handleDelete"
v-hasPermi="['custom:wxAccount:remove']" v-hasPermi="['custom:wxAccount:remove']"
>删除</el-button> >删除</el-button
>
</el-col> </el-col>
<el-col :span="1.5"> <el-col :span="1.5">
<el-button <el-button
@ -68,23 +85,43 @@
size="mini" size="mini"
@click="handleExport" @click="handleExport"
v-hasPermi="['custom:wxAccount:export']" v-hasPermi="['custom:wxAccount:export']"
>导出</el-button> >导出</el-button
>
</el-col> </el-col>
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar> <right-toolbar
:showSearch.sync="showSearch"
@queryTable="getList"
></right-toolbar>
</el-row> </el-row>
<el-table v-loading="loading" :data="wxAccountList" stripe @selection-change="handleSelectionChange"> <el-table v-loading="loading" :data="wxAccountList" stripe>
<el-table-column type="selection" width="55" align="center" />
<el-table-column label="微信昵称" align="center" prop="wxNickName" /> <el-table-column label="微信昵称" align="center" prop="wxNickName" />
<el-table-column label="微信号" align="center" prop="wxAccount" /> <el-table-column label="微信号" align="center" prop="wxAccount" />
<el-table-column label="手机号" align="center" prop="wxPhone" /> <el-table-column label="手机号" align="center" prop="wxPhone" />
<el-table-column label="备注" align="center" prop="remark" /> <el-table-column label="备注" align="center" prop="remark" />
<el-table-column label="创建时间" align="center" prop="createTime" width="180"> <el-table-column
label="创建时间"
align="center"
prop="createTime"
width="180"
>
<template slot-scope="scope"> <template slot-scope="scope">
<span>{{ parseTime(scope.row.createTime, '{y}-{m}-{d}') }}</span> <span>{{ parseTime(scope.row.createTime, "{y}-{m}-{d}") }}</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="操作" align="center" class-name="small-padding fixed-width"> <el-table-column label="状态" align="center" prop="status">
<template slot-scope="scope">
<el-switch
:value="!scope.row.status"
@change="handleOnChange($event, scope.row)"
/>
</template>
</el-table-column>
<el-table-column
label="操作"
align="center"
class-name="small-padding fixed-width"
>
<template slot-scope="scope"> <template slot-scope="scope">
<el-button <el-button
size="mini" size="mini"
@ -92,20 +129,22 @@
icon="el-icon-edit" icon="el-icon-edit"
@click="handleUpdate(scope.row)" @click="handleUpdate(scope.row)"
v-hasPermi="['custom:wxAccount:edit']" v-hasPermi="['custom:wxAccount:edit']"
>修改</el-button> >修改</el-button
>
<el-button <el-button
size="mini" size="mini"
type="text" type="text"
icon="el-icon-delete" icon="el-icon-delete"
@click="handleDelete(scope.row)" @click="handleDelete(scope.row)"
v-hasPermi="['custom:wxAccount:remove']" v-hasPermi="['custom:wxAccount:remove']"
>删除</el-button> >删除</el-button
>
</template> </template>
</el-table-column> </el-table-column>
</el-table> </el-table>
<pagination <pagination
v-show="total>0" v-show="total > 0"
:total="total" :total="total"
:page.sync="queryParams.pageNum" :page.sync="queryParams.pageNum"
:limit.sync="queryParams.pageSize" :limit.sync="queryParams.pageSize"
@ -116,13 +155,25 @@
<el-dialog :title="title" :visible.sync="open" width="500px" append-to-body> <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 ref="form" :model="form" :rules="rules" label-width="80px">
<el-form-item label="微信昵称" prop="wxNickName"> <el-form-item label="微信昵称" prop="wxNickName">
<el-input v-model="form.wxNickName" maxlength="100" placeholder="请输入微信昵称" /> <el-input
v-model="form.wxNickName"
maxlength="100"
placeholder="请输入微信昵称"
/>
</el-form-item> </el-form-item>
<el-form-item label="微信号" prop="wxAccount"> <el-form-item label="微信号" prop="wxAccount">
<el-input v-model="form.wxAccount" maxlength="100" placeholder="请输入微信号" /> <el-input
v-model="form.wxAccount"
maxlength="100"
placeholder="请输入微信号"
/>
</el-form-item> </el-form-item>
<el-form-item label="手机号" prop="wxPhone"> <el-form-item label="手机号" prop="wxPhone">
<el-input v-model="form.wxPhone" maxlength="20" placeholder="请输入手机号" /> <el-input
v-model="form.wxPhone"
maxlength="20"
placeholder="请输入手机号"
/>
</el-form-item> </el-form-item>
<el-form-item label="备注" prop="remark"> <el-form-item label="备注" prop="remark">
<el-input <el-input
@ -131,7 +182,8 @@
show-word-limit show-word-limit
maxlength="100" maxlength="100"
placeholder="请输入备注" placeholder="请输入备注"
v-model="form.remark"> v-model="form.remark"
>
</el-input> </el-input>
</el-form-item> </el-form-item>
</el-form> </el-form>
@ -144,174 +196,207 @@
</template> </template>
<script> <script>
import { listWxAccount, getWxAccount, delWxAccount, addWxAccount, updateWxAccount, exportWxAccount } from "@/api/custom/wxAccount"; import {
listWxAccount,
getWxAccount,
delWxAccount,
addWxAccount,
updateWxAccount,
exportWxAccount,
} from "@/api/custom/wxAccount";
export default { export default {
name: "WxAccount", name: "WxAccount",
data() { data() {
return { return {
// 遮罩层 // 遮罩层
loading: true, loading: true,
// 选中数组 // 选中数组
ids: [], ids: [],
// 非单个禁用 // 非单个禁用
single: true, single: true,
// 非多个禁用 // 非多个禁用
multiple: true, multiple: true,
// 显示搜索条件 // 显示搜索条件
showSearch: true, showSearch: true,
// 总条数 // 总条数
total: 0, total: 0,
// 微信账号表格数据 // 微信账号表格数据
wxAccountList: [], wxAccountList: [],
// 弹出层标题 // 弹出层标题
title: "", title: "",
// 是否显示弹出层 // 是否显示弹出层
open: false, open: false,
// 查询参数 // 查询参数
queryParams: { queryParams: {
pageNum: 1, pageNum: 1,
pageSize: 10, pageSize: 10,
wxNickName: null, wxNickName: null,
wxAccount:null, wxAccount: null,
wxPhone:null wxPhone: null,
}, },
// 表单参数 // 表单参数
form: {}, form: {},
// 表单校验 // 表单校验
rules: { rules: {
wxNickName: [{ required: true, trigger: "blur", message: "请输入微信昵称" }], wxNickName: [
wxAccount: [{ required: true, trigger: "blur", message: "请输入微信号" }], { required: true, trigger: "blur", message: "请输入微信昵称" },
wxPhone: [ ],
{ wxAccount: [
required: false, { required: true, trigger: "blur", message: "请输入微信号" },
trigger: "blur", ],
pattern: /^[0-9]{5,11}$/, wxPhone: [
message: "手机号格式不正确", {
}, required: false,
] trigger: "blur",
} pattern: /^[0-9]{5,11}$/,
}; message: "手机号格式不正确",
}, },
created() { ],
this.getList(); },
}, };
methods: { },
/** 查询微信账号列表 */ created() {
getList() { this.getList();
this.loading = true; },
listWxAccount(this.queryParams).then(response => { methods: {
this.wxAccountList = response.rows; /** 查询微信账号列表 */
getList() {
this.loading = true;
listWxAccount(this.queryParams).then((response) => {
this.wxAccountList = response.rows;
this.total = response.total; this.total = response.total;
this.loading = false; this.loading = false;
}); });
}, },
// 取消按钮 // 取消按钮
cancel() { cancel() {
this.open = false; this.open = false;
this.reset(); this.reset();
}, },
// 表单重置 // 表单重置
reset() { reset() {
this.form = { this.form = {
id: null, id: null,
wxNickName: null, wxNickName: null,
wxAccount: null, wxAccount: null,
wxPhone: null, wxPhone: null,
wxCodeUrl: null, wxCodeUrl: null,
remark: null, remark: null,
wxType: null, wxType: null,
createTime: null, createTime: null,
createBy: null, createBy: null,
updateTime: null, updateTime: null,
updateBy: null, updateBy: null,
delFlag: null delFlag: null,
}; };
this.resetForm("form"); this.resetForm("form");
}, },
/** 搜索按钮操作 */ /** 搜索按钮操作 */
handleQuery() { handleQuery() {
this.queryParams.pageNum = 1; this.queryParams.pageNum = 1;
this.getList(); this.getList();
}, },
/** 重置按钮操作 */ /** 重置按钮操作 */
resetQuery() { resetQuery() {
this.resetForm("queryForm"); this.resetForm("queryForm");
this.handleQuery(); this.handleQuery();
}, },
// 多选框选中数据 // 多选框选中数据
handleSelectionChange(selection) { handleSelectionChange(selection) {
this.ids = selection.map(item => item.id) this.ids = selection.map((item) => item.id);
this.single = selection.length!==1 this.single = selection.length !== 1;
this.multiple = !selection.length this.multiple = !selection.length;
}, },
/** 新增按钮操作 */ /** 新增按钮操作 */
handleAdd() { handleAdd() {
this.reset(); this.reset();
this.open = true;
this.title = "添加微信账号";
},
/** 修改按钮操作 */
handleUpdate(row) {
this.reset();
const id = row.id || this.ids;
getWxAccount(id).then((response) => {
this.form = response.data;
this.open = true; this.open = true;
this.title = "添加微信账号"; this.title = "修改微信账号";
}, });
/** 修改按钮操作 */ },
handleUpdate(row) { /** 提交按钮 */
this.reset(); submitForm() {
const id = row.id || this.ids this.$refs["form"].validate((valid) => {
getWxAccount(id).then(response => { if (valid) {
this.form = response.data; if (this.form.id != null) {
this.open = true; updateWxAccount(this.form).then((response) => {
this.title = "修改微信账号"; if (response.code === 200) {
});
},
/** 提交按钮 */
submitForm() {
this.$refs["form"].validate(valid => {
if (valid) {
if (this.form.id != null) {
updateWxAccount(this.form).then(response => {
if (response.code === 200) {
this.msgSuccess("修改成功"); this.msgSuccess("修改成功");
this.open = false; this.open = false;
this.getList(); this.getList();
} }
}); });
} else { } else {
addWxAccount(this.form).then(response => { addWxAccount(this.form).then((response) => {
if (response.code === 200) { if (response.code === 200) {
this.msgSuccess("新增成功"); this.msgSuccess("新增成功");
this.open = false; this.open = false;
this.getList(); this.getList();
} }
}); });
}
} }
}); }
}, });
/** 删除按钮操作 */ },
handleDelete(row) { /** 删除按钮操作 */
const ids = row.id || this.ids; handleDelete(row) {
this.$confirm('是否确认删除微信账号编号为"' + ids + '"的数据项?', "警告", { const ids = row.id || this.ids;
this.$confirm(
'是否确认删除微信账号编号为"' + ids + '"的数据项?',
"警告",
{
confirmButtonText: "确定", confirmButtonText: "确定",
cancelButtonText: "取消", cancelButtonText: "取消",
type: "warning" type: "warning",
}).then(function() { }
)
.then(function () {
return delWxAccount(ids); return delWxAccount(ids);
}).then(() => { })
.then(() => {
this.getList(); this.getList();
this.msgSuccess("删除成功"); this.msgSuccess("删除成功");
}).catch(function() {}); })
}, .catch(function () {});
/** 导出按钮操作 */ },
handleExport() { /** 导出按钮操作 */
const queryParams = this.queryParams; handleExport() {
this.$confirm('是否确认导出所有微信账号数据项?', "警告", { const queryParams = this.queryParams;
confirmButtonText: "确定", this.$confirm("是否确认导出所有微信账号数据项?", "警告", {
cancelButtonText: "取消", confirmButtonText: "确定",
type: "warning" cancelButtonText: "取消",
}).then(function() { type: "warning",
})
.then(function () {
return exportWxAccount(queryParams); return exportWxAccount(queryParams);
}).then(response => { })
.then((response) => {
this.download(response.msg); this.download(response.msg);
}).catch(function() {}); })
} .catch(function () {});
} },
}; handleOnChange(enable, data) {
updateWxAccount({
...data,
status: enable ? 0 : 1,
}).then((response) => {
if (response.code === 200) {
this.msgSuccess("修改成功");
this.open = false;
this.getList();
}
});
},
},
};
</script> </script>