autumn/jsowell-charger-web
1
0
Fork 0
mirror of https://codeup.aliyun.com/67c68d4e484ca2f0a13ac3c1/ydc/jsowell-charger-web.git synced 2026-06-11 10:49:52 +08:00
Code Issues Packages Projects Releases Wiki Activity

运营商vip导出

Browse Source
This commit is contained in:
BOOL\25024
2025-01-07 10:05:55 +08:00
parent 72c26562cf
commit 62c0b2bee0
1 changed files with 591 additions and 473 deletions
Download Patch File Download Diff File Expand all files Collapse all files

300
jsowell-ui/src/views/member/merchantVIP/index.vue
View File

@@ -1,28 +1,49 @@
<template>
<div class="app-container">
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch"
label-width="68px">
<el-form
:model="queryParams"
ref="queryForm"
size="small"
:inline="true"
v-show="showSearch"
label-width="68px"
>
<el-form-item label="会员ID" prop="memberId">
<el-input v-model="queryParams.memberId" placeholder="请输入会员ID" clearable
@keyup.enter.native="handleQuery" />
<el-input
v-model="queryParams.memberId"
placeholder="请输入会员ID"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="手机号" prop="mobileNumber">
<el-input v-model="queryParams.mobileNumber" placeholder="请输入手机号" clearable
@keyup.enter.native="handleQuery" />
<el-input
v-model="queryParams.mobileNumber"
placeholder="请输入手机号"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item>
<el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
<el-button type="primary" 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>
<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="['member:merchantVip:add']">开卡
<el-button
type="primary"
plain
icon="el-icon-plus"
size="mini"
@click="handleAdd"
v-hasPermi="['member:merchantVip:add']"
>开卡
</el-button>
</el-col>
<!--<el-col :span="1.5">
@@ -60,7 +81,11 @@
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
</el-row>
<el-table v-loading="loading" :data="infoList" @selection-change="handleSelectionChange">
<el-table
v-loading="loading"
:data="infoList"
@selection-change="handleSelectionChange"
>
<el-table-column type="selection" width="55" align="center" />
<el-table-column label="卡号" align="center" prop="walletCode" />
<el-table-column label="运营商" align="center" prop="merchantName" />
@@ -68,15 +93,21 @@
<el-table-column label="头像" align="center" prop="avatarUrl">
<template slot-scope="scope">
<!-- <el-image v-if="scope.row.avatarUrl === null" :src="defaultImg" />-->
<el-image style="height: 50px;width: 50px"
<el-image
style="height: 50px; width: 50px"
:src="scope.row.avatarUrl === null ? defaultImg[0].img : scope.row.avatarUrl"
:preview-src-list='[scope.row.avatarUrl === null ? defaultImg[0].img : scope.row.avatarUrl]' />
:preview-src-list="[
scope.row.avatarUrl === null ? defaultImg[0].img : scope.row.avatarUrl,
]"
/>
</template>
</el-table-column>
<el-table-column label="昵称" align="center" prop="nickName">
<template slot-scope="scope">
<router-link :to="'/member/detail/index/' + scope.row.memberId" class="link-type">
<router-link
:to="'/member/detail/index/' + scope.row.memberId"
class="link-type"
>
<span>{{ scope.row.nickName }}</span>
</router-link>
</template>
@@ -87,49 +118,81 @@
<el-table-column label="总余额" align="center" prop="totalAccountAmount" />
<el-table-column label="备注" align="center" prop="remark" />
<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="handleUpdateBalance(scope.row)"
v-hasPermi="['member:merchantVip:update']">充值/扣款
<el-button
size="mini"
type="text"
icon="el-icon-edit"
@click="handleUpdateBalance(scope.row)"
v-hasPermi="['member:merchantVip:update']"
>充值/扣款
</el-button>
</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" @click="viewDetails(scope.row)">明细</el-button>
<el-button size="mini" type="text" @click="viewDetails(scope.row)"
>明细</el-button
>
</template>
</el-table-column>
</el-table>
<pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNum"
:limit.sync="queryParams.pageSize" @pagination="getList" />
<pagination
v-show="total > 0"
:total="total"
:page.sync="queryParams.pageNum"
:limit.sync="queryParams.pageSize"
@pagination="getList"
/>
<!-- 添加或修改会员基础信息对话框 -->
<el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
<el-form ref="form" :model="createMerchantVip" :rules="rules" label-width="100px">
<el-form-item label="选择运营商">
<el-select v-model="createMerchantVip.targetMerchantId" filterable clearable placeholder="请选择运营商"
@change="$forceUpdate()">
<el-option v-for="item in merchantList" :key="item.merchantId" :label="item.merchantName"
:value="item.merchantId">
<el-select
v-model="createMerchantVip.targetMerchantId"
filterable
clearable
placeholder="请选择运营商"
@change="$forceUpdate()"
>
<el-option
v-for="item in merchantList"
:key="item.merchantId"
:label="item.merchantName"
:value="item.merchantId"
>
</el-option>
</el-select>
</el-form-item>
<el-form-item label="手机号码">
<el-input v-model="createMerchantVip.mobileNumber" placeholder="请输入手机号码" />
<el-input
v-model="createMerchantVip.mobileNumber"
placeholder="请输入手机号码"
/>
</el-form-item>
<el-form-item label="操作类型">
<el-radio v-model="createMerchantVip.type" label="1" border>充值</el-radio>
<el-radio v-model="createMerchantVip.type" label="2" border>扣款</el-radio>
</el-form-item>
<el-form-item label="金额" prop="balance">
<el-input-number v-model="createMerchantVip.updatePrincipalBalance" placeholder="请输入金额" :min="0"
:controls="false" :precision="2" />
<el-input-number
v-model="createMerchantVip.updatePrincipalBalance"
placeholder="请输入金额"
:min="0"
:controls="false"
:precision="2"
/>
</el-form-item>
<el-form-item label="赠送金" prop="balance">
<el-input-number v-model="createMerchantVip.updateGiftBalance" placeholder="请输入赠送金" :min="0"
:controls="false" :precision="2" />
<el-input-number
v-model="createMerchantVip.updateGiftBalance"
placeholder="请输入赠送金"
:min="0"
:controls="false"
:precision="2"
/>
</el-form-item>
</el-form>
<div slot="footer" class="dialog-footer">
@@ -139,24 +202,44 @@
</el-dialog>
<!-- 添加或修改会员余额对话框 -->
<el-dialog title="会员充值/扣款" @close="closeUpdateBalance" :visible.sync="openUpdateBalance" width="500px"
append-to-body>
<el-dialog
title="会员充值/扣款"
@close="closeUpdateBalance"
:visible.sync="openUpdateBalance"
width="500px"
append-to-body
>
<p>线下充值本金，客户直接在线下付款给商家</p>
<el-form ref="form" :model="form" :rules="rules" label-width="100px">
<el-form-item label="选择运营商">
<el-select v-model="forbid" clearable disabled placeholder="请选择运营商"></el-select>
<el-select
v-model="forbid"
clearable
disabled
placeholder="请选择运营商"
></el-select>
</el-form-item>
<el-form-item label="操作类型">
<el-radio v-model="type" label="1" border>充值</el-radio>
<el-radio v-model="type" label="2" border>扣款</el-radio>
</el-form-item>
<el-form-item label="金额" prop="balance">
<el-input-number v-model="updatePrincipalBalance" placeholder="请输入金额" :min="0" :controls="false"
:precision="2" />
<el-input-number
v-model="updatePrincipalBalance"
placeholder="请输入金额"
:min="0"
:controls="false"
:precision="2"
/>
</el-form-item>
<el-form-item label="赠送金" prop="balance">
<el-input-number v-model="updateGiftBalance" placeholder="请输入赠送金" :min="0" :controls="false"
:precision="2" />
<el-input-number
v-model="updateGiftBalance"
placeholder="请输入赠送金"
:min="0"
:controls="false"
:precision="2"
/>
</el-form-item>
</el-form>
<div slot="footer" class="dialog-footer">
@@ -165,28 +248,43 @@
</div>
</el-dialog>
<!-- 明细 -->
<el-dialog title="交易明细" :visible.sync="vehicleDetails" :before-close="closeDetails" width="1200px"
append-to-body>
<el-dialog
title="交易明细"
:visible.sync="vehicleDetails"
:before-close="closeDetails"
width="1200px"
append-to-body
>
<el-form :model="detailParameters" size="small" :inline="true">
<el-form-item label="选择日期" prop="tradeDate">
<el-date-picker v-model="createTimeRange" type="month" value-format="yyyy-MM" range-separator="-"
placeholder="选择日期">
<el-date-picker
v-model="createTimeRange"
type="month"
value-format="yyyy-MM"
range-separator="-"
placeholder="选择日期"
>
</el-date-picker>
</el-form-item>
<el-form-item style="margin-left: 10px;">
<el-button type="primary" icon="el-icon-search" size="mini" @click="getDetails">搜索</el-button>
<el-button
type="warning"
plain
icon="Download"
@click="handleExport"
>导出</el-button>
<el-form-item style="margin-left: 10px">
<el-button type="primary" icon="el-icon-search" size="mini" @click="getDetails"
>搜索</el-button
>
<el-button type="warning" plain icon="Download" @click="handleExport"
>导出</el-button
>
</el-form-item>
<el-col :span="24">
<el-form-item label="充值余额:"> {{ totalRechargeAmount }} </el-form-item>
<el-form-item label="消费金额:" style="padding-left: 50px;">{{ totalConsumption }}</el-form-item>
<el-form-item label="累计充值金额:" style="padding-left: 50px;">{{ totalRechargeAmount }}</el-form-item>
<el-form-item label="累计消费金额:" style="padding-left: 50px;">{{ totalConsumption }}</el-form-item>
<el-form-item label="消费金额:" style="padding-left: 50px">{{
totalConsumption
}}</el-form-item>
<el-form-item label="累计充值金额:" style="padding-left: 50px">{{
totalRechargeAmount
}}</el-form-item>
<el-form-item label="累计消费金额:" style="padding-left: 50px">{{
totalConsumption
}}</el-form-item>
</el-col>
</el-form>
<el-table :data="detailList" stripe style="width: 100%" v-loading="loadings">
@@ -207,8 +305,14 @@
<el-table-column label="时间" align="center" prop="transactionTime" />
</el-table>
<!--分页-->
<pagination v-show="closeTotal > 0" :total="closeTotal" :page.sync="detailParameters.pageNum"
:limit.sync="detailParameters.pageSize" @pagination="getDetails" style="margin-bottom: 20px" />
<pagination
v-show="closeTotal > 0"
:total="closeTotal"
:page.sync="detailParameters.pageNum"
:limit.sync="detailParameters.pageSize"
@pagination="getDetails"
style="margin-bottom: 20px"
/>
</el-dialog>
</div>
</template>
@@ -220,15 +324,18 @@ import {
addInfo,
updateInfo,
updateMemberBalance,
getMerchantListByAuth, queryMerchantVipList, createMerchantVip, getMemberBalanceChangesV2
getMerchantListByAuth,
queryMerchantVipList,
createMerchantVip,
getMemberBalanceChangesV2,
} from "@/api/member/info";
import { parseTime } from "@/utils/common";
export default {
name: "Info",
dicts: ['member_status'],
dicts: ["member_status"],
data() {
return {
defaultImg: [{ img: require('../../../assets/images/headPort.png') }],
defaultImg: [{ img: require("../../../assets/images/headPort.png") }],
// 遮罩层
loading: true,
loadings: true,
@@ -254,7 +361,7 @@ export default {
updatePrincipalBalance: "", // 充值扣款金额
updateGiftBalance: "",
updateBalanceMemberId: "", // 需要充值扣款的会员id
type: '1', // 操作类型 1-充值；2-扣款
type: "1", // 操作类型 1-充值；2-扣款
targetMerchantId: "", // 目标运营商id
// 查询参数
queryParams: {
@@ -278,7 +385,7 @@ export default {
createMerchantVip: {},
// 充值/扣款
updateMerchantVip: {},
forbid: '', //充值/扣款参数
forbid: "", //充值/扣款参数
selectedValue: null, // 设置默认选中第一条数据
vehicleDetails: false,
detailList: [],
@@ -292,7 +399,7 @@ export default {
pageSize: 10,
walletCode: null,
tradeDate: null,
memberId: null
memberId: null,
},
createTimeRange: [],
};
@@ -300,8 +407,8 @@ export default {
computed: {
// 子类型 进账：10-充值, 11-赠送, 12-订单结算退款 出账：20-后管扣款, 21-订单付款, 22-用户退款
subType() {
return this.type === '1' ? '10' : '20';
}
return this.type === "1" ? "10" : "20";
},
},
created() {
this.getList();
@@ -316,9 +423,9 @@ export default {
pageSize: this.queryParams.pageSize,
memberId: this.queryParams.memberId,
mobileNumber: this.queryParams.mobileNumber,
}
console.log("params", params)
queryMerchantVipList(params).then(response => {
};
console.log("params", params);
queryMerchantVipList(params).then((response) => {
this.infoList = response.rows;
console.log(this.infoList);
this.total = response.total;
@@ -328,10 +435,10 @@ export default {
// 获取运营商列表
getMerchantList() {
getMerchantListByAuth().then((response) => {
console.log("response", response)
console.log("response", response);
this.merchantList = response.obj;
this.createMerchantVip.targetMerchantId = this.merchantList[0].merchantId
})
this.createMerchantVip.targetMerchantId = this.merchantList[0].merchantId;
});
},
// 取消按钮
cancel() {
@@ -366,9 +473,9 @@ export default {
},
// 多选框选中数据
handleSelectionChange(selection) {
this.ids = selection.map(item => item.id)
this.single = selection.length !== 1
this.multiple = !selection.length
this.ids = selection.map((item) => item.id);
this.single = selection.length !== 1;
this.multiple = !selection.length;
},
/** 新增按钮操作 */
handleAdd() {
@@ -380,8 +487,8 @@ export default {
handleUpdate(row) {
console.log("修改按钮", row);
this.reset();
const id = row.memberId || this.ids
getInfo(id).then(response => {
const id = row.memberId || this.ids;
getInfo(id).then((response) => {
this.form = response.data;
this.open = true;
this.title = "修改会员基础信息";
@@ -413,8 +520,8 @@ export default {
// 点击充值按钮
handleUpdateBalance(row) {
console.log(row);
this.forbid = row.merchantName
this.targetMerchantId = row.merchantId
this.forbid = row.merchantName;
this.targetMerchantId = row.merchantId;
this.openUpdateBalance = true;
this.updateBalanceMemberId = row.memberId;
},
@@ -426,10 +533,10 @@ export default {
updateGiftBalance: this.updateGiftBalance,
type: this.type,
subType: this.subType,
targetMerchantId: this.targetMerchantId
targetMerchantId: this.targetMerchantId,
};
console.log("修改会员本金余额 param:", param);
updateMemberBalance(param).then(response => {
updateMemberBalance(param).then((response) => {
console.log("修改会员本金余额 response:", response);
this.$modal.msgSuccess("充值成功");
this.openUpdateBalance = false;
@@ -439,7 +546,7 @@ export default {
/* 开卡确定按钮 */
submitCreateMerchantVip() {
console.log("submitCreateMerchantVip", this.createMerchantVip);
createMerchantVip(this.createMerchantVip).then(response => {
createMerchantVip(this.createMerchantVip).then((response) => {
console.log("开卡确定按钮 response:", response);
this.$modal.msgSuccess("开卡成功");
this.open = false;
@@ -448,16 +555,16 @@ export default {
},
/** 提交按钮 */
submitForm() {
this.$refs["form"].validate(valid => {
this.$refs["form"].validate((valid) => {
if (valid) {
if (this.form.id != null) {
updateInfo(this.form).then(response => {
updateInfo(this.form).then((response) => {
this.$modal.msgSuccess("修改成功");
this.open = false;
this.getList();
});
} else {
addInfo(this.form).then(response => {
addInfo(this.form).then((response) => {
this.$modal.msgSuccess("新增成功");
this.open = false;
this.getList();
@@ -469,25 +576,36 @@ export default {
/** 删除按钮操作 */
handleDelete(row) {
const ids = row.id || this.ids;
this.$modal.confirm('是否确认删除会员基础信息编号为"' + ids + '"的数据项？').then(function () {
this.$modal
.confirm('是否确认删除会员基础信息编号为"' + ids + '"的数据项？')
.then(function () {
return delInfo(ids);
}).then(() => {
})
.then(() => {
this.getList();
this.$modal.msgSuccess("删除成功");
}).catch(() => {
});
})
.catch(() => {});
},
/** 导出按钮操作 */
handleExport() {
this.download('member/info/exportWalletList', {
...this.queryParams
}, `info_${new Date().getTime()}.xlsx`)
// console.log("memberId", this.detailParameters.memberId);
const params = {
...this.queryParams,
memberId: this.detailParameters.memberId,
};
this.download(
"member/info/exportWalletList",
params,
`info_${new Date().getTime()}.xlsx`
);
},
viewDetails(row) {
console.log(row);
this.detailParameters.walletCode = row.walletCode;
this.detailParameters.memberId = row.memberId;
this.detailParameters.tradeDate = parseTime(new Date(), '{y}-{m}'); //设置默认日期
this.detailParameters.tradeDate = parseTime(new Date(), "{y}-{m}"); //设置默认日期
this.createTimeRange = this.detailParameters.tradeDate;
this.vehicleDetails = true;
this.getDetails();
@@ -501,7 +619,7 @@ export default {
getDetails() {
this.loadings = true;
console.log(this.detailParameters);
getMemberBalanceChangesV2(this.detailParameters).then(response => {
getMemberBalanceChangesV2(this.detailParameters).then((response) => {
console.log(response);
this.loadings = false;
this.detailList = response.obj.pageResponse.list;