1522 lines
46 KiB
Vue
1522 lines
46 KiB
Vue
<!--
|
||
* @Descripttion:
|
||
* @version:
|
||
* @Author: kBank
|
||
* @Date: 2022-11-21 15:11:22
|
||
-->
|
||
<template>
|
||
<view class="content">
|
||
<u-popup :show="sucShow"
|
||
closeable
|
||
:round="10"
|
||
mode="center"
|
||
@close="sucShow= false">
|
||
<view class="height-auto">
|
||
<div v-html="cause" class="img_width"></div>
|
||
<div class="button-s" style="margin:50rpx auto" @click="checks(2)">{{'重新提交'}}</div>
|
||
</view>
|
||
</u-popup>
|
||
<view class="views" v-if="status == 3 || status==4 || status==5 || status==2">
|
||
<div class="img_cen" v-if="status == 3">
|
||
<div class="status-img">
|
||
<image src="../../static/images/markerSpace/status2.png"></image>
|
||
</div>
|
||
<div class="status-size bolds">{{'认证审核中'}}</div>
|
||
<div class="status-size">{{'预计3-5个工作日完成'}}</div>
|
||
<div class="status-size">{{'客服咨询：400-111-2818'}}</div>
|
||
</div>
|
||
<div class="img_cen" v-if="status == 4">
|
||
<div class="status-img">
|
||
<image src="../../static/images/markerSpace/status1.png"></image>
|
||
</div>
|
||
<div class="status-size bolds">{{'认证被驳回(被驳回的原因)'}}</div>
|
||
<div class="button-s" style="margin-top: 30px" @click="sucShow=true">{{'查看原因'}}</div>
|
||
</div>
|
||
<div class="img_cen" v-if="status == 5">
|
||
<div class="status-img">
|
||
<image src="../../static/images/markerSpace/status3.png"></image>
|
||
</div>
|
||
<div class="status-size bolds">{{'恭喜您，完成超级工作室认证'}}</div>
|
||
<div class="button-s" style="margin-top: 30px" @click="checks(1)">{{'查看详情'}}</div>
|
||
</div>
|
||
|
||
</view>
|
||
<view class="markerSpce" v-if="status==1">
|
||
<view class="tops">
|
||
<view class="text">{{'下载《超级工作室》后打印，手签并填写合同后拍照留存，以备在申请时进行上传。'}}</view>
|
||
<view class="button" @click="downloads">{{'下载超级工作室协议'}}</view>
|
||
<a href="link"></a>
|
||
</view>
|
||
<u-form labelWidth="140px"
|
||
:rules="rules"
|
||
:model="table"
|
||
ref="uForm">
|
||
<view class="contents">
|
||
<view class="lines-height">
|
||
<view class="lines"></view>
|
||
<view class="text_s">{{'基础信息'}}</view>
|
||
</view>
|
||
<view class="padding-s">
|
||
<u-form-item :label="'会员编号'" :required="required1" >
|
||
<u-input v-model="memberCode"
|
||
class="texts"
|
||
:disabled=disabled1
|
||
placeholder=""
|
||
border="none"></u-input>
|
||
</u-form-item>
|
||
</view>
|
||
<view class="padding-s">
|
||
<u-form-item :label="'会员姓名'" :required="required1" >
|
||
<u-input v-model="memberName"
|
||
class="texts"
|
||
:disabled="disabled1"
|
||
placeholder=""
|
||
border="none"></u-input>
|
||
</u-form-item>
|
||
</view>
|
||
<view class="padding-s">
|
||
<u-form-item :label="'超级工作室名称'" :required="required1" prop="storeName">
|
||
<u-input v-model="table.storeName"
|
||
class="texts"
|
||
placeholder-class="place"
|
||
:disabled="disableds"
|
||
:placeholder="'请输入'"
|
||
border="none"></u-input>
|
||
</u-form-item>
|
||
</view>
|
||
<view class="padding-s">
|
||
<u-form-item :label="'营业执照名称'" :required="required1" prop="licenseName">
|
||
<u-input v-model="table.licenseName"
|
||
class="texts"
|
||
maxlength="100"
|
||
placeholder-class="place"
|
||
:disabled="disableds"
|
||
:placeholder="'请输入'"
|
||
border="none"></u-input>
|
||
</u-form-item>
|
||
</view>
|
||
<view class="padding-s">
|
||
<u-form-item :label="'统一社会信用代码'" :required="required1" prop="creditCode">
|
||
<u-input v-model="table.creditCode"
|
||
class="texts"
|
||
maxlength="100"
|
||
placeholder-class="place"
|
||
:disabled="disableds"
|
||
:placeholder="'请输入'"
|
||
border="none"></u-input>
|
||
</u-form-item>
|
||
</view>
|
||
<view class="padding-s">
|
||
<u-form-item :label="'法人姓名'" :required="required1" prop="legalName">
|
||
<u-input v-model="table.legalName"
|
||
class="texts"
|
||
placeholder-class="place"
|
||
:disabled="disableds"
|
||
:placeholder="'请输入'"
|
||
border="none"></u-input>
|
||
</u-form-item>
|
||
</view>
|
||
<view class="padding-s">
|
||
<u-form-item :label="'法人身份证号'" :required="required1" prop="legalIdCard">
|
||
<u-input v-model="table.legalIdCard"
|
||
class="texts"
|
||
placeholder-class="place"
|
||
:disabled="disableds"
|
||
:placeholder="'请输入'"
|
||
border="none"></u-input>
|
||
</u-form-item>
|
||
</view>
|
||
<view class="padding-s" @click="getDiqu(1)">
|
||
<u-form-item :label="'营业执照注册地址'" :required="required1">
|
||
<view style="padding-left: 20rpx;color: rgb(192, 196, 204)" v-if="address==''">{{'请选择'}}</view>
|
||
<view style="padding-left: 20rpx;color: #333" v-else>{{address}}</view>
|
||
</u-form-item>
|
||
<view class="right-icon">
|
||
<u-icon name="arrow-right" color="#090000"></u-icon>
|
||
</view>
|
||
</view>
|
||
<view class="padding-s">
|
||
<u-form-item :label="'详细地址'" :required="required1" prop="licenseAddress">
|
||
<u-input v-model="table.licenseAddress"
|
||
class="texts"
|
||
maxlength="200"
|
||
placeholder-class="place"
|
||
:disabled="disableds"
|
||
:placeholder="'请输入'"
|
||
border="none"></u-input>
|
||
</u-form-item>
|
||
</view>
|
||
<view class="padding-s">
|
||
<u-form-item :label="'联系人'" :required="required1" prop="storePerson">
|
||
<u-input v-model="table.storePerson"
|
||
class="texts"
|
||
placeholder-class="place"
|
||
:disabled="disableds"
|
||
:placeholder="'请输入'"
|
||
border="none"></u-input>
|
||
</u-form-item>
|
||
</view>
|
||
<view class="padding-s">
|
||
<u-form-item :label="'联系方式'" :required="required1" prop="storePhone">
|
||
<u-input v-model="table.storePhone"
|
||
class="texts"
|
||
maxlength="20"
|
||
placeholder-class="place"
|
||
:disabled="disableds"
|
||
:placeholder="'请输入'"
|
||
border="none"></u-input>
|
||
</u-form-item>
|
||
</view>
|
||
<view class="padding-s" @click="getDiqu1(2)">
|
||
<u-form-item :label="'详细地址'" :required="required1">
|
||
<view style="padding-left: 20rpx;color: rgb(192, 196, 204)" v-if="address1==''">{{'请选择'}}</view>
|
||
<view style="padding-left: 20rpx;color: #333" v-else>{{address1}}</view>
|
||
</u-form-item>
|
||
<view class="right-icon">
|
||
<u-icon name="arrow-right" color="#090000"></u-icon>
|
||
</view>
|
||
</view>
|
||
<view class="padding-s">
|
||
<u-form-item :label="'详细地址'" :required="required1" prop="storeAddress">
|
||
<u-input v-model="table.storeAddress"
|
||
class="texts"
|
||
maxlength="200"
|
||
placeholder-class="place"
|
||
:disabled="disableds"
|
||
:placeholder="'请输入'"
|
||
border="none"></u-input>
|
||
</u-form-item>
|
||
</view>
|
||
<picker :value="table.pkBank" :disabled="disableds" mode="selector" @change="bindDateChange1" :range="bankCardChioceList" range-key="bankName">
|
||
<view class="padding-s">
|
||
<u-form-item :label="'银行名称'" :required="required1">
|
||
<view style="padding-left: 20rpx;color: rgb(192, 196, 204)" v-if="bankName==''">{{'请选择'}}</view>
|
||
<view v-else-if="bankName!=''" style="margin-left: 20rpx;">
|
||
{{bankName}}
|
||
</view>
|
||
</u-form-item>
|
||
<view class="right-icon">
|
||
<u-icon name="arrow-right" color="#090000"></u-icon>
|
||
</view>
|
||
</view>
|
||
</picker>
|
||
<view class="padding-s">
|
||
<u-form-item :label="'银行账号'" :required="required1" prop="bankAccount">
|
||
<u-input v-model="table.bankAccount"
|
||
class="texts"
|
||
placeholder-class="place"
|
||
:disabled="disableds"
|
||
:placeholder="'请输入'"
|
||
border="none"></u-input>
|
||
</u-form-item>
|
||
</view>
|
||
<view class="padding-s">
|
||
<u-form-item :label="'开户支行'" :required="required1" prop="bankBranch">
|
||
<u-input v-model="table.bankBranch"
|
||
class="texts"
|
||
placeholder-class="place"
|
||
:disabled="disableds"
|
||
:placeholder="'请输入'"
|
||
border="none"></u-input>
|
||
</u-form-item>
|
||
</view>
|
||
<view class="height none-s">
|
||
<u-form-item :label="'超级工作室标志'" :required="required1">
|
||
|
||
</u-form-item>
|
||
<view class="text">{{'建议：图片大小为200KB以内'}}</view>
|
||
<view class="upload-content">
|
||
<view>
|
||
<view class="upload" @click="updateImg(10)" v-if="isEmpty(table.storeSign)==true">
|
||
<u-icon name="plus" color="#333"></u-icon>
|
||
</view>
|
||
<view class="upload-img" v-else>
|
||
<image @click="clickImg(table.storeSign)" class="img-width" :src="table.storeSign"></image>
|
||
<view class="close-icon" @click="delStops('storeSign', 10)" v-if="isEmpty(table.storeSign)==false" >
|
||
<u-icon name="close"></u-icon>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
<view class="text-s">
|
||
<view class="text-colors" v-for="item in tips1">
|
||
{{item}}
|
||
</view>
|
||
</view>
|
||
</view>
|
||
|
||
</view>
|
||
<view style="height:25rpx;background-color: #f2f2f2;"></view>
|
||
<view class="lines-height">
|
||
<view class="lines"></view>
|
||
<view class="text_s">{{'资质材料'}}</view>
|
||
</view>
|
||
<view class="height">
|
||
<u-form-item :label="'法人身份证正反面'" :required="required1">
|
||
|
||
</u-form-item>
|
||
<view class="text">{{'建议：图片大小为1MB以内'}}</view>
|
||
<view class="upload-content">
|
||
<view class="content_s">
|
||
<view>
|
||
<image @click="updateImg(11)" v-if="isEmpty(table.legalCardFront)==true" class="img-width" style="width: 200rpx;height: 150rpx;" src="@/static/images/markerSpace/idCard-img1.png" />
|
||
|
||
<view class="upload-img" style="width: 200rpx;" v-else>
|
||
<image class="img-width" style="width: 200rpx;height: 150rpx;" :src="table.legalCardFront"></image>
|
||
<view class="close-icon" @click="delStops('legalCardFront', 11)" v-if="isEmpty(table.legalCardFront)==false">
|
||
<u-icon name="close"></u-icon>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
<view>
|
||
<image @click="updateImg(12)" v-if="isEmpty(table.legalCardBack)==true" class="img-width" style="width: 200rpx;height: 150rpx;margin-left: 30rpx;" src="@/static/images/markerSpace/idCard-img2.png" />
|
||
|
||
<view class="upload-img" v-else style="width: 200rpx;margin-left: 30rpx;">
|
||
<image class="img-width" style="width: 200rpx;height: 150rpx; " :src="table.legalCardBack"></image>
|
||
<view class="close-icon" @click="delStops('legalCardBack', 12)" v-if="isEmpty(table.legalCardBack)==false">
|
||
<u-icon name="close"></u-icon>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
<view class="text-s">
|
||
<view class="text-colors" v-for="item in tips1">
|
||
{{item}}
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
<view class="height">
|
||
<u-form-item :label="'营业执照'" :required="required1">
|
||
|
||
</u-form-item>
|
||
<view class="text">{{'建议：图片大小为1MB以内'}}</view>
|
||
<view class="upload-content">
|
||
<view class="content_s">
|
||
<view>
|
||
<view class="upload" @click="updateImg(13)" v-if="isEmpty(table.license)==true">
|
||
<u-icon name="plus"></u-icon>
|
||
</view>
|
||
<view class="upload-img" v-else>
|
||
<image class="img-width" :src="table.license"></image>
|
||
<view class="close-icon" @click="delStops('license', 13)" v-if="isEmpty(table.license)==false">
|
||
<u-icon name="close"></u-icon>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
<view class="text-s">
|
||
<view class="text-colors" v-for="item in tips1">
|
||
{{item}}
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
<view class="height">
|
||
<u-form-item :label="'上传已签字的超级工作室协议'" label-width="200px" :required="required1">
|
||
</u-form-item>
|
||
<view class="text">{{'建议：图片大小为200KB以内'}}</view>
|
||
<view class="upload-content">
|
||
<view class="content_s">
|
||
<view style="display: flex;flex-wrap: wrap;">
|
||
<view class="upload-img" v-for="(item,index) in table.storeAgreementList">
|
||
<image class="img-width" :src="item"></image>
|
||
<view class="close-icon" @click="delStop(index)">
|
||
<u-icon name="close"></u-icon>
|
||
</view>
|
||
</view>
|
||
<view class="upload" :style="table.storeAgreementList.length>=4?'margin-left:10px':''" @click="updateImgs(14)">
|
||
<u-icon name="plus"></u-icon>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
<view class="text-s">
|
||
<view class="text-colors" v-for="item in tips1">
|
||
{{item}}
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
<view class="height">
|
||
<u-form-item :label="`${'门店视频'} (${getUserVideoSum()}`+'/3)'" :required="required1">
|
||
|
||
</u-form-item>
|
||
<view class="text">{{'建议：视频大小为50MB以内'}}</view>
|
||
<view class="upload-content">
|
||
<view class="content_s">
|
||
<view>
|
||
<view class="upload" @click="updateVideo(1)" v-if="isEmpty(table.videoDoorhead)==true">
|
||
<u-icon name="plus"></u-icon>
|
||
<view class="text-tips">
|
||
{{'门头展示'}}
|
||
</view>
|
||
</view>
|
||
<view class="upload-img" v-else>
|
||
<video class="img-width" :src="table.videoDoorhead"></video>
|
||
<view class="close-icon" @click="delStops('videoDoorhead', 1)" v-if="isEmpty(table.videoDoorhead)==false">
|
||
<u-icon name="close"></u-icon>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
<view>
|
||
<view class="upload" @click="updateVideo(2)" v-if="isEmpty(table.videoStore)==true">
|
||
<u-icon name="plus"></u-icon>
|
||
<view class="text-tips">
|
||
{{'店内视频'}}
|
||
</view>
|
||
</view>
|
||
<view class="upload-img" v-else>
|
||
<video class="img-width" :src="table.videoStore"></video>
|
||
<view class="close-icon" @click="delStops('videoStore', 2)" v-if="isEmpty(table.videoStore)==false">
|
||
<u-icon name="close"></u-icon>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
<view>
|
||
<view class="upload" @click="updateVideo(3)" v-if="isEmpty(table.videoProduct)==true">
|
||
<u-icon name="plus"></u-icon>
|
||
<view class="text-tips">
|
||
{{'产品展示视频'}}
|
||
</view>
|
||
</view>
|
||
<view class="upload-img" v-else>
|
||
<video class="img-width" :src="table.videoProduct"></video>
|
||
<view class="close-icon" @click="delStops('videoProduct', 3)" v-if="isEmpty(table.videoProduct)==false">
|
||
<u-icon name="close"></u-icon>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
<view class="text-s">
|
||
<view class="text-colors" v-for="item in tips2">
|
||
{{item}}
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
<view class="height">
|
||
<!-- <u-form-item label="门店图片(0/10)" label-width="200px" :required="required1">-->
|
||
<u-form-item :label="`${'门店图片'} (${getUserVideoSum1()}`+'/10)'" label-width="200px" :required="required1">
|
||
|
||
</u-form-item>
|
||
<view class="text">{{'建议：图片大小为200KB以内'}}</view>
|
||
<view class="upload-content">
|
||
<view class="content_s" style="display: flex;flex-wrap: wrap;">
|
||
<view>
|
||
<view class="upload" @click="updateImg(21)" v-if="isEmpty(table.imageDoorhead1)==true">
|
||
<u-icon name="plus"></u-icon>
|
||
<view class="text-tips">
|
||
{{'门头展示'}}
|
||
</view>
|
||
</view>
|
||
<view class="upload-img" v-else>
|
||
<image class="img-width" :src="table.imageDoorhead1"></image>
|
||
<view class="close-icon" @click="delStops('imageDoorhead1', 21)" v-if="isEmpty(table.imageDoorhead1)==false">
|
||
<u-icon name="close"></u-icon>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
<view>
|
||
<view class="upload" @click="updateImg(23)" v-if="isEmpty(table.imageExperience1)==true">
|
||
<u-icon name="plus"></u-icon>
|
||
<view class="text-tips">
|
||
{{'体验区'}}
|
||
</view>
|
||
</view>
|
||
<view class="upload-img" v-else>
|
||
<image class="img-width" :src="table.imageExperience1"></image>
|
||
<view class="close-icon" @click="delStops('imageExperience1', 23)" v-if="isEmpty(table.imageExperience1)==false">
|
||
<u-icon name="close"></u-icon>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
<view>
|
||
<view class="upload" @click="updateImg(25)" v-if="isEmpty(table.imageMeeting1)==true">
|
||
<u-icon name="plus"></u-icon>
|
||
<view class="text-tips">
|
||
{{'会议室'}}
|
||
</view>
|
||
</view>
|
||
<view class="upload-img" v-else>
|
||
<image class="img-width" :src="table.imageMeeting1"></image>
|
||
<view class="close-icon" @click="delStops('imageMeeting1', 25)" v-if="isEmpty(table.imageMeeting1)==false">
|
||
<u-icon name="close"></u-icon>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
<view>
|
||
<view class="upload" @click="updateImg(27)" v-if="isEmpty(table.imageProduct1)==true">
|
||
<u-icon name="plus"></u-icon>
|
||
<view class="text-tips">
|
||
{{'产品展示区'}}
|
||
</view>
|
||
</view>
|
||
<view class="upload-img" v-else>
|
||
<image class="img-width" :src="table.imageProduct1"></image>
|
||
<view class="close-icon" @click="delStops('imageProduct1', 27)" v-if="isEmpty(table.imageProduct1)==false">
|
||
<u-icon name="close"></u-icon>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
<view>
|
||
<view class="upload" @click="updateImg(22)" v-if="isEmpty(table.imageDoorhead2)==true">
|
||
<u-icon name="plus"></u-icon>
|
||
<view class="text-tips">
|
||
{{'门头展示'}}
|
||
</view>
|
||
</view>
|
||
<view class="upload-img" v-else>
|
||
<image class="img-width" :src="table.imageDoorhead2"></image>
|
||
<view class="close-icon" @click="delStops('imageDoorhead2', 22)" v-if="isEmpty(table.imageDoorhead2)==false">
|
||
<u-icon name="close"></u-icon>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
<view>
|
||
<view class="upload" @click="updateImg(24)" v-if="isEmpty(table.imageExperience2)==true">
|
||
<u-icon name="plus"></u-icon>
|
||
<view class="text-tips">
|
||
{{'体验区'}}
|
||
</view>
|
||
</view>
|
||
<view class="upload-img" v-else>
|
||
<image class="img-width" :src="table.imageExperience2"></image>
|
||
<view class="close-icon" @click="delStops('imageExperience2', 24)" v-if="isEmpty(table.imageExperience2)==false">
|
||
<u-icon name="close"></u-icon>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
<view>
|
||
<view class="upload" @click="updateImg(26)" v-if="isEmpty(table.imageMeeting2)==true">
|
||
<u-icon name="plus"></u-icon>
|
||
<view class="text-tips">
|
||
{{'会议室'}}
|
||
</view>
|
||
</view>
|
||
<view class="upload-img" v-else>
|
||
<image class="img-width" :src="table.imageMeeting2"></image>
|
||
<view class="close-icon" @click="delStops('imageMeeting2', 26)" v-if="isEmpty(table.imageMeeting2)==false">
|
||
<u-icon name="close"></u-icon>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
<view>
|
||
<view class="upload" @click="updateImg(28)" v-if="isEmpty(table.imageProduct2)==true">
|
||
<u-icon name="plus"></u-icon>
|
||
<view class="text-tips">
|
||
{{'产品展示区'}}
|
||
</view>
|
||
</view>
|
||
<view class="upload-img" v-else>
|
||
<image class="img-width" :src="table.imageProduct2"></image>
|
||
<view class="close-icon" @click="delStops('imageProduct2', 28)" v-if="isEmpty(table.imageProduct2)==false">
|
||
<u-icon name="close"></u-icon>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
<view>
|
||
<view class="upload" @click="updateImg(29)" v-if="isEmpty(table.imageLounge1)==true">
|
||
<u-icon name="plus"></u-icon>
|
||
<view class="text-tips">
|
||
{{'休息室'}}
|
||
</view>
|
||
</view>
|
||
<view class="upload-img" v-else>
|
||
<image class="img-width" :src="table.imageLounge1"></image>
|
||
<view class="close-icon" @click="delStops('imageLounge1', 29)" v-if="isEmpty(table.imageLounge1)==false">
|
||
<u-icon name="close"></u-icon>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
<view>
|
||
<view class="upload" @click="updateImg(30)" v-if="isEmpty(table.imageLounge2)==true">
|
||
<u-icon name="plus"></u-icon>
|
||
<view class="text-tips">
|
||
{{'休息室'}}
|
||
</view>
|
||
</view>
|
||
<view class="upload-img" v-else>
|
||
<image class="img-width" :src="table.imageLounge2"></image>
|
||
<view class="close-icon" @click="delStops('imageLounge2', 30)" v-if="isEmpty(table.imageLounge2)==false">
|
||
<u-icon name="close"></u-icon>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
<view class="text-s">
|
||
<view class="text-colors" v-for="item in tips1">
|
||
{{item}}
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
|
||
</view>
|
||
<view class="submit" v-if="status == 1 && status_flag==true" @click="submit">{{text}}</view>
|
||
|
||
<v-address ref="address"
|
||
@getAddressData="AddressData"
|
||
:defaultCode="defaultCode"
|
||
@addressData="addressData"></v-address>
|
||
|
||
</u-form>
|
||
<v-address-s ref="address1"
|
||
@getAddressData1="AddressData1"
|
||
:defaultCode="defaultCode1"
|
||
@addressData1="addressData1">
|
||
|
||
</v-address-s>
|
||
</view>
|
||
</view>
|
||
</template>
|
||
|
||
<script>
|
||
import * as api from '@/config/approve.js'
|
||
import address from '@/components/addressMarket.vue'
|
||
import address1 from '@/components/setAddressMarket.vue'
|
||
import { getToken, removeToken } from '@/config/auth.js'
|
||
export default {
|
||
data() {
|
||
return {
|
||
addressIndex:null,
|
||
status_flag:true,
|
||
cause:'', //驳回原因
|
||
sucShow:false,
|
||
required1:true,
|
||
disabled1:true,
|
||
defaultCode:[],
|
||
defaultCode1:[],
|
||
tips1:[`${'支持'}：jpg,png`,'上传图片不要光线太暗','要清晰不能虚化，并且满画布显示，要保证亮要充足。'],
|
||
tips2:['视频格式仅支持mp4','建议：上传视频要清晰不能虚化，要保证亮要充足。'],
|
||
text:'提交认证',
|
||
bankName:'',
|
||
disableds: false,
|
||
storeTypes: 2,
|
||
memberCode:'',
|
||
memberName:'',
|
||
storeLevelVal:'',
|
||
show1:false,
|
||
status: null, //0未上传过 1已上传正在系统审核 2审核已成功只能查看无法编辑 3审核被驳回
|
||
table: {
|
||
storeType:2,
|
||
status: 0,
|
||
storeName: "", //名称
|
||
storeLevelVal: "", //超级工作室等级
|
||
licenseName: "", //营业执照名称
|
||
creditCode: "", //统一社会信用代码
|
||
legalName: "", //法人姓名
|
||
legalIdCard: "", //法人身份证号
|
||
licenseProvince: "", //营业执照省
|
||
licenseCity: "", //营业执照市
|
||
licenseCounty: "", //营业执照区
|
||
licenseAddress: "", //营业执照详细地址
|
||
storePerson: "", //联系人
|
||
storePhone: "", //联系方式
|
||
pkBank: "", //银行名称
|
||
bankAccount: "", //银行账号
|
||
storeProvince: "", //省
|
||
storeCity: "", //市
|
||
storeCounty: "", //区
|
||
storeAddress: "", //详细地址
|
||
storeSign: "", // 超级工作室标志
|
||
legalCardFront: "", //法人身份证正面
|
||
legalCardBack: "", // 法人身份证反面
|
||
license: "", // 营业执照
|
||
storeAgreementList: [], // 协议列表
|
||
videoDoorhead: "", // 门店门头视频
|
||
videoStore: "", // 门店店内视频
|
||
videoProduct: "", // 门店产品视频
|
||
imageDoorhead1: "", // 门店门头图片1
|
||
imageDoorhead2: "", // 门店门头图片2
|
||
imageExperience1: "", // 门店体验区图片1
|
||
imageExperience2: "", // 门店体验区图片2
|
||
imageMeeting1: "", // 门店会议室图片1
|
||
imageMeeting2: "", // 门店会议室图片2
|
||
imageProduct1: "", // 门店产品图片1
|
||
imageProduct2: "", // 门店产品图片2
|
||
imageLounge1: "", // 门店休息室图片1
|
||
imageLounge2: "", // 门店休息室图片2
|
||
bankBranch: "",//开户支行
|
||
},
|
||
address:'',//营业执照地址
|
||
address1:'',//详细地址
|
||
bankCardChioceList: [],
|
||
rules: {
|
||
storeName: [
|
||
{ required: true, message: '请输入', trigger: "blur" },
|
||
],
|
||
licenseName: [
|
||
{ required: true, message: '请输入', trigger: "blur" },
|
||
],
|
||
creditCode: [
|
||
{ required: true, message: '请输入', trigger: "blur" },
|
||
],
|
||
legalName: [
|
||
{ required: true, message: '请输入', trigger: "blur" },
|
||
],
|
||
legalIdCard: [
|
||
{ required: true, message: '请输入', trigger: "blur" },
|
||
],
|
||
licenseProvince: [
|
||
{ required: true, message: '请选择', trigger: ['blur', 'change'] },
|
||
],
|
||
licenseAddress: [
|
||
{ required: true, message: '请输入', trigger: "blur" },
|
||
],
|
||
storeAddress: [
|
||
{ required: true, message: '请输入', trigger: "blur" },
|
||
],
|
||
storeProvince: [
|
||
{ required: true, message: '请选择', trigger: ['blur', 'change'] },
|
||
],
|
||
pkBank: [
|
||
{ required: false, message: '请选择', trigger: ['blur', 'change'] },
|
||
],
|
||
bankAccount: [
|
||
{ required: true, message: '请输入', trigger: "blur" },
|
||
],
|
||
bankBranch: [
|
||
{ required: true, message: '请输入', trigger: "blur" },
|
||
],
|
||
storePerson: [
|
||
{ required: true, message: '请输入', trigger: "blur" },
|
||
],
|
||
storePhone: [
|
||
{
|
||
required: true,
|
||
message: '请输入手机号',
|
||
trigger: ['blur'],
|
||
},
|
||
{
|
||
validator: (rule, value, callback) => {
|
||
return this.$u.test.mobile(value)
|
||
},
|
||
message: '手机号格式不正确',
|
||
trigger: ['blur'],
|
||
},
|
||
],
|
||
storeSign: [
|
||
{ required: true, message: " ", trigger: "blur" },
|
||
],
|
||
},
|
||
dataList:{},
|
||
userInfo:''
|
||
}
|
||
},
|
||
onLoad() {
|
||
this.getBankList()
|
||
this.getUserStatus();
|
||
this.userInfo = uni.getStorageSync('User')
|
||
},
|
||
components: {
|
||
'v-address': address,
|
||
'v-address-s': address1,
|
||
},
|
||
onReady() {
|
||
this.$refs.uForm.setRules(this.rules);
|
||
},
|
||
methods: {
|
||
clickImg(url) {
|
||
console.error(url)
|
||
uni.previewImage({
|
||
urls:url
|
||
})
|
||
},
|
||
getUserVideoSum(){
|
||
let data1 = this.isEmpty(this.table.videoDoorhead)==false?1:0 ;
|
||
let data2 = this.isEmpty(this.table.videoStore)==false?1:0 ;
|
||
let data3 = this.isEmpty(this.table.videoProduct)==false?1:0 ;
|
||
return data1+data2+data3
|
||
},
|
||
getUserVideoSum1(){
|
||
let data1 = this.isEmpty(this.table.imageDoorhead1)==false?1:0 ;
|
||
let data2 = this.isEmpty(this.table.imageExperience1)==false?1:0 ;
|
||
let data3 = this.isEmpty(this.table.imageMeeting1)==false?1:0 ;
|
||
let data4 = this.isEmpty(this.table.imageProduct1)==false?1:0 ;
|
||
let data5 = this.isEmpty(this.table.imageLounge1)==false?1:0 ;
|
||
let data6 = this.isEmpty(this.table.imageDoorhead2)==false?1:0 ;
|
||
let data7 = this.isEmpty(this.table.imageExperience2)==false?1:0 ;
|
||
let data8 = this.isEmpty(this.table.imageMeeting2)==false?1:0 ;
|
||
let data9 = this.isEmpty(this.table.imageProduct2)==false?1:0 ;
|
||
let data10 = this.isEmpty(this.table.imageLounge2)==false?1:0 ;
|
||
return data1+data2+data3+data4+data5+data6+data7+data8+data9+data10
|
||
},
|
||
AddressData(name){
|
||
this.address = name
|
||
},
|
||
AddressData1(name){
|
||
this.address1 = name
|
||
},
|
||
checks(check) {
|
||
if(check==1){
|
||
this.status = 1
|
||
this.flags = 0
|
||
this.disableds = true
|
||
this.text = '重新认证'
|
||
this.status_flag = false
|
||
|
||
}
|
||
if(check==2){
|
||
this.text = '提交认证'
|
||
this.status = 1
|
||
this.flags = 0
|
||
this.disableds = false
|
||
this.sucShow = false
|
||
}
|
||
},
|
||
getUserStatus() {
|
||
api.makerSpaceDetail({ storeType: this.storeTypes }).then((res) => {
|
||
this.dataList = res.data
|
||
this.memberCode = res.data.memberCode;
|
||
this.memberName = res.data.memberName;
|
||
this.storeLevelVal = res.data.storeLevelVal;
|
||
if(res.data.applyStatus==undefined){
|
||
this.status = 1
|
||
}else{
|
||
this.status = res.data.applyStatus
|
||
this.cause = res.data.rejectMsg
|
||
this.status1 = res.data.applyStatus
|
||
if (res.data.applyStatus != 0) {
|
||
this.flags = 1;
|
||
}
|
||
if(res.data.applyTime){
|
||
this.creatTime = res.data.applyTime
|
||
}
|
||
if(res.data.approveTime){
|
||
this.checkTime = res.data.approveTime
|
||
}
|
||
if(this.status>0){
|
||
let arr=[];
|
||
let arr1=[];
|
||
if(res.data.storeProvince){
|
||
arr1.push(res.data.storeProvince.toString())
|
||
arr1.push(res.data.storeCity.toString())
|
||
if(res.data.storeCounty){
|
||
arr1.push(res.data.storeCounty.toString())
|
||
}
|
||
}
|
||
if(res.data.licenseProvince){
|
||
arr.push(res.data.licenseProvince.toString())
|
||
arr.push(res.data.licenseCity.toString())
|
||
if(res.data.licenseCounty){
|
||
arr.push(res.data.licenseCounty.toString())
|
||
}
|
||
}
|
||
this.defaultCode = [
|
||
res.data.licenseProvince,
|
||
res.data.licenseCity,
|
||
res.data.licenseCounty || '',
|
||
]
|
||
this.defaultCode1 = [
|
||
res.data.storeProvince,
|
||
res.data.storeCity,
|
||
res.data.storeCounty || '',
|
||
]
|
||
setTimeout(()=>{
|
||
this.bankCardChioceList.forEach((item)=>{
|
||
if(item.pkId==res.data.pkBank){
|
||
this.bankName = item.bankName
|
||
}
|
||
})
|
||
},50)
|
||
this.address = arr //营业执照省市区
|
||
this.address1 = arr1 //联系人省市区
|
||
this.table={
|
||
storeType:res.data.storeType,
|
||
storeName: res.data.storeName, //名称
|
||
storeLevelVal: res.data.storeLevelVal, //超级工作室等级
|
||
licenseName: res.data.licenseName, //营业执照名称
|
||
creditCode:res.data.creditCode, //统一社会信用代码
|
||
legalName: res.data.legalName, //法人姓名
|
||
legalIdCard: res.data.legalIdCard, //法人身份证号
|
||
licenseProvince: res.data.licenseProvince, //营业执照省
|
||
licenseCity: res.data.licenseCity, //营业执照市
|
||
licenseCounty: res.data.licenseCounty, //营业执照区
|
||
licenseAddress: res.data.licenseAddress, //营业执照详细地址
|
||
storePerson:res.data.storePerson, //联系人
|
||
storePhone: res.data.storePhone, //联系方式
|
||
pkBank: res.data.pkBank, //银行名称
|
||
bankAccount: res.data.bankAccount, //银行账号
|
||
storeProvince: res.data.storeProvince, //省
|
||
storeCity: res.data.storeCity, //市
|
||
storeCounty: res.data.storeCounty, //区
|
||
storeAddress: res.data.storeAddress, //详细地址
|
||
storeSign:res.data.storeSign?res.data.storeSign:'', // 超级工作室标志
|
||
legalCardFront: res.data.legalCardFront, //法人身份证正面
|
||
legalCardBack: res.data.legalCardBack, // 法人身份证反面
|
||
license: res.data.license, // 营业执照
|
||
storeAgreementList: res.data.storeAgreementList || [], // 协议列表
|
||
videoDoorhead: res.data.videoDoorhead, // 门店门头视频
|
||
videoStore: res.data.videoStore, // 门店店内视频
|
||
videoProduct: res.data.videoProduct, // 门店产品视频
|
||
imageDoorhead1: res.data.imageDoorhead1, // 门店门头图片1
|
||
imageDoorhead2: res.data.imageDoorhead2, // 门店门头图片2
|
||
imageExperience1: res.data.imageExperience1, // 门店体验区图片1
|
||
imageExperience2: res.data.imageExperience2, // 门店体验区图片2
|
||
imageMeeting1: res.data.imageMeeting1, // 门店会议室图片1
|
||
imageMeeting2: res.data.imageMeeting2, // 门店会议室图片2
|
||
imageProduct1: res.data.imageProduct1, // 门店产品图片1
|
||
imageProduct2: res.data.imageProduct2, // 门店产品图片2
|
||
imageLounge1: res.data.imageLounge1, // 门店休息室图片1
|
||
imageLounge2: res.data.imageLounge2, // 门店休息室图片2
|
||
bankBranch: res.data.bankBranch //支行
|
||
}
|
||
}
|
||
}
|
||
});
|
||
},
|
||
isEmpty(v) {
|
||
switch (typeof v) {
|
||
case 'undefined':
|
||
return true;
|
||
case 'string':
|
||
if (v.replace(/(^[ \t\n\r]*)|([ \t\n\r]*$)/g, '').length == 0) return true;
|
||
break;
|
||
case 'boolean':
|
||
if (!v) return true;
|
||
break;
|
||
case 'number':
|
||
if (0 === v || isNaN(v)) return true;
|
||
break;
|
||
case 'object':
|
||
if (null === v || v.length === 0) return true;
|
||
for (var i in v) {
|
||
return false;
|
||
}
|
||
return true;
|
||
}
|
||
return false;
|
||
},
|
||
submit(){
|
||
let that = this
|
||
this.$refs.uForm.validate().then((res) => {
|
||
if(this.isEmpty(this.bankName)==true){
|
||
uni.showToast({
|
||
icon:"none",
|
||
title:'请选择'
|
||
})
|
||
return
|
||
}
|
||
if(this.isEmpty(this.address)==true){
|
||
uni.showToast({
|
||
icon:"none",
|
||
title:'请选择'
|
||
})
|
||
return
|
||
}
|
||
if(this.isEmpty(this.address1)==true){
|
||
uni.showToast({
|
||
icon:"none",
|
||
title:'请选择'
|
||
})
|
||
return
|
||
}
|
||
if(this.isEmpty(this.table.storeSign)==true){
|
||
uni.showToast({
|
||
icon:"none",
|
||
title:'请上传'
|
||
})
|
||
return
|
||
}
|
||
if(this.isEmpty(this.table.legalCardFront)==true){
|
||
uni.showToast({
|
||
icon:"none",
|
||
title:'请上传法人身份证正面'
|
||
})
|
||
return
|
||
}
|
||
if(this.isEmpty(this.table.legalCardBack)){
|
||
uni.showToast({
|
||
icon:"none",
|
||
title:'请上传法人身份证反面'
|
||
})
|
||
return
|
||
}
|
||
if( this.isEmpty(this.table.license)==true){
|
||
uni.showToast({
|
||
icon:"none",
|
||
title:'请上传营业执照'
|
||
})
|
||
return
|
||
}
|
||
if(this.table.storeAgreementList.length==0){
|
||
uni.showToast({
|
||
icon:"none",
|
||
title:'请上传已签字的超级工作室协议'
|
||
})
|
||
return
|
||
}
|
||
if(this.isEmpty(this.table.videoDoorhead)==true){
|
||
uni.showToast({
|
||
icon:"none",
|
||
title:'请上传门店门头视频'
|
||
})
|
||
return
|
||
}
|
||
if(this.isEmpty(this.table.videoStore)==true){
|
||
uni.showToast({
|
||
icon:"none",
|
||
title:'请上传门店店内视频'
|
||
})
|
||
return
|
||
}
|
||
if(this.isEmpty(this.table.videoProduct)==true){
|
||
uni.showToast({
|
||
icon:"none",
|
||
title:'请上传门店产品视频'
|
||
})
|
||
return
|
||
}
|
||
if(this.isEmpty(this.table.imageDoorhead1)==true){
|
||
uni.showToast({
|
||
icon:"none",
|
||
title:'请上传门店门头图片'
|
||
})
|
||
return
|
||
}
|
||
if(this.isEmpty(this.table.imageDoorhead2)==true){
|
||
uni.showToast({
|
||
icon:"none",
|
||
title:'请上传门店门头图片'
|
||
})
|
||
return
|
||
}
|
||
if(this.isEmpty(this.table.imageExperience1)==true){
|
||
uni.showToast({
|
||
icon:"none",
|
||
title:'请上传门店体验区图片'
|
||
})
|
||
return
|
||
}
|
||
if(this.isEmpty(this.table.imageExperience2)==true){
|
||
uni.showToast({
|
||
icon:"none",
|
||
title:'请上传门店体验区图片'
|
||
})
|
||
return
|
||
}
|
||
if(this.isEmpty(this.table.imageMeeting1)==true){
|
||
uni.showToast({
|
||
icon:"none",
|
||
title:'请上传门店会议室图片'
|
||
})
|
||
return
|
||
}
|
||
if(this.isEmpty(this.table.imageMeeting2)==true){
|
||
uni.showToast({
|
||
icon:"none",
|
||
title:'请上传门店会议室图片'
|
||
})
|
||
return
|
||
}
|
||
if(this.isEmpty(this.table.imageProduct1)==true){
|
||
uni.showToast({
|
||
icon:"none",
|
||
title:'请上传门店产品图片'
|
||
})
|
||
return
|
||
}
|
||
if(this.isEmpty(this.table.imageProduct2)==true){
|
||
uni.showToast({
|
||
icon:"none",
|
||
title:'请上传门店产品图片'
|
||
})
|
||
return
|
||
}
|
||
|
||
if(this.isEmpty(this.table.imageLounge1)==true){
|
||
uni.showToast({
|
||
icon:"none",
|
||
title:'请上传门店休息室图片'
|
||
})
|
||
return
|
||
}
|
||
if(this.isEmpty(this.table.imageLounge2)==true){
|
||
uni.showToast({
|
||
icon:"none",
|
||
title:'请上传门店休息室图片'
|
||
})
|
||
return
|
||
}
|
||
api.submit(this.table).then((res)=>{
|
||
if(res.code=='200'){
|
||
uni.showToast({
|
||
icon:"none",
|
||
title:res.msg
|
||
})
|
||
that.getUserStatus();
|
||
that.$forceUpdate()
|
||
}
|
||
})
|
||
})
|
||
},
|
||
delStop(index) {
|
||
if(this.disableds==true){
|
||
return
|
||
}
|
||
let data = {
|
||
storeType: this.storeTypes,
|
||
filePath: this.table.storeAgreementList[index],
|
||
fileType: 14,
|
||
};
|
||
api.deleteFile(`?storeType=${this.storeTypes}&filePath=${this.table.storeAgreementList[index]}&fileType=14`).then((res) => {
|
||
if (res.code == "200") {
|
||
this.table.storeAgreementList.splice(index, 1);
|
||
this.$message({
|
||
message: res.msg,
|
||
type: "success",
|
||
});
|
||
}
|
||
});
|
||
},
|
||
delStops(item, num) {
|
||
if(this.disableds==true){
|
||
return
|
||
}
|
||
const time = item;
|
||
let data = {
|
||
storeType: this.storeTypes,
|
||
filePath: this.table[item],
|
||
fileType: num,
|
||
};
|
||
api.deleteFile(`?storeType=${this.storeTypes}&filePath=${this.table[item]}&fileType=${num}`).then((res) => {
|
||
if (res.code == "200") {
|
||
this.table[item] = "";
|
||
uni.showToast({
|
||
icon:"none",
|
||
title:res.msg
|
||
})
|
||
}
|
||
});
|
||
},
|
||
// 上传多张图片
|
||
updateImgs(types) {
|
||
if(this.disableds==true){
|
||
return
|
||
}
|
||
const http = uni.$u.http.config.baseURL
|
||
let token = getToken();
|
||
let type = this.storeTypes
|
||
uni.chooseImage({
|
||
sourceType: ['album'], //从相册选择
|
||
success: chooseImageRes => {
|
||
const tempFilePaths = chooseImageRes.tempFilePaths;
|
||
uni.uploadFile({
|
||
url: http+`/member/api/maker-space/update-file?storeType=${type}&fileType=${types}`,
|
||
filePath: tempFilePaths[0],
|
||
name: 'file',
|
||
header: {
|
||
Authorization:token
|
||
},
|
||
success: res => {
|
||
if (res.statusCode == 200) {
|
||
let data = JSON.parse(res.data)
|
||
this.table.storeAgreementList.push(data.data.url)
|
||
console.error(this.table.storeAgreementList)
|
||
}
|
||
}
|
||
});
|
||
},
|
||
fail: err => {
|
||
this.myToast('图片上传失败', 'none');
|
||
}
|
||
});
|
||
},
|
||
// 上传单张图片
|
||
updateImg(types) {
|
||
if(this.disableds==true){
|
||
return
|
||
}
|
||
const http = uni.$u.http.config.baseURL
|
||
let token = getToken();
|
||
let type = this.storeTypes
|
||
uni.chooseImage({
|
||
sourceType: ['album'], //从相册选择
|
||
success: chooseImageRes => {
|
||
const tempFilePaths = chooseImageRes.tempFilePaths;
|
||
uni.uploadFile({
|
||
url: http+`/member/api/maker-space/update-file?storeType=${type}&fileType=${types}`,
|
||
filePath: tempFilePaths[0],
|
||
name: 'file',
|
||
header: {
|
||
Authorization:token
|
||
},
|
||
success: res => {
|
||
if (res.statusCode == 200) {
|
||
let data = JSON.parse(res.data)
|
||
switch(types){
|
||
case 10:
|
||
this.table.storeSign = data.data.url
|
||
break;
|
||
case 11:
|
||
this.table.legalCardFront = data.data.url
|
||
break;
|
||
case 12:
|
||
this.table.legalCardBack = data.data.url
|
||
break;
|
||
case 13:
|
||
this.table.license = data.data.url
|
||
break;
|
||
case 21:
|
||
this.table.imageDoorhead1 = data.data.url
|
||
break;
|
||
case 22:
|
||
this.table.imageDoorhead2 = data.data.url
|
||
break;
|
||
case 23:
|
||
this.table.imageExperience1 = data.data.url
|
||
break;
|
||
case 24:
|
||
this.table.imageExperience2 = data.data.url
|
||
break;
|
||
case 25:
|
||
this.table.imageMeeting1 = data.data.url
|
||
break;
|
||
case 26:
|
||
this.table.imageMeeting2 = data.data.url
|
||
break;
|
||
case 27:
|
||
this.table.imageProduct1 = data.data.url
|
||
break;
|
||
case 28:
|
||
this.table.imageProduct2 = data.data.url
|
||
break;
|
||
case 29:
|
||
this.table.imageLounge1 = data.data.url
|
||
break;
|
||
case 30:
|
||
this.table.imageLounge2 = data.data.url
|
||
break;
|
||
}
|
||
}
|
||
}
|
||
});
|
||
},
|
||
fail: err => {
|
||
this.myToast('图片上传失败', 'none');
|
||
}
|
||
});
|
||
},
|
||
// 上传视频
|
||
updateVideo(types) {
|
||
if(this.disableds==true){
|
||
return
|
||
}
|
||
const http = uni.$u.http.config.baseURL
|
||
let token = getToken();
|
||
let type = this.storeTypes
|
||
uni.chooseVideo({
|
||
sourceType: ['camera', 'album'],
|
||
success: chooseImageRes => {
|
||
const tempFilePaths = chooseImageRes;
|
||
// console.error(tempFilePaths.tempFilePath)
|
||
uni.uploadFile({
|
||
url: http+`/member/api/maker-space/update-file?storeType=${type}&fileType=${types}`,
|
||
filePath: tempFilePaths.tempFilePath,
|
||
name: 'file',
|
||
header: {
|
||
Authorization:token
|
||
},
|
||
success: res => {
|
||
if (res.statusCode == 200) {
|
||
let data = JSON.parse(res.data)
|
||
switch(types){
|
||
case 1:
|
||
this.table.videoDoorhead = data.data.url
|
||
break;
|
||
case 2:
|
||
this.table.videoStore = data.data.url
|
||
break;
|
||
case 3:
|
||
this.table.videoProduct = data.data.url
|
||
break;
|
||
}
|
||
}
|
||
}
|
||
});
|
||
},
|
||
fail: err => {
|
||
this.myToast('图片上传失败', 'none');
|
||
}
|
||
});
|
||
},
|
||
bindDateChange1(e) {
|
||
if(this.disableds==true){
|
||
return
|
||
}
|
||
let value = e.detail.value
|
||
this.bankName = this.bankCardChioceList[value].bankName
|
||
this.table.pkBank = this.bankCardChioceList[value].pkId
|
||
},
|
||
getBankList() {
|
||
api.getBankLists().then((res)=>{
|
||
this.bankCardChioceList =res.data
|
||
})
|
||
},
|
||
addressData(diqu, obj) {
|
||
this.address = diqu
|
||
this.table.licenseProvince = obj.province
|
||
this.table.licenseCity = obj.city
|
||
this.table.licenseCounty = obj.county
|
||
this.$forceUpdate()
|
||
},
|
||
addressData1(diqu, obj) {
|
||
this.address1 = diqu
|
||
this.table.storeProvince = obj.province
|
||
this.table.storeCity = obj.city
|
||
this.table.storeCounty = obj.county
|
||
this.$forceUpdate()
|
||
},
|
||
getDiqu(index) {
|
||
this.$refs.address.setShow()
|
||
},
|
||
getDiqu1(index) {
|
||
this.$refs.address1.setShow()
|
||
},
|
||
downloads() {
|
||
const link = document.createElement('a');
|
||
link.href = 'https://hzs-in.oss-cn-beijing.aliyuncs.com/agreement/super_studio.pdf';
|
||
link.target = '_blank';
|
||
link.download = '下载超级工作室协议';
|
||
|
||
// 模拟点击<a>元素
|
||
document.body.appendChild(link);
|
||
link.click();
|
||
document.body.removeChild(link);
|
||
},
|
||
toggle(type){
|
||
this.$refs['popup'].open()
|
||
}
|
||
},
|
||
}
|
||
</script>
|
||
<style lang="scss" scoped>
|
||
.views{
|
||
background-color: #fff;
|
||
padding-top: 150rpx;
|
||
height: 1334rpx;
|
||
position: relative;
|
||
}
|
||
:v-deep .u-input__content{
|
||
padding-left: 20rpx;
|
||
}
|
||
.bg-colors{
|
||
background-color: #fff !important;
|
||
}
|
||
.height-auto{
|
||
border-radius: 30rpx;
|
||
height: 1000rpx;
|
||
background-color: #fff;
|
||
width: 690rpx;
|
||
overflow: auto;
|
||
}
|
||
.img_width{
|
||
text-align:center;
|
||
// height: 500rpx;
|
||
padding: 80rpx 30rpx;
|
||
width: 600rpx;
|
||
overflow: auto;
|
||
::v-deep img{
|
||
width: 600rpx
|
||
}
|
||
}
|
||
.button-s {
|
||
width: 290rpx;
|
||
height: 66rpx;
|
||
background: #d61820;
|
||
border-radius: 10rpx;
|
||
text-align: center;
|
||
cursor: pointer;
|
||
line-height: 66rpx;
|
||
font-size: 22rpx;
|
||
color: #fff;
|
||
margin: 0 auto;
|
||
}
|
||
.bolds {
|
||
font-weight: bold;
|
||
}
|
||
.status-size {
|
||
margin-top: 10rpx;
|
||
font-size: 30rpx;
|
||
color: #000;
|
||
}
|
||
.status-img{
|
||
image{
|
||
width:200rpx;
|
||
height: 200rpx;
|
||
}
|
||
}
|
||
.img_cen{
|
||
background-color: #fff;
|
||
text-align: center;
|
||
}
|
||
.submit{
|
||
width: 692rpx;
|
||
height: 92rpx;
|
||
background: #005BAC;
|
||
border-radius: 44rpx;
|
||
margin: 50rpx auto;
|
||
line-height: 92rpx;
|
||
text-align: center;
|
||
color: #fff;
|
||
font-size: 30rpx;
|
||
}
|
||
:v-deep .u-form-item__body__left__content__label{
|
||
font-size: 28rpx;
|
||
color: #333;
|
||
}
|
||
.text-tips{
|
||
z-index: 1;
|
||
position: absolute;
|
||
color: #999;
|
||
font-size: 18rpx;
|
||
top: 15rpx;
|
||
}
|
||
.content_s{
|
||
display: flex;
|
||
}
|
||
.none-s{
|
||
border-bottom: none!important;
|
||
}
|
||
.text-colors{
|
||
color: #005BAC;
|
||
font-size: 24rpx;
|
||
margin-bottom: 10rpx;
|
||
}
|
||
.text-s{
|
||
margin: 20rpx 0 0 20rpx;
|
||
}
|
||
.upload-content{
|
||
margin-top: 20rpx;
|
||
}
|
||
.upload{
|
||
width: 150rpx;
|
||
height: 150rpx;
|
||
background: #FFFFFF;
|
||
border: 1rpx solid #DDDDDD;
|
||
margin-left: 20rpx;
|
||
display: flex;
|
||
justify-content: center;
|
||
position: relative;
|
||
align-items: center;
|
||
margin-bottom: 20rpx;
|
||
}
|
||
.upload-img{
|
||
position: relative;
|
||
width: 150rpx;
|
||
height: 150rpx;
|
||
margin-left: 20rpx;
|
||
margin-bottom: 20rpx;
|
||
.close-icon{
|
||
position: absolute;
|
||
right: 10rpx;
|
||
top:10rpx;
|
||
z-index: 1;
|
||
}
|
||
.img-width{
|
||
width: 150rpx;
|
||
height: 150rpx;
|
||
}
|
||
}
|
||
.text{
|
||
margin-left: 20rpx;
|
||
}
|
||
.right-icon{
|
||
position: absolute;
|
||
right: 0;
|
||
top: 45rpx;
|
||
}
|
||
:v-deep .u-form-item__body__left__content__label{
|
||
margin-left: 20rpx;
|
||
}
|
||
:v-deep.u-form-item__body__left__content__required{
|
||
margin: 35rpx 10rpx 0 10rpx;
|
||
// position: absolute;
|
||
// top:40rpx;
|
||
color: #005BAC;
|
||
width: 10rpx;
|
||
}
|
||
:v-deep .u-form-item__body{
|
||
padding: 10rpx 0;
|
||
}
|
||
:v-deep .u-form-item__body__right__message{
|
||
padding-bottom: 20rpx;
|
||
}
|
||
.place{
|
||
color: #999;
|
||
}
|
||
:v-deep .uni-input-placeholder{
|
||
// padding-left: 20rpx;
|
||
}
|
||
:v-deep
|
||
.texts{
|
||
height: 78rpx;
|
||
}
|
||
.padding-s{
|
||
// padding: 0 20rpx;
|
||
line-height: 105rpx;
|
||
border-bottom: 1rpx solid #eee;
|
||
margin: 0 20rpx;
|
||
position: relative;
|
||
}
|
||
.height{
|
||
border-bottom: 1rpx solid #eee;
|
||
margin:20rpx;
|
||
position: relative;
|
||
padding-bottom: 1rpx solid #eee;
|
||
padding-bottom: 30rpx;
|
||
}
|
||
.lines-height{
|
||
padding: 0 25rpx;
|
||
display: flex;
|
||
background: rgba(251,48,36,0.15);
|
||
line-height: 105rpx;
|
||
height: 105rpx;
|
||
position: relative;
|
||
}
|
||
.text_s{
|
||
color: #005BAC;
|
||
font-size: 28rpx;
|
||
margin-left: 25rpx;
|
||
font-weight: bold;
|
||
}
|
||
.lines{
|
||
position: absolute;
|
||
left: 30rpx;
|
||
top: 40rpx;
|
||
width: 6rpx;
|
||
height: 24rpx;
|
||
background: #005BAC;
|
||
// margin: 30rpx 0 0;
|
||
}
|
||
.contents{
|
||
background-color: #fff;
|
||
margin-top: 10rpx;
|
||
height: 100%;
|
||
}
|
||
.text{
|
||
color: #999;
|
||
font-size: 24rpx;
|
||
}
|
||
.button{
|
||
width: 320rpx;
|
||
height: 76rpx;
|
||
text-align: center;
|
||
margin: 15rpx auto;
|
||
background: #FFAC3E;
|
||
border-radius: 38rpx;
|
||
line-height: 76rpx;
|
||
color: #fff;
|
||
font-size: 24rpx;
|
||
}
|
||
.tops{
|
||
padding: 20rpx 20rpx 30rpx 20rpx;
|
||
// height: 206px;
|
||
background: #FFFFFF;
|
||
}
|
||
page{
|
||
background-color: #f2f2f2;
|
||
width: 100%;
|
||
height: 100%;
|
||
}
|
||
</style>
|