From d9be31f876585d30156103e6ef4a2f04aa5b4228 Mon Sep 17 00:00:00 2001
From: huangdeliang <huangdeliang@skieer.com>
Date: Wed, 21 Apr 2021 18:43:42 +0800
Subject: [PATCH] =?UTF-8?q?=E6=B7=BB=E5=8A=A0=E6=8E=A7=E5=88=B6=E5=BE=AE?=
=?UTF-8?q?=E4=BF=A1=E5=B9=BF=E5=91=8A=E5=BC=80=E5=85=B3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
---
.../mapper/custom/SysWxSaleAccountMapper.xml | 2 +-
.../src/views/custom/wxAccount/index.vue | 421 +++++++++++-------
2 files changed, 254 insertions(+), 169 deletions(-)
diff --git a/stdiet-custom/src/main/resources/mapper/custom/SysWxSaleAccountMapper.xml b/stdiet-custom/src/main/resources/mapper/custom/SysWxSaleAccountMapper.xml
index 4c763fdd2..a5ceceaad 100644
--- a/stdiet-custom/src/main/resources/mapper/custom/SysWxSaleAccountMapper.xml
+++ b/stdiet-custom/src/main/resources/mapper/custom/SysWxSaleAccountMapper.xml
@@ -22,7 +22,7 @@
</resultMap>
<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>
<select id="selectSysWxSaleAccountList" parameterType="SysWxSaleAccount" resultMap="SysWxSaleAccountResult">
diff --git a/stdiet-ui/src/views/custom/wxAccount/index.vue b/stdiet-ui/src/views/custom/wxAccount/index.vue
index 284a0c9d3..55b79dd7f 100644
--- a/stdiet-ui/src/views/custom/wxAccount/index.vue
+++ b/stdiet-ui/src/views/custom/wxAccount/index.vue
@@ -1,6 +1,12 @@
<template>
<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-input
v-model="queryParams.wxNickName"
@@ -26,8 +32,16 @@
/>
</el-form-item>
<el-form-item>
- <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-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>
@@ -39,7 +53,8 @@
size="mini"
@click="handleAdd"
v-hasPermi="['custom:wxAccount:add']"
- >新增</el-button>
+ >新增</el-button
+ >
</el-col>
<el-col :span="1.5">
<el-button
@@ -49,7 +64,8 @@
:disabled="single"
@click="handleUpdate"
v-hasPermi="['custom:wxAccount:edit']"
- >修改</el-button>
+ >修改</el-button
+ >
</el-col>
<el-col :span="1.5">
<el-button
@@ -59,7 +75,8 @@
:disabled="multiple"
@click="handleDelete"
v-hasPermi="['custom:wxAccount:remove']"
- >删除</el-button>
+ >删除</el-button
+ >
</el-col>
<el-col :span="1.5">
<el-button
@@ -68,23 +85,43 @@
size="mini"
@click="handleExport"
v-hasPermi="['custom:wxAccount:export']"
- >导出</el-button>
+ >导出</el-button
+ >
</el-col>
- <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
+ <right-toolbar
+ :showSearch.sync="showSearch"
+ @queryTable="getList"
+ ></right-toolbar>
</el-row>
- <el-table v-loading="loading" :data="wxAccountList" stripe @selection-change="handleSelectionChange">
- <el-table-column type="selection" width="55" align="center" />
+ <el-table v-loading="loading" :data="wxAccountList" stripe>
<el-table-column label="微信昵称" align="center" prop="wxNickName" />
<el-table-column label="微信号" align="center" prop="wxAccount" />
<el-table-column label="手机号" align="center" prop="wxPhone" />
<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">
- <span>{{ parseTime(scope.row.createTime, '{y}-{m}-{d}') }}</span>
+ <span>{{ parseTime(scope.row.createTime, "{y}-{m}-{d}") }}</span>
</template>
</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">
<el-button
size="mini"
@@ -92,20 +129,22 @@
icon="el-icon-edit"
@click="handleUpdate(scope.row)"
v-hasPermi="['custom:wxAccount:edit']"
- >修改</el-button>
+ >修改</el-button
+ >
<el-button
size="mini"
type="text"
icon="el-icon-delete"
@click="handleDelete(scope.row)"
v-hasPermi="['custom:wxAccount:remove']"
- >删除</el-button>
+ >删除</el-button
+ >
</template>
</el-table-column>
</el-table>
<pagination
- v-show="total>0"
+ v-show="total > 0"
:total="total"
:page.sync="queryParams.pageNum"
:limit.sync="queryParams.pageSize"
@@ -116,13 +155,25 @@
<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="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 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 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 label="备注" prop="remark">
<el-input
@@ -131,7 +182,8 @@
show-word-limit
maxlength="100"
placeholder="请输入备注"
- v-model="form.remark">
+ v-model="form.remark"
+ >
</el-input>
</el-form-item>
</el-form>
@@ -144,174 +196,207 @@
</template>
<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 {
- name: "WxAccount",
- data() {
- return {
- // 遮罩层
- loading: true,
- // 选中数组
- ids: [],
- // 非单个禁用
- single: true,
- // 非多个禁用
- multiple: true,
- // 显示搜索条件
- showSearch: true,
- // 总条数
- total: 0,
- // 微信账号表格数据
- wxAccountList: [],
- // 弹出层标题
- title: "",
- // 是否显示弹出层
- open: false,
- // 查询参数
- queryParams: {
- pageNum: 1,
- pageSize: 10,
- wxNickName: null,
- wxAccount:null,
- wxPhone:null
- },
- // 表单参数
- form: {},
- // 表单校验
- rules: {
- wxNickName: [{ required: true, trigger: "blur", message: "请输入微信昵称" }],
- wxAccount: [{ required: true, trigger: "blur", message: "请输入微信号" }],
- wxPhone: [
- {
- required: false,
- trigger: "blur",
- pattern: /^[0-9]{5,11}$/,
- message: "手机号格式不正确",
- },
- ]
- }
- };
- },
- created() {
- this.getList();
- },
- methods: {
- /** 查询微信账号列表 */
- getList() {
- this.loading = true;
- listWxAccount(this.queryParams).then(response => {
- this.wxAccountList = response.rows;
+export default {
+ name: "WxAccount",
+ data() {
+ return {
+ // 遮罩层
+ loading: true,
+ // 选中数组
+ ids: [],
+ // 非单个禁用
+ single: true,
+ // 非多个禁用
+ multiple: true,
+ // 显示搜索条件
+ showSearch: true,
+ // 总条数
+ total: 0,
+ // 微信账号表格数据
+ wxAccountList: [],
+ // 弹出层标题
+ title: "",
+ // 是否显示弹出层
+ open: false,
+ // 查询参数
+ queryParams: {
+ pageNum: 1,
+ pageSize: 10,
+ wxNickName: null,
+ wxAccount: null,
+ wxPhone: null,
+ },
+ // 表单参数
+ form: {},
+ // 表单校验
+ rules: {
+ wxNickName: [
+ { required: true, trigger: "blur", message: "请输入微信昵称" },
+ ],
+ wxAccount: [
+ { required: true, trigger: "blur", message: "请输入微信号" },
+ ],
+ wxPhone: [
+ {
+ required: false,
+ trigger: "blur",
+ pattern: /^[0-9]{5,11}$/,
+ message: "手机号格式不正确",
+ },
+ ],
+ },
+ };
+ },
+ created() {
+ this.getList();
+ },
+ methods: {
+ /** 查询微信账号列表 */
+ getList() {
+ this.loading = true;
+ listWxAccount(this.queryParams).then((response) => {
+ this.wxAccountList = response.rows;
this.total = response.total;
this.loading = false;
});
- },
- // 取消按钮
- cancel() {
- this.open = false;
- this.reset();
- },
- // 表单重置
- reset() {
- this.form = {
- id: null,
- wxNickName: null,
- wxAccount: null,
- wxPhone: null,
- wxCodeUrl: null,
- remark: null,
- wxType: null,
- createTime: null,
- createBy: null,
- updateTime: null,
- updateBy: null,
- delFlag: null
- };
- this.resetForm("form");
- },
- /** 搜索按钮操作 */
- handleQuery() {
- this.queryParams.pageNum = 1;
- this.getList();
- },
- /** 重置按钮操作 */
- resetQuery() {
- this.resetForm("queryForm");
- this.handleQuery();
- },
- // 多选框选中数据
- handleSelectionChange(selection) {
- this.ids = selection.map(item => item.id)
- this.single = selection.length!==1
- this.multiple = !selection.length
- },
- /** 新增按钮操作 */
- handleAdd() {
- this.reset();
+ },
+ // 取消按钮
+ cancel() {
+ this.open = false;
+ this.reset();
+ },
+ // 表单重置
+ reset() {
+ this.form = {
+ id: null,
+ wxNickName: null,
+ wxAccount: null,
+ wxPhone: null,
+ wxCodeUrl: null,
+ remark: null,
+ wxType: null,
+ createTime: null,
+ createBy: null,
+ updateTime: null,
+ updateBy: null,
+ delFlag: null,
+ };
+ this.resetForm("form");
+ },
+ /** 搜索按钮操作 */
+ handleQuery() {
+ this.queryParams.pageNum = 1;
+ this.getList();
+ },
+ /** 重置按钮操作 */
+ resetQuery() {
+ this.resetForm("queryForm");
+ this.handleQuery();
+ },
+ // 多选框选中数据
+ handleSelectionChange(selection) {
+ this.ids = selection.map((item) => item.id);
+ this.single = selection.length !== 1;
+ this.multiple = !selection.length;
+ },
+ /** 新增按钮操作 */
+ handleAdd() {
+ 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.title = "添加微信账号";
- },
- /** 修改按钮操作 */
- handleUpdate(row) {
- this.reset();
- const id = row.id || this.ids
- getWxAccount(id).then(response => {
- this.form = response.data;
- this.open = true;
- this.title = "修改微信账号";
- });
- },
- /** 提交按钮 */
- submitForm() {
- this.$refs["form"].validate(valid => {
- if (valid) {
- if (this.form.id != null) {
- updateWxAccount(this.form).then(response => {
- if (response.code === 200) {
+ this.title = "修改微信账号";
+ });
+ },
+ /** 提交按钮 */
+ 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.open = false;
this.getList();
}
});
- } else {
- addWxAccount(this.form).then(response => {
- if (response.code === 200) {
+ } else {
+ addWxAccount(this.form).then((response) => {
+ if (response.code === 200) {
this.msgSuccess("新增成功");
this.open = false;
this.getList();
}
});
- }
}
- });
- },
- /** 删除按钮操作 */
- handleDelete(row) {
- const ids = row.id || this.ids;
- this.$confirm('是否确认删除微信账号编号为"' + ids + '"的数据项?', "警告", {
+ }
+ });
+ },
+ /** 删除按钮操作 */
+ handleDelete(row) {
+ const ids = row.id || this.ids;
+ this.$confirm(
+ '是否确认删除微信账号编号为"' + ids + '"的数据项?',
+ "警告",
+ {
confirmButtonText: "确定",
cancelButtonText: "取消",
- type: "warning"
- }).then(function() {
+ type: "warning",
+ }
+ )
+ .then(function () {
return delWxAccount(ids);
- }).then(() => {
+ })
+ .then(() => {
this.getList();
- this.msgSuccess("删除成功");
- }).catch(function() {});
- },
- /** 导出按钮操作 */
- handleExport() {
- const queryParams = this.queryParams;
- this.$confirm('是否确认导出所有微信账号数据项?', "警告", {
- confirmButtonText: "确定",
- cancelButtonText: "取消",
- type: "warning"
- }).then(function() {
+ this.msgSuccess("删除成功");
+ })
+ .catch(function () {});
+ },
+ /** 导出按钮操作 */
+ handleExport() {
+ const queryParams = this.queryParams;
+ this.$confirm("是否确认导出所有微信账号数据项?", "警告", {
+ confirmButtonText: "确定",
+ cancelButtonText: "取消",
+ type: "warning",
+ })
+ .then(function () {
return exportWxAccount(queryParams);
- }).then(response => {
+ })
+ .then((response) => {
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>