web-base-h5/pages/makerspace/index.vue

1592 lines
47 KiB
Vue
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!--
* @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;">{{$t('CK_KS_19')}}</view>
<view class="height-auto">
<div v-html="cause" class="img_width"></div>
<div class="button-s" style="margin:50rpx auto" @click="checks(2)">{{$t('CK_KS_20')}}</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">{{$t('CK_KS_21')}}</div>
<div class="status-size">{{$t('CK_KS_22')}}</div>
<div class="status-size">{{$t('CK_KS_23')}}</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">{{$t('CK_KS_26')}}</div>
<div class="button-s" style="margin-top: 30px" @click="sucShow=true">{{$t('MY_ORD_76')}}</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" v-if='userInfo.makerSpaceShow == 1||userInfo.makerSpaceShow == undefined'>{{$t('CK_KS_24')}}</div>
<div class="status-size bolds" v-if='userInfo.makerSpaceShow == 2'>{{$t('CK_KS_159')}}</div>
<div class="button-s" style="margin-top: 30px" @click="checks(1)">{{$t('CK_KS_25')}}</div>
</div>
</view>
<view class="markerSpce" v-if="status==1">
<view class="tops">
<view class="text">{{$t('CK_KS_29')}}</view>
<view class="button" @click="downloads">{{$t('CK_KS_28')}}</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">{{$t('CK_KS_27')}}</view>
</view>
<view class="padding-s">
<u-form-item :label="$t('MN_T_1')" :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="$t('CK_KS_14')" :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="$t('CK_KS_30')" :required="required1" prop="storeName">
<u-input v-model="table.storeName"
class="texts"
placeholder-class="place"
:disabled="disableds"
:placeholder="$t('S_C_70')"
border="none"></u-input>
</u-form-item>
</view>
<view class="padding-s">
<u-form-item :label="$t('CK_KS_31')" :required="required1" >
<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="$t('CK_KS_32')" :required="required1" prop="licenseName">
<u-input v-model="table.licenseName"
class="texts"
maxlength="100"
placeholder-class="place"
:disabled="disableds"
:placeholder="$t('S_C_70')"
border="none"></u-input>
</u-form-item>
</view>
<view class="padding-s">
<u-form-item :label="$t('CK_KS_33')" :required="required1" prop="creditCode">
<u-input v-model="table.creditCode"
class="texts"
maxlength="100"
placeholder-class="place"
:disabled="disableds"
:placeholder="$t('S_C_70')"
border="none"></u-input>
</u-form-item>
</view>
<view class="padding-s">
<u-form-item :label="$t('CK_KS_34')" :required="required1" prop="legalName">
<u-input v-model="table.legalName"
class="texts"
placeholder-class="place"
:disabled="disableds"
:placeholder="$t('S_C_70')"
border="none"></u-input>
</u-form-item>
</view>
<view class="padding-s">
<u-form-item :label="$t('CK_KS_35')" :required="required1" prop="legalIdCard">
<u-input v-model="table.legalIdCard"
class="texts"
placeholder-class="place"
:disabled="disableds"
:placeholder="$t('S_C_70')"
border="none"></u-input>
</u-form-item>
</view>
<view class="padding-s" @click="getDiqu(1)">
<u-form-item :label="$t('CK_KS_37')" :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="$t('S_C_27')" :required="required1" prop="licenseAddress">
<u-input v-model="table.licenseAddress"
class="texts"
maxlength="200"
placeholder-class="place"
:disabled="disableds"
:placeholder="$t('S_C_70')"
border="none"></u-input>
</u-form-item>
</view>
<view class="padding-s">
<u-form-item :label="$t('S_C_86')" :required="required1" prop="storePerson">
<u-input v-model="table.storePerson"
class="texts"
placeholder-class="place"
:disabled="disableds"
:placeholder="$t('S_C_70')"
border="none"></u-input>
</u-form-item>
</view>
<view class="padding-s">
<u-form-item :label="$t('w_0052')" :required="required1" prop="storePhone">
<u-input v-model="table.storePhone"
class="texts"
placeholder-class="place"
:disabled="disableds"
:placeholder="$t('S_C_70')"
border="none"></u-input>
</u-form-item>
</view>
<view class="padding-s" @click="getDiqu1(2)">
<u-form-item :label="$t('S_C_27')" :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="$t('S_C_27')" :required="required1" prop="storeAddress">
<u-input v-model="table.storeAddress"
class="texts"
maxlength="200"
placeholder-class="place"
:disabled="disableds"
:placeholder="$t('S_C_70')"
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="$t('CK_KS_41')" :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="$t('CK_KS_42')" :required="required1" prop="bankAccount">
<u-input v-model="table.bankAccount"
class="texts"
placeholder-class="place"
:disabled="disableds"
:placeholder="$t('S_C_70')"
border="none"></u-input>
</u-form-item>
</view>
<view class="padding-s">
<u-form-item :label="$t('CK_KS_43')" :required="required1" prop="bankBranch">
<u-input v-model="table.bankBranch"
class="texts"
placeholder-class="place"
:disabled="disableds"
:placeholder="$t('S_C_70')"
border="none"></u-input>
</u-form-item>
</view>
<view class="height none-s">
<u-form-item :label="$t('CK_KS_44')" :required="required1">
</u-form-item>
<view class="text">{{$t('CK_KS_45')}}</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 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">{{$t('CK_KS_53')}}</view>
</view>
<view class="height">
<u-form-item :label="$t('CK_KS_54')" :required="required1">
</u-form-item>
<view class="text">{{$t('CK_KS_55')}}</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="$t('CK_KS_56')" :required="required1">
</u-form-item>
<view class="text">{{$t('CK_KS_55')}}</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="$t('CK_KS_80')" label-width="200px" :required="required1">
</u-form-item>
<view class="text">{{$t('CK_KS_61')}}</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="`${$t('CK_KS_60')} (${getUserVideoSum()}`+'/3)'" :required="required1">
</u-form-item>
<view class="text">{{$t('CK_KS_61')}}</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">
{{$t('CK_KS_62')}}
</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">
{{$t('CK_KS_64')}}
</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">
{{$t('CK_KS_65')}}
</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="`${$t('CK_KS_67')} (${getUserVideoSum1()}`+'/10)'" label-width="200px" :required="required1">
</u-form-item>
<view class="text">{{$t('CK_KS_45')}}</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">
{{$t('CK_KS_62')}}
</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">
{{$t('CK_KS_68')}}
</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">
{{$t('CK_KS_69')}}
</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">
{{$t('CK_KS_70')}}
</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">
{{$t('CK_KS_62')}}
</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">
{{$t('CK_KS_68')}}
</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">
{{$t('CK_KS_69')}}
</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">
{{$t('CK_KS_70')}}
</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">
{{$t('CK_KS_71')}}
</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">
{{$t('CK_KS_71')}}
</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="$t('w_0034')" :content="$t('w_1030')"></u-modal>
</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:[`${this.$t('CK_KS_48')}jpg,png`,this.$t('CK_KS_49'),this.$t('CK_KS_50')],
tips2:[this.$t('CK_KS_92'),this.$t('CK_KS_66')],
text:this.$t('CK_KS_72'),
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: this.$t('w_0053'),
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= this.$t('w_1021')
}else{
str= this.$t('w_1033')
}
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 = this.$t('CK_KS_75')
this.status_flag = false
}
if(check==2){
this.text =this.$t('CK_KS_72')
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:this.$t('CK_KS_38')
})
return
}
if(this.isEmpty(this.address)==true){
uni.showToast({
icon:"none",
title:this.$t('CK_KS_38')
})
return
}
if(this.isEmpty(this.address1)==true){
uni.showToast({
icon:"none",
title:this.$t('CK_KS_38')
})
return
}
if(this.isEmpty(this.table.storeSign)==true){
uni.showToast({
icon:"none",
title:this.$t('MY_CK_16')
})
return
}
if(this.isEmpty(this.table.legalCardFront)==true){
uni.showToast({
icon:"none",
title:this.$t('CK_KS_77')
})
return
}
if(this.isEmpty(this.table.legalCardBack)){
uni.showToast({
icon:"none",
title:this.$t('CK_KS_78')
})
return
}
if( this.isEmpty(this.table.license)==true){
uni.showToast({
icon:"none",
title:this.$t('CK_KS_79')
})
return
}
if(this.table.storeAgreementList.length==0){
uni.showToast({
icon:"none",
title:this.$t('CK_KS_80')
})
return
}
if(this.isEmpty(this.table.videoDoorhead)==true){
uni.showToast({
icon:"none",
title:this.$t('CK_KS_81')
})
return
}
if(this.isEmpty(this.table.videoStore)==true){
uni.showToast({
icon:"none",
title:this.$t('CK_KS_82')
})
return
}
if(this.isEmpty(this.table.videoProduct)==true){
uni.showToast({
icon:"none",
title:this.$t('CK_KS_83')
})
return
}
if(this.isEmpty(this.table.imageDoorhead1)==true){
uni.showToast({
icon:"none",
title:this.$t('CK_KS_84')
})
return
}
if(this.isEmpty(this.table.imageDoorhead2)==true){
uni.showToast({
icon:"none",
title:this.$t('CK_KS_84')
})
return
}
if(this.isEmpty(this.table.imageExperience1)==true){
uni.showToast({
icon:"none",
title:this.$t('CK_KS_85')
})
return
}
if(this.isEmpty(this.table.imageExperience2)==true){
uni.showToast({
icon:"none",
title:this.$t('CK_KS_85')
})
return
}
if(this.isEmpty(this.table.imageMeeting1)==true){
uni.showToast({
icon:"none",
title:this.$t('CK_KS_86')
})
return
}
if(this.isEmpty(this.table.imageMeeting2)==true){
uni.showToast({
icon:"none",
title:this.$t('CK_KS_86')
})
return
}
if(this.isEmpty(this.table.imageProduct1)==true){
uni.showToast({
icon:"none",
title:this.$t('CK_KS_87')
})
return
}
if(this.isEmpty(this.table.imageProduct2)==true){
uni.showToast({
icon:"none",
title:this.$t('CK_KS_87')
})
return
}
if(this.isEmpty(this.table.imageLounge1)==true){
uni.showToast({
icon:"none",
title:this.$t('CK_KS_88')
})
return
}
if(this.isEmpty(this.table.imageLounge2)==true){
uni.showToast({
icon:"none",
title:this.$t('CK_KS_88')
})
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(this.$t('MY_ORD_77'), '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(this.$t('MY_ORD_77'), '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;
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(this.$t('MY_ORD_77'), '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/maker_space.pdf';
link.target = '_blank';
link.download = this.$t('CK_KS_74');
// 模拟点击<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: 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{
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{
margin-left: 20rpx;
}
:v-deep.u-form-item__body__left__content__required{
margin: 35rpx 10rpx 0 10rpx;
// position: absolute;
// top:40rpx;
color: #FB3024;
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: #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>