From ce6378a33d237d20ccc355be569c2a1355ed246b Mon Sep 17 00:00:00 2001
From: JS-LM <2497833386@QQ.com>
Date: Fri, 9 Jun 2023 10:38:23 +0800
Subject: [PATCH] =?UTF-8?q?=E6=B1=87=E4=BB=98=E4=BC=9A=E5=91=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/api/adapayMember/adapayMember.js      |  16 +
 .../pile/merchant/components/adapayMember.vue | 318 ++++++++++++++++++
 jsowell-ui/src/views/pile/merchant/detail.vue |   6 +-
 3 files changed, 339 insertions(+), 1 deletion(-)
 create mode 100644 jsowell-ui/src/api/adapayMember/adapayMember.js
 create mode 100644 jsowell-ui/src/views/pile/merchant/components/adapayMember.vue

diff --git a/jsowell-ui/src/api/adapayMember/adapayMember.js b/jsowell-ui/src/api/adapayMember/adapayMember.js
new file mode 100644
index 000000000..2f11b3e9c
--- /dev/null
+++ b/jsowell-ui/src/api/adapayMember/adapayMember.js
@@ -0,0 +1,16 @@
+import request from '@/utils/request'
+
+export function selectAdapayMember(data) {
+  return request({
+    url: '/adapay/member/createAdapayMember',
+    method: 'post',
+    data: data
+  })
+}
+export function createAdapayMember(data) {
+  return request({
+    url: '/adapay/member/selectAdapayMember',
+    method: 'post',
+    data: data
+  })
+}
diff --git a/jsowell-ui/src/views/pile/merchant/components/adapayMember.vue b/jsowell-ui/src/views/pile/merchant/components/adapayMember.vue
new file mode 100644
index 000000000..3b783c5b9
--- /dev/null
+++ b/jsowell-ui/src/views/pile/merchant/components/adapayMember.vue
@@ -0,0 +1,318 @@
+<template>
+    <div>
+        汇付会员
+        <el-form
+            :model="ruleForm"
+            :rules="rules"
+            ref="ruleForm"
+            label-width="250px"
+            class="demo-ruleForm"
+        >
+            <el-row :gutter="24">
+                <el-col :span="6">
+                    <el-form-item label="会员昵称" prop="nickname">
+                        <el-input v-model="ruleForm.nickname"></el-input>
+                    </el-form-item>
+                </el-col>
+                <el-col :span="6">
+                    <el-form-item label="会员邮箱" prop="email">
+                        <el-input v-model="ruleForm.email"></el-input>
+                    </el-form-item>
+                </el-col>
+                <el-col :span="6">
+                    <el-form-item label="会员性别" prop="gender">
+                        <el-radio-group v-model="ruleForm.gender">
+                            <el-radio label="MALE">男</el-radio>
+                            <el-radio label="FEMALE">女</el-radio>
+                        </el-radio-group>
+                    </el-form-item>
+                </el-col>
+                <el-col :span="6">
+                    <el-form-item label="会员地址" prop="location">
+                        <!-- type="textarea" -->
+                        <el-input v-model="ruleForm.location"></el-input>
+                    </el-form-item>
+                </el-col>
+            </el-row>
+
+            <el-row :gutter="24">
+                <el-col :span="6">
+                    <el-form-item label="银行卡号" prop="card_id">
+                        <el-input v-model="ruleForm.card_id"></el-input>
+                    </el-form-item>
+                </el-col>
+                <el-col :span="6">
+                    <el-form-item label="银行卡对应的户名" prop="card_name">
+                        <el-input v-model="ruleForm.card_name"></el-input>
+                    </el-form-item>
+                </el-col>
+                <el-col :span="6">
+                    <el-form-item label="银行账户类型" prop="bank_acct_type">
+                        <el-radio-group v-model="ruleForm.bank_acct_type">
+                            <el-radio label="1">对公</el-radio>
+                            <el-radio label="2">对私</el-radio>
+                        </el-radio-group>
+                    </el-form-item>
+                </el-col>
+                <el-col :span="6">
+                    <el-form-item
+                        label="证件号"
+                        prop="cert_id"
+                        :rules="
+                            ruleForm.bank_acct_type === '2'
+                                ? rules.cert_id
+                                : [{ required: false }]
+                        "
+                    >
+                        <el-input v-model="ruleForm.cert_id"></el-input>
+                    </el-form-item>
+                </el-col>
+            </el-row>
+
+            <el-row :gutter="24">
+                <el-col :span="6">
+                    <el-form-item
+                        label="证件类型"
+                        prop="cert_type"
+                        :rules="
+                            ruleForm.bank_acct_type === '2'
+                                ? rules.cert_type
+                                : [{ required: false }]
+                        "
+                    >
+                        <el-input v-model="ruleForm.cert_type"></el-input>
+                    </el-form-item>
+                </el-col>
+                <el-col :span="6">
+                    <el-form-item label="手机号" prop="tel_no">
+                        <el-input v-model="ruleForm.tel_no"></el-input>
+                    </el-form-item>
+                </el-col>
+                <el-col :span="6">
+                    <el-form-item
+                        label="银行编码"
+                        prop="bank_code"
+                        :rules="
+                            ruleForm.bank_acct_type === '1'
+                                ? rules.bank_code
+                                : [{ required: false }]
+                        "
+                    >
+                        <el-input v-model="ruleForm.bank_code"></el-input>
+                    </el-form-item>
+                </el-col>
+                <el-col :span="6">
+                    <el-form-item label="开户银行名称" prop="bank_name">
+                        <el-input v-model="ruleForm.bank_name"></el-input>
+                    </el-form-item>
+                </el-col>
+            </el-row>
+
+            <el-row :gutter="24">
+                <el-col :span="6">
+                    <el-form-item
+                        label="银行账户开户银行所在省份编码"
+                        prop="prov_code"
+                        :rules="
+                            ruleForm.bank_acct_type === '1'
+                                ? rules.prov_code
+                                : [{ required: false }]
+                        "
+                    >
+                        <el-input v-model="ruleForm.prov_code"></el-input>
+                    </el-form-item>
+                </el-col>
+                <el-col :span="6">
+                    <el-form-item
+                        label="银行账户开户银行所在地区编码"
+                        prop="area_code"
+                        :rules="
+                            ruleForm.bank_acct_type === '1'
+                                ? rules.area_code
+                                : [{ required: false }]
+                        "
+                    >
+                        <el-input v-model="ruleForm.area_code"></el-input>
+                    </el-form-item>
+                </el-col>
+            </el-row>
+            <el-form-item>
+                        <el-button
+                            type="primary"
+                            @click="submitForm('ruleForm')"
+                            >提交</el-button
+                        >
+                    </el-form-item>
+        </el-form>
+    </div>
+</template>
+
+<script>
+import {
+    selectAdapayMember,
+    createAdapayMember,
+} from "@/api/adapayMember/adapayMember";
+export default {
+    props: ["merchantId"],
+    data() {
+        return {
+            ruleForm: {
+                nickname: "",
+                email: "",
+                gender: "",
+                location: "",
+                card_id: "",
+                card_name: "",
+                cert_id: "",
+                cert_type: "",
+                tel_no: "",
+                bank_code: "",
+                bank_name: "",
+                bank_acct_type: "",
+                prov_code: "",
+                area_code: "",
+                merchantId: this.merchantId,
+            },
+            rules: {
+                email: [
+                    {
+                        required: true,
+                        message: "请填写会员邮箱",
+                        trigger: "blur",
+                    },
+                    {
+                        type: "email",
+                        message: "请输入正确的邮箱地址",
+                        trigger: "blur",
+                    },
+                ],
+                gender: [
+                    {
+                        required: true,
+                        message: "请选择会员性别",
+                        trigger: "blur",
+                    },
+                ],
+                location: [
+                    {
+                        required: true,
+                        message: "请填写会员地址",
+                        trigger: "blur",
+                    },
+                ],
+                nickname: [
+                    {
+                        required: true,
+                        message: "请填写会员昵称",
+                        trigger: "blur",
+                    },
+                ],
+                card_id: [
+                    {
+                        required: true,
+                        message: "请填写银行卡号",
+                        trigger: "blur",
+                    },
+                    {
+                        pattern: /^[1-9]\d{9,29}$/,
+                        message: "银行卡号格式有误",
+                        trigger: "blur",
+                    },
+                ],
+                card_name: [
+                    {
+                        required: true,
+                        message: "请填写银行卡号对应的户名",
+                        trigger: "blur",
+                    },
+                ],
+                tel_no: [
+                    {
+                        required: true,
+                        message: "请填写手机号",
+                        trigger: "blur",
+                    },
+                    {
+                        pattern: /^(?:(?:\+|00)86)?1\d{10}$/,
+                        message: "手机号格式有误",
+                        trigger: "blur",
+                    },
+                ],
+                bank_acct_type: [
+                    {
+                        required: true,
+                        message: "请选择银行账户类型",
+                        trigger: "blur",
+                    },
+                ],
+                area_code: [
+                    {
+                        required: true,
+                        message: "银行账户开户银行所在地区编码",
+                        trigger: "blur",
+                    },
+                ],
+                prov_code: [
+                    {
+                        required: true,
+                        message: "请填写银行账户开户银行所在省份编码",
+                        trigger: "blur",
+                    },
+                ],
+                cert_id: [
+                    {
+                        required: true,
+                        message: "请填写证件号",
+                        trigger: "blur",
+                    },
+                ],
+                cert_type: [
+                    {
+                        required: true,
+                        message: "请填写证件类型",
+                        trigger: "blur",
+                    },
+                ],
+                bank_code: [
+                    {
+                        required: true,
+                        message: "请填写银行编码",
+                        trigger: "blur",
+                    },
+                ],
+            },
+        };
+    },
+    methods: {
+        submitForm(formName) {
+            this.$refs[formName].validate((valid) => {
+                if (valid) {
+                    console.log("valid", this.ruleForm);
+                    selectAdapayMember(this.ruleForm).then((response) => {
+                        console.log("新增", response);
+                        this.getList();
+                    });
+                } else {
+                    console.log("提交表格失败");
+                    return false;
+                }
+            });
+        },
+        resetForm(formName) {
+            this.$refs[formName].resetFields();
+        },
+        getList() {
+            console.log("this.merchantId", this.merchantId);
+            let param = {
+                merchantId: this.merchantId,
+            };
+            createAdapayMember(param).then((response) => {
+                console.log("查询 response", response);
+            });
+        },
+    },
+    created() {
+        this.getList();
+    },
+};
+</script>
diff --git a/jsowell-ui/src/views/pile/merchant/detail.vue b/jsowell-ui/src/views/pile/merchant/detail.vue
index ba144bfc6..8d61bd3d4 100644
--- a/jsowell-ui/src/views/pile/merchant/detail.vue
+++ b/jsowell-ui/src/views/pile/merchant/detail.vue
@@ -2,7 +2,9 @@
 
     <div class="app-container">
   <el-tabs v-model="activeName" type="border-card" @tab-click="handleClick">
-    <el-tab-pane label="用户管理" name="first">用户管理</el-tab-pane>
+    <el-tab-pane label="汇付会员" name="first">
+      <adapay-member :merchantId="merchantId"></adapay-member>
+    </el-tab-pane>
     <el-tab-pane label="配置管理" name="second">配置管理</el-tab-pane>
     <el-tab-pane label="角色管理" name="third">角色管理</el-tab-pane>
     <el-tab-pane label="定时任务补偿" name="fourth">定时任务补偿</el-tab-pane>
@@ -12,7 +14,9 @@
 </template>
 
 <script>
+import adapayMember from './components/adapayMember.vue';
 export default {
+  components: { adapayMember },
  data() {
       return {
         activeName: 'first',