This commit is contained in:
weipengfei 2023-12-22 18:18:12 +08:00
parent 0ef83a8e79
commit 2a69565134
2 changed files with 96 additions and 31 deletions

View File

@ -295,30 +295,42 @@
<view class='merchantsSettled' :style="{'height':Fheight}">
<view class="title">填写信息</view>
<view class='list'>
<view class="item">
<view class="acea-row row-middle">
<text class="item-name">开户银行名称:</text>
<input type="text" maxlength="30" placeholder="请输入开户银行名称" v-model="merchantData.bank_username"
@input="validateBtn" placeholder-class='placeholder' />
</view>
</view>
<view class="item">
<!-- <view class="item">
<view class="acea-row row-middle">
<text class="item-name">联系电话:</text>
<input type="text" placeholder="请输入手机号" v-model="merchantData.phone" @input="validateBtn"
placeholder-class='placeholder' />
</view>
</view>
</view> -->
<view class="item">
<view class="acea-row row-middle">
<text class="item-name">银行卡号:</text>
<input type="text" placeholder="请输入银行卡号" v-model="merchantData.bank_opening" @input="validateBtn"
<text class="item-name">公司名称:</text>
<input type="text" placeholder="请输入公司名称" v-model="merchantData.company_name" @input="validateBtn"
placeholder-class='placeholder' />
</view>
</view>
<view class="item">
<view class="acea-row row-middle">
<text class="item-name">对公账号:</text>
<input type="number" placeholder="请输入对公账号" v-model="merchantData.bank_code" @input="validateBtn"
placeholder-class='placeholder' />
</view>
</view>
<view class="item">
<view class="acea-row row-middle">
<text class="item-name">开户行名称:</text>
<input type="text" maxlength="30" placeholder="请输入开户行名称" v-model="merchantData.bank_username"
@input="validateBtn" placeholder-class='placeholder' />
</view>
</view>
<view class="item">
<view class="acea-row row-middle">
<text class="item-name">开户行地址:</text>
<input type="text" placeholder="请输入开户行地址" v-model="merchantData.bank_opening" @input="validateBtn"
placeholder-class='placeholder' />
</view>
</view>
<!-- <view class="item">
<view class="acea-row row-middle">
<text class="item-name">身份证正面:</text>
</view>
@ -358,7 +370,7 @@
<image :src="merchantData.bank_back" mode="aspectFit"></image>
</view>
</view>
</view>
</view> -->
<button class='submitBtn' :class="validate === true? 'on':''" @click="formSubmit">
@ -585,8 +597,10 @@ import { Toast } from '../../libs/uniApi';
codenote: [],
validate: false,
merchantData: {
company_name: '',
bank_username: '',
bank_opening: '',
bank_code: '',
bank_front: '',
bank_back: '',
cardno_front: '',
@ -853,26 +867,32 @@ import { Toast } from '../../libs/uniApi';
let that = this,
value = that.merchantData;
if (!value.company_name) return that.$util.Tips({
title: '请输入公司名称'
});
if (!value.bank_code) return that.$util.Tips({
title: '请输入对公账号'
});
if (!value.bank_username) return that.$util.Tips({
title: '请输入银行账户姓名'
title: '请输入开户行名称'
});
if (!value.bank_opening) return that.$util.Tips({
title: '请输入银行卡号'
title: '请输入开户行地址'
});
if (value.bank_front.length == 0) return that.$util.Tips({
title: '请上传一张或者多张图片'
});
// if (value.bank_front.length == 0) return that.$util.Tips({
// title: ''
// });
if (value.bank_back.length == 0) return that.$util.Tips({
title: '请上传一张或者多张图片'
});
if (value.cardno_front.length == 0) return that.$util.Tips({
title: '请上传一张或者多张图片'
});
if (value.cardno_back.length == 0) return that.$util.Tips({
title: '请上传一张或者多张图片'
});
// if (value.bank_back.length == 0) return that.$util.Tips({
// title: ''
// });
// if (value.cardno_front.length == 0) return that.$util.Tips({
// title: ''
// });
// if (value.cardno_back.length == 0) return that.$util.Tips({
// title: ''
// });
that.validate = true;
return true;
},
@ -1432,6 +1452,7 @@ import { Toast } from '../../libs/uniApi';
background-color: #fff;
border-radius: 12px;
margin: 0 15px;
width: 694rpx;
position: absolute;
}

View File

@ -5,7 +5,7 @@
<view class="text flex_a_c">店铺基本配置</view>
</view>
<view class="store_bg">
<view class="text flex_a_c"><i class="iconfont icon-xinghao"></i>上传店铺背景图</view>
<view class="text flex_a_c"><i class="iconfont icon-xinghao"></i>店铺背景图</view>
<block v-if="images[0].img">
<!-- <u--image :showLoading="true" :src="images[0].img" width="388px" height="210.53rpx" radius="4px"
@click="delImg(0)" mode="aspectFit"></u--image> -->
@ -19,7 +19,7 @@
</view>
<view class="store_avatar flex_a_c_j_sb">
<view class="avatar_box">
<view class="text flex_a_c"><i class="iconfont icon-xinghao"></i>上传店铺头像</view>
<view class="text flex_a_c"><i class="iconfont icon-xinghao"></i>店铺头像</view>
<block v-if="images[1].img">
<u--image :showLoading="true" :src="images[1].img" width="210.53rpx" height="210.53rpx"
radius="4px" @click="delImg(1)" mode="aspectFit"></u--image>
@ -40,6 +40,21 @@
</view>
</view>
</view>
<view class="store_avatar flex_a_c_j_sb" style="padding: 20rpx 0;">
<view class="avatar_box">
<view class="text flex_a_c"></i>店铺其他资质</view>
<view class="other-img">
<view class="other-item" v-for="(imgArr,index) in imagesArr" :key="index" :style="{marginRight: (index+1)%3==0?'0rpx':'20rpx'}">
<u--image :showLoading="true" :src="imgArr" width="210.53rpx" height="210.53rpx"
radius="4px" @click="delImgArr(index)" mode="aspectFit"></u--image>
</view>
<view class="avatar_img other-item" @click="seleckImageArr()" :style="{marginRight: (imagesArr.length+1)%3==0?'0rpx':'20rpx'}">
<view class="iconfont icon-tupian1"></view>
建议尺寸120*120px
</view>
</view>
</view>
</view>
<view class="ask_title">拍摄要求</view>
<view class="shoot_ask flex_a_c_j_sb">
<block v-for="(item,i) in shootAsk" :key="i">
@ -219,6 +234,7 @@
}, {
img: ''
}],
imagesArr: [],
storeBg: '',
check: {
ziti: '1',
@ -468,6 +484,12 @@
// });
},
seleckImageArr() {
let that = this;
that.$util.uploadImageOne('upload/image', function(res) {
that.imagesArr.push(res.data.path)
});
},
delImg(i) {
let that = this
uni.showModal({
@ -479,7 +501,19 @@
}
}
})
}
},
delImgArr(i) {
let that = this
uni.showModal({
title: '删除图片',
content: '确定删除图片?',
success: res => {
if (res.confirm) {
that.imagesArr.splice(i, 1);
}
}
})
}
},
onPullDownRefresh() {
uni.stopPullDownRefresh()
@ -575,6 +609,16 @@
}
}
}
.other-img{
display: flex;
width: 100%;
flex-wrap: wrap;
.other-item{
margin-right: 20rpx;
margin-bottom: 20rpx;
}
}
.zizhi_box {
.text {