3
0
Fork 0
web-store-retail-h5/pages/makerspace/index.vue

1592 lines
47 KiB
Vue
Raw Normal View History

2025-03-23 09:29:40 +08:00
<!--
* @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="title-s" style="color: #333;font-size: 34rpx;font-weight: bold;
text-align: center;margin-top: 30rpx;">{{'驳回原因'}}</view>
2025-03-23 09:29:40 +08:00
<view class="height-auto">
<div v-html="cause" class="img_width"></div>
<div class="button-s" style="margin:50rpx auto" @click="checks(2)">{{'重新提交'}}</div>
2025-03-23 09:29:40 +08:00
</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>
2025-03-23 09:29:40 +08:00
</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>
2025-03-23 09:29:40 +08:00
</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" v-if='userInfo.makerSpaceShow == 1||userInfo.makerSpaceShow == undefined'>{{'恭喜您完成创客空间发起人认证如想升级成体验中心发起人请致电客服电话400-111-2818或在线客服了解详情。'}}</div>
<div class="status-size bolds" v-if='userInfo.makerSpaceShow == 2'>{{'恭喜您,完成体验中心认证'}}</div>
<div class="button-s" style="margin-top: 30px" @click="checks(1)">{{'查看详情'}}</div>
2025-03-23 09:29:40 +08:00
</div>
</view>
<view class="markerSpce" v-if="status==1">
<view class="tops">
<view class="text">{{'下载《创客空间合同》后打印,手签并填写合同后拍照留存,以备在申请时进行上传。'}}</view>
<view class="button" @click="downloads">{{'下载创客空间协议'}}</view>
2025-03-23 09:29:40 +08:00
<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>
2025-03-23 09:29:40 +08:00
</view>
<view class="padding-s">
<u-form-item :label="'会员编号'" :required="required1" >
2025-03-23 09:29:40 +08:00
<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" >
2025-03-23 09:29:40 +08:00
<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">
2025-03-23 09:29:40 +08:00
<u-input v-model="table.storeName"
class="texts"
placeholder-class="place"
:disabled="disableds"
:placeholder="'请输入'"
2025-03-23 09:29:40 +08:00
border="none"></u-input>
</u-form-item>
</view>
<view class="padding-s">
<u-form-item :label="'创客空间等级'" :required="required1" >
2025-03-23 09:29:40 +08:00
<u-input v-model="storeLevelVal"
class="texts"
:disabled="disabled1"
placeholder=""
border="none"></u-input>
</u-form-item>
</view>
<view class="padding-s">
<u-form-item :label="'营业执照名称'" :required="required1" prop="licenseName">
2025-03-23 09:29:40 +08:00
<u-input v-model="table.licenseName"
class="texts"
maxlength="100"
placeholder-class="place"
:disabled="disableds"
:placeholder="'请输入'"
2025-03-23 09:29:40 +08:00
border="none"></u-input>
</u-form-item>
</view>
<view class="padding-s">
<u-form-item :label="'统一社会信用代码'" :required="required1" prop="creditCode">
2025-03-23 09:29:40 +08:00
<u-input v-model="table.creditCode"
class="texts"
maxlength="100"
placeholder-class="place"
:disabled="disableds"
:placeholder="'请输入'"
2025-03-23 09:29:40 +08:00
border="none"></u-input>
</u-form-item>
</view>
<view class="padding-s">
<u-form-item :label="'法人姓名'" :required="required1" prop="legalName">
2025-03-23 09:29:40 +08:00
<u-input v-model="table.legalName"
class="texts"
placeholder-class="place"
:disabled="disableds"
:placeholder="'请输入'"
2025-03-23 09:29:40 +08:00
border="none"></u-input>
</u-form-item>
</view>
<view class="padding-s">
<u-form-item :label="'法人身份证号'" :required="required1" prop="legalIdCard">
2025-03-23 09:29:40 +08:00
<u-input v-model="table.legalIdCard"
class="texts"
placeholder-class="place"
:disabled="disableds"
:placeholder="'请输入'"
2025-03-23 09:29:40 +08:00
border="none"></u-input>
</u-form-item>
</view>
<view class="padding-s" @click="getDiqu(1)">
<u-form-item :label="'营业执照注册地址'" :required="required1">
2025-03-23 09:29:40 +08:00
<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">
2025-03-23 09:29:40 +08:00
<u-input v-model="table.licenseAddress"
class="texts"
maxlength="200"
placeholder-class="place"
:disabled="disableds"
:placeholder="'请输入'"
2025-03-23 09:29:40 +08:00
border="none"></u-input>
</u-form-item>
</view>
<view class="padding-s">
<u-form-item :label="'联系人'" :required="required1" prop="storePerson">
2025-03-23 09:29:40 +08:00
<u-input v-model="table.storePerson"
class="texts"
placeholder-class="place"
:disabled="disableds"
:placeholder="'请输入'"
2025-03-23 09:29:40 +08:00
border="none"></u-input>
</u-form-item>
</view>
<view class="padding-s">
<u-form-item :label="'联系方式'" :required="required1" prop="storePhone">
2025-03-23 09:29:40 +08:00
<u-input v-model="table.storePhone"
class="texts"
placeholder-class="place"
:disabled="disableds"
:placeholder="'请输入'"
2025-03-23 09:29:40 +08:00
border="none"></u-input>
</u-form-item>
</view>
<view class="padding-s" @click="getDiqu1(2)">
<u-form-item :label="'详细地址'" :required="required1">
2025-03-23 09:29:40 +08:00
<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">
2025-03-23 09:29:40 +08:00
<u-input v-model="table.storeAddress"
class="texts"
maxlength="200"
placeholder-class="place"
:disabled="disableds"
:placeholder="'请输入'"
2025-03-23 09:29:40 +08:00
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">
2025-03-23 09:29:40 +08:00
<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">
2025-03-23 09:29:40 +08:00
<u-input v-model="table.bankAccount"
class="texts"
placeholder-class="place"
:disabled="disableds"
:placeholder="'请输入'"
2025-03-23 09:29:40 +08:00
border="none"></u-input>
</u-form-item>
</view>
<view class="padding-s">
<u-form-item :label="'开户支行'" :required="required1" prop="bankBranch">
2025-03-23 09:29:40 +08:00
<u-input v-model="table.bankBranch"
class="texts"
placeholder-class="place"
:disabled="disableds"
:placeholder="'请输入'"
2025-03-23 09:29:40 +08:00
border="none"></u-input>
</u-form-item>
</view>
<view class="height none-s">
<u-form-item :label="'创客空间标志'" :required="required1">
2025-03-23 09:29:40 +08:00
</u-form-item>
<view class="text">{{'建议图片大小为200KB以内'}}</view>
2025-03-23 09:29:40 +08:00
<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 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>
2025-03-23 09:29:40 +08:00
</view>
<view class="height">
<u-form-item :label="'法人身份证正反面'" :required="required1">
2025-03-23 09:29:40 +08:00
</u-form-item>
<view class="text">{{'建议图片大小为1MB以内'}}</view>
2025-03-23 09:29:40 +08:00
<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">
2025-03-23 09:29:40 +08:00
</u-form-item>
<view class="text">{{'建议图片大小为1MB以内'}}</view>
2025-03-23 09:29:40 +08:00
<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">
2025-03-23 09:29:40 +08:00
</u-form-item>
<view class="text">{{'建议视频大小为50MB以内'}}</view>
2025-03-23 09:29:40 +08:00
<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">
2025-03-23 09:29:40 +08:00
</u-form-item>
<view class="text">{{'建议视频大小为50MB以内'}}</view>
2025-03-23 09:29:40 +08:00
<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">
{{'门头展示'}}
2025-03-23 09:29:40 +08:00
</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">
{{'店内视频'}}
2025-03-23 09:29:40 +08:00
</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">
{{'产品展示视频'}}
2025-03-23 09:29:40 +08:00
</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">
2025-03-23 09:29:40 +08:00
</u-form-item>
<view class="text">{{'建议图片大小为200KB以内'}}</view>
2025-03-23 09:29:40 +08:00
<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">
{{'门头展示'}}
2025-03-23 09:29:40 +08:00
</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">
{{'体验区'}}
2025-03-23 09:29:40 +08:00
</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">
{{'会议室'}}
2025-03-23 09:29:40 +08:00
</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">
{{'产品展示区'}}
2025-03-23 09:29:40 +08:00
</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">
{{'门头展示'}}
2025-03-23 09:29:40 +08:00
</view>
</view>
<view class="upload-img" v-else>
<image class="img-width" :src="table.imageDoorhead2"></image>
<view class="close-icon" @click="
('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">
{{'体验区'}}
2025-03-23 09:29:40 +08:00
</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">
{{'会议室'}}
2025-03-23 09:29:40 +08:00
</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">
{{'产品展示区'}}
2025-03-23 09:29:40 +08:00
</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">
{{'休息室'}}
2025-03-23 09:29:40 +08:00
</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">
{{'休息室'}}
2025-03-23 09:29:40 +08:00
</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>
<u-modal :show="isShow" @confirm="confirm" ref="uModal" :title="'提示'" :content="'请先进行经销商认证'"></u-modal>
2025-03-23 09:29:40 +08:00
</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 {
isShow:false,
addressIndex:null,
status_flag:true,
cause:'', //驳回原因
sucShow:false,
required1:true,
disabled1:true,
defaultCode:[],
defaultCode1:[],
tips1:[`${'支持'}jpg,png`,'上传图片不要光线太暗','要清晰不能虚化,并且满画布显示,要保证亮要充足。'],
tips2:['视频格式仅支持mp4','建议:上传视频要清晰不能虚化,要保证亮要充足。'],
text:'提交认证',
2025-03-23 09:29:40 +08:00
bankName:'',
disableds: false,
storeTypes: 1,
memberCode:'',
memberName:'',
storeLevelVal:'',
show1:false,
status: null, //0未上传过 1已上传正在系统审核 2审核已成功只能查看无法编辑 3审核被驳回
table: {
storeType:1,
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: '请输入联系方式',
2025-03-23 09:29:40 +08:00
trigger: 'blur',
},
{ min: 11, message: '请输入正确的手机号', trigger: 'blur' },
],
storeSign: [
{ required: true, message: " ", trigger: "blur" },
],
},
dataList:{},
userInfo:''
}
},
onLoad() {
this.userInfo = uni.getStorageSync("User");
let str
if( this.userInfo.makerSpaceShow == 1||this.userInfo.makerSpaceShow == undefined){
str= '创客发起人认证'
2025-03-23 09:29:40 +08:00
}else{
str= '体验中心发起人认证'
2025-03-23 09:29:40 +08:00
}
uni.setNavigationBarTitle({
title: str,
})
this.getBankList()
this.getUserStatus();
this.getIsRegiest()
},
components: {
'v-address': address,
'v-address-s': address1,
},
onReady() {
this.$refs.uForm.setRules(this.rules);
},
methods: {
confirm(){
uni.redirectTo({ url: '/pages/delear/index' })
this.isShow = false
},
getIsRegiest() {
api
.checkAttest({
storeType: 3,
})
.then((res) => {
if (res.data == 1) {
this.isShow = true
}
})
},
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 = '重新认证'
2025-03-23 09:29:40 +08:00
this.status_flag = false
}
if(check==2){
this.text ='提交认证'
2025-03-23 09:29:40 +08:00
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;
this.$set(this.table, 'licenseName', res.data.licenseName)
this.$set(this.table, 'creditCode', res.data.creditCode)
this.$set(this.table, 'legalName', res.data.legalName)
this.$set(this.table, 'legalIdCard', res.data.legalIdCard)
this.$set(this.table, 'licenseProvince', res.data.licenseProvince)
this.$set(this.table, 'licenseCity', res.data.licenseCity)
this.$set(this.table, 'licenseCounty', res.data.licenseCounty)
this.$set(this.table, 'licenseAddress', res.data.licenseAddress)
this.$set(this.table, 'storePerson', res.data.storePerson)
this.$set(this.table, 'storePhone', res.data.storePhone)
this.$set(this.table, 'pkBank', res.data.pkBank)
this.$set(this.table, 'bankAccount', res.data.bankAccount)
this.$set(this.table, 'storeProvince', res.data.storeProvince)
this.$set(this.table, 'storeCity', res.data.storeCity)
this.$set(this.table, 'storeCounty', res.data.storeCounty)
this.$set(this.table, 'storeAddress', res.data.storeAddress)
this.$set(this.table, 'bankBranch', res.data.bankBranch)
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)
// let address = [
// res.data.licenseProvince + '',
// res.data.licenseCity + '',
// res.data.licenseCounty + '',
// ]
// this.$set(this, 'address', address)
// let address1 = [
// res.data.licenseProvince + '',
// res.data.licenseCity + '',
// res.data.licenseCounty + '',
// ]
// this.$set(this, 'address1', address1)
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:'请选择'
2025-03-23 09:29:40 +08:00
})
return
}
if(this.isEmpty(this.address)==true){
uni.showToast({
icon:"none",
title:'请选择'
2025-03-23 09:29:40 +08:00
})
return
}
if(this.isEmpty(this.address1)==true){
uni.showToast({
icon:"none",
title:'请选择'
2025-03-23 09:29:40 +08:00
})
return
}
if(this.isEmpty(this.table.storeSign)==true){
uni.showToast({
icon:"none",
title:'请上传'
2025-03-23 09:29:40 +08:00
})
return
}
if(this.isEmpty(this.table.legalCardFront)==true){
uni.showToast({
icon:"none",
title:'请上传法人身份证正面'
2025-03-23 09:29:40 +08:00
})
return
}
if(this.isEmpty(this.table.legalCardBack)){
uni.showToast({
icon:"none",
title:'请上传法人身份证反面'
2025-03-23 09:29:40 +08:00
})
return
}
if( this.isEmpty(this.table.license)==true){
uni.showToast({
icon:"none",
title:'请上传营业执照'
2025-03-23 09:29:40 +08:00
})
return
}
if(this.table.storeAgreementList.length==0){
uni.showToast({
icon:"none",
title:'请上传已签字的创客空间协议'
2025-03-23 09:29:40 +08:00
})
return
}
if(this.isEmpty(this.table.videoDoorhead)==true){
uni.showToast({
icon:"none",
title:'请上传门店门头视频'
2025-03-23 09:29:40 +08:00
})
return
}
if(this.isEmpty(this.table.videoStore)==true){
uni.showToast({
icon:"none",
title:'请上传门店店内视频'
2025-03-23 09:29:40 +08:00
})
return
}
if(this.isEmpty(this.table.videoProduct)==true){
uni.showToast({
icon:"none",
title:'请上传门店产品视频'
2025-03-23 09:29:40 +08:00
})
return
}
if(this.isEmpty(this.table.imageDoorhead1)==true){
uni.showToast({
icon:"none",
title:'请上传门店门头图片'
2025-03-23 09:29:40 +08:00
})
return
}
if(this.isEmpty(this.table.imageDoorhead2)==true){
uni.showToast({
icon:"none",
title:'请上传门店门头图片'
2025-03-23 09:29:40 +08:00
})
return
}
if(this.isEmpty(this.table.imageExperience1)==true){
uni.showToast({
icon:"none",
title:'请上传门店体验区图片'
2025-03-23 09:29:40 +08:00
})
return
}
if(this.isEmpty(this.table.imageExperience2)==true){
uni.showToast({
icon:"none",
title:'请上传门店体验区图片'
2025-03-23 09:29:40 +08:00
})
return
}
if(this.isEmpty(this.table.imageMeeting1)==true){
uni.showToast({
icon:"none",
title:'请上传门店会议室图片'
2025-03-23 09:29:40 +08:00
})
return
}
if(this.isEmpty(this.table.imageMeeting2)==true){
uni.showToast({
icon:"none",
title:'请上传门店会议室图片'
2025-03-23 09:29:40 +08:00
})
return
}
if(this.isEmpty(this.table.imageProduct1)==true){
uni.showToast({
icon:"none",
title:'请上传门店产品图片'
2025-03-23 09:29:40 +08:00
})
return
}
if(this.isEmpty(this.table.imageProduct2)==true){
uni.showToast({
icon:"none",
title:'请上传门店产品图片'
2025-03-23 09:29:40 +08:00
})
return
}
if(this.isEmpty(this.table.imageLounge1)==true){
uni.showToast({
icon:"none",
title:'请上传门店休息室图片'
2025-03-23 09:29:40 +08:00
})
return
}
if(this.isEmpty(this.table.imageLounge2)==true){
uni.showToast({
icon:"none",
title:'请上传门店休息室图片'
2025-03-23 09:29:40 +08:00
})
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)
}
}
});
},
fail: err => {
this.myToast('图片上传失败', 'none');
2025-03-23 09:29:40 +08:00
}
});
},
// 上传单张图片
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');
2025-03-23 09:29:40 +08:00
}
});
},
// 上传视频
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;
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');
2025-03-23 09:29:40 +08:00
}
});
},
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/maker_space.pdf';
link.target = '_blank';
link.download = '创客空间协议';
2025-03-23 09:29:40 +08:00
// 模拟点击<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{
2025-03-23 09:29:40 +08:00
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: 650rpx;
height: 100rpx;
background: #d61820;
border-radius: 30rpx;
text-align: center;
cursor: pointer;
line-height: 100rpx;
font-size: 30rpx;
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: #FB3024;
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{
2025-03-23 09:29:40 +08:00
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: #FB3024;
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{
2025-03-23 09:29:40 +08:00
margin-left: 20rpx;
}
:v-deep.u-form-item__body__left__content__required{
2025-03-23 09:29:40 +08:00
margin: 35rpx 10rpx 0 10rpx;
// position: absolute;
// top:40rpx;
color: #FB3024;
width: 10rpx;
}
:v-deep .u-form-item__body{
2025-03-23 09:29:40 +08:00
padding: 10rpx 0;
}
:v-deep .u-form-item__body__right__message{
2025-03-23 09:29:40 +08:00
padding-bottom: 20rpx;
}
.place{
color: #999;
}
:v-deep .uni-input-placeholder{
2025-03-23 09:29:40 +08:00
// padding-left: 20rpx;
}
:v-deep
2025-03-23 09:29:40 +08:00
.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: #FB3024;
font-size: 28rpx;
margin-left: 25rpx;
font-weight: bold;
}
.lines{
position: absolute;
left: 30rpx;
top: 40rpx;
width: 6rpx;
height: 24rpx;
background: #FB3024;
// 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>