yudao-mall-uniapp-master/pages/commission/components/account-type-select.vue

@@ -62,9 +62,9 @@
     //   value: '1',
     // },
     {
-      icon: '/static/img/shop/pay/alipay.png',
+      icon: '/static/img/shop/pay/wechat.png',
-      title: '支付宝',
+      title: '微信零钱',
-      value: '4',
+      value: '3',
     },
     // {
     //   icon: '/static/img/shop/pay/alipay.png',

yudao-mall-uniapp-master/pages/commission/withdraw.vue

@@ -2,12 +2,15 @@
 <template>
   <s-layout title="申请提现" class="withdraw-wrap" navbar="inner">
     <view class="page-bg"></view>
-    <view class="wallet-num-box ss-flex ss-col-center ss-row-between" :style="[
+    <view
+      class="wallet-num-box ss-flex ss-col-center ss-row-between"
+      :style="[
         {
           marginTop: '-' + Number(statusBarHeight + 88) + 'rpx',
           paddingTop: Number(statusBarHeight + 108) + 'rpx',
         },
-      ]">
+      ]"
+    >
       <view class="">
         <view class="num-title">可提现金额（元）</view>
         <view class="wallet-num">{{ fen2yuan(state.brokerageInfo.brokeragePrice) }}</view>
@@ -26,7 +29,6 @@
           <view v-if="state.accountInfo.type === '3'" class="empty-text">微信零钱</view>
           <!-- <view v-if="state.accountInfo.type === '3'" class="empty-text">支付宝账户</view> -->
           <!-- <view v-if="state.accountInfo.type === '4'" class="empty-text">银行卡转账</view> -->
-          <view v-if="state.accountInfo.type === '4'" class="empty-text">支付宝</view>
           <text class="cicon-forward" />
         </view>
       </view>
@@ -34,59 +36,90 @@
       <view class="card-title">提现金额</view>
       <view class="input-box ss-flex ss-col-center border-bottom">
         <view class="unit">￥</view>
-        <uni-easyinput :inputBorder="false" class="ss-flex-1 ss-p-l-10" v-model="state.accountInfo.price" type="number"
+        <uni-easyinput
-          placeholder="请输入提现金额" />
+          :inputBorder="false"
+          class="ss-flex-1 ss-p-l-10"
+          v-model="state.accountInfo.price"
+          type="number"
+          placeholder="请输入提现金额"
+        />
       </view>
       <view style="font-size: 22rpx;color: #ccc;">提现抽成百分之10</view>
       <!-- 提现账号 -->
       <view class="card-title" v-show="['2', '3', '4'].includes(state.accountInfo.type)">
         提现账号
       </view>
-      <view class="input-box ss-flex ss-col-center border-bottom"
+      <view
-        v-show="['2', '3', '4'].includes(state.accountInfo.type)">
+        class="input-box ss-flex ss-col-center border-bottom"
+        v-show="['2', '3', '4'].includes(state.accountInfo.type)"
+      >
         <view class="unit" />
-        <uni-easyinput :inputBorder="false" class="ss-flex-1 ss-p-l-10" v-model="state.accountInfo.accountNo"
+        <uni-easyinput
-          placeholder="请输入提现账号" />
+          :inputBorder="false"
-      </view>
+          class="ss-flex-1 ss-p-l-10"
-      <!-- 提现 真实姓名 -->
+          v-model="state.accountInfo.accountNo"
-      <view class="card-title" v-show="['2', '3', '4'].includes(state.accountInfo.type)">
+          placeholder="请输入提现账号"
-        真实姓名
+        />
-      </view>
-      <view class="input-box ss-flex ss-col-center border-bottom" v-show="['4'].includes(state.accountInfo.type)">
-        <view class="unit" />
-        <uni-easyinput :inputBorder="false" class="ss-flex-1 ss-p-l-10" v-model="state.accountInfo.name"
-          placeholder="请输入真实姓名" />
       </view>
       <!-- 收款码 -->
       <view class="card-title" v-show="['2', '3'].includes(state.accountInfo.type)">收款码</view>
-      <view class="input-box ss-flex ss-col-center" v-show="['2', '3'].includes(state.accountInfo.type)">
+      <view
+        class="input-box ss-flex ss-col-center"
+        v-show="['2', '3'].includes(state.accountInfo.type)"
+      >
         <view class="unit" />
         <view class="upload-img">
-          <s-uploader v-model:url="state.accountInfo.accountQrCodeUrl" fileMediatype="image" limit="1" mode="grid"
+          <s-uploader
-            :imageStyles="{ width: '168rpx', height: '168rpx' }" />
+            v-model:url="state.accountInfo.accountQrCodeUrl"
+            fileMediatype="image"
+            limit="1"
+            mode="grid"
+            :imageStyles="{ width: '168rpx', height: '168rpx' }"
+          />
         </view>
       </view>
       <!-- 持卡人姓名 -->
-      <!-- <view class="card-title" v-show="state.accountInfo.type === '4'">持卡人</view>
+      <view class="card-title" v-show="state.accountInfo.type === '4'">持卡人</view>
-      <view class="input-box ss-flex ss-col-center border-bottom" v-show="state.accountInfo.type === '4'">
+      <view
+        class="input-box ss-flex ss-col-center border-bottom"
+        v-show="state.accountInfo.type === '4'"
+      >
         <view class="unit" />
-        <uni-easyinput :inputBorder="false" class="ss-flex-1 ss-p-l-10" v-model="state.accountInfo.name"
+        <uni-easyinput
-          placeholder="请输入持卡人姓名" />
+          :inputBorder="false"
-      </view> -->
+          class="ss-flex-1 ss-p-l-10"
+          v-model="state.accountInfo.name"
+          placeholder="请输入持卡人姓名"
+        />
+      </view>
       <!-- 提现银行 -->
-      <!-- <view class="card-title" v-show="state.accountInfo.type === '4'">提现银行</view>
+      <view class="card-title" v-show="state.accountInfo.type === '4'">提现银行</view>
-      <view class="input-box ss-flex ss-col-center border-bottom" v-show="state.accountInfo.type === '4'">
+      <view
+        class="input-box ss-flex ss-col-center border-bottom"
+        v-show="state.accountInfo.type === '4'"
+      >
         <view class="unit" />
-        <uni-easyinput :inputBorder="false" class="ss-flex-1 ss-p-l-10" v-model="state.accountInfo.bankName"
+        <uni-easyinput
-          placeholder="请输入提现银行" />
+          :inputBorder="false"
-      </view> -->
+          class="ss-flex-1 ss-p-l-10"
+          v-model="state.accountInfo.bankName"
+          placeholder="请输入提现银行"
+        />
+      </view>
       <!-- 开户地址 -->
-      <!-- <view class="card-title" v-show="state.accountInfo.type === '4'">开户地址</view>
+      <view class="card-title" v-show="state.accountInfo.type === '4'">开户地址</view>
-      <view class="input-box ss-flex ss-col-center border-bottom" v-show="state.accountInfo.type === '4'">
+      <view
+        class="input-box ss-flex ss-col-center border-bottom"
+        v-show="state.accountInfo.type === '4'"
+      >
         <view class="unit" />
-        <uni-easyinput :inputBorder="false" class="ss-flex-1 ss-p-l-10" v-model="state.accountInfo.bankAddress"
+        <uni-easyinput
-          placeholder="请输入开户地址" />
+          :inputBorder="false"
-      </view> -->
+          class="ss-flex-1 ss-p-l-10"
+          v-model="state.accountInfo.bankAddress"
+          placeholder="请输入开户地址"
+        />
+      </view>
       <button class="ss-reset-button save-btn ui-BG-Main-Gradient ui-Shadow-Main" @tap="onConfirm">
         确认提现
       </button>
@@ -103,8 +136,13 @@
     </view>
 
     <!-- 选择提现账户 -->
-    <account-type-select :show="state.accountSelect" @close="onAccountSelect(false)" round="10"
+    <account-type-select
-      v-model="state.accountInfo" :methods="state.withdrawTypes" />
+      :show="state.accountSelect"
+      @close="onAccountSelect(false)"
+      round="10"
+      v-model="state.accountInfo"
+      :methods="state.withdrawTypes"
+    />
   </s-layout>
 </template>