|
@@ -1,44 +1,76 @@
|
|
<template>
|
|
<template>
|
|
<view class="content">
|
|
<view class="content">
|
|
<view class="content3 flex s-row">
|
|
<view class="content3 flex s-row">
|
|
- <view class="flex flex-space-between width100">
|
|
|
|
- 上传银行卡正面
|
|
|
|
|
|
+ <!-- <view class="title">上传银行卡卡号页</view>
|
|
|
|
+ <view @click="uploadImg" class="picture picture3" v-if="!dataDetails.payeeAddressUrl">
|
|
|
|
+ <image class="xj-image" src="@/static/images/mine/ic_shanchuan@2x.png"></image>
|
|
|
|
+ <view class="text">上传银行卡卡号页</view>
|
|
</view>
|
|
</view>
|
|
|
|
|
|
- <u-button type="primary" @click="uploadImg(3)">上传银行卡号页</u-button>
|
|
|
|
- <view class="flex flex-space-between width100">
|
|
|
|
- <view>银行卡卡号</view>
|
|
|
|
|
|
+ <view v-if="dataDetails.payeeAddressUrl" @click.stop="uploadImg" class="preview-card-img picture">
|
|
|
|
+ <view @click.stop="delCard">
|
|
|
|
+ <image class='del-card' src="@/static/images/common/quxiao@2x.png">
|
|
|
|
+ </image>
|
|
|
|
+ </view>
|
|
|
|
+ <image class="" :src="dataDetails.payeeAddressUrl" mode="aspectFit"></image>
|
|
|
|
+ </view> -->
|
|
|
|
+ <view class="flex row">
|
|
|
|
+ <view class="left-text">卡号</view>
|
|
<view class="flex">
|
|
<view class="flex">
|
|
- <u--input placeholder="输入银行卡号码" inputAlign='right' border="none" v-model="dataDetails.name">
|
|
|
|
|
|
+ <u--input placeholder="输入银行卡号码" inputAlign='left' border="none" v-model="dataDetails.bankCard">
|
|
</u--input>
|
|
</u--input>
|
|
- <u--image src="../../static/images/xiangji-2.png" width="40px" height="40px" @click='photograph'>
|
|
|
|
- </u--image>
|
|
|
|
|
|
+ </view>
|
|
|
|
+ <view class="" @click="uploadImg">
|
|
|
|
+ 相机
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
- <view class="flex flex-space-between width100">
|
|
|
|
- <view>开户行</view>
|
|
|
|
- <view class="flex">
|
|
|
|
- <u--input placeholder="输入开户行" inputAlign='right' border="none" v-model="dataDetails.name">
|
|
|
|
|
|
+ <view class="flex row">
|
|
|
|
+ <view class="left-text">开户行</view>
|
|
|
|
+ <u--input placeholder="输入开户行" inputAlign='left' border="none" v-model="dataDetails.bankDeposit">
|
|
|
|
+ </u--input>
|
|
|
|
+ </view>
|
|
|
|
+ <view class="flex row">
|
|
|
|
+ <view class="left-text khzh-styel">开户支行</view>
|
|
|
|
+ <view class="flex align-center" v-if="isShowManualInput">
|
|
|
|
+ <u--input class="select-bankzh point" placeholder="输入开户支行" inputAlign='left' border="none"
|
|
|
|
+ v-model="dataDetails.bankDepositBranch">
|
|
</u--input>
|
|
</u--input>
|
|
|
|
+ <view @click="manualInput" class="type">选择支行</view>
|
|
|
|
+ </view>
|
|
|
|
+ <view class="flex align-center" v-if="!isShowManualInput">
|
|
|
|
+ <!-- <u--input @click="selectZhbank" placeholder="选择开户支行" inputAlign='left' border="none" disabled>
|
|
|
|
+ </u--input> -->
|
|
|
|
+ <view class="select-bankzh" @click="selectZhbank">
|
|
|
|
+ {{dataDetails.bankDepositBranch?dataDetails.bankDepositBranch:'选择开户支行'}}
|
|
|
|
+ </view>
|
|
|
|
+ <view @click="manualInput" class="type">手动输入</view>
|
|
</view>
|
|
</view>
|
|
|
|
+
|
|
</view>
|
|
</view>
|
|
- <view class="flex flex-space-between width100">
|
|
|
|
- <view>开户支行</view>
|
|
|
|
|
|
+ <view class="flex row noborder">
|
|
|
|
+ <view class="left-text">持卡人姓名</view>
|
|
<view class="flex">
|
|
<view class="flex">
|
|
- <u--input placeholder="选择开户支行" inputAlign='right' border="none" v-model="dataDetails.name">
|
|
|
|
|
|
+ <u--input placeholder="输入持卡人姓名" inputAlign='left' border="none"
|
|
|
|
+ v-model="dataDetails.cardholderName">
|
|
</u--input>
|
|
</u--input>
|
|
- <view>手动输入</view>
|
|
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
- <view class="flex flex-space-between width100">
|
|
|
|
- <view>收款人</view>
|
|
|
|
|
|
+ <view class="flex row noborder">
|
|
|
|
+ <view class="left-text">持卡人身份证号</view>
|
|
<view class="flex">
|
|
<view class="flex">
|
|
- <u--input placeholder="输入收款人姓名" inputAlign='right' border="none" v-model="dataDetails.name">
|
|
|
|
|
|
+ <u--input placeholder="输入持卡人身份证号" inputAlign='left' border="none"
|
|
|
|
+ v-model="dataDetails.cardholderIdNumber" maxlength="18">
|
|
</u--input>
|
|
</u--input>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
|
|
+ <u-picker :show="isShowBank" :columns="columns" :closeOnClickOverlay='true' @close='zhBankClose'
|
|
|
|
+ @cancel='zhBankClose' @confirm='confirmBank'></u-picker>
|
|
|
|
+ </u-picker>
|
|
|
|
+ <view class="" style="color: red;font-size: 26rpx;margin-top: 20rpx;">*收款人须为司机本人</view>
|
|
</view>
|
|
</view>
|
|
- <view class="" @click="submit">提交</view>
|
|
|
|
|
|
+
|
|
|
|
+ <u-toast ref="uToast"></u-toast>
|
|
|
|
+ <view class="submit-btn" @click="submit">提交</view>
|
|
<u-action-sheet :actions="$helper.imgTypeList" :title="$helper.imgType" :show="isShowimgType"
|
|
<u-action-sheet :actions="$helper.imgTypeList" :title="$helper.imgType" :show="isShowimgType"
|
|
@select="imgTypeSelect" :closeOnClickOverlay="true" :closeOnClickAction="true" @close="isShowimgType=false">
|
|
@select="imgTypeSelect" :closeOnClickOverlay="true" :closeOnClickAction="true" @close="isShowimgType=false">
|
|
</u-action-sheet>
|
|
</u-action-sheet>
|
|
@@ -49,36 +81,94 @@
|
|
import upload from '@/components/upload.vue';
|
|
import upload from '@/components/upload.vue';
|
|
import uploadImage from '@/components/ossutil/uploadFile.js';
|
|
import uploadImage from '@/components/ossutil/uploadFile.js';
|
|
var _this;
|
|
var _this;
|
|
|
|
+ import {
|
|
|
|
+ mapState
|
|
|
|
+ } from 'vuex';
|
|
export default {
|
|
export default {
|
|
components: {},
|
|
components: {},
|
|
data() {
|
|
data() {
|
|
return {
|
|
return {
|
|
- uploadType: '',
|
|
|
|
|
|
+
|
|
isShowimgType: false,
|
|
isShowimgType: false,
|
|
dataDetails: {
|
|
dataDetails: {
|
|
- name: '阿萨啊',
|
|
|
|
- carNumberList: [{
|
|
|
|
- kahao: '',
|
|
|
|
- addressUrl: ''
|
|
|
|
- }],
|
|
|
|
- bankList: [{
|
|
|
|
- yhk: '',
|
|
|
|
- kh: '',
|
|
|
|
- khh: '',
|
|
|
|
- khzh: '',
|
|
|
|
- skr: ''
|
|
|
|
- }],
|
|
|
|
|
|
+ commonId: '',
|
|
|
|
+ // payeeAddressUrl: '',
|
|
|
|
+ bankCard: '',
|
|
|
|
+ bankDeposit: '',
|
|
|
|
+ bankDepositBranch: '',
|
|
},
|
|
},
|
|
- imagesrc: ''
|
|
|
|
|
|
+ imagesrc: '',
|
|
|
|
+ columns: [
|
|
|
|
+
|
|
|
|
+ ],
|
|
|
|
+ isShowBank: false,
|
|
|
|
+ isShowManualInput: false,
|
|
|
|
+ index: '',
|
|
|
|
+ id: "", //司机身份证号
|
|
|
|
+ name: "" //司机姓名
|
|
};
|
|
};
|
|
},
|
|
},
|
|
|
|
+ computed: {
|
|
|
|
+ ...mapState(['hasLogin', 'userInfo']),
|
|
|
|
+ },
|
|
onLoad() {
|
|
onLoad() {
|
|
_this = this;
|
|
_this = this;
|
|
|
|
+ // this.dataDetails.driverId = this.userInfo.driverId
|
|
|
|
+ _this.$request.baseRequest('get', '/cargoOwnerInfo/firstAuthentication', { //查身份证号
|
|
|
|
+ phone: uni.getStorageSync("userInfo").phone
|
|
|
|
+ }).then(res => {
|
|
|
|
+ this.id = res.data.cardNumber
|
|
|
|
+ this.name = res.data.name
|
|
|
|
+ })
|
|
},
|
|
},
|
|
methods: {
|
|
methods: {
|
|
|
|
+ delCard() {
|
|
|
|
+ _this.dataDetails.payeeAddressUrl = ''
|
|
|
|
+ _this.$forceUpdate()
|
|
|
|
+ },
|
|
|
|
+ uploadImg(type, ) {
|
|
|
|
+ this.uploadType = type
|
|
|
|
+ this.isShowimgType = true
|
|
|
|
+
|
|
|
|
+ },
|
|
|
|
+ zhBankClose() {
|
|
|
|
+ this.isShowBank = false
|
|
|
|
+ },
|
|
|
|
+ // 选择支行
|
|
|
|
+ selectZhbank() {
|
|
|
|
+ if (uni.$u.test.isEmpty(this.columns)) {
|
|
|
|
+ this.$refs.uToast.show({
|
|
|
|
+ type: 'error',
|
|
|
|
+ message: "请先上传银行卡!",
|
|
|
|
+ })
|
|
|
|
+ return true
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ this.isShowBank = true
|
|
|
|
+ },
|
|
|
|
+ confirmBank(e) {
|
|
|
|
+ console.log(e)
|
|
|
|
+ this.dataDetails.bankDepositBranch = e.value[0]
|
|
|
|
+ this.isShowBank = false
|
|
|
|
+ },
|
|
|
|
+ manualInput() {
|
|
|
|
+ if (this.isShowManualInput) {
|
|
|
|
+ if (uni.$u.test.isEmpty(this.dataDetails.payeeAddressUrl)) {
|
|
|
|
+ this.$refs.uToast.show({
|
|
|
|
+ type: 'error',
|
|
|
|
+ message: "请填写卡号!",
|
|
|
|
+ })
|
|
|
|
+ return true
|
|
|
|
+ }
|
|
|
|
+ this.isShowBank = true
|
|
|
|
+
|
|
|
|
+ } else {
|
|
|
|
+ this.isShowBank = false
|
|
|
|
+ }
|
|
|
|
+ this.isShowManualInput = !this.isShowManualInput
|
|
|
|
+ },
|
|
//设置图片
|
|
//设置图片
|
|
setImage(e) {
|
|
setImage(e) {
|
|
- //
|
|
|
|
console.log(e);
|
|
console.log(e);
|
|
//显示在页面
|
|
//显示在页面
|
|
//this.imagesrc = e.path;
|
|
//this.imagesrc = e.path;
|
|
@@ -92,9 +182,8 @@
|
|
},
|
|
},
|
|
//保存图片到相册,方便核查
|
|
//保存图片到相册,方便核查
|
|
savePhoto(path) {
|
|
savePhoto(path) {
|
|
- //
|
|
|
|
this.imagesrc = path;
|
|
this.imagesrc = path;
|
|
- uploadImage('image',path, 'appData/',
|
|
|
|
|
|
+ uploadImage(path, 'appData/',
|
|
result => {
|
|
result => {
|
|
// 上传成功
|
|
// 上传成功
|
|
console.log('图片地址', result)
|
|
console.log('图片地址', result)
|
|
@@ -111,114 +200,171 @@
|
|
// }
|
|
// }
|
|
// });
|
|
// });
|
|
},
|
|
},
|
|
- uploadImg(type) {
|
|
|
|
|
|
+ uploadImg() {
|
|
|
|
|
|
- this.uploadType = type
|
|
|
|
this.isShowimgType = true
|
|
this.isShowimgType = true
|
|
},
|
|
},
|
|
- photograph() {
|
|
|
|
- console.log('拍照')
|
|
|
|
- let that = this;
|
|
|
|
- uni.chooseImage({
|
|
|
|
- count: 1,
|
|
|
|
- success: function(res) {
|
|
|
|
- console.log(JSON.stringify(res.tempFilePaths));
|
|
|
|
- uploadImage('image',res.tempFilePaths[0], 'appData/',
|
|
|
|
- result => {
|
|
|
|
- // 上传成功
|
|
|
|
- console.log('图片地址', result)
|
|
|
|
- }
|
|
|
|
- )
|
|
|
|
- }
|
|
|
|
- });
|
|
|
|
-
|
|
|
|
|
|
+ validate() {
|
|
|
|
+ // true 为校验不通过
|
|
|
|
+ // if (uni.$u.test.isEmpty(this.dataDetails.payeeAddressUrl)) {
|
|
|
|
+ // this.$refs.uToast.show({
|
|
|
|
+ // type: 'error',
|
|
|
|
+ // message: "请上传银行卡卡号页!",
|
|
|
|
+ // })
|
|
|
|
+ // return true
|
|
|
|
+ // }
|
|
|
|
+ if (uni.$u.test.isEmpty(this.dataDetails.bankCard)) {
|
|
|
|
+ this.$refs.uToast.show({
|
|
|
|
+ type: 'error',
|
|
|
|
+ message: "银行卡卡号不能为空!",
|
|
|
|
+ })
|
|
|
|
+ return true
|
|
|
|
+ }
|
|
|
|
+ if (uni.$u.test.isEmpty(this.dataDetails.bankDeposit)) {
|
|
|
|
+ this.$refs.uToast.show({
|
|
|
|
+ type: 'error',
|
|
|
|
+ message: "开户行不能为空!",
|
|
|
|
+ })
|
|
|
|
+ return true
|
|
|
|
+ }
|
|
|
|
+ if (uni.$u.test.isEmpty(this.dataDetails.bankDepositBranch)) {
|
|
|
|
+ this.$refs.uToast.show({
|
|
|
|
+ type: 'error',
|
|
|
|
+ message: "开户支行不能为空!",
|
|
|
|
+ })
|
|
|
|
+ return true
|
|
|
|
+ }
|
|
|
|
+ if (uni.$u.test.isEmpty(this.dataDetails.cardholderName)) {
|
|
|
|
+ this.$refs.uToast.show({
|
|
|
|
+ type: 'error',
|
|
|
|
+ message: "持卡人姓名不能为空!",
|
|
|
|
+ })
|
|
|
|
+ return true
|
|
|
|
+ }
|
|
|
|
+ if (uni.$u.test.isEmpty(this.dataDetails.cardholderIdNumber)) {
|
|
|
|
+ this.$refs.uToast.show({
|
|
|
|
+ type: 'error',
|
|
|
|
+ message: "持卡人身份证号不能为空!",
|
|
|
|
+ })
|
|
|
|
+ return true
|
|
|
|
+ }
|
|
},
|
|
},
|
|
|
|
+
|
|
imgTypeSelect(val) {
|
|
imgTypeSelect(val) {
|
|
console.log(val)
|
|
console.log(val)
|
|
- console.log(this.uploadType)
|
|
|
|
if (val.name == '相册') {
|
|
if (val.name == '相册') {
|
|
uni.chooseImage({
|
|
uni.chooseImage({
|
|
count: 1,
|
|
count: 1,
|
|
sourceType: this.$helper.chooseImage.sourceType,
|
|
sourceType: this.$helper.chooseImage.sourceType,
|
|
success: function(res) {
|
|
success: function(res) {
|
|
console.log(JSON.stringify(res.tempFilePaths));
|
|
console.log(JSON.stringify(res.tempFilePaths));
|
|
- uploadImage('image',res.tempFilePaths[0], 'appData/',
|
|
|
|
|
|
+ uploadImage('image', res.tempFilePaths[0], 'appData/',
|
|
result => {
|
|
result => {
|
|
// 上传成功
|
|
// 上传成功
|
|
console.log('图片地址', result)
|
|
console.log('图片地址', result)
|
|
- switch (this.uploadType) {
|
|
|
|
- case 0:
|
|
|
|
- console.log('人车合影')
|
|
|
|
- break
|
|
|
|
- case 1:
|
|
|
|
- console.log('身份正面')
|
|
|
|
- break
|
|
|
|
- case 2:
|
|
|
|
- console.log('身份反面')
|
|
|
|
- break
|
|
|
|
- case 3:
|
|
|
|
- console.log('银行卡')
|
|
|
|
- break
|
|
|
|
- case 4:
|
|
|
|
- }
|
|
|
|
|
|
+ _this.$request.baseRequest('get',
|
|
|
|
+ '/driverInfo/bankShibie', {
|
|
|
|
+ bankImg: result,
|
|
|
|
+ }).then(res => {
|
|
|
|
+ console.log(res)
|
|
|
|
+ _this.dataDetails.payeeAddressUrl = result
|
|
|
|
+ if (res.data.bankNo) {
|
|
|
|
+ _this.dataDetails.bankCard = res.data.bankNo
|
|
|
|
+ }
|
|
|
|
+ if (res.data.bankName) {
|
|
|
|
+ _this.dataDetails.bankDeposit = res.data.bankName
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ // 开户支行LIst
|
|
|
|
+ if (res.data.bankNameZhihang) {
|
|
|
|
+ _this.columns.push(res.data
|
|
|
|
+ .bankNameZhihang)
|
|
|
|
+
|
|
|
|
+ }
|
|
|
|
+ _this.$forceUpdate()
|
|
|
|
+ })
|
|
|
|
+ .catch(res => {
|
|
|
|
+ uni.$u.toast(res.message);
|
|
|
|
+ });
|
|
}
|
|
}
|
|
)
|
|
)
|
|
}
|
|
}
|
|
});
|
|
});
|
|
|
|
|
|
} else {
|
|
} else {
|
|
- switch (this.uploadType) {
|
|
|
|
- case 0:
|
|
|
|
- console.log('人车合影')
|
|
|
|
- break
|
|
|
|
- case 1:
|
|
|
|
- uni.$u.route('/pages/mine/camera/idcard/idcard?dotype=face');
|
|
|
|
- console.log('身份正面')
|
|
|
|
- break
|
|
|
|
- case 2:
|
|
|
|
- console.log('身份反面')
|
|
|
|
- break
|
|
|
|
- case 3:
|
|
|
|
- console.log('银行卡')
|
|
|
|
- break
|
|
|
|
- case 4:
|
|
|
|
- }
|
|
|
|
|
|
+ uni.$u.route('/pages/mine/camera/idcard/idcard?dotype=bank');
|
|
}
|
|
}
|
|
|
|
|
|
},
|
|
},
|
|
- //身份证正面
|
|
|
|
- getImgUrl1(src) {
|
|
|
|
- // console.log(src)
|
|
|
|
- // console.log('------------res-----------')
|
|
|
|
- // let that = this;
|
|
|
|
- // that.id[0] = src
|
|
|
|
- // that.id1 = src
|
|
|
|
- // that.certificates = false
|
|
|
|
- // that.personImgs.personImg = that.id[0]
|
|
|
|
- // that.$api.doRequest('get', '/driverViewInfo/personShibie', that
|
|
|
|
- // .personImgs).then(res => {
|
|
|
|
- // if (res.data.data.recPerson != null) {
|
|
|
|
- // if (res.data.data.recPerson != "") {
|
|
|
|
- // that.$set(that.DriverViewInfo, 'driverName', res
|
|
|
|
- // .data.data.recPerson)
|
|
|
|
- // }
|
|
|
|
- // }
|
|
|
|
- // if (res.data.data.recPersonNo != null) {
|
|
|
|
- // if (res.data.data.recPersonNo != "") {
|
|
|
|
- // that.$set(that.DriverViewInfo, 'numberCard', res
|
|
|
|
- // .data.data.recPersonNo)
|
|
|
|
|
|
+ submit() {
|
|
|
|
+ let that = this
|
|
|
|
+ // // 获取银行卡颜色
|
|
|
|
+ // let _obj = {
|
|
|
|
+ // "input":this.dataDetails.payeeAddressUrl
|
|
|
|
+ // }
|
|
|
|
+ // this.$request.baseRequest('post', '/ClothingColorController/recognition', _obj)
|
|
|
|
+ // .then(res => {
|
|
|
|
+ // if (res.code == '200') {
|
|
|
|
+ // this.dataDetails.cardColor = res.data
|
|
|
|
+
|
|
|
|
+ // } else {
|
|
|
|
+ // uni.$u.toast(res.message);
|
|
// }
|
|
// }
|
|
- // }
|
|
|
|
- // }).catch(res => {
|
|
|
|
- // uni.showToast({
|
|
|
|
- // title: res.data.message,
|
|
|
|
- // icon: 'none',
|
|
|
|
- // duration: 2000
|
|
|
|
|
|
+
|
|
// })
|
|
// })
|
|
- // })
|
|
|
|
- },
|
|
|
|
- submit(){
|
|
|
|
- console.log(' tijia')
|
|
|
|
|
|
+ // .catch(res => {
|
|
|
|
+ // uni.$u.toast(res.message);
|
|
|
|
+ // });
|
|
|
|
+ if (that.validate()) return //校验 511303198809243079
|
|
|
|
+ if (that.dataDetails.cardholderName != this.name) {
|
|
|
|
+ that.$refs.uToast.show({
|
|
|
|
+ type: 'error',
|
|
|
|
+ message: "收款人须为司机本人!",
|
|
|
|
+ })
|
|
|
|
+ return
|
|
|
|
+ } else {
|
|
|
|
+ that.$request.baseRequest('get', '/driverPayeeInfo/bankCradShibie', { //三要素验证
|
|
|
|
+ name: that.dataDetails.cardholderName, //持卡人姓名
|
|
|
|
+ idCard: this.id, //司机身份证号
|
|
|
|
+ accountNo: that.dataDetails.bankCard //卡号
|
|
|
|
+ }).then(response => {
|
|
|
|
+ if (response.data.distinguishNum == "01") {
|
|
|
|
+ that.dataDetails.commonId = uni.getStorageSync("userInfo").id
|
|
|
|
+ delete that.dataDetails.payeeAddressUrl
|
|
|
|
+ that.$request.baseRequest('post', '/hyCargoOwnerPayeeInfo/api/addPayee',
|
|
|
|
+ that.dataDetails).then(res => {
|
|
|
|
+ if (res.code == '200') {
|
|
|
|
+ let params = {
|
|
|
|
+ type: 'success',
|
|
|
|
+ message: "提交成功",
|
|
|
|
+ }
|
|
|
|
+ that.$refs.uToast.show({
|
|
|
|
+ ...params
|
|
|
|
+ })
|
|
|
|
+ //uni.$u.route('/pages/mine/manageBankCards/index');
|
|
|
|
+ uni.navigateBack({
|
|
|
|
+ delta: 1
|
|
|
|
+ });
|
|
|
|
+
|
|
|
|
+ } else {
|
|
|
|
+ uni.$u.toast(res.message);
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ })
|
|
|
|
+ .catch(res => {
|
|
|
|
+ uni.$u.toast(res.message);
|
|
|
|
+ });
|
|
|
|
+ } else {
|
|
|
|
+ uni.$u.toast(res.data.distinguish);
|
|
|
|
+ }
|
|
|
|
+ })
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+
|
|
|
|
+
|
|
|
|
+
|
|
|
|
+
|
|
|
|
+
|
|
},
|
|
},
|
|
},
|
|
},
|
|
};
|
|
};
|
|
@@ -229,4 +375,113 @@
|
|
width: 32rpx;
|
|
width: 32rpx;
|
|
height: 32rpx;
|
|
height: 32rpx;
|
|
}
|
|
}
|
|
|
|
+
|
|
|
|
+ .content {
|
|
|
|
+ padding: 20rpx 20rpx 140rpx 20rpx;
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ .content3 {
|
|
|
|
+ background: white;
|
|
|
|
+ padding: 20rpx;
|
|
|
|
+ box-sizing: border-box;
|
|
|
|
+
|
|
|
|
+ .left-text {
|
|
|
|
+ // background: red;
|
|
|
|
+ width: 290rpx;
|
|
|
|
+ color: #333333;
|
|
|
|
+ display: flex;
|
|
|
|
+ align-items: center;
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ .row {
|
|
|
|
+ border-bottom: 1px solid #EEEEEE;
|
|
|
|
+ padding-bottom: 28rpx;
|
|
|
|
+ margin-top: 26rpx;
|
|
|
|
+
|
|
|
|
+ .ch-style {}
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ .row-ch {
|
|
|
|
+ padding-right: 180rpx;
|
|
|
|
+ box-sizing: border-box;
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ .title {
|
|
|
|
+ color: #999999;
|
|
|
|
+ margin: 20rpx 0;
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ .picture {
|
|
|
|
+ margin-top: 20rpx;
|
|
|
|
+ background: #F5F6FA;
|
|
|
|
+ border-radius: 10rpx;
|
|
|
|
+ display: flex;
|
|
|
|
+ flex-direction: column;
|
|
|
|
+ justify-content: center;
|
|
|
|
+ align-items: center;
|
|
|
|
+ color: #6A7282;
|
|
|
|
+ width: 100%;
|
|
|
|
+ height: 440rpx;
|
|
|
|
+ position: relative;
|
|
|
|
+
|
|
|
|
+ .text {
|
|
|
|
+ margin-top: 20rpx;
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ .xj-image {
|
|
|
|
+ width: 100rpx;
|
|
|
|
+ height: 100rpx;
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ .picture3 {
|
|
|
|
+ background: url(../../../static/images/mine/yhkzm.png);
|
|
|
|
+ background-size: 100% 100%;
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ .select-bankzh {
|
|
|
|
+ width: 230rpx;
|
|
|
|
+ // height: 48rpx;
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ .type {
|
|
|
|
+ background: #2772FB;
|
|
|
|
+ border-radius: 10rpx;
|
|
|
|
+ color: white;
|
|
|
|
+ box-sizing: border-box;
|
|
|
|
+ padding: 4rpx 10rpx;
|
|
|
|
+ font-size: 26rpx;
|
|
|
|
+ display: flex;
|
|
|
|
+ justify-content: center;
|
|
|
|
+ align-items: center;
|
|
|
|
+ height: 68rpx;
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ .submit-btn {
|
|
|
|
+ position: fixed;
|
|
|
|
+ bottom: 40rpx;
|
|
|
|
+ width: 90%;
|
|
|
|
+ background: #2772FB;
|
|
|
|
+ color: white;
|
|
|
|
+ text-align: center;
|
|
|
|
+ margin-left: 5%;
|
|
|
|
+ padding: 30rpx 0;
|
|
|
|
+ border-radius: 50rpx;
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ .del-card {
|
|
|
|
+ position: absolute;
|
|
|
|
+ top: -10rpx;
|
|
|
|
+ right: -6rpx;
|
|
|
|
+ width: 80rpx;
|
|
|
|
+ height: 80rpx;
|
|
|
|
+ z-index: 9;
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ .preview-card-img {
|
|
|
|
+ // /deep/uni-image>div, uni-image>img {
|
|
|
|
+ // transform: scale(1.5) rotate(-90deg);
|
|
|
|
+ // }
|
|
|
|
+ }
|
|
</style>
|
|
</style>
|