From 2e04c379e3c22886f3aa67e7b42cb9f68a673d80 Mon Sep 17 00:00:00 2001
From: "autumn.g@foxmail.com" <autumn.g@foxmail.com>
Date: Thu, 23 Nov 2023 16:17:22 +0800
Subject: [PATCH] =?UTF-8?q?=E8=BF=90=E8=90=A5=E5=95=86VIP?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 jsowell-ui/src/router/index.js                |  26 +-
 .../src/views/member/merchantVIP/index.vue    | 449 ++++++++++++++++++
 2 files changed, 462 insertions(+), 13 deletions(-)
 create mode 100644 jsowell-ui/src/views/member/merchantVIP/index.vue

diff --git a/jsowell-ui/src/router/index.js b/jsowell-ui/src/router/index.js
index 25ccbde48..3268c33e9 100644
--- a/jsowell-ui/src/router/index.js
+++ b/jsowell-ui/src/router/index.js
@@ -192,19 +192,19 @@ export const constantRoutes = [
       },
     ],
   },
-  // {
-  //   path: "/financial/merchant",
-  //   component: Layout,
-  //   hidden: true,
-  //   children: [
-  //     {
-  //       path: "withdrawalRecords",
-  //       component: () => import("@/views/financial/withdrawalRecords"),
-  //       name: "withdrawalRecords",
-  //       meta: { title: "提现记录", activeMenu: "/financial/merchant" },
-  //     },
-  //   ],
-  // },
+  {
+    path: "/member/merchantVIP",
+    component: Layout,
+    hidden: true,
+    children: [
+      {
+        path: "index",
+        component: () => import("@/views/member/merchantVIP/index"),
+        name: "merchantVIP",
+        meta: { title: "运营商VIP", activeMenu: "/member/merchantVIP" },
+      },
+    ],
+  },
 ];
 
 // 动态路由，基于用户权限动态去加载
diff --git a/jsowell-ui/src/views/member/merchantVIP/index.vue b/jsowell-ui/src/views/member/merchantVIP/index.vue
new file mode 100644
index 000000000..a777b84c4
--- /dev/null
+++ b/jsowell-ui/src/views/member/merchantVIP/index.vue
@@ -0,0 +1,449 @@
+<template>
+    <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="手机号" 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-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:info:add']"
+              >新增</el-button>
+            </el-col>-->
+            <!--<el-col :span="1.5">
+              <el-button
+                type="success"
+                plain
+                icon="el-icon-edit"
+                size="mini"
+                :disabled="single"
+                @click="handleUpdate"
+                v-hasPermi="['member:info:edit']"
+              >修改</el-button>
+            </el-col>-->
+            <!--<el-col :span="1.5">
+              <el-button
+                type="danger"
+                plain
+                icon="el-icon-delete"
+                size="mini"
+                :disabled="multiple"
+                @click="handleDelete"
+                v-hasPermi="['member:info:remove']"
+              >删除</el-button>
+            </el-col>-->
+            <!--<el-col :span="1.5">
+              <el-button
+                type="warning"
+                plain
+                icon="el-icon-download"
+                size="mini"
+                @click="handleExport"
+                v-hasPermi="['member:info:export']"
+              >导出</el-button>
+            </el-col>-->
+            <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="id" />-->
+            <el-table-column label="运营商" align="center" prop="merchantName"/>
+            <el-table-column label="会员id" align="center" prop="memberId"/>
+            <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="status">
+                <template slot-scope="scope">
+                    <dict-tag
+                        :options="dict.type.member_status"
+                        :value="scope.row.status"
+                    />
+                </template>
+            </el-table-column>
+            <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="mobileNumber"/>
+<!--            <el-table-column label="本金余额" align="center" prop="principalBalance"/>-->
+            <!--      <el-table-column label="赠送余额" align="center" prop="giftBalance" />-->
+            <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="handleUpdate(scope.row)"
+                        v-hasPermi="['member:info:edit']"
+                    >修改
+                    </el-button>-->
+                    <el-button
+                        size="mini"
+                        type="text"
+                        icon="el-icon-edit"
+                        @click="handleUpdateBalance(scope.row)"
+                        v-hasPermi="['member:balance:update']"
+                    >充值/扣款
+                    </el-button>
+                    <el-button
+                        size="mini"
+                        type="text"
+                        icon="el-icon-delete"
+                        @click="handleDelete(scope.row)"
+                        v-hasPermi="['member:info:remove']"
+                    >删除
+                    </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="form" :rules="rules" label-width="80px">
+                <el-form-item label="会员Id" prop="memberId">
+                    <el-input v-model="form.memberId" :disabled="true" placeholder="请输入手机号"/>
+                </el-form-item>
+                <el-form-item label="手机号" prop="mobileNumber">
+                    <el-input v-model="form.mobileNumber" :disabled="true" placeholder="请输入手机号"/>
+                </el-form-item>
+                <el-form-item label="昵称" prop="nickName">
+                    <el-input v-model="form.nickName" placeholder="请输入昵称"/>
+                </el-form-item>
+                <el-form-item label="头像url" prop="avatarUrl">
+                    <el-input v-model="form.avatarUrl" placeholder="请输入头像url"/>
+                </el-form-item>
+                <el-form-item label="备注" prop="remark">
+                    <el-input v-model="form.remark" placeholder="请输入备注"/>
+                </el-form-item>
+            </el-form>
+            <div slot="footer" class="dialog-footer">
+                <el-button type="primary" @click="submitForm">确 定</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="targetMerchantId"
+                        clearable placeholder="请选择运营商"
+                    >
+                        <el-option
+                            v-for="item in merchantList"
+                            :key="item.merchantName"
+                            :label="item.merchantName"
+                            :value="item.merchantId">
+                        </el-option>
+                    </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>
+                </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>
+    </div>
+</template>
+
+<script>
+import {
+    listInfo,
+    getInfo,
+    delInfo,
+    addInfo,
+    updateInfo,
+    updateMemberBalance,
+    getMerchantList,
+} from "@/api/member/info";
+
+export default {
+    name: "Info",
+    dicts: ['member_status'],
+    data() {
+        return {
+            defaultImg: [{img: require('../../../assets/images/headPort.png')}],
+            // 遮罩层
+            loading: true,
+            // 选中数组
+            ids: [],
+            // 非单个禁用
+            single: true,
+            // 非多个禁用
+            multiple: true,
+            // 显示搜索条件
+            showSearch: true,
+            // 总条数
+            total: 0,
+            // 会员基础信息表格数据
+            infoList: [],
+            // 运营商列表
+            merchantList: [],
+            // 弹出层标题
+            title: "",
+            // 是否显示弹出层
+            open: false,
+            openUpdateBalance: false, // 控制充值扣款对话框
+            updatePrincipalBalance: "", // 充值扣款金额
+            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: {}
+        };
+    },
+    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,
+                nickName: this.queryParams.nickName,
+                mobileNumber: this.queryParams.mobileNumber,
+                merchantId: this.queryParams.merchantId,
+                vinCode: this.queryParams.vinCode,
+            }
+            console.log("params", params)
+            listInfo(params).then(response => {
+                this.infoList = response.rows;
+                console.log(this.infoList);
+                this.total = response.total;
+                this.loading = false;
+            });
+        },
+        // 获取运营商列表
+        getMerchantList() {
+            getMerchantList().then((response) =>{
+              console.log("response", response)
+              this.merchantList = response.obj
+            })
+        },
+        // 取消按钮
+        cancel() {
+            this.open = false;
+            this.reset();
+        },
+        // 表单重置
+        reset() {
+            this.form = {
+                id: null,
+                nickName: null,
+                status: "0",
+                avatarUrl: null,
+                mobileNumber: null,
+                remark: null,
+                principalBalance: null,
+                giftBalance: null,
+                createTime: null,
+                createBy: null,
+                updateTime: null,
+                updateBy: 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) {
+            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.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) {
+            this.openUpdateBalance = true;
+            this.updateBalanceMemberId = row.memberId;
+        },
+        // 点击对话框确认按钮
+        submitUpdateBalance() {
+            const param = {
+                memberId: this.updateBalanceMemberId,
+                updatePrincipalBalance: this.updatePrincipalBalance,
+                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();
+            });
+        },
+        /** 提交按钮 */
+        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/export', {
+                ...this.queryParams
+            }, `info_${new Date().getTime()}.xlsx`)
+        }
+    }
+};
+</script>