108 lines
2.6 KiB
Vue
108 lines
2.6 KiB
Vue
<template>
|
|
<view class="body">
|
|
<view class="header">
|
|
<view class="container">
|
|
<view class="icon">
|
|
<u-image
|
|
height="60"
|
|
width="60"
|
|
src="https://yuledui.oss-cn-qingdao.aliyuncs.com/merch_manage/img/credit_card_icon.png"
|
|
></u-image>
|
|
</view>
|
|
<view class="title">
|
|
结算银行卡设置
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<view class="line"></view>
|
|
|
|
<view class="content">
|
|
<u-form
|
|
:model="form"
|
|
:rules="rules"
|
|
ref="uForm"
|
|
:errorType="errorType"
|
|
>
|
|
<u-form-item
|
|
label-width="260"
|
|
:label-position="labelPosition"
|
|
label="自动识别银行卡号:(拍照或上传图片)"
|
|
prop="bank_name"
|
|
>
|
|
<image
|
|
class="u-avatar-demo"
|
|
@click="bankUpImg"
|
|
:src="bankImgUp"
|
|
style="width:120rpx;"
|
|
mode="widthFix"
|
|
></image>
|
|
</u-form-item>
|
|
<u-form-item
|
|
label-width="200"
|
|
:label-position="labelPosition"
|
|
label="收款人姓名:"
|
|
prop="bank_name"
|
|
>
|
|
<u-input
|
|
:border="border"
|
|
placeholder="请输入收款人姓名"
|
|
v-model="form.bank_name"
|
|
></u-input>
|
|
</u-form-item>
|
|
<u-form-item
|
|
label-width="200"
|
|
:label-position="labelPosition"
|
|
label="收款卡号:"
|
|
prop="bank_no"
|
|
>
|
|
<u-input
|
|
:border="border"
|
|
placeholder="请输入收款卡号"
|
|
v-model="form.bank_no"
|
|
></u-input>
|
|
</u-form-item>
|
|
<u-form-item
|
|
label-width="200"
|
|
:label-position="labelPosition"
|
|
label="确认收款卡号:"
|
|
prop="bank_no"
|
|
>
|
|
<u-input
|
|
:border="border"
|
|
placeholder="请再次输入收款卡号"
|
|
v-model="form.bank_no2"
|
|
></u-input>
|
|
</u-form-item>
|
|
<u-form-item
|
|
label-width="200"
|
|
:label-position="labelPosition"
|
|
label="银行:"
|
|
prop="bank_com"
|
|
>
|
|
<u-input
|
|
:border="border"
|
|
placeholder="请输入银行"
|
|
v-model="form.bank_com"
|
|
></u-input>
|
|
</u-form-item>
|
|
</u-form>
|
|
</view>
|
|
|
|
<view style="margin-top: 60rpx;">
|
|
<u-button
|
|
:disabled="false"
|
|
class="button"
|
|
@click="submit"
|
|
>保存设置</u-button>
|
|
</view>
|
|
|
|
</view>
|
|
</template>
|
|
|
|
<script src='./card.js'></script>
|
|
|
|
|
|
<style lang="scss" scoped>
|
|
@import "./card.scss";
|
|
</style>
|