<template>
  <view class="shop-3-container">
    <u-form :model="form" ref="uForm" label-width="90">
      <u-form-item label="开户行">
        
        <view class="manage-type-tips" slot="right" @click="showActionSheet =  true"
          >{{ manageType }}
          <u-icon
            style="display: inline-block; margin-left: 8rpx"
            name="arrow-down"
            size="12"
            color="aaaaaa"
          ></u-icon>
        </view>

      </u-form-item>
      <u-form-item label="收款账户">
        <u-input v-model="form.name" placeholder="请输入收款账户"/>
      </u-form-item>
      <u-form-item label="账号名称">
        <u-input v-model="form.intro" placeholder="请输入账号名称"/>
      </u-form-item>
	  </u-form>
    <u-picker 
      mode="selector" 
      :show="showActionSheet" 
      :safe-area-inset-bottom="true" 
      :default-selector="[0]" 
      :columns="arr"
      :keyName="'name'"
      @cancel="handleCancel"
      @confirm="handleConfirm"
      >
    </u-picker>
    <view class="btn-content">
      <u-button class="btn-submit" @click="handleSubmit">提交审核</u-button>
    </view>
  </view>
</template>

<script>
// import uSelect from '../../components/u-select.vue'
export default {
  // components:{ uSelect},
  data(){
    return{
      manageType:'请选择您的开户行',
      showActionSheet:false,
      form: {
				openingBank: '',
				intro: '',
				sex: '',
			},
      arr:[
        [
          {
            id:0,
						name: '工商银行'
					},
					{
            id:1,
						name: '建设银行'
					},
					{
            id:2,
						name: '农业银行'
					}
        ],
      ],
      bankList:[

          {
            id:0,
						name: '工商银行'
					},
					{
            id:1,
						name: '建设银行'
					},
					{
            id:2,
						name: '农业银行'
					}
      ]
    }
  },
  methods:{
    actionSheetCallback(){
      
    },
    handleSubmit(){
      uni.switchTab({ url: "/pages/index/index" });
   },
    handleCancel(){
      this.showActionSheet = false;
    },
    handleConfirm(e){
      this.manageType = e.value[0].name;
      this.showActionSheet = false;
    }
  }
};
</script>

<style lang="scss">
.shop-3-container{
  padding: 24rpx;

  .btn-content{
    position: fixed;
    bottom: 40rpx;
    width: 88%;
    padding:  0 24rpx;
  }

  .btn-submit{
    border-radius: 16rpx;
    background: #02a7f0;
    color: #fff;
  }
}
</style>