|
|
@@ -3,183 +3,194 @@
|
|
|
<u-navbar :title="title" title-color="#fff" back-icon-color="#fff" :background="background" :border-bottom="false"></u-navbar>
|
|
|
<view class="bg"></view>
|
|
|
<view class="card">
|
|
|
- <view class="title">店铺资料</view>
|
|
|
+ <view class="title u-flex u-row-between u-col-center">
|
|
|
+ <text>店铺资料</text>
|
|
|
+ <text v-if="step==2||step==3" @click="prevStep" class="u-font-24" style="color: #999">上一步</text>
|
|
|
+ </view>
|
|
|
<u-form :model="form" :label-width="labelWidth" ref="uForm">
|
|
|
- <view class="border">
|
|
|
- <u-form-item label="联系方式" prop="personTel">
|
|
|
- <u-input disabled placeholder="请输入联系方式" v-model="form.personTel" type="number"></u-input>
|
|
|
- </u-form-item>
|
|
|
- </view>
|
|
|
- <view class="border">
|
|
|
- <u-form-item label="所在商场" prop="phone">
|
|
|
- <u-input @click="mallShow=true" :border="false" placeholder="请选择所在商场(非必填项)" v-model="mallLabel"
|
|
|
- type="select"></u-input>
|
|
|
- <u-icon class="clear" color="#999" v-if="mallLabel" name="close-circle-fill" @click.stop="clear('mallLabel')"></u-icon>
|
|
|
- </u-form-item>
|
|
|
- </view>
|
|
|
- <view class="border" v-if="form.mallId&&!$isEmpty(mallAreaList)">
|
|
|
- <u-form-item label="所在区域" prop="phone">
|
|
|
- <u-input @click="mallAreaShow=true" :border="false" placeholder="请选择所在区域" v-model="mallAreaLabel"
|
|
|
- type="select"></u-input>
|
|
|
- <u-icon class="clear" color="#999" v-if="mallAreaLabel" name="close-circle-fill" @click.stop="clear('mallAreaLabel')"></u-icon>
|
|
|
- </u-form-item>
|
|
|
- </view>
|
|
|
- <view class="border">
|
|
|
- <u-form-item label="门店名称" prop="name">
|
|
|
- <u-input :border="false" placeholder="比如名杨国福麻辣烫(时尚天河2店)" v-model="form.name" ></u-input>
|
|
|
- </u-form-item>
|
|
|
- </view>
|
|
|
- <view class="border">
|
|
|
- <u-form-item label="店铺标语" prop="name">
|
|
|
- <u-input :border="false" placeholder="请输入店铺标语" v-model="form.slogan" ></u-input>
|
|
|
- </u-form-item>
|
|
|
- </view>
|
|
|
- <view class="border">
|
|
|
- <u-form-item label="业务联系人" prop="personName">
|
|
|
- <u-input :border="false" placeholder="请输入业务联系人" v-model="form.personName" ></u-input>
|
|
|
- </u-form-item>
|
|
|
- </view>
|
|
|
- <view class="tips">
|
|
|
- <text>*认证通过后，姓名将不可修改</text>
|
|
|
- </view>
|
|
|
- <view class="border">
|
|
|
- <u-form-item label="身份证号码" prop="personIdCard">
|
|
|
- <u-input :border="false" placeholder="请输入身份证号码" v-model="form.personIdCard" ></u-input>
|
|
|
- </u-form-item>
|
|
|
- </view>
|
|
|
- <view class="photo border">
|
|
|
- <text>请拿出本人有效二代身份证件准备拍摄</text>
|
|
|
- <view class="box">
|
|
|
- <view @click="chooseImage('idCardFront')" class="flex flex-direction">
|
|
|
- <upload-img width="430" height="260"
|
|
|
- :currentImage="form.idCardFront" bgsrc="https://guosen-bucket-ldt.obs.cn-south-1.myhuaweicloud.com/b1ca068b8f8b42b7813b275d38bbbbb0-vdjRu9BmUyuN480b6cf029f9df431762ca9bf2f8da95.png">
|
|
|
- </upload-img>
|
|
|
- <view class="text-center padding-top-20 btn-color">
|
|
|
- <text class="cuIcon-camera padding-right-sm" style="font-size: 30rpx;"></text>
|
|
|
- <text v-if="$isEmpty(form.idCardFront)">请上传身份证正面照</text>
|
|
|
- <text style="margin-top: 40rpx;display: inline-block;" v-else>点击重新上传</text>
|
|
|
+ <block v-if="step==1">
|
|
|
+ <view class="border">
|
|
|
+ <u-form-item label="门店名称" prop="name">
|
|
|
+ <u-input :border="false" placeholder="比如名杨国福麻辣烫(时尚天河2店)" v-model="form.name" ></u-input>
|
|
|
+ </u-form-item>
|
|
|
+ </view>
|
|
|
+ <view class="border">
|
|
|
+ <u-form-item label="所在商场" prop="phone">
|
|
|
+ <u-input @click="mallShow=true" :border="false" placeholder="请选择所在商场(非必填项)" v-model="mallLabel"
|
|
|
+ type="select"></u-input>
|
|
|
+ <u-icon class="clear" color="#999" v-if="mallLabel" name="close-circle-fill" @click.stop="clear('mallLabel')"></u-icon>
|
|
|
+ </u-form-item>
|
|
|
+ </view>
|
|
|
+ <view class="border" v-if="form.mallId&&!$isEmpty(mallAreaList)">
|
|
|
+ <u-form-item label="所在区域" prop="phone">
|
|
|
+ <u-input @click="mallAreaShow=true" :border="false" placeholder="请选择所在区域" v-model="mallAreaLabel"
|
|
|
+ type="select"></u-input>
|
|
|
+ <u-icon class="clear" color="#999" v-if="mallAreaLabel" name="close-circle-fill" @click.stop="clear('mallAreaLabel')"></u-icon>
|
|
|
+ </u-form-item>
|
|
|
+ </view>
|
|
|
+ <view class="border">
|
|
|
+ <u-form-item label="店铺标语" prop="name">
|
|
|
+ <u-input :border="false" placeholder="请输入店铺标语" v-model="form.slogan" ></u-input>
|
|
|
+ </u-form-item>
|
|
|
+ </view>
|
|
|
+ <view class="border">
|
|
|
+ <u-form-item @click="showCheckBox" label-width="200" label="公司种类" left-icon="grid">
|
|
|
+ <view @click="checkboxShow=true" class="flex justify-between ">
|
|
|
+ <view class="u-flex u-flex-wrap">
|
|
|
+ <view v-if="!checkboxList.some((i)=>{return i.checked==true})" style="color: #c0c4cc;">请选择</view>
|
|
|
+ <view v-for="(item, index) in checkboxList" :key="index" >
|
|
|
+ <view v-if="item.checked" style="margin-right: 10rpx;">{{ item.name }}</view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view>
|
|
|
+ <u-icon name="arrow-right" color="#737373"></u-icon>
|
|
|
+ </view>
|
|
|
</view>
|
|
|
- </view>
|
|
|
+ </u-form-item>
|
|
|
+ </view>
|
|
|
+ <view class="border">
|
|
|
+ <u-form-item label="门店地址" prop="area">
|
|
|
+ <u-input @click="regionShow=true" :border="false" placeholder="请选择门店地址" v-model="shopAddress"
|
|
|
+ type="select"></u-input>
|
|
|
+ </u-form-item>
|
|
|
</view>
|
|
|
- <view class="box">
|
|
|
- <view @click="chooseImage('idCardContrary')" class="flex flex-direction">
|
|
|
- <upload-img width="430" height="260"
|
|
|
- :currentImage="form.idCardContrary" bgsrc="https://guosen-bucket-ldt.obs.cn-south-1.myhuaweicloud.com/b1ca068b8f8b42b7813b275d38bbbbb0-vdjRu9BmUyuN480b6cf029f9df431762ca9bf2f8da95.png">
|
|
|
- </upload-img>
|
|
|
- <view class="text-center padding-top-20 btn-color">
|
|
|
- <text class="cuIcon-camera padding-right-sm" style="font-size: 30rpx;"></text>
|
|
|
- <text v-if="$isEmpty(form.idCardContrary)">请上传身份证反面照</text>
|
|
|
- <text style="margin-top: 40rpx;display: inline-block;" v-else>点击重新上传</text>
|
|
|
+ <view class="border">
|
|
|
+ <u-form-item label="具体地址" prop="adderess">
|
|
|
+ <u-input :border="false" placeholder="请详细写到门店编号" v-model="form.adderess" ></u-input>
|
|
|
+ <view slot="right">
|
|
|
+ <u-button @click="chooseAddress" size="mini">获取地址</u-button>
|
|
|
</view>
|
|
|
- </view>
|
|
|
+ </u-form-item>
|
|
|
</view>
|
|
|
- <view style="margin: 30rpx 0;">
|
|
|
- <text>拍摄时确保身份证边框完整，字体清晰，亮度均匀</text>
|
|
|
+ <view class="border">
|
|
|
+ <u-form-item label="店铺全称" prop="fullName">
|
|
|
+ <u-input :border="false" placeholder="请输入店铺全称" v-model="form.fullName"></u-input>
|
|
|
+ </u-form-item>
|
|
|
</view>
|
|
|
- </view>
|
|
|
- <view class="border">
|
|
|
- <u-form-item label="邮箱" prop="email">
|
|
|
- <u-input :border="false" placeholder="请输入邮箱" v-model="form.email" ></u-input>
|
|
|
- </u-form-item>
|
|
|
- </view>
|
|
|
- <view class="border">
|
|
|
- <u-form-item label="门店地址" prop="area">
|
|
|
- <u-input @click="regionShow=true" :border="false" placeholder="请选择门店地址" v-model="shopAddress"
|
|
|
- type="select"></u-input>
|
|
|
- </u-form-item>
|
|
|
- </view>
|
|
|
- <view class="border">
|
|
|
- <u-form-item label="具体地址" prop="adderess">
|
|
|
- <u-input :border="false" placeholder="请详细写到门店编号" v-model="form.adderess" ></u-input>
|
|
|
- <view slot="right">
|
|
|
- <u-button @click="chooseAddress" size="mini">获取地址</u-button>
|
|
|
- </view>
|
|
|
- </u-form-item>
|
|
|
- </view>
|
|
|
- <view class="border">
|
|
|
- <u-form-item label="店铺全称" prop="fullName">
|
|
|
- <u-input :border="false" placeholder="请输入店铺全称" v-model="form.fullName"></u-input>
|
|
|
- </u-form-item>
|
|
|
- </view>
|
|
|
- <!-- <view class="border">
|
|
|
- <u-form-item label="公司网址" prop="webUrl">
|
|
|
- <u-input :border="false" placeholder="请输入公司网址" v-model="form.webUrl"></u-input>
|
|
|
- </u-form-item>
|
|
|
- </view> -->
|
|
|
- <view class="border">
|
|
|
- <u-form-item label="公司法人姓名" prop="legalPersonName" label-position="top">
|
|
|
- <u-input :border="false" placeholder="请输入公司法人姓名" v-model="form.legalPersonName"></u-input>
|
|
|
- </u-form-item>
|
|
|
- </view>
|
|
|
- <view class="border">
|
|
|
- <u-form-item @click="showCheckBox" label-width="200" label="公司种类" left-icon="grid">
|
|
|
- <view @click="checkboxShow=true" class="flex justify-between ">
|
|
|
- <view class="u-flex u-flex-wrap">
|
|
|
- <view v-if="!checkboxList.some((i)=>{return i.checked==true})" style="color: #c0c4cc;">请选择</view>
|
|
|
- <view v-for="(item, index) in checkboxList" :key="index" >
|
|
|
- <view v-if="item.checked" style="margin-right: 10rpx;">{{ item.name }}</view>
|
|
|
+ </block>
|
|
|
+ <block v-else-if="step==2">
|
|
|
+ <view class="border">
|
|
|
+ <u-form-item label="业务联系人" prop="personName">
|
|
|
+ <u-input :border="false" placeholder="请输入业务联系人" v-model="form.personName" ></u-input>
|
|
|
+ </u-form-item>
|
|
|
+ </view>
|
|
|
+ <view class="tips">
|
|
|
+ <text>*认证通过后，姓名将不可修改</text>
|
|
|
+ </view>
|
|
|
+ <view class="border">
|
|
|
+ <u-form-item label="上传店铺封面" prop="cover" label-position="top">
|
|
|
+ <view @click="chooseImage('cover')" class="flex-direction center margin-top-30">
|
|
|
+ <upload-img width="480" height="300"
|
|
|
+ :currentImage="form.cover" bgsrc="/static/icon/upload.png">
|
|
|
+ </upload-img>
|
|
|
+ <view class="text-center padding-top-20 btn-color">
|
|
|
+ <text class="cuIcon-camera padding-right-sm" style="font-size: 30rpx;"></text>
|
|
|
+ <text v-if="$isEmpty(form.cover)">请上传店铺封面</text>
|
|
|
+ <text style="margin-top: 40rpx;display: inline-block;" v-else>点击重新上传</text>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </u-form-item>
|
|
|
+ </view>
|
|
|
+ <view class="border">
|
|
|
+ <u-form-item label="上传营业执照" prop="businessLicense" label-position="top">
|
|
|
+ <view @click="chooseImage('businessLicense')" class="flex-direction center margin-top-30">
|
|
|
+ <upload-img width="480" height="300"
|
|
|
+ :currentImage="form.businessLicense" bgsrc="https://guosen-bucket-ldt.obs.cn-south-1.myhuaweicloud.com:443/d850b98e0779466a8ec7456bcfca4188-u65cnhFHsPWM78f027b94f73c9e82295c29ace1588e3.png">
|
|
|
+ </upload-img>
|
|
|
+ <view class="text-center padding-top-20 btn-color">
|
|
|
+ <text class="cuIcon-camera padding-right-sm" style="font-size: 30rpx;"></text>
|
|
|
+ <text v-if="$isEmpty(form.businessLicense)">请上传营业执照</text>
|
|
|
+ <text style="margin-top: 40rpx;display: inline-block;" v-else>点击重新上传</text>
|
|
|
</view>
|
|
|
</view>
|
|
|
- <view>
|
|
|
- <u-icon name="arrow-right" color="#737373"></u-icon>
|
|
|
+ </u-form-item>
|
|
|
+ </view>
|
|
|
+ <view class="border">
|
|
|
+ <u-form-item label="店铺实况" prop="shopPic" label-position="top">
|
|
|
+ <view @click="chooseImage('shopPic')" class="flex-direction center margin-top-30">
|
|
|
+ <upload-img width="480" height="300"
|
|
|
+ :currentImage="form.shopPic" bgsrc="https://guosen-bucket-ldt.obs.cn-south-1.myhuaweicloud.com:443/d850b98e0779466a8ec7456bcfca4188-u65cnhFHsPWM78f027b94f73c9e82295c29ace1588e3.png">
|
|
|
+ </upload-img>
|
|
|
+ <view class="text-center padding-top-20 btn-color">
|
|
|
+ <text class="cuIcon-camera padding-right-sm" style="font-size: 30rpx;"></text>
|
|
|
+ <text v-if="$isEmpty(form.shopPic)">请上传店铺实况</text>
|
|
|
+ <text style="margin-top: 40rpx;display: inline-block;" v-else>点击重新上传</text>
|
|
|
+ </view>
|
|
|
</view>
|
|
|
- </view>
|
|
|
- </u-form-item>
|
|
|
- </view>
|
|
|
- <view class="border">
|
|
|
- <u-form-item label="上传店铺封面" prop="cover" label-position="top">
|
|
|
- <view @click="chooseImage('cover')" class="flex-direction center margin-top-30">
|
|
|
- <upload-img width="480" height="300"
|
|
|
- :currentImage="form.cover" bgsrc="/static/icon/upload.png">
|
|
|
- </upload-img>
|
|
|
- <view class="text-center padding-top-20 btn-color">
|
|
|
- <text class="cuIcon-camera padding-right-sm" style="font-size: 30rpx;"></text>
|
|
|
- <text v-if="$isEmpty(form.cover)">请上传店铺封面</text>
|
|
|
- <text style="margin-top: 40rpx;display: inline-block;" v-else>点击重新上传</text>
|
|
|
+ </u-form-item>
|
|
|
+ </view>
|
|
|
+ </block>
|
|
|
+ <block v-else>
|
|
|
+ <view class="border">
|
|
|
+ <u-form-item label="公司法人姓名" prop="legalPersonName" label-position="top">
|
|
|
+ <u-input :border="false" placeholder="请输入公司法人姓名" v-model="form.legalPersonName"></u-input>
|
|
|
+ </u-form-item>
|
|
|
+ </view>
|
|
|
+ <view class="border">
|
|
|
+ <u-form-item label="联系方式" prop="personTel">
|
|
|
+ <u-input disabled placeholder="请输入联系方式" v-model="form.personTel" type="number"></u-input>
|
|
|
+ </u-form-item>
|
|
|
+ </view>
|
|
|
+ <view class="border">
|
|
|
+ <u-form-item label="邮箱" prop="email">
|
|
|
+ <u-input :border="false" placeholder="请输入邮箱" v-model="form.email" ></u-input>
|
|
|
+ </u-form-item>
|
|
|
+ </view>
|
|
|
+ <view class="border">
|
|
|
+ <u-form-item label="身份证号码" prop="personIdCard">
|
|
|
+ <u-input :border="false" placeholder="请输入身份证号码" v-model="form.personIdCard" ></u-input>
|
|
|
+ </u-form-item>
|
|
|
+ </view>
|
|
|
+ <view class="photo border">
|
|
|
+ <text>请拿出本人有效二代身份证件准备拍摄</text>
|
|
|
+ <view class="box">
|
|
|
+ <view @click="chooseImage('idCardFront')" class="flex flex-direction">
|
|
|
+ <upload-img width="430" height="260"
|
|
|
+ :currentImage="form.idCardFront" bgsrc="https://guosen-bucket-ldt.obs.cn-south-1.myhuaweicloud.com/b1ca068b8f8b42b7813b275d38bbbbb0-vdjRu9BmUyuN480b6cf029f9df431762ca9bf2f8da95.png">
|
|
|
+ </upload-img>
|
|
|
+ <view class="text-center padding-top-20 btn-color">
|
|
|
+ <text class="cuIcon-camera padding-right-sm" style="font-size: 30rpx;"></text>
|
|
|
+ <text v-if="$isEmpty(form.idCardFront)">请上传身份证正面照</text>
|
|
|
+ <text style="margin-top: 40rpx;display: inline-block;" v-else>点击重新上传</text>
|
|
|
+ </view>
|
|
|
</view>
|
|
|
</view>
|
|
|
- </u-form-item>
|
|
|
- </view>
|
|
|
- <view class="border">
|
|
|
- <u-form-item label="上传营业执照" prop="businessLicense" label-position="top">
|
|
|
- <view @click="chooseImage('businessLicense')" class="flex-direction center margin-top-30">
|
|
|
- <upload-img width="480" height="300"
|
|
|
- :currentImage="form.businessLicense" bgsrc="https://guosen-bucket-ldt.obs.cn-south-1.myhuaweicloud.com:443/d850b98e0779466a8ec7456bcfca4188-u65cnhFHsPWM78f027b94f73c9e82295c29ace1588e3.png">
|
|
|
- </upload-img>
|
|
|
- <view class="text-center padding-top-20 btn-color">
|
|
|
- <text class="cuIcon-camera padding-right-sm" style="font-size: 30rpx;"></text>
|
|
|
- <text v-if="$isEmpty(form.businessLicense)">请上传营业执照</text>
|
|
|
- <text style="margin-top: 40rpx;display: inline-block;" v-else>点击重新上传</text>
|
|
|
+ <view class="box">
|
|
|
+ <view @click="chooseImage('idCardContrary')" class="flex flex-direction">
|
|
|
+ <upload-img width="430" height="260"
|
|
|
+ :currentImage="form.idCardContrary" bgsrc="https://guosen-bucket-ldt.obs.cn-south-1.myhuaweicloud.com/b1ca068b8f8b42b7813b275d38bbbbb0-vdjRu9BmUyuN480b6cf029f9df431762ca9bf2f8da95.png">
|
|
|
+ </upload-img>
|
|
|
+ <view class="text-center padding-top-20 btn-color">
|
|
|
+ <text class="cuIcon-camera padding-right-sm" style="font-size: 30rpx;"></text>
|
|
|
+ <text v-if="$isEmpty(form.idCardContrary)">请上传身份证反面照</text>
|
|
|
+ <text style="margin-top: 40rpx;display: inline-block;" v-else>点击重新上传</text>
|
|
|
+ </view>
|
|
|
</view>
|
|
|
</view>
|
|
|
- </u-form-item>
|
|
|
- </view>
|
|
|
- <view class="border">
|
|
|
- <u-form-item label="店铺实况" prop="shopPic" label-position="top">
|
|
|
- <view @click="chooseImage('shopPic')" class="flex-direction center margin-top-30">
|
|
|
- <upload-img width="480" height="300"
|
|
|
- :currentImage="form.shopPic" bgsrc="https://guosen-bucket-ldt.obs.cn-south-1.myhuaweicloud.com:443/d850b98e0779466a8ec7456bcfca4188-u65cnhFHsPWM78f027b94f73c9e82295c29ace1588e3.png">
|
|
|
- </upload-img>
|
|
|
- <view class="text-center padding-top-20 btn-color">
|
|
|
- <text class="cuIcon-camera padding-right-sm" style="font-size: 30rpx;"></text>
|
|
|
- <text v-if="$isEmpty(form.shopPic)">请上传店铺实况</text>
|
|
|
- <text style="margin-top: 40rpx;display: inline-block;" v-else>点击重新上传</text>
|
|
|
- </view>
|
|
|
+ <view style="margin: 30rpx 0;">
|
|
|
+ <text>拍摄时确保身份证边框完整，字体清晰，亮度均匀</text>
|
|
|
</view>
|
|
|
- </u-form-item>
|
|
|
- </view>
|
|
|
+ </view>
|
|
|
+
|
|
|
+ </block>
|
|
|
</u-form>
|
|
|
- </view>
|
|
|
- <view class="center flex-direction " style="margin-top: -100rpx;margin-bottom: 120rpx;">
|
|
|
- <view class="center margin-bottom-20">
|
|
|
- <text style="color: #949494;">确认注册即代表已阅读并同意</text>
|
|
|
- <text style="color: #104DFF;" @click="protocol">《软件服务协议》</text>
|
|
|
+ <view v-if="step==1||step==2" class="center flex-direction" style="margin-top: 100rpx;">
|
|
|
+ <view @click="nextStep" class="btn cu-btn round" style="width:90%;height: 90rpx;font-size: 34rpx;">
|
|
|
+ 下一步
|
|
|
+ </view>
|
|
|
</view>
|
|
|
- <view @click="submit" class="btn cu-btn round" style="width:90%;height: 90rpx;font-size: 34rpx;">
|
|
|
- 提交资料
|
|
|
+ <view v-else class="center flex-direction " style="margin-top: 100rpx;">
|
|
|
+ <view class="center margin-bottom-20">
|
|
|
+ <text style="color: #949494;">确认注册即代表已阅读并同意</text>
|
|
|
+ <text style="color: #104DFF;" @click="protocol">《软件服务协议》</text>
|
|
|
+ </view>
|
|
|
+ <view @click="submit" class="btn cu-btn round" style="width:90%;height: 90rpx;font-size: 34rpx;">
|
|
|
+ 提交资料
|
|
|
+ </view>
|
|
|
</view>
|
|
|
</view>
|
|
|
|
|
|
+
|
|
|
<!-- 商场 -->
|
|
|
<u-popup border-radius="60" height="60%" mode="bottom" v-model="mallShow">
|
|
|
<view class="fixed cu-bar search bg-white">
|
|
|
@@ -302,7 +313,8 @@
|
|
|
message: '请上传店铺封面',
|
|
|
trigger: ['change', 'blur'],
|
|
|
}],
|
|
|
- }
|
|
|
+ },
|
|
|
+ step:1
|
|
|
}
|
|
|
},
|
|
|
onReady() {
|
|
|
@@ -345,6 +357,16 @@
|
|
|
this.getShopLabelAll()
|
|
|
},
|
|
|
methods: {
|
|
|
+ prevStep(){
|
|
|
+ if(this.step>1&&this.step<4){
|
|
|
+ this.step--
|
|
|
+ }
|
|
|
+ },
|
|
|
+ nextStep(){
|
|
|
+ if(this.step>0&&this.step<3){
|
|
|
+ this.step++
|
|
|
+ }
|
|
|
+ },
|
|
|
chooseAddress(){
|
|
|
var _this = this
|
|
|
uni.chooseLocation({
|
