From 62c0b2bee0dfe51881a5952335bf887a387f4cdf Mon Sep 17 00:00:00 2001
From: "BOOL\\25024" <http://192.168.2.2:8099/jsowell/jsowell-uniapp.git>
Date: Tue, 7 Jan 2025 10:05:55 +0800
Subject: [PATCH] =?UTF-8?q?=E8=BF=90=E8=90=A5=E5=95=86vip=E5=AF=BC?=
 =?UTF-8?q?=E5=87=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/views/member/merchantVIP/index.vue    | 1064 +++++++++--------
 1 file changed, 591 insertions(+), 473 deletions(-)

diff --git a/jsowell-ui/src/views/member/merchantVIP/index.vue b/jsowell-ui/src/views/member/merchantVIP/index.vue
index e22b513f0..890dd643a 100644
--- a/jsowell-ui/src/views/member/merchantVIP/index.vue
+++ b/jsowell-ui/src/views/member/merchantVIP/index.vue
@@ -1,31 +1,52 @@
 <template>
-    <div class="app-container">
-        <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch"
-            label-width="68px">
+  <div class="app-container">
+    <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-form-item>
 
-            <el-form-item label="会员ID" prop="memberId">
-                <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-form-item>
 
-            <el-form-item label="手机号" prop="mobileNumber">
-                <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 icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
+      </el-form-item>
+    </el-form>
 
-            <el-form-item>
-                <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>
-            </el-col>
-            <!--<el-col :span="1.5">
+    <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>
+      </el-col>
+      <!--<el-col :span="1.5">
             <el-button
                 type="success"
                 plain
@@ -36,7 +57,7 @@
                 v-hasPermi="['member:info:edit']"
             >修改</el-button>
             </el-col>-->
-            <!--<el-col :span="1.5">
+      <!--<el-col :span="1.5">
             <el-button
                 type="danger"
                 plain
@@ -47,7 +68,7 @@
                 v-hasPermi="['member:info:remove']"
               >删除</el-button>
             </el-col>-->
-            <!--<el-col :span="1.5">
+      <!--<el-col :span="1.5">
               <el-button
                 type="warning"
                 plain
@@ -57,471 +78,568 @@
                 v-hasPermi="['member:info:export']"
               >导出</el-button>
             </el-col>-->
-            <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
-        </el-row>
+      <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
+    </el-row>
 
-        <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" />
-            <el-table-column label="会员id" align="center" prop="memberId" />
-            <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"
-                        :src="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">
+    <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" />
+      <el-table-column label="会员id" align="center" prop="memberId" />
+      <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"
+            :src="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"
+          >
+            <span>{{ scope.row.nickName }}</span>
+          </router-link>
+        </template>
+      </el-table-column>
+      <el-table-column label="手机号" align="center" prop="mobileNumber" />
+      <el-table-column label="本金余额" align="center" prop="principalBalance" />
+      <el-table-column label="赠送余额" align="center" prop="giftBalance" />
+      <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>
+        </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
+          >
+        </template>
+      </el-table-column>
+    </el-table>
 
-                <template slot-scope="scope">
-                    <router-link :to="'/member/detail/index/' + scope.row.memberId" class="link-type">
-                        <span>{{ scope.row.nickName }}</span>
-                    </router-link>
-                </template>
-            </el-table-column>
-            <el-table-column label="手机号" align="center" prop="mobileNumber" />
-            <el-table-column label="本金余额" align="center" prop="principalBalance" />
-            <el-table-column label="赠送余额" align="center" prop="giftBalance" />
-            <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">
+    <pagination
+      v-show="total > 0"
+      :total="total"
+      :page.sync="queryParams.pageNum"
+      :limit.sync="queryParams.pageSize"
+      @pagination="getList"
+    />
 
-                <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>
-                </template>
-            </el-table-column>
-            <el-table-column label="查看" align="center" class-name="small-padding fixed-width">
+    <!-- 添加或修改会员基础信息对话框 -->
+    <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-option>
+          </el-select>
+        </el-form-item>
+        <el-form-item label="手机号码">
+          <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-form-item>
+        <el-form-item label="赠送金" prop="balance">
+          <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">
+        <el-button type="primary" @click="submitCreateMerchantVip">确 定</el-button>
+        <el-button @click="cancel">取 消</el-button>
+      </div>
+    </el-dialog>
 
-                <template slot-scope="scope">
-                    <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" />
-
-        <!-- 添加或修改会员基础信息对话框 -->
-        <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-option>
-                    </el-select>
-                </el-form-item>
-                <el-form-item label="手机号码">
-                    <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-form-item>
-                <el-form-item label="赠送金" prop="balance">
-                    <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">
-                <el-button type="primary" @click="submitCreateMerchantVip">确 定</el-button>
-                <el-button @click="cancel">取 消</el-button>
-            </div>
-        </el-dialog>
-
-        <!-- 添加或修改会员余额对话框 -->
-        <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-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-form-item>
-                <el-form-item label="赠送金" prop="balance">
-                    <el-input-number v-model="updateGiftBalance" placeholder="请输入赠送金" :min="0" :controls="false"
-                        :precision="2" />
-                </el-form-item>
-            </el-form>
-            <div slot="footer" class="dialog-footer">
-                <el-button type="primary" @click="submitUpdateBalance">确 定</el-button>
-                <el-button @click="resetBalance">取 消</el-button>
-            </div>
-        </el-dialog>
-        <!-- 明细 -->
-        <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>
-                </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>
-                <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-col>
-            </el-form>
-            <el-table :data="detailList" stripe style="width: 100%" v-loading="loadings">
-                <el-table-column label="支付金" align="center" prop="amount">
-                    <template slot-scope="scope">
-                        <span v-if="scope.row.subType == '订单付款'">一</span>
-                        <span v-else>{{ scope.row.amount }}</span>
-                    </template>
-                </el-table-column>
-                <el-table-column label="操作类型" align="center" prop="subType">
-                    <!-- <template slot-scope="scope">
+    <!-- 添加或修改会员余额对话框 -->
+    <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-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-form-item>
+        <el-form-item label="赠送金" prop="balance">
+          <el-input-number
+            v-model="updateGiftBalance"
+            placeholder="请输入赠送金"
+            :min="0"
+            :controls="false"
+            :precision="2"
+          />
+        </el-form-item>
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button type="primary" @click="submitUpdateBalance">确 定</el-button>
+        <el-button @click="resetBalance">取 消</el-button>
+      </div>
+    </el-dialog>
+    <!-- 明细 -->
+    <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>
+        </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>
+        <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-col>
+      </el-form>
+      <el-table :data="detailList" stripe style="width: 100%" v-loading="loadings">
+        <el-table-column label="支付金" align="center" prop="amount">
+          <template slot-scope="scope">
+            <span v-if="scope.row.subType == '订单付款'">一</span>
+            <span v-else>{{ scope.row.amount }}</span>
+          </template>
+        </el-table-column>
+        <el-table-column label="操作类型" align="center" prop="subType">
+          <!-- <template slot-scope="scope">
                         <span v-if="scope.row.subType == '后管扣款'">{{ scope.row.amount }}</span>
                     </template> -->
-                </el-table-column>
-                <el-table-column label="支付金额" align="center" prop="payAmount" />
-                <el-table-column label="订单金额" align="center" prop="orderAmount" />
-                <el-table-column label="已退款" align="center" prop="refundAmount" />
-                <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" />
-        </el-dialog>
-    </div>
+        </el-table-column>
+        <el-table-column label="支付金额" align="center" prop="payAmount" />
+        <el-table-column label="订单金额" align="center" prop="orderAmount" />
+        <el-table-column label="已退款" align="center" prop="refundAmount" />
+        <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"
+      />
+    </el-dialog>
+  </div>
 </template>
 
 <script>
 import {
-    getInfo,
-    delInfo,
-    addInfo,
-    updateInfo,
-    updateMemberBalance,
-    getMerchantListByAuth, queryMerchantVipList, createMerchantVip, getMemberBalanceChangesV2
+  getInfo,
+  delInfo,
+  addInfo,
+  updateInfo,
+  updateMemberBalance,
+  getMerchantListByAuth,
+  queryMerchantVipList,
+  createMerchantVip,
+  getMemberBalanceChangesV2,
 } from "@/api/member/info";
 import { parseTime } from "@/utils/common";
 export default {
-    name: "Info",
-    dicts: ['member_status'],
-    data() {
-        return {
-            defaultImg: [{ img: require('../../../assets/images/headPort.png') }],
-            // 遮罩层
-            loading: true,
-            loadings: true,
-            // 选中数组
-            ids: [],
-            // 非单个禁用
-            single: true,
-            // 非多个禁用
-            multiple: true,
-            // 显示搜索条件
-            showSearch: true,
-            // 总条数
-            total: 0,
-            // 会员基础信息表格数据
-            infoList: [],
-            // 运营商列表
-            merchantList: [],
-            // 弹出层标题
-            title: "",
-            // 是否显示弹出层
-            open: false,
-            openUpdateBalance: false, // 控制充值扣款对话框
-            updatePrincipalBalance: "", // 充值扣款金额
-            updateGiftBalance: "",
-            updateBalanceMemberId: "", // 需要充值扣款的会员id
-            type: '1', // 操作类型 1-充值；2-扣款
-            targetMerchantId: "", // 目标运营商id
-            // 查询参数
-            queryParams: {
-                pageNum: 1,
-                pageSize: 10,
-                merchantId: null,
-                nickName: null,
-                status: null,
-                avatarUrl: null,
-                mobileNumber: null,
-                memberId: null,
-                principalBalance: null,
-                giftBalance: null,
-                vinCode: null,
-            },
-            // 表单参数
-            form: {},
-            // 表单校验
-            rules: {},
-            // 开卡参数
-            createMerchantVip: {},
-            // 充值/扣款
-            updateMerchantVip: {},
-            forbid: '', //充值/扣款参数
-            selectedValue: null, // 设置默认选中第一条数据
-            vehicleDetails: false,
-            detailList: [],
-            totalConsumption: 0,
-            totalRechargeAmount: 0,
-            accumulatedRechargeAmount: 0,
-            accumulatedConsumptionAmount: 0,
-            closeTotal: 0,
-            detailParameters: {
-                pageNum: 1,
-                pageSize: 10,
-                walletCode: null,
-                tradeDate: null,
-                memberId: null
-            },
-            createTimeRange: [],
-        };
+  name: "Info",
+  dicts: ["member_status"],
+  data() {
+    return {
+      defaultImg: [{ img: require("../../../assets/images/headPort.png") }],
+      // 遮罩层
+      loading: true,
+      loadings: true,
+      // 选中数组
+      ids: [],
+      // 非单个禁用
+      single: true,
+      // 非多个禁用
+      multiple: true,
+      // 显示搜索条件
+      showSearch: true,
+      // 总条数
+      total: 0,
+      // 会员基础信息表格数据
+      infoList: [],
+      // 运营商列表
+      merchantList: [],
+      // 弹出层标题
+      title: "",
+      // 是否显示弹出层
+      open: false,
+      openUpdateBalance: false, // 控制充值扣款对话框
+      updatePrincipalBalance: "", // 充值扣款金额
+      updateGiftBalance: "",
+      updateBalanceMemberId: "", // 需要充值扣款的会员id
+      type: "1", // 操作类型 1-充值；2-扣款
+      targetMerchantId: "", // 目标运营商id
+      // 查询参数
+      queryParams: {
+        pageNum: 1,
+        pageSize: 10,
+        merchantId: null,
+        nickName: null,
+        status: null,
+        avatarUrl: null,
+        mobileNumber: null,
+        memberId: null,
+        principalBalance: null,
+        giftBalance: null,
+        vinCode: null,
+      },
+      // 表单参数
+      form: {},
+      // 表单校验
+      rules: {},
+      // 开卡参数
+      createMerchantVip: {},
+      // 充值/扣款
+      updateMerchantVip: {},
+      forbid: "", //充值/扣款参数
+      selectedValue: null, // 设置默认选中第一条数据
+      vehicleDetails: false,
+      detailList: [],
+      totalConsumption: 0,
+      totalRechargeAmount: 0,
+      accumulatedRechargeAmount: 0,
+      accumulatedConsumptionAmount: 0,
+      closeTotal: 0,
+      detailParameters: {
+        pageNum: 1,
+        pageSize: 10,
+        walletCode: null,
+        tradeDate: null,
+        memberId: null,
+      },
+      createTimeRange: [],
+    };
+  },
+  computed: {
+    // 子类型 进账：10-充值, 11-赠送, 12-订单结算退款 出账：20-后管扣款, 21-订单付款, 22-用户退款
+    subType() {
+      return this.type === "1" ? "10" : "20";
     },
-    computed: {
-        // 子类型 进账：10-充值, 11-赠送, 12-订单结算退款 出账：20-后管扣款, 21-订单付款, 22-用户退款
-        subType() {
-            return this.type === '1' ? '10' : '20';
-        }
+  },
+  created() {
+    this.getList();
+    this.getMerchantList();
+  },
+  methods: {
+    /** 查询会员基础信息列表 */
+    getList() {
+      this.loading = true;
+      const params = {
+        pageNum: this.queryParams.pageNum,
+        pageSize: this.queryParams.pageSize,
+        memberId: this.queryParams.memberId,
+        mobileNumber: this.queryParams.mobileNumber,
+      };
+      console.log("params", params);
+      queryMerchantVipList(params).then((response) => {
+        this.infoList = response.rows;
+        console.log(this.infoList);
+        this.total = response.total;
+        this.loading = false;
+      });
     },
-    created() {
-        this.getList();
-        this.getMerchantList();
+    // 获取运营商列表
+    getMerchantList() {
+      getMerchantListByAuth().then((response) => {
+        console.log("response", response);
+        this.merchantList = response.obj;
+        this.createMerchantVip.targetMerchantId = this.merchantList[0].merchantId;
+      });
     },
-    methods: {
-        /** 查询会员基础信息列表 */
-        getList() {
-            this.loading = true;
-            const params = {
-                pageNum: this.queryParams.pageNum,
-                pageSize: this.queryParams.pageSize,
-                memberId: this.queryParams.memberId,
-                mobileNumber: this.queryParams.mobileNumber,
-            }
-            console.log("params", params)
-            queryMerchantVipList(params).then(response => {
-                this.infoList = response.rows;
-                console.log(this.infoList);
-                this.total = response.total;
-                this.loading = false;
-            });
-        },
-        // 获取运营商列表
-        getMerchantList() {
-            getMerchantListByAuth().then((response) => {
-                console.log("response", response)
-                this.merchantList = response.obj;
-                this.createMerchantVip.targetMerchantId = this.merchantList[0].merchantId
-            })
-        },
-        // 取消按钮
-        cancel() {
-            this.open = false;
-            this.reset();
-        },
-        // 表单重置
-        reset() {
-            this.form = {
-                nickName: null,
-                status: "0",
-                avatarUrl: null,
-                mobileNumber: null,
-                remark: null,
-                principalBalance: null,
-                giftBalance: null,
-            };
-            this.resetForm("form");
-            if (this.merchantList.length > 0) {
-                this.createMerchantVip.targetMerchantId = this.merchantList[0].merchantId;
-            }
-        },
-        /** 搜索按钮操作 */
-        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 = "添加运营商VIP";
-        },
-        /** 修改按钮操作 */
-        handleUpdate(row) {
-            console.log("修改按钮", row);
-            this.reset();
-            const id = row.memberId || this.ids
-            getInfo(id).then(response => {
-                this.form = response.data;
-                this.open = true;
-                this.title = "修改会员基础信息";
-            });
-        },
-        // 重置 充值赠送金额相关
-        resetBalance() {
-            // console.log("重置 充值赠送金额相关");
-            this.openUpdateBalance = false;
-            this.updatePrincipalBalance = "";
-            this.updateGiftBalance = "";
-            this.updateBalanceMemberId = "";
-            this.type = "1";
-        },
-        // changeInput() {
-        //   const pattern = /^[1-9][0-9]*$/; // 正整数的正则表达式
-        //   // 不符合正整数时
-        //   if (!pattern.test(this.updateBalance)) {
-        //     // input 框绑定的内容为空
-        //     this.updateBalance = ''
-        //   }
-        // },
+    // 取消按钮
+    cancel() {
+      this.open = false;
+      this.reset();
+    },
+    // 表单重置
+    reset() {
+      this.form = {
+        nickName: null,
+        status: "0",
+        avatarUrl: null,
+        mobileNumber: null,
+        remark: null,
+        principalBalance: null,
+        giftBalance: null,
+      };
+      this.resetForm("form");
+      if (this.merchantList.length > 0) {
+        this.createMerchantVip.targetMerchantId = this.merchantList[0].merchantId;
+      }
+    },
+    /** 搜索按钮操作 */
+    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 = "添加运营商VIP";
+    },
+    /** 修改按钮操作 */
+    handleUpdate(row) {
+      console.log("修改按钮", row);
+      this.reset();
+      const id = row.memberId || this.ids;
+      getInfo(id).then((response) => {
+        this.form = response.data;
+        this.open = true;
+        this.title = "修改会员基础信息";
+      });
+    },
+    // 重置 充值赠送金额相关
+    resetBalance() {
+      // console.log("重置 充值赠送金额相关");
+      this.openUpdateBalance = false;
+      this.updatePrincipalBalance = "";
+      this.updateGiftBalance = "";
+      this.updateBalanceMemberId = "";
+      this.type = "1";
+    },
+    // changeInput() {
+    //   const pattern = /^[1-9][0-9]*$/; // 正整数的正则表达式
+    //   // 不符合正整数时
+    //   if (!pattern.test(this.updateBalance)) {
+    //     // input 框绑定的内容为空
+    //     this.updateBalance = ''
+    //   }
+    // },
 
-        // 关闭赠送余额 对话框
-        closeUpdateBalance() {
-            console.log("关闭赠送余额 对话框");
-            this.resetBalance();
-        },
-        // 点击充值按钮
-        handleUpdateBalance(row) {
-            console.log(row);
-            this.forbid = row.merchantName
-            this.targetMerchantId = row.merchantId
-            this.openUpdateBalance = true;
-            this.updateBalanceMemberId = row.memberId;
-        },
-        // 点击对话框确认按钮
-        submitUpdateBalance() {
-            const param = {
-                memberId: this.updateBalanceMemberId,
-                updatePrincipalBalance: this.updatePrincipalBalance,
-                updateGiftBalance: this.updateGiftBalance,
-                type: this.type,
-                subType: this.subType,
-                targetMerchantId: this.targetMerchantId
-            };
-            console.log("修改会员本金余额 param:", param);
-            updateMemberBalance(param).then(response => {
-                console.log("修改会员本金余额 response:", response);
-                this.$modal.msgSuccess("充值成功");
-                this.openUpdateBalance = false;
-                this.getList();
-            });
-        },
-        /* 开卡确定按钮 */
-        submitCreateMerchantVip() {
-            console.log("submitCreateMerchantVip", this.createMerchantVip);
-            createMerchantVip(this.createMerchantVip).then(response => {
-                console.log("开卡确定按钮 response:", response);
-                this.$modal.msgSuccess("开卡成功");
-                this.open = false;
-                this.getList();
-            });
-        },
-        /** 提交按钮 */
-        submitForm() {
-            this.$refs["form"].validate(valid => {
-                if (valid) {
-                    if (this.form.id != null) {
-                        updateInfo(this.form).then(response => {
-                            this.$modal.msgSuccess("修改成功");
-                            this.open = false;
-                            this.getList();
-                        });
-                    } else {
-                        addInfo(this.form).then(response => {
-                            this.$modal.msgSuccess("新增成功");
-                            this.open = false;
-                            this.getList();
-                        });
-                    }
-                }
-            });
-        },
-        /** 删除按钮操作 */
-        handleDelete(row) {
-            const ids = row.id || this.ids;
-            this.$modal.confirm('是否确认删除会员基础信息编号为"' + ids + '"的数据项？').then(function () {
-                return delInfo(ids);
-            }).then(() => {
-                this.getList();
-                this.$modal.msgSuccess("删除成功");
-            }).catch(() => {
-            });
-        },
-        /** 导出按钮操作 */
-        handleExport() {
-            this.download('member/info/exportWalletList', {
-                ...this.queryParams
-            }, `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.createTimeRange = this.detailParameters.tradeDate;
-            this.vehicleDetails = true;
-            this.getDetails();
-        },
-        closeDetails() {
-            this.vehicleDetails = false;
-            this.detailList = [];
-            this.totalConsumption = 0;
-            this.totalRechargeAmount = 0;
-        },
-        getDetails() {
-            this.loadings = true;
-            console.log(this.detailParameters);
-            getMemberBalanceChangesV2(this.detailParameters).then(response => {
-                console.log(response);
-                this.loadings = false;
-                this.detailList = response.obj.pageResponse.list;
-                this.totalRechargeAmount = response.obj.totalRechargeAmount;
-                this.accumulatedRechargeAmount = response.obj.accumulatedRechargeAmount;
-                this.accumulatedConsumptionAmount = response.obj.accumulatedConsumptionAmount;
-                this.totalConsumption = response.obj.totalConsumption;
-                this.closeTotal = response.obj.pageResponse.total;
-            });
-        },
+    // 关闭赠送余额 对话框
+    closeUpdateBalance() {
+      console.log("关闭赠送余额 对话框");
+      this.resetBalance();
     },
-    watch: {
-        createTimeRange(newValue, oldValue) {
-            console.log("createTimeRange发生变化", newValue, oldValue);
-            if (newValue != null && newValue.length > 0) {
-                this.detailParameters.tradeDate = newValue;
-            } else {
-                this.detailParameters.tradeDate = null;
-            }
-        },
+    // 点击充值按钮
+    handleUpdateBalance(row) {
+      console.log(row);
+      this.forbid = row.merchantName;
+      this.targetMerchantId = row.merchantId;
+      this.openUpdateBalance = true;
+      this.updateBalanceMemberId = row.memberId;
     },
+    // 点击对话框确认按钮
+    submitUpdateBalance() {
+      const param = {
+        memberId: this.updateBalanceMemberId,
+        updatePrincipalBalance: this.updatePrincipalBalance,
+        updateGiftBalance: this.updateGiftBalance,
+        type: this.type,
+        subType: this.subType,
+        targetMerchantId: this.targetMerchantId,
+      };
+      console.log("修改会员本金余额 param:", param);
+      updateMemberBalance(param).then((response) => {
+        console.log("修改会员本金余额 response:", response);
+        this.$modal.msgSuccess("充值成功");
+        this.openUpdateBalance = false;
+        this.getList();
+      });
+    },
+    /* 开卡确定按钮 */
+    submitCreateMerchantVip() {
+      console.log("submitCreateMerchantVip", this.createMerchantVip);
+      createMerchantVip(this.createMerchantVip).then((response) => {
+        console.log("开卡确定按钮 response:", response);
+        this.$modal.msgSuccess("开卡成功");
+        this.open = false;
+        this.getList();
+      });
+    },
+    /** 提交按钮 */
+    submitForm() {
+      this.$refs["form"].validate((valid) => {
+        if (valid) {
+          if (this.form.id != null) {
+            updateInfo(this.form).then((response) => {
+              this.$modal.msgSuccess("修改成功");
+              this.open = false;
+              this.getList();
+            });
+          } else {
+            addInfo(this.form).then((response) => {
+              this.$modal.msgSuccess("新增成功");
+              this.open = false;
+              this.getList();
+            });
+          }
+        }
+      });
+    },
+    /** 删除按钮操作 */
+    handleDelete(row) {
+      const ids = row.id || this.ids;
+      this.$modal
+        .confirm('是否确认删除会员基础信息编号为"' + ids + '"的数据项？')
+        .then(function () {
+          return delInfo(ids);
+        })
+        .then(() => {
+          this.getList();
+          this.$modal.msgSuccess("删除成功");
+        })
+        .catch(() => {});
+    },
+    /** 导出按钮操作 */
+    handleExport() {
+    //   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.createTimeRange = this.detailParameters.tradeDate;
+      this.vehicleDetails = true;
+      this.getDetails();
+    },
+    closeDetails() {
+      this.vehicleDetails = false;
+      this.detailList = [];
+      this.totalConsumption = 0;
+      this.totalRechargeAmount = 0;
+    },
+    getDetails() {
+      this.loadings = true;
+      console.log(this.detailParameters);
+      getMemberBalanceChangesV2(this.detailParameters).then((response) => {
+        console.log(response);
+        this.loadings = false;
+        this.detailList = response.obj.pageResponse.list;
+        this.totalRechargeAmount = response.obj.totalRechargeAmount;
+        this.accumulatedRechargeAmount = response.obj.accumulatedRechargeAmount;
+        this.accumulatedConsumptionAmount = response.obj.accumulatedConsumptionAmount;
+        this.totalConsumption = response.obj.totalConsumption;
+        this.closeTotal = response.obj.pageResponse.total;
+      });
+    },
+  },
+  watch: {
+    createTimeRange(newValue, oldValue) {
+      console.log("createTimeRange发生变化", newValue, oldValue);
+      if (newValue != null && newValue.length > 0) {
+        this.detailParameters.tradeDate = newValue;
+      } else {
+        this.detailParameters.tradeDate = null;
+      }
+    },
+  },
 };
 </script>