mkm
/
shop-applet
3
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

更新

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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

77
pages/index/index.vue
View File

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

48
pages/product/basicSet.vue
View File

@ -5,7 +5,7 @@
<view class="text flex_a_c">店铺基本配置</view> <view class="text flex_a_c">店铺基本配置</view>
</view> </view>
<view class="store_bg"> <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"> <block v-if="images[0].img">
<!-- <u--image :showLoading="true" :src="images[0].img" width="388px" height="210.53rpx" radius="4px" <!-- <u--image :showLoading="true" :src="images[0].img" width="388px" height="210.53rpx" radius="4px"
@click="delImg(0)" mode="aspectFit"></u--image> --> @click="delImg(0)" mode="aspectFit"></u--image> -->
@ -19,7 +19,7 @@
</view> </view>
<view class="store_avatar flex_a_c_j_sb"> <view class="store_avatar flex_a_c_j_sb">
<view class="avatar_box"> <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"> <block v-if="images[1].img">
<u--image :showLoading="true" :src="images[1].img" width="210.53rpx" height="210.53rpx" <u--image :showLoading="true" :src="images[1].img" width="210.53rpx" height="210.53rpx"
radius="4px" @click="delImg(1)" mode="aspectFit"></u--image> radius="4px" @click="delImg(1)" mode="aspectFit"></u--image>
@ -40,6 +40,21 @@
</view> </view>
</view> </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="ask_title">拍摄要求</view>
<view class="shoot_ask flex_a_c_j_sb"> <view class="shoot_ask flex_a_c_j_sb">
<block v-for="(item,i) in shootAsk" :key="i"> <block v-for="(item,i) in shootAsk" :key="i">
@ -219,6 +234,7 @@
}, { }, {
img: '' img: ''
}], }],
imagesArr: [],
storeBg: '', storeBg: '',
check: { check: {
ziti: '1', ziti: '1',
@ -467,6 +483,12 @@
// } // }
// }); // });
},
seleckImageArr() {
let that = this;
that.$util.uploadImageOne('upload/image', function(res) {
that.imagesArr.push(res.data.path)
});
}, },
delImg(i) { delImg(i) {
let that = this let that = this
@ -479,6 +501,18 @@
} }
} }
}) })
},
delImgArr(i) {
let that = this
uni.showModal({
title: '删除图片',
content: '确定删除图片?',
success: res => {
if (res.confirm) {
that.imagesArr.splice(i, 1);
}
}
})
} }
}, },
onPullDownRefresh() { onPullDownRefresh() {
@ -576,6 +610,16 @@
} }
} }
.other-img{
display: flex;
width: 100%;
flex-wrap: wrap;
.other-item{
margin-right: 20rpx;
margin-bottom: 20rpx;
}
}
.zizhi_box { .zizhi_box {
.text { .text {
font-size: 31.58rpx; font-size: 31.58rpx;