注销列表搜索
This commit is contained in:
parent
ca02cd8202
commit
4145acebe6
|
|
@ -0,0 +1,765 @@
|
||||||
|
<template>
|
||||||
|
<div class="divBox">
|
||||||
|
<div class="selCard">
|
||||||
|
<el-form
|
||||||
|
:model="userFrom"
|
||||||
|
ref="searchForm"
|
||||||
|
inline
|
||||||
|
size="small"
|
||||||
|
label-width="85px"
|
||||||
|
>
|
||||||
|
<div class="acea-row search-form">
|
||||||
|
<div>
|
||||||
|
<el-form-item label="关键字：">
|
||||||
|
<el-input
|
||||||
|
placeholder="请输入名字,账户,手机号"
|
||||||
|
v-model="userFrom.keyword"
|
||||||
|
class="input-with-select selWidth"
|
||||||
|
clearable
|
||||||
|
>
|
||||||
|
<!-- <el-select
|
||||||
|
v-model="select"
|
||||||
|
slot="prepend"
|
||||||
|
clearable
|
||||||
|
placeholder="请选择"
|
||||||
|
>
|
||||||
|
<el-option label="全部" value="">全部</el-option>
|
||||||
|
<el-option label="真实姓名" value="real_name"
|
||||||
|
>真实姓名</el-option
|
||||||
|
>
|
||||||
|
<el-option label="手机号" value="phone">手机号</el-option>
|
||||||
|
</el-select> -->
|
||||||
|
</el-input>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item
|
||||||
|
label="身份证号码："
|
||||||
|
prop="card_id"
|
||||||
|
label-width="100px"
|
||||||
|
>
|
||||||
|
<el-input
|
||||||
|
placeholder="请输入身份证号码"
|
||||||
|
v-model="userFrom.card_id"
|
||||||
|
clearable
|
||||||
|
></el-input>
|
||||||
|
</el-form-item>
|
||||||
|
</div>
|
||||||
|
<el-form-item class="search-form-sub">
|
||||||
|
<el-button type="primary" size="small" @click="changeSearch(1)"
|
||||||
|
>搜索</el-button
|
||||||
|
>
|
||||||
|
<el-button size="small" @click="searchReset()">重置</el-button>
|
||||||
|
</el-form-item>
|
||||||
|
</div>
|
||||||
|
</el-form>
|
||||||
|
</div>
|
||||||
|
<el-card class="mt14">
|
||||||
|
<el-table
|
||||||
|
v-loading="listLoading"
|
||||||
|
:data="tableData.data"
|
||||||
|
size="small"
|
||||||
|
highlight-current-row
|
||||||
|
@selection-change="handleSelectionChange"
|
||||||
|
>
|
||||||
|
<el-table-column prop="uid" label="ID" min-width="60" />
|
||||||
|
<!-- <el-table-column prop="number" label="ID号" min-width="60" /> -->
|
||||||
|
<el-table-column prop="phone" label="手机号" min-width="120" />
|
||||||
|
<el-table-column prop="real_name" label="真实姓名" min-width="120" />
|
||||||
|
<el-table-column prop="card_id" label="身份证" min-width="100" />
|
||||||
|
<el-table-column prop="create_time" label="注册时间" min-width="120" />
|
||||||
|
<el-table-column prop="zhuce_time" label="注销时间" min-width="120" />
|
||||||
|
<el-table-column prop="admin_name" label="操作人" min-width="80" />
|
||||||
|
</el-table>
|
||||||
|
<div class="block">
|
||||||
|
<el-pagination
|
||||||
|
background
|
||||||
|
:page-size="userFrom.limit"
|
||||||
|
:current-page="userFrom.page"
|
||||||
|
layout="total, prev, pager, next, jumper"
|
||||||
|
:total="tableData.total"
|
||||||
|
@size-change="handleSizeChange"
|
||||||
|
@current-change="pageChange"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
</el-card>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import {
|
||||||
|
backupinfoLstApi,
|
||||||
|
groupLstApi,
|
||||||
|
labelLstApi,
|
||||||
|
extendInfo,
|
||||||
|
exportUserApi,
|
||||||
|
userInfoSelectApi,
|
||||||
|
userMemberListApi,
|
||||||
|
sysVerifyCodeApi,
|
||||||
|
cancelUserApi,
|
||||||
|
} from "@/api/user";
|
||||||
|
import newsCategory from "@/components/newsCategory/index.vue";
|
||||||
|
import createWorkBook from "@/utils/newToExcel.js";
|
||||||
|
const checkMobile = (rule, value, cb) => {
|
||||||
|
const regMobile = /^[1][3,4,5,6,7,8,9][0-9]{9}$/;
|
||||||
|
if (regMobile.test(value)) {
|
||||||
|
// 合法的手机号码
|
||||||
|
return cb();
|
||||||
|
}
|
||||||
|
cb(new Error("手机号码格式不正确"));
|
||||||
|
};
|
||||||
|
export default {
|
||||||
|
name: "UserList",
|
||||||
|
components: {
|
||||||
|
newsCategory,
|
||||||
|
},
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
moren: require("@/assets/images/f.png"),
|
||||||
|
verifyCode: false,
|
||||||
|
verifyInfo: "",
|
||||||
|
verify: {
|
||||||
|
phone: "",
|
||||||
|
},
|
||||||
|
select: "",
|
||||||
|
keywords: "",
|
||||||
|
timeVal: [],
|
||||||
|
timeVal2: [],
|
||||||
|
selectList: [],
|
||||||
|
drawer: false,
|
||||||
|
maxCols: 3,
|
||||||
|
isShowSend: true,
|
||||||
|
visible: false,
|
||||||
|
user_type: "",
|
||||||
|
tableData: {
|
||||||
|
data: [],
|
||||||
|
total: 0,
|
||||||
|
},
|
||||||
|
uid: "",
|
||||||
|
listLoading: true,
|
||||||
|
multipleSelection: [],
|
||||||
|
ids: "",
|
||||||
|
wechatIds: "",
|
||||||
|
uid: "",
|
||||||
|
labelPosition: "right",
|
||||||
|
userProps: {
|
||||||
|
children: "children",
|
||||||
|
label: "name",
|
||||||
|
value: "name",
|
||||||
|
},
|
||||||
|
userFrom: {
|
||||||
|
label_id: "",
|
||||||
|
user_type: "",
|
||||||
|
keyword: "",
|
||||||
|
member_level: "",
|
||||||
|
sex: "",
|
||||||
|
is_promoter: "",
|
||||||
|
country: "",
|
||||||
|
pay_count: "",
|
||||||
|
user_time_type: "",
|
||||||
|
user_time: "",
|
||||||
|
nickname: "",
|
||||||
|
phone: "",
|
||||||
|
province: "",
|
||||||
|
city: "",
|
||||||
|
is_svip: "",
|
||||||
|
page: 1,
|
||||||
|
limit: 20,
|
||||||
|
group_id: "",
|
||||||
|
fields_type: "",
|
||||||
|
fields_value: "",
|
||||||
|
},
|
||||||
|
address: [],
|
||||||
|
grid: {
|
||||||
|
xl: 8,
|
||||||
|
lg: 12,
|
||||||
|
md: 12,
|
||||||
|
sm: 24,
|
||||||
|
xs: 24,
|
||||||
|
},
|
||||||
|
grid2: {
|
||||||
|
xl: 18,
|
||||||
|
lg: 16,
|
||||||
|
md: 12,
|
||||||
|
sm: 24,
|
||||||
|
xs: 24,
|
||||||
|
},
|
||||||
|
grid3: {
|
||||||
|
xl: 8,
|
||||||
|
lg: 12,
|
||||||
|
md: 12,
|
||||||
|
sm: 24,
|
||||||
|
xs: 24,
|
||||||
|
},
|
||||||
|
addresData: [],
|
||||||
|
groupList: [],
|
||||||
|
labelLists: [],
|
||||||
|
memberList: [],
|
||||||
|
chkName: "",
|
||||||
|
checkedIds: [], // 订单当前页选中的数据
|
||||||
|
noChecked: [], // 订单全选状态下当前页不选中的数据
|
||||||
|
checkedPage: [],
|
||||||
|
visibleCoupon: false,
|
||||||
|
visibleDistributor: false,
|
||||||
|
couponForm: {
|
||||||
|
用户标签: "",
|
||||||
|
用户类型: "",
|
||||||
|
性别: "",
|
||||||
|
// 身份: '',
|
||||||
|
消费情况: "",
|
||||||
|
访问情况: "",
|
||||||
|
访问时间: "",
|
||||||
|
昵称: "",
|
||||||
|
},
|
||||||
|
allCheck: false,
|
||||||
|
cancel_time: null,
|
||||||
|
createDrawer: false,
|
||||||
|
is_promoter: 0,
|
||||||
|
};
|
||||||
|
},
|
||||||
|
mounted() {
|
||||||
|
this.groupLists();
|
||||||
|
this.getTagList();
|
||||||
|
this.getMemberList();
|
||||||
|
this.getSelectList();
|
||||||
|
this.getList("");
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
/**重置 */
|
||||||
|
searchReset() {
|
||||||
|
this.timeVal = [];
|
||||||
|
this.timeVa2 = [];
|
||||||
|
this.userFrom.user_time = "";
|
||||||
|
this.userFrom.birthday = "";
|
||||||
|
this.select = "";
|
||||||
|
this.keywords = "";
|
||||||
|
this.$refs.searchForm.resetFields();
|
||||||
|
this.changeSearch(1);
|
||||||
|
},
|
||||||
|
cancellationUser(row) {
|
||||||
|
this.$confirm("此操作将注销账号, 是否继续?", "提示", {
|
||||||
|
confirmButtonText: "确定",
|
||||||
|
cancelButtonText: "取消",
|
||||||
|
type: "warning",
|
||||||
|
})
|
||||||
|
.then(() => {
|
||||||
|
cancelUserApi(row.uid).then((res) => {
|
||||||
|
if (res.status == 200) {
|
||||||
|
this.$message({
|
||||||
|
type: "success",
|
||||||
|
message: res.message,
|
||||||
|
});
|
||||||
|
this.getList(1);
|
||||||
|
}
|
||||||
|
});
|
||||||
|
})
|
||||||
|
.catch(() => {
|
||||||
|
this.$message({
|
||||||
|
type: "info",
|
||||||
|
message: "已取消注销",
|
||||||
|
});
|
||||||
|
});
|
||||||
|
},
|
||||||
|
handleRefer() {
|
||||||
|
this.$refs["verify"].validate((valid) => {
|
||||||
|
if (valid) {
|
||||||
|
sysVerifyCodeApi(this.verify)
|
||||||
|
.then((res) => {
|
||||||
|
if (res.status == 200) {
|
||||||
|
this.verifyInfo = res.message;
|
||||||
|
} else {
|
||||||
|
this.verifyInfo = "";
|
||||||
|
this.$message.warning(res.message);
|
||||||
|
}
|
||||||
|
})
|
||||||
|
.catch((res) => {
|
||||||
|
this.verifyInfo = "";
|
||||||
|
this.$message.error(res.message);
|
||||||
|
});
|
||||||
|
}
|
||||||
|
});
|
||||||
|
},
|
||||||
|
changeSearch(num) {
|
||||||
|
this.userSearchs(num);
|
||||||
|
// this.resetSearchVal();
|
||||||
|
// switch (this.select) {
|
||||||
|
// case "uid":
|
||||||
|
// this.userFrom.uid = this.keywords;
|
||||||
|
// this.userSearchs(num);
|
||||||
|
// break;
|
||||||
|
// case "nickname":
|
||||||
|
// this.userFrom.nickname = this.keywords;
|
||||||
|
// this.userSearchs(num);
|
||||||
|
// break;
|
||||||
|
// case "phone":
|
||||||
|
// this.userFrom.phone = this.keywords;
|
||||||
|
// this.userSearchs(num);
|
||||||
|
// break;
|
||||||
|
// default:
|
||||||
|
// this.userFrom.keyword = this.keywords;
|
||||||
|
// this.userSearchs(num);
|
||||||
|
// break;
|
||||||
|
// }
|
||||||
|
},
|
||||||
|
resetSearchVal() {
|
||||||
|
this.userFrom.phone = "";
|
||||||
|
this.userFrom.nickname = "";
|
||||||
|
this.userFrom.uid = "";
|
||||||
|
this.userFrom.keyword = "";
|
||||||
|
},
|
||||||
|
// 用户
|
||||||
|
onHandle(name) {
|
||||||
|
this.chkName = this.chkName === name ? "" : name;
|
||||||
|
this.changeType(!(this.chkName === ""));
|
||||||
|
},
|
||||||
|
changeType(v) {
|
||||||
|
if (v) {
|
||||||
|
if (!this.chkName) {
|
||||||
|
this.chkName = "dan";
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
this.chkName = "";
|
||||||
|
this.allCheck = false;
|
||||||
|
}
|
||||||
|
const index = this.checkedPage.indexOf(this.userFrom.page);
|
||||||
|
if (this.chkName === "dan") {
|
||||||
|
this.checkedPage.push(this.userFrom.page);
|
||||||
|
} else if (index > -1) {
|
||||||
|
this.checkedPage.splice(index, 1);
|
||||||
|
}
|
||||||
|
|
||||||
|
this.syncCheckedId();
|
||||||
|
},
|
||||||
|
syncCheckedId() {
|
||||||
|
const ids = this.tableData.data.map((v) => {
|
||||||
|
if (!v.cancel_time) {
|
||||||
|
return v.uid;
|
||||||
|
}
|
||||||
|
});
|
||||||
|
if (this.chkName === "duo") {
|
||||||
|
this.checkedIds = [];
|
||||||
|
this.allCheck = true;
|
||||||
|
} else if (this.chkName === "dan") {
|
||||||
|
this.allCheck = false;
|
||||||
|
ids.forEach((id) => {
|
||||||
|
const index = this.checkedIds.indexOf(id);
|
||||||
|
if (index === -1) {
|
||||||
|
this.checkedIds.push(id);
|
||||||
|
}
|
||||||
|
});
|
||||||
|
} else {
|
||||||
|
ids.forEach((id) => {
|
||||||
|
const index = this.checkedIds.indexOf(id);
|
||||||
|
if (index > -1) {
|
||||||
|
this.checkedIds.splice(index, 1);
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
|
},
|
||||||
|
// 分开选择
|
||||||
|
changeOne(v, user) {
|
||||||
|
if (v) {
|
||||||
|
if (this.chkName === "duo") {
|
||||||
|
const index = this.noChecked.indexOf(user.uid);
|
||||||
|
if (index > -1) this.noChecked.splice(index, 1);
|
||||||
|
} else {
|
||||||
|
const index = this.checkedIds.indexOf(user.uid);
|
||||||
|
if (index === -1) this.checkedIds.push(user.uid);
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
if (this.chkName === "duo") {
|
||||||
|
const index = this.noChecked.indexOf(user.uid);
|
||||||
|
if (index === -1) this.noChecked.push(user.uid);
|
||||||
|
} else {
|
||||||
|
const index = this.checkedIds.indexOf(user.uid);
|
||||||
|
if (index > -1) this.checkedIds.splice(index, 1);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
// 发送优惠券
|
||||||
|
sendCoupon() {
|
||||||
|
if (this.checkedIds.length == 0 && this.allCheck == false) {
|
||||||
|
this.$message.warning("请选择用户");
|
||||||
|
} else {
|
||||||
|
this.visibleCoupon = true;
|
||||||
|
}
|
||||||
|
},
|
||||||
|
// 导出
|
||||||
|
async exportList() {
|
||||||
|
const loading = this.$loading({
|
||||||
|
lock: true,
|
||||||
|
text: "正在拼命导出中，请耐心等待...",
|
||||||
|
spinner: "el-icon-loading",
|
||||||
|
background: "hsla(0, 0%, 100%, .9)",
|
||||||
|
});
|
||||||
|
let excelData = JSON.parse(JSON.stringify(this.userFrom)),
|
||||||
|
data = [];
|
||||||
|
excelData.page = 1;
|
||||||
|
excelData.limit = 500;
|
||||||
|
let pageCount = 1;
|
||||||
|
let lebData = {};
|
||||||
|
for (let i = 0; i < pageCount; i++) {
|
||||||
|
lebData = await this.downData(excelData);
|
||||||
|
pageCount = Math.ceil(lebData.count / excelData.limit);
|
||||||
|
if (lebData.export.length) {
|
||||||
|
data = data.concat(lebData.export);
|
||||||
|
excelData.page++;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
createWorkBook(
|
||||||
|
lebData.header,
|
||||||
|
lebData.title,
|
||||||
|
data,
|
||||||
|
lebData.foot,
|
||||||
|
lebData.filename
|
||||||
|
);
|
||||||
|
loading.close();
|
||||||
|
return;
|
||||||
|
},
|
||||||
|
/**导出用户列表 */
|
||||||
|
downData(excelData) {
|
||||||
|
return new Promise((resolve, reject) => {
|
||||||
|
exportUserApi(excelData).then((res) => {
|
||||||
|
return resolve(res.data);
|
||||||
|
});
|
||||||
|
});
|
||||||
|
},
|
||||||
|
sendSuccess() {
|
||||||
|
this.visibleCoupon = false;
|
||||||
|
},
|
||||||
|
getCoupounParmas() {
|
||||||
|
let label_id = this.userFrom.label_id == "" ? "" : this.getLabelValue(),
|
||||||
|
user_type = this.findKey(this.userFrom.user_type, {
|
||||||
|
"": "",
|
||||||
|
微信用户: "wechat",
|
||||||
|
小程序用户: "routine",
|
||||||
|
H5用户: "h5",
|
||||||
|
}),
|
||||||
|
sex = this.findKey(this.userFrom.sex, {
|
||||||
|
男: "1",
|
||||||
|
女: "2",
|
||||||
|
保密: "0",
|
||||||
|
"": "",
|
||||||
|
}),
|
||||||
|
pay_count = this.findKey(this.userFrom.sex, {
|
||||||
|
"0次": "-1",
|
||||||
|
"1次以上": "0",
|
||||||
|
"2次以上": "1",
|
||||||
|
"3次以上": "2",
|
||||||
|
"4次以上": "3",
|
||||||
|
"5次以上": "4",
|
||||||
|
"": "",
|
||||||
|
}),
|
||||||
|
is_promoter = this.findKey(this.userFrom.is_promoter, {
|
||||||
|
邀请员: "1",
|
||||||
|
普通用户: "0",
|
||||||
|
"": "",
|
||||||
|
}),
|
||||||
|
user_time_type =
|
||||||
|
this.userFrom.user_time_type == "visit"
|
||||||
|
? "最后访问"
|
||||||
|
: this.userFrom.user_time_type == "add_time"
|
||||||
|
? "首次访问"
|
||||||
|
: "";
|
||||||
|
this.couponForm = {
|
||||||
|
用户标签: label_id,
|
||||||
|
用户类型: user_type,
|
||||||
|
性别: sex,
|
||||||
|
消费情况: pay_count,
|
||||||
|
// 身份: is_promoter,
|
||||||
|
访问情况: user_time_type,
|
||||||
|
访问时间: this.userFrom.user_time,
|
||||||
|
昵称: this.userFrom.nickname,
|
||||||
|
};
|
||||||
|
},
|
||||||
|
findKey(value, data, compare = (a, b) => a === b) {
|
||||||
|
return Object.keys(data).find((k) => compare(data[k], value));
|
||||||
|
},
|
||||||
|
getLabelValue() {
|
||||||
|
let labelName = "";
|
||||||
|
for (let i = 0; i < this.labelLists.length; i++) {
|
||||||
|
if (this.labelLists[i]["label_id"] === this.userFrom.label_id) {
|
||||||
|
labelName = this.labelLists[i]["label_name"];
|
||||||
|
return labelName;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
// 具体日期
|
||||||
|
onchangeTime(e) {
|
||||||
|
this.timeVal = e;
|
||||||
|
this.userFrom.user_time = e ? this.timeVal.join("-") : "";
|
||||||
|
this.changeSearch(1);
|
||||||
|
},
|
||||||
|
// 具体日期
|
||||||
|
onchangeTime2(e) {
|
||||||
|
this.timeVal2 = e;
|
||||||
|
this.userFrom.birthday = e ? this.timeVal2.join("-") : "";
|
||||||
|
this.changeSearch(1);
|
||||||
|
},
|
||||||
|
userSearchs(num) {
|
||||||
|
if (this.userFrom.user_time_type && !this.userFrom.user_time) {
|
||||||
|
this.$message.error("请选择访问时间");
|
||||||
|
} else if (!this.userFrom.user_time_type && this.userFrom.user_time) {
|
||||||
|
this.$message.error("请选择访问情况");
|
||||||
|
} else {
|
||||||
|
this.getList(num);
|
||||||
|
}
|
||||||
|
},
|
||||||
|
// 创建用户
|
||||||
|
createUser() {
|
||||||
|
// this.$modalForm(createUserApi()).then(() => this.getList(''))
|
||||||
|
this.createDrawer = true;
|
||||||
|
},
|
||||||
|
// 验证码查询
|
||||||
|
GetverifyCode() {
|
||||||
|
this.verify.phone = "";
|
||||||
|
this.verifyInfo = "";
|
||||||
|
this.verifyCode = true;
|
||||||
|
},
|
||||||
|
// 分组列表
|
||||||
|
groupLists() {
|
||||||
|
groupLstApi({
|
||||||
|
page: 1,
|
||||||
|
limit: 9999,
|
||||||
|
})
|
||||||
|
.then(async (res) => {
|
||||||
|
this.groupList = res.data.list;
|
||||||
|
})
|
||||||
|
.catch((res) => {
|
||||||
|
this.$message.error(res.message);
|
||||||
|
});
|
||||||
|
},
|
||||||
|
// 补充信息搜索
|
||||||
|
getSelectList() {
|
||||||
|
userInfoSelectApi()
|
||||||
|
.then(async (res) => {
|
||||||
|
this.selectList = res.data;
|
||||||
|
})
|
||||||
|
.catch((res) => {
|
||||||
|
this.$message.error(res.message);
|
||||||
|
});
|
||||||
|
},
|
||||||
|
// 标签列表
|
||||||
|
getTagList() {
|
||||||
|
labelLstApi({
|
||||||
|
page: 1,
|
||||||
|
limit: 9999,
|
||||||
|
})
|
||||||
|
.then((res) => {
|
||||||
|
this.labelLists = res.data.list;
|
||||||
|
})
|
||||||
|
.catch((res) => {
|
||||||
|
this.$message.error(res.message);
|
||||||
|
});
|
||||||
|
},
|
||||||
|
// 用户等级列表
|
||||||
|
getMemberList() {
|
||||||
|
userMemberListApi()
|
||||||
|
.then((res) => {
|
||||||
|
this.memberList = res.data;
|
||||||
|
})
|
||||||
|
.catch((res) => {
|
||||||
|
this.$message.error(res.message);
|
||||||
|
});
|
||||||
|
},
|
||||||
|
// 账户详情
|
||||||
|
onDetails(id) {
|
||||||
|
this.drawer = true;
|
||||||
|
this.uid = id;
|
||||||
|
this.cancel_time = this.tableData.data.find(
|
||||||
|
(item) => item.uid === id
|
||||||
|
).cancel_time;
|
||||||
|
this.$refs.userDetails.getData(id, false, true);
|
||||||
|
},
|
||||||
|
closeDrawer() {
|
||||||
|
this.drawer = false;
|
||||||
|
this.createDrawer = false;
|
||||||
|
},
|
||||||
|
changeDrawer(v) {
|
||||||
|
this.drawer = v;
|
||||||
|
},
|
||||||
|
sendNews() {
|
||||||
|
if (this.checkedIds.length === 0 && this.allCheck == false)
|
||||||
|
return this.$message.warning("请先选择用户");
|
||||||
|
this.visible = true;
|
||||||
|
this.wechatIds = this.getWechatUsers(
|
||||||
|
this.tableData.data,
|
||||||
|
this.checkedIds
|
||||||
|
);
|
||||||
|
},
|
||||||
|
handleClose() {
|
||||||
|
this.visible = false;
|
||||||
|
},
|
||||||
|
/**获取选中的微信用户Id */
|
||||||
|
getWechatUsers(arr1, arr2) {
|
||||||
|
let newArr = [];
|
||||||
|
if (this.allCheck) {
|
||||||
|
for (let i = 0; i < arr1.length; i++) {
|
||||||
|
if (arr1[i]["wechat_user_id"]) {
|
||||||
|
newArr.push(arr1[i]["wechat_user_id"]);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
for (let i = 0; i < arr1.length; i++) {
|
||||||
|
for (let j = 0; j < arr2.length; j++) {
|
||||||
|
if (arr1[i]["uid"] === arr2[j] && arr1[i]["wechat_user_id"]) {
|
||||||
|
newArr.push(arr2[j]);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
return newArr;
|
||||||
|
},
|
||||||
|
handleSelectionChange(val) {
|
||||||
|
this.multipleSelection = val;
|
||||||
|
const data = [];
|
||||||
|
const wechatData = [];
|
||||||
|
this.multipleSelection.map((item) => {
|
||||||
|
data.push(item.uid);
|
||||||
|
wechatData.push(item.wechat_user_id);
|
||||||
|
});
|
||||||
|
this.ids = data.join(",");
|
||||||
|
this.wechatIds = wechatData.join(",");
|
||||||
|
},
|
||||||
|
// 列表
|
||||||
|
getList(num) {
|
||||||
|
this.listLoading = true;
|
||||||
|
this.userFrom.page = num ? num : this.userFrom.page;
|
||||||
|
this.userFrom.user_type = this.user_type;
|
||||||
|
this.userFrom.province = this.address[0];
|
||||||
|
this.userFrom.city = this.address[1];
|
||||||
|
if (this.userFrom.user_type === "0") this.userFrom.user_type = "";
|
||||||
|
backupinfoLstApi(this.userFrom)
|
||||||
|
.then((res) => {
|
||||||
|
this.tableData.data = res.data.list;
|
||||||
|
this.tableData.total = res.data.count;
|
||||||
|
this.listLoading = false;
|
||||||
|
this.getCoupounParmas();
|
||||||
|
// this.checkedIds = [];
|
||||||
|
})
|
||||||
|
.catch((res) => {
|
||||||
|
this.listLoading = false;
|
||||||
|
this.$message.error(res.message);
|
||||||
|
});
|
||||||
|
},
|
||||||
|
pageChange(page) {
|
||||||
|
this.userFrom.page = page;
|
||||||
|
this.changeSearch();
|
||||||
|
},
|
||||||
|
handleSizeChange(val) {
|
||||||
|
this.userFrom.limit = val;
|
||||||
|
this.changeSearch();
|
||||||
|
},
|
||||||
|
// 编辑
|
||||||
|
onEdit(id) {
|
||||||
|
// this.$modalForm(userUpdateApi(id)).then(() => this.getList(''))
|
||||||
|
this.drawer = true;
|
||||||
|
this.uid = id;
|
||||||
|
this.$refs.userDetails.getData(id, true, false);
|
||||||
|
},
|
||||||
|
// 重置
|
||||||
|
reset() {
|
||||||
|
this.userFrom = {
|
||||||
|
label_id: "",
|
||||||
|
user_type: "",
|
||||||
|
sex: "",
|
||||||
|
is_promoter: "",
|
||||||
|
country: "",
|
||||||
|
pay_count: "",
|
||||||
|
user_time_type: "",
|
||||||
|
user_time: "",
|
||||||
|
nickname: "",
|
||||||
|
province: "",
|
||||||
|
city: "",
|
||||||
|
page: 1,
|
||||||
|
limit: 20,
|
||||||
|
group_id: "",
|
||||||
|
};
|
||||||
|
this.timeVal = [];
|
||||||
|
this.changeSearch(1);
|
||||||
|
},
|
||||||
|
// 更新信息
|
||||||
|
extendInfo(row) {
|
||||||
|
this.$modalForm(extendInfo(row.uid)).then(() => this.changeSearch());
|
||||||
|
},
|
||||||
|
},
|
||||||
|
};
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="scss" scoped>
|
||||||
|
@import "@/styles/form.scss";
|
||||||
|
.check {
|
||||||
|
color: #00a2d4;
|
||||||
|
}
|
||||||
|
.btn_bottom {
|
||||||
|
display: flex;
|
||||||
|
justify-content: end;
|
||||||
|
}
|
||||||
|
.dia ::v-deep .el-dialog__body {
|
||||||
|
height: 700px !important;
|
||||||
|
}
|
||||||
|
.text-right {
|
||||||
|
text-align: right;
|
||||||
|
}
|
||||||
|
.minwidth {
|
||||||
|
display: inline-block;
|
||||||
|
max-width: 200px;
|
||||||
|
line-height: 20px;
|
||||||
|
}
|
||||||
|
.search-form {
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
.search-form-box {
|
||||||
|
display: flex;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
flex: 1;
|
||||||
|
}
|
||||||
|
a {
|
||||||
|
color: var(--prev-color-primary);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.selWidth {
|
||||||
|
width: 250px !important;
|
||||||
|
}
|
||||||
|
.search-form-sub {
|
||||||
|
display: flex;
|
||||||
|
}
|
||||||
|
.container {
|
||||||
|
min-width: 821px;
|
||||||
|
}
|
||||||
|
.container ::v-deep .el-form-item {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
.container ::v-deep .el-form-item__content {
|
||||||
|
width: 72%;
|
||||||
|
}
|
||||||
|
.vipName {
|
||||||
|
color: #dab176;
|
||||||
|
}
|
||||||
|
.el-dropdown-link {
|
||||||
|
cursor: pointer;
|
||||||
|
color: var(--prev-color-primary);
|
||||||
|
font-size: 12px;
|
||||||
|
}
|
||||||
|
.el-icon-arrow-down {
|
||||||
|
font-size: 12px;
|
||||||
|
}
|
||||||
|
.demo-table-expand {
|
||||||
|
font-size: 0;
|
||||||
|
}
|
||||||
|
.demo-table-expand .el-form-item {
|
||||||
|
margin-right: 0;
|
||||||
|
margin-bottom: 0;
|
||||||
|
width: 33.33%;
|
||||||
|
}
|
||||||
|
::v-deep .el-date-editor.el-input {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
::v-deep [type="reset"],
|
||||||
|
[type="submit"],
|
||||||
|
button,
|
||||||
|
html [type="button"] {
|
||||||
|
-webkit-appearance: none !important;
|
||||||
|
}
|
||||||
|
::v-deep .el-input-group__prepend .el-input {
|
||||||
|
width: 100px;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
Loading…
Reference in New Issue