<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>
