update

src/pages/merchant/components/AddWithdrawalInformationModal.vue

@@ -1,5 +1,8 @@
 <script setup>
-import {ref, reactive} from 'vue';
+import {reactive, ref} from 'vue';
+import Api from "../../../api/index.js";
+import VerificationCode from "../../../components/VerificationCode/index.vue";
+import {Message} from "@arco-design/web-vue";
 
 const visible = ref(false);
 const state = reactive({
@@ -7,7 +10,12 @@ const state = reactive({
     sendTimeout: 0,
 });
 const form = reactive({
-    name: null
+    type: null,
+    mobile: null,
+    captcha: null,
+    realname: null,
+    id_card: null,
+    account: null,
 });
 
 const sendMessage = () => {
@@ -20,6 +28,11 @@ const sendMessage = () => {
         }
     }, 1000);
 }
+
+const success = async () => {
+    const {msg} = await Api.merchant.addWithdrawal(form);
+    Message.success(msg);
+}
 </script>
 
 <template>
@@ -31,30 +44,29 @@ const sendMessage = () => {
     <a-modal
         title-align="start"
         title="添加提现信息"
+        @ok="success"
         v-model:visible="visible">
         <a-form>
             <a-tabs type="rounded">
                 <a-tab-pane title="添加支付宝" key="1">
                     <a-form-item label="收款姓名">
-                        <a-input v-model:model-value="form.name" placeholder="请输入收款人的姓名"></a-input>
+                        <a-input v-model:model-value="form.realname" placeholder="请输入收款人的姓名"></a-input>
                     </a-form-item>
                     <a-form-item label="支付宝账号">
-                        <a-input v-model:model-value="form.name" placeholder="请输入支付宝账号"></a-input>
+                        <a-input v-model:model-value="form.account" placeholder="请输入支付宝账号"></a-input>
                     </a-form-item>
                     <a-form-item label="身份证号">
-                        <a-input v-model:model-value="form.name" placeholder="请输入身份证号"></a-input>
+                        <a-input v-model:model-value="form.id_card" placeholder="请输入身份证号"></a-input>
                     </a-form-item>
                     <a-form-item label="手机号">
-                        <a-input v-model:model-value="form.name" placeholder="请输入手机号"></a-input>
+                        <a-input v-model:model-value="form.mobile" placeholder="请输入手机号"></a-input>
                     </a-form-item>
                     <a-form-item label="验证码">
-                        <a-input v-model:model-value="form.name" placeholder="请输入验证码"></a-input>
-                        <a-link
-                            @click="sendMessage"
-                            class="whitespace-nowrap ml-[16px]"
-                            :hoverable="false">
-                            {{ state.sendTimeout === 0 ? '获取验证码' : `请${state.sendTimeout}s后重试` }}
-                        </a-link>
+                        <VerificationCode
+                            :api="Api.merchant.sendSms"
+                            :mobile="form.mobile"
+                            v-model:verification-code="form.captcha">
+                        </VerificationCode>
                     </a-form-item>
                 </a-tab-pane>
                 <a-tab-pane title="添加银行卡" key="2">