|
@@ -22,13 +22,21 @@
|
|
|
<el-button type="primary" @click="batch(1)"> 会员充值 </el-button>
|
|
|
<el-button type="primary" @click="batch(2)"> 会员恢复 </el-button>
|
|
|
<el-button @click="batch(3)"> 注销会员 </el-button>
|
|
|
- <el-button> 导出excel </el-button>
|
|
|
+ <el-button @click="exportData"> 导出excel </el-button>
|
|
|
</template>
|
|
|
<template slot="btn" slot-scope="props">
|
|
|
- <el-button type="text" @click="addClick(props.scope.row)"
|
|
|
+ <el-button
|
|
|
+ type="text"
|
|
|
+ @click="addClick([props.scope.row.userId])"
|
|
|
+ :disabled="props.scope.row.vipTag !== 1"
|
|
|
>充值</el-button
|
|
|
- ><el-button type="text" @click="cancellation(props.scope.row)"
|
|
|
- >注销</el-button
|
|
|
+ ><el-button type="text" @click="cancellation(props.scope.row)">{{
|
|
|
+ props.scope.row.vipTag == 1
|
|
|
+ ? "注销"
|
|
|
+ : props.scope.row.vipTag == 2
|
|
|
+ ? "恢复"
|
|
|
+ : ""
|
|
|
+ }}</el-button
|
|
|
><el-button type="text" @click="record(props.scope.row)"
|
|
|
>记录</el-button
|
|
|
>
|
|
@@ -58,6 +66,7 @@
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
+import { exportFn } from "@/utils/index.js";
|
|
|
import dislog from "./dislog.vue";
|
|
|
import vipOpen from "./vipOpen.vue";
|
|
|
import record from "./record.vue";
|
|
@@ -86,10 +95,6 @@ export default {
|
|
|
placeholder: "会员状态",
|
|
|
scope: "select",
|
|
|
options: [
|
|
|
- {
|
|
|
- label: "未开通",
|
|
|
- value: 0,
|
|
|
- },
|
|
|
{
|
|
|
label: "已开通",
|
|
|
value: 1,
|
|
@@ -101,8 +106,12 @@ export default {
|
|
|
],
|
|
|
},
|
|
|
{
|
|
|
- prop: "tenantid",
|
|
|
- placeholder: "输入手机号码/身份证号",
|
|
|
+ prop: "telphone",
|
|
|
+ placeholder: "输入手机号码",
|
|
|
+ },
|
|
|
+ {
|
|
|
+ prop: "idCard",
|
|
|
+ placeholder: "输入身份证号",
|
|
|
},
|
|
|
],
|
|
|
formData: {},
|
|
@@ -113,10 +122,6 @@ export default {
|
|
|
hidden: true,
|
|
|
scope: "isOptions",
|
|
|
options: [
|
|
|
- {
|
|
|
- label: "未开通",
|
|
|
- value: 0,
|
|
|
- },
|
|
|
{
|
|
|
label: "已开通",
|
|
|
value: 1,
|
|
@@ -235,13 +240,42 @@ export default {
|
|
|
this.search(2);
|
|
|
},
|
|
|
methods: {
|
|
|
+ exportData() {
|
|
|
+ this.$api.appuserlistExport(this.formData).then((res) => {
|
|
|
+ if (res.msg) {
|
|
|
+ exportFn(res.msg, `导出数据`);
|
|
|
+ } else {
|
|
|
+ this.$message.error("导出失败");
|
|
|
+ }
|
|
|
+ });
|
|
|
+ },
|
|
|
batch(i) {
|
|
|
if (this.$refs.tableList.allCheckData.length === 0) {
|
|
|
this.$message.error("请勾选数据");
|
|
|
return;
|
|
|
}
|
|
|
if (i == 1) {
|
|
|
+ if (this.$refs.tableList.allCheckData.every((k) => k.vipTag === 1)) {
|
|
|
+ this.addClick(this.$refs.tableList.allCheckData.map((k) => k.userId));
|
|
|
+ } else {
|
|
|
+ this.$message.error("只能对会员状态为已开通的会员进行充值");
|
|
|
+ return;
|
|
|
+ }
|
|
|
} else if (i == 2 || i == 3) {
|
|
|
+ const alist = this.$refs.tableList.allCheckData.filter((item) => {
|
|
|
+ if (i == 2) {
|
|
|
+ return item.vipTag == 2;
|
|
|
+ }
|
|
|
+ if (i == 3) {
|
|
|
+ return item.vipTag == 1;
|
|
|
+ }
|
|
|
+ });
|
|
|
+ if (alist.length === 0) {
|
|
|
+ this.$message.warning(
|
|
|
+ `选中的数据中不存在可${i == 2 ? "恢复" : "注销"}的会员`
|
|
|
+ );
|
|
|
+ return;
|
|
|
+ }
|
|
|
this.$confirm(`是否${i == 2 ? "恢复" : "注销"}选中的会员`, "提示", {
|
|
|
confirmButtonText: "确定",
|
|
|
cancelButtonText: "取消",
|
|
@@ -251,19 +285,19 @@ export default {
|
|
|
this.$api[
|
|
|
i == 2 ? "appuserrestoreBatchVip" : "appusercloseBatchVip"
|
|
|
]({
|
|
|
- userIdList: this.$refs.tableList.allCheckData.map(
|
|
|
- (k) => k.userId
|
|
|
- ),
|
|
|
+ userIdList: alist.map((k) => k.userId),
|
|
|
}).then((res) => {
|
|
|
this.$message.success("操作成功");
|
|
|
- this.search(2);
|
|
|
+ this.search(3);
|
|
|
});
|
|
|
})
|
|
|
.catch(() => {});
|
|
|
}
|
|
|
},
|
|
|
addClick(data) {
|
|
|
- this.activeData = data || {};
|
|
|
+ this.activeData = {
|
|
|
+ userIdList: data,
|
|
|
+ };
|
|
|
this.dialogVisible = true;
|
|
|
},
|
|
|
search(v) {
|
|
@@ -277,6 +311,11 @@ export default {
|
|
|
this.$refs.tableList.clearMoreActive();
|
|
|
});
|
|
|
}
|
|
|
+ if (v === 3) {
|
|
|
+ this.$nextTick(() => {
|
|
|
+ this.$refs.tableList.clearMoreActive();
|
|
|
+ });
|
|
|
+ }
|
|
|
this.$api
|
|
|
.appuservipUserList(this.formData)
|
|
|
.then((res) => {
|
|
@@ -291,12 +330,31 @@ export default {
|
|
|
init() {
|
|
|
this.search(2);
|
|
|
},
|
|
|
- //注销会员
|
|
|
+ //注销/恢复会员
|
|
|
cancellation(row) {
|
|
|
- this.$alert("确定注销该会员吗?", "提示", {
|
|
|
- dangerouslyUseHTMLString: true,
|
|
|
- })
|
|
|
- .then(() => {})
|
|
|
+ this.$alert(
|
|
|
+ `确定${
|
|
|
+ row.vipTag === 1 ? "注销" : row.vipTag === 2 ? "恢复" : ""
|
|
|
+ }该会员吗?`,
|
|
|
+ "提示",
|
|
|
+ {
|
|
|
+ dangerouslyUseHTMLString: true,
|
|
|
+ }
|
|
|
+ )
|
|
|
+ .then(() => {
|
|
|
+ this.$api[
|
|
|
+ row.vipTag === 1
|
|
|
+ ? "appusercloseBatchVip"
|
|
|
+ : row.vipTag === 2
|
|
|
+ ? "appuserrestoreBatchVip"
|
|
|
+ : ""
|
|
|
+ ]({
|
|
|
+ userIdList: [row.userId],
|
|
|
+ }).then((res) => {
|
|
|
+ this.$message.success("操作成功");
|
|
|
+ this.search(3);
|
|
|
+ });
|
|
|
+ })
|
|
|
.catch(() => {});
|
|
|
},
|
|
|
record(data) {
|