2331 lines
92 KiB
Vue
2331 lines
92 KiB
Vue
<template>
|
||
<div>
|
||
<div class="flexs">
|
||
<el-dialog :title="'驳回原因'"
|
||
class="el-dialog_s"
|
||
:visible.sync="showFlag"
|
||
width="40%"
|
||
center
|
||
:before-close="handleClose1">
|
||
<div v-html="cause" class="img_width"></div>
|
||
<div class="button-s" style="margin-top: 30px" @click="checks(2)">{{'重新提交'}}</div>
|
||
</el-dialog>
|
||
<div style="flex: 1">
|
||
<!-- <div class="top-lists">-->
|
||
<!-- <div class="nav-view" @click="$router.push(item.url)" :class="index==5?'styles':''" v-for="(item,index) in navList">-->
|
||
<!-- {{item.name}}-->
|
||
<!-- </div>-->
|
||
<!-- </div>-->
|
||
<div style="position: relative">
|
||
<div class="line-s" v-if="flags == 0" :style="status1==5?'class-s':''"></div>
|
||
<div class="content">
|
||
<div class="title">
|
||
<div class="line"></div>
|
||
<div class="name">{{'超级工作室备案'}}</div>
|
||
</div>
|
||
<div class="img_cen" v-if="status == 3">
|
||
<div class="status-img">
|
||
<img src="@/assets/images/markerSpace/status2.png" />
|
||
</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 == 5">
|
||
<div class="status-img">
|
||
<img src="@/assets/images/markerSpace/status3.png" />
|
||
</div>
|
||
<div class="status-size bolds">{{'恭喜您，完成超级工作室认证'}}</div>
|
||
<div class="button-s" style="margin-top: 30px" @click="checks(1)">{{'查看详情'}}</div>
|
||
</div>
|
||
<div class="img_cen" v-if="status == 4">
|
||
<div class="status-img">
|
||
<img src="@/assets/images/markerSpace/status1.png" />
|
||
</div>
|
||
<div class="status-size bolds">{{'认证被驳回(被驳回的原因)'}}</div>
|
||
<div class="button-s" style="margin-top: 30px" @click="showFlag=true">{{'查看详情'}}</div>
|
||
</div>
|
||
<div v-if="status == 1">
|
||
<div class="systemTitle">
|
||
<div class="titles">
|
||
<div>{{'基础信息'}}</div>
|
||
</div>
|
||
<el-button class="button" @click="downloads">{{'下载超级工作室协议'}}</el-button>
|
||
<div class="text_s">
|
||
{{'下载《超级工作室》后打印，手签并填写合同后拍照留存，以备在申请时进行上传。'}}
|
||
</div>
|
||
</div>
|
||
<div class="form">
|
||
<el-form
|
||
:model="table"
|
||
:rules="rules"
|
||
ref="ruleForm"
|
||
label-position="top"
|
||
status-icon
|
||
class="demo-ruleForm"
|
||
>
|
||
<div style="display: flex">
|
||
<el-form-item :label="'会员编号'" prop="memberCode">
|
||
<el-input
|
||
class="inputs"
|
||
v-model="memberCode"
|
||
disabled="disabled"
|
||
:placeholder="'请输入'"
|
||
></el-input>
|
||
</el-form-item>
|
||
<el-form-item
|
||
style="margin-left: 50px"
|
||
:label="'会员姓名'"
|
||
prop="memberName"
|
||
>
|
||
<el-input
|
||
class="inputs"
|
||
v-model="memberName"
|
||
disabled="disabled"
|
||
:placeholder="'请输入'"
|
||
></el-input>
|
||
</el-form-item>
|
||
</div>
|
||
<div style="display: flex">
|
||
<el-form-item :label="'超级工作室名称'" prop="storeName">
|
||
<el-input
|
||
:disabled="disableds"
|
||
class="inputs"
|
||
v-model="table.storeName"
|
||
:placeholder="'请输入'"
|
||
></el-input>
|
||
</el-form-item>
|
||
</div>
|
||
<div style="display: flex">
|
||
<el-form-item :label="'营业执照名称'" prop="licenseName">
|
||
<el-input
|
||
:disabled="disableds"
|
||
class="inputs"
|
||
maxlength="100"
|
||
v-model="table.licenseName"
|
||
:placeholder="'请输入'"
|
||
></el-input>
|
||
</el-form-item>
|
||
<el-form-item
|
||
style="margin-left: 50px"
|
||
:label="'统一社会信用代码'"
|
||
prop="creditCode"
|
||
>
|
||
<el-input
|
||
:disabled="disableds"
|
||
class="inputs"
|
||
maxlength="100"
|
||
v-model="table.creditCode"
|
||
:placeholder="'请输入'"
|
||
></el-input>
|
||
</el-form-item>
|
||
</div>
|
||
<div style="display: flex">
|
||
<el-form-item :label="'法人姓名'" prop="legalName">
|
||
<el-input
|
||
:disabled="disableds"
|
||
class="inputs"
|
||
v-model="table.legalName"
|
||
:placeholder="'请输入'"
|
||
></el-input>
|
||
<div style="color: #999; font-size: 12px">
|
||
{{'法人姓名与法人身份证号与系统会员信息保持一致'}}
|
||
</div>
|
||
</el-form-item>
|
||
<el-form-item
|
||
style="margin-left: 50px"
|
||
:label="'法人身份证号'"
|
||
prop="legalIdCard"
|
||
>
|
||
<el-input
|
||
:disabled="disableds"
|
||
class="inputs"
|
||
v-model="table.legalIdCard"
|
||
:placeholder="'请输入'"
|
||
></el-input>
|
||
</el-form-item>
|
||
</div>
|
||
<div style="display: flex">
|
||
<el-form-item
|
||
:label="'营业执照注册地址'"
|
||
prop="licenseAddress"
|
||
>
|
||
<el-cascader
|
||
:disabled="disableds"
|
||
class="area"
|
||
v-model="address"
|
||
@change="setAddress"
|
||
:options="areaData"
|
||
:props="regionParams"
|
||
:placeholder="'请选择'"
|
||
></el-cascader>
|
||
</el-form-item>
|
||
</div>
|
||
<div style="display: flex; margin-top: 10px">
|
||
<el-form-item label="" prop="licenseAddress">
|
||
<el-input
|
||
:disabled="disableds"
|
||
class="area centers"
|
||
maxlength="200"
|
||
v-model="table.licenseAddress"
|
||
:placeholder="'详细地址'"
|
||
></el-input>
|
||
</el-form-item>
|
||
</div>
|
||
<div style="display: flex">
|
||
<el-form-item :label="'联系人'" prop="storePerson">
|
||
<el-input
|
||
class="inputs"
|
||
v-model="table.storePerson"
|
||
:disabled="disableds"
|
||
:placeholder="'请输入'"
|
||
></el-input>
|
||
</el-form-item>
|
||
<el-form-item
|
||
style="margin-left: 50px"
|
||
:label="'联系方式'"
|
||
prop="storePhone"
|
||
>
|
||
<el-input
|
||
class="inputs"
|
||
v-model="table.storePhone"
|
||
:disabled="disableds"
|
||
maxLength="11"
|
||
:placeholder="'请输入'"
|
||
></el-input>
|
||
</el-form-item>
|
||
</div>
|
||
<div style="display: flex">
|
||
<el-form-item :label="'详细地址'" prop="storeProvince">
|
||
<el-cascader
|
||
class="area"
|
||
v-model="address1"
|
||
@change="setAddress1"
|
||
:disabled="disableds"
|
||
:options="areaData"
|
||
:props="regionParams"
|
||
:placeholder="'请选择'"
|
||
></el-cascader>
|
||
</el-form-item>
|
||
</div>
|
||
<div style="display: flex; margin-top: 10px">
|
||
<el-form-item label="" prop="storeAddress">
|
||
<el-input
|
||
class="area centers"
|
||
v-model="table.storeAddress"
|
||
:disabled="disableds"
|
||
:placeholder="'详细地址'"
|
||
></el-input>
|
||
</el-form-item>
|
||
</div>
|
||
<div style="display: flex">
|
||
<el-form-item :label="'银行名称'" prop="pkBank">
|
||
<el-select
|
||
class="inputs centers"
|
||
:disabled="disableds"
|
||
v-model="table.pkBank"
|
||
:placeholder="'请选择'"
|
||
>
|
||
<el-option
|
||
v-for="(item, index) in bankCardChioceList"
|
||
:key="index"
|
||
:label="item.bankName"
|
||
:value="item.pkId"
|
||
></el-option>
|
||
</el-select>
|
||
</el-form-item>
|
||
<el-form-item
|
||
style="margin-left: 50px"
|
||
:label="'银行账号'"
|
||
prop="bankAccount"
|
||
>
|
||
<el-input
|
||
class="inputs"
|
||
v-model="table.bankAccount"
|
||
:disabled="disableds"
|
||
:placeholder="'请输入'"
|
||
></el-input>
|
||
</el-form-item>
|
||
</div>
|
||
|
||
<div>
|
||
<el-form-item :label="'开户支行'" prop="bankBranch">
|
||
<el-input
|
||
class="inputs"
|
||
v-model="table.bankBranch"
|
||
:disabled="disableds"
|
||
:placeholder="'请输入'"
|
||
></el-input>
|
||
</el-form-item>
|
||
</div>
|
||
<div>
|
||
<div style="display: flex">
|
||
<el-form-item :label="'超级工作室标志'" prop="">
|
||
</el-form-item>
|
||
<span
|
||
style="
|
||
color: #999;
|
||
font-size: 12px;
|
||
margin: 11px 0 0 20px;
|
||
"
|
||
>{{'建议：图片大小为200KB以内'}}</span
|
||
>
|
||
</div>
|
||
<div class="upload-list">
|
||
<el-upload
|
||
:disabled="disableds"
|
||
:class="[hideUploadAdd == true ? 'hide' : '']"
|
||
class="upload-demo"
|
||
accept=".png, .jpg"
|
||
action="#"
|
||
name="storeSign,10"
|
||
:http-request="uploadFile"
|
||
ref="upload"
|
||
:limit="fileLimits"
|
||
:on-change="handleChange"
|
||
:on-remove="handleRemove"
|
||
:file-list="fileList"
|
||
:on-exceed="handleExceed"
|
||
:show-file-list="false"
|
||
:headers="headers"
|
||
>
|
||
<div class="upload" v-if="table.storeSign == ''">
|
||
<div class="img-s">
|
||
<img src="@/assets/images/markerSpace/upload.png" />
|
||
</div>
|
||
<div class="texts">{{'上传图片'}}</div>
|
||
</div>
|
||
<div
|
||
v-if="table.storeSign && status1==5"
|
||
class="img-ss imgWidth"
|
||
>
|
||
<el-image :src="table.storeSign" :preview-src-list="[table.storeSign]" />
|
||
</div>
|
||
<div
|
||
style=" display: flex"
|
||
v-if="table.storeSign != ''"
|
||
>
|
||
<div
|
||
class="img-ss imgWidth"
|
||
@click.stop="dialogFormVisible = false"
|
||
v-if="status1!=5"
|
||
>
|
||
<img :src="table.storeSign" />
|
||
<div class="box-colors centers">
|
||
<div
|
||
v-if="!disableds"
|
||
@click="delStops('storeSign', 10)"
|
||
@click.stop="dialogFormVisible = false"
|
||
style="color: #fff; font-size: 14px"
|
||
>
|
||
{{ '删除'}}
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</el-upload>
|
||
|
||
<div style="margin-top: 10px">
|
||
<div class="size-s">{{'支持'}}：jpg，png</div>
|
||
<div class="size-s">{{'上传图片不要光线太暗'}}</div>
|
||
<div class="size-s">
|
||
{{'要清晰不能虚化，并且满画布显示，要保证亮要充足。'}}
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div style="display: flex" v-if="status1==5">
|
||
<el-form-item :label="'申请时间'" prop="">
|
||
<el-input
|
||
class="inputs"
|
||
v-model="creatTime"
|
||
disabled
|
||
placeholder=""
|
||
></el-input>
|
||
</el-form-item>
|
||
<el-form-item
|
||
style="margin-left: 50px"
|
||
:label="'审核时间'"
|
||
prop=""
|
||
>
|
||
<el-input
|
||
class="inputs"
|
||
v-model="checkTime"
|
||
disabled
|
||
placeholder=""
|
||
></el-input>
|
||
</el-form-item>
|
||
</div>
|
||
<div class="systemTitle">
|
||
<div class="titles">
|
||
<div style="margin: 20px 0">{{'资质材料'}}</div>
|
||
</div>
|
||
</div>
|
||
<div style="display: flex">
|
||
<el-form-item :label="'法人身份证正反面'"> </el-form-item>
|
||
<span
|
||
style="color: #999; font-size: 12px; margin: 11px 0 0 20px"
|
||
>{{'建议：图片大小为1MB以内'}}</span
|
||
>
|
||
</div>
|
||
<div style="display: flex">
|
||
<div class="idCard">
|
||
<el-upload
|
||
:disabled="disableds"
|
||
:class="[hideUploadAdd == true ? 'hide' : '']"
|
||
class="upload-demo"
|
||
accept=".png, .jpg"
|
||
action="#"
|
||
name="legalCardFront,11"
|
||
:http-request="uploadFile"
|
||
ref="upload"
|
||
:limit="fileLimits"
|
||
:on-change="handleChange"
|
||
:on-remove="handleRemove"
|
||
:file-list="fileList"
|
||
:on-exceed="handleExceed"
|
||
:show-file-list="false"
|
||
:headers="headers"
|
||
>
|
||
<div v-if="table.legalCardFront == ''">
|
||
<img
|
||
src="@/assets/images/markerSpace/idCard-img1.png"
|
||
/>
|
||
</div>
|
||
<div
|
||
v-if="table.legalCardFront && status1==5"
|
||
>
|
||
|
||
<el-image :src="table.legalCardFront" :preview-src-list="[table.legalCardFront]" />
|
||
</div>
|
||
<div
|
||
style="display: flex"
|
||
v-if="table.legalCardFront != ''"
|
||
>
|
||
<div
|
||
class="img-ss card"
|
||
@click.stop="dialogFormVisible = false"
|
||
v-if="status1!=5"
|
||
>
|
||
<img :src="table.legalCardFront" />
|
||
<div class="box-colors centers idCardWidth">
|
||
<div
|
||
v-if="!disableds"
|
||
@click="delStops('legalCardFront', 11)"
|
||
@click.stop="dialogFormVisible = false"
|
||
style="color: #fff; font-size: 14px"
|
||
>
|
||
{{ '删除'}}
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</el-upload>
|
||
</div>
|
||
<div class="idCard" style="margin-left: 99px">
|
||
<el-upload
|
||
:disabled="disableds"
|
||
:class="[hideUploadAdd == true ? 'hide' : '']"
|
||
class="upload-demo"
|
||
accept=".png, .jpg"
|
||
action="#"
|
||
name="legalCardBack,12"
|
||
:http-request="uploadFile"
|
||
ref="upload"
|
||
:limit="fileLimits"
|
||
:on-change="handleChange"
|
||
:on-remove="handleRemove"
|
||
:file-list="fileList"
|
||
:on-exceed="handleExceed"
|
||
:show-file-list="false"
|
||
:headers="headers"
|
||
>
|
||
<div v-if="table.legalCardBack == ''">
|
||
<img
|
||
src="@/assets/images/markerSpace/idCard-img2.png"
|
||
/>
|
||
</div>
|
||
<div
|
||
v-if="table.legalCardBack && status1==5"
|
||
>
|
||
<el-image :src="table.legalCardBack" :preview-src-list="[table.legalCardBack]" />
|
||
</div>
|
||
<div
|
||
style="display: flex"
|
||
v-if="table.legalCardBack != ''"
|
||
>
|
||
<div
|
||
class="img-ss card"
|
||
@click.stop="dialogFormVisible = false"
|
||
v-if="status1!=5"
|
||
>
|
||
<img :src="table.legalCardBack" />
|
||
<div class="box-colors centers idCardWidth">
|
||
<div
|
||
v-if="!disableds"
|
||
@click="delStops('legalCardBack', 12)"
|
||
@click.stop="dialogFormVisible = false"
|
||
style="color: #fff; font-size: 14px"
|
||
>
|
||
{{ '删除'}}
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</el-upload>
|
||
</div>
|
||
</div>
|
||
<div style="margin-top: 10px">
|
||
<div class="size-s">{{'支持'}}：jpg，png</div>
|
||
<div class="size-s">{{'上传图片不要光线太暗'}}</div>
|
||
<div class="size-s">
|
||
{{'要清晰不能虚化，并且满画布显示，要保证亮要充足。'}}
|
||
</div>
|
||
</div>
|
||
<div style="display: flex">
|
||
<el-form-item :label="'营业执照'"> </el-form-item>
|
||
<span
|
||
style="color: #999; font-size: 12px; margin: 11px 0 0 20px"
|
||
>{{'建议：图片大小为200KB以内'}}</span
|
||
>
|
||
</div>
|
||
<div class="upload-list">
|
||
<el-upload
|
||
:disabled="disableds"
|
||
:class="[hideUploadAdd == true ? 'hide' : '']"
|
||
class="upload-demo"
|
||
accept=".png, .jpg"
|
||
action="#"
|
||
name="license,13"
|
||
:http-request="uploadFile"
|
||
ref="upload"
|
||
:limit="fileLimits"
|
||
:on-change="handleChange"
|
||
:on-remove="handleRemove"
|
||
:file-list="fileList"
|
||
:on-exceed="handleExceed"
|
||
:show-file-list="false"
|
||
:headers="headers"
|
||
>
|
||
<div class="upload" v-if="table.license == ''">
|
||
<div class="img-s">
|
||
<img src="@/assets/images/markerSpace/upload.png" />
|
||
</div>
|
||
<div class="texts">{{'上传图片'}}</div>
|
||
</div>
|
||
<div class="imgWidth"
|
||
v-if="table.license && status1==5"
|
||
>
|
||
<el-image :src="table.license" :preview-src-list="[table.license]" />
|
||
</div>
|
||
<div
|
||
style=" display: flex"
|
||
v-if="table.license != ''"
|
||
>
|
||
<div
|
||
class="img-ss imgWidth"
|
||
@click.stop="dialogFormVisible = false"
|
||
v-if="status1!=5"
|
||
|
||
>
|
||
<img :src="table.license" />
|
||
<div class="box-colors centers">
|
||
<div
|
||
v-if="!disableds"
|
||
@click="delStops('license', 13)"
|
||
@click.stop="dialogFormVisible = false"
|
||
style="color: #fff; font-size: 14px"
|
||
>
|
||
{{ '删除'}}
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</el-upload>
|
||
<div style="margin-top: 10px">
|
||
<div class="size-s">{{'支持'}}：jpg，png</div>
|
||
<div class="size-s">{{'上传图片不要光线太暗'}}</div>
|
||
<div class="size-s">
|
||
{{'要清晰不能虚化，并且满画布显示，要保证亮要充足。'}}
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div style="display: flex">
|
||
<el-form-item :label="'上传已签字的超级工作室协议'">
|
||
</el-form-item>
|
||
<span
|
||
style="color: #999; font-size: 12px; margin: 11px 0 0 20px"
|
||
>{{'建议：图片大小为200KB以内'}}</span
|
||
>
|
||
</div>
|
||
<div class="upload-list">
|
||
<el-upload
|
||
ref="upload"
|
||
:disabled="disableds"
|
||
:class="{ hide: hideUploadAdd }"
|
||
class="upload-demo"
|
||
accept=".png, .jpg"
|
||
action="#"
|
||
name="storeAgreement,fileList1"
|
||
:before-remove="remove1"
|
||
:on-change="change1"
|
||
:before-upload="upload1"
|
||
:http-request="uploadFile1"
|
||
:limit="fileLimit"
|
||
:file-list="table.storeAgreementList"
|
||
:show-file-list="false"
|
||
:headers="headers"
|
||
>
|
||
|
||
<div style="display: flex; margin-right: 20px;flex-wrap: wrap;width: 800px">
|
||
<div class="imgWidth1"
|
||
style="display: flex"
|
||
v-if="table.storeAgreementList && status1==5"
|
||
>
|
||
<div v-for="(item, index) in table.storeAgreementList" >
|
||
<el-image class="el-image1" :src="item" :preview-src-list="table.storeAgreementList" />
|
||
|
||
</div>
|
||
</div>
|
||
<div
|
||
v-if="table.storeAgreementList && status1!=5"
|
||
style="margin-bottom:10px;"
|
||
class="img-ss imgWidth"
|
||
@click.stop="dialogFormVisible = false"
|
||
v-for="(item, index) in table.storeAgreementList"
|
||
>
|
||
<img :src="item" />
|
||
<div class="box-colors">
|
||
<div
|
||
v-if="!disableds"
|
||
@click="delStop(index)"
|
||
@click.stop="dialogFormVisible = false"
|
||
style="
|
||
color: #fff;
|
||
font-size: 14px;
|
||
margin-top: 30px;
|
||
"
|
||
>
|
||
{{ '删除'}}
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="upload" style="margin-left: 0px" v-if="status1!=5">
|
||
<!-- <template v-for="item in fileList1">-->
|
||
<div>
|
||
<div class="img-s">
|
||
<img src="@/assets/images/markerSpace/upload.png" />
|
||
</div>
|
||
<div class="texts">{{'图片大小不能超过2MB!'}}</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
</el-upload>
|
||
<div style="margin-top: 10px">
|
||
<div class="size-s">{{'支持'}}：jpg，png</div>
|
||
<div class="size-s">{{'上传图片不要光线太暗'}}</div>
|
||
<div class="size-s">
|
||
{{'要清晰不能虚化，并且满画布显示，要保证亮要充足。'}}
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- :label="'门店视频'+`(${isLocals()})`"-->
|
||
<div style="display: flex;">
|
||
<el-form-item :label="`${'门店视频'} (${getUserVideoSum()}`+'/3)'"> </el-form-item>
|
||
<!-- <el-form-item v-if="status1==5" label="门店视频(3/3)"> </el-form-item>-->
|
||
<span
|
||
style="color: #999; font-size: 12px; margin: 11px 0 0 20px"
|
||
>{{'建议：视频大小为50MB以内'}}</span
|
||
>
|
||
</div>
|
||
<div class="upload-list">
|
||
<div style="display: flex">
|
||
<div class="upload">
|
||
<el-upload
|
||
:disabled="disableds"
|
||
:class="[hideUploadAdd == true ? 'hide' : '']"
|
||
class="upload-demo"
|
||
accept=".mp4"
|
||
action="#"
|
||
name="videoDoorhead,1"
|
||
:http-request="uploadVideo"
|
||
ref="upload"
|
||
:limit="fileLimits"
|
||
:on-remove="handleRemove"
|
||
:file-list="fileList"
|
||
:on-exceed="handleExceed"
|
||
:show-file-list="false"
|
||
:headers="headers"
|
||
>
|
||
<div class="upload" v-if="table.videoDoorhead == ''">
|
||
<div class="texts titleSize">{{'门头展示'}}</div>
|
||
<div class="img-s">
|
||
<img
|
||
style="margin-top: 10px"
|
||
src="@/assets/images/markerSpace/upload.png"
|
||
/>
|
||
</div>
|
||
<div class="texts" style="margin-top: 10px">
|
||
{{'上传视频'}}
|
||
</div>
|
||
</div>
|
||
<div
|
||
style="display: flex"
|
||
v-if="table.videoDoorhead != ''"
|
||
>
|
||
<div
|
||
class="img-ss width"
|
||
@click.stop="dialogFormVisible = false"
|
||
>
|
||
<img v-if="!disableds" @click="delStops('videoDoorhead', 1)" class="close-icon" src="@/assets/images/markerSpace/close.png"/>
|
||
<video @click.stop="dialogFormVisible = false" :src="table.videoDoorhead" controls="controls"/>
|
||
</div>
|
||
</div>
|
||
</el-upload>
|
||
</div>
|
||
<div class="upload">
|
||
<el-upload
|
||
:disabled="disableds"
|
||
:class="[hideUploadAdd == true ? 'hide' : '']"
|
||
class="upload-demo"
|
||
accept=".mp4"
|
||
action="#"
|
||
name="videoStore,2"
|
||
:http-request="uploadVideo"
|
||
ref="upload"
|
||
:limit="fileLimits"
|
||
:on-remove="handleRemove"
|
||
:file-list="fileList"
|
||
:on-exceed="handleExceed"
|
||
:show-file-list="false"
|
||
:headers="headers"
|
||
>
|
||
<div class="upload" v-if="table.videoStore == ''">
|
||
<div class="texts titleSize">{{'店内视频'}}</div>
|
||
<div class="img-s">
|
||
<img
|
||
style="margin-top: 10px"
|
||
src="@/assets/images/markerSpace/upload.png"
|
||
/>
|
||
</div>
|
||
<div class="texts" style="margin-top: 10px">
|
||
{{'上传视频'}}
|
||
</div>
|
||
</div>
|
||
<div
|
||
style="display: flex"
|
||
v-if="table.videoStore != ''"
|
||
>
|
||
<div
|
||
class="img-ss width"
|
||
@click.stop="dialogFormVisible = false"
|
||
>
|
||
<img v-if="!disableds" @click="delStops('videoStore', 2)" class="close-icon" src="@/assets/images/markerSpace/close.png"/>
|
||
<video @click.stop="dialogFormVisible = false" :src="table.videoStore" controls="controls"/>
|
||
</div>
|
||
</div>
|
||
</el-upload>
|
||
</div>
|
||
<div class="upload">
|
||
<el-upload
|
||
:disabled="disableds"
|
||
:class="[hideUploadAdd == true ? 'hide' : '']"
|
||
class="upload-demo"
|
||
accept=".mp4"
|
||
action="#"
|
||
name="videoProduct,3"
|
||
:http-request="uploadVideo"
|
||
ref="upload"
|
||
:limit="fileLimits"
|
||
:on-remove="handleRemove"
|
||
:file-list="fileList"
|
||
:on-exceed="handleExceed"
|
||
:show-file-list="false"
|
||
:headers="headers"
|
||
>
|
||
<div class="upload" v-if="table.videoProduct == ''">
|
||
<div class="texts titleSize">{{'产品展示视频'}}</div>
|
||
<div class="img-s">
|
||
<img
|
||
style="margin-top: 10px"
|
||
src="@/assets/images/markerSpace/upload.png"
|
||
/>
|
||
</div>
|
||
<div class="texts" style="margin-top: 10px">
|
||
{{'上传视频'}}
|
||
</div>
|
||
</div>
|
||
<div
|
||
style="display: flex"
|
||
v-if="table.videoProduct != ''"
|
||
>
|
||
<div
|
||
class="img-ss width"
|
||
@click.stop="dialogFormVisible = false"
|
||
>
|
||
<img v-if="!disableds" @click="delStops('videoProduct', 3)" class="close-icon" src="@/assets/images/markerSpace/close.png"/>
|
||
<video @click.stop="dialogFormVisible = false" :src="table.videoProduct" controls="controls"/>
|
||
</div>
|
||
</div>
|
||
</el-upload>
|
||
</div>
|
||
</div>
|
||
<div style="margin-top: 10px">
|
||
<div class="size-s">{{'支持'}}：mp4</div>
|
||
<div class="size-s">
|
||
{{'建议：上传视频要清晰不能虚化，要保证亮要充足。'}}
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div style="display: flex">
|
||
<!-- <el-form-item v-if="status1!=5" label="门店图片(0/10)"> </el-form-item>-->
|
||
<el-form-item :label="`${'门店图片'} (${getUserVideoSum1()}`+'/10)'"> </el-form-item>
|
||
<!-- <el-form-item v-if="status1==5" label="门店图片(10/10)"> </el-form-item>-->
|
||
<span
|
||
style="color: #999; font-size: 12px; margin: 11px 0 0 20px"
|
||
>{{'建议：图片大小为200KB以内'}}</span
|
||
>
|
||
</div>
|
||
<div class="upload-list">
|
||
<div style="display: flex">
|
||
<div class="upload">
|
||
<el-upload
|
||
:disabled="disableds"
|
||
:class="[hideUploadAdd == true ? 'hide' : '']"
|
||
class="upload-demo"
|
||
accept=".png, .jpg"
|
||
action="#"
|
||
name="imageDoorhead1,21"
|
||
:http-request="uploadFile"
|
||
ref="upload"
|
||
:limit="fileLimits"
|
||
:on-change="handleChange"
|
||
:on-remove="handleRemove"
|
||
:file-list="fileList"
|
||
:on-exceed="handleExceed"
|
||
:show-file-list="false"
|
||
:headers="headers"
|
||
>
|
||
<div class="upload" v-if="table.imageDoorhead1 == ''">
|
||
<div class="texts titleSize">{{'门头展示'}}</div>
|
||
<div class="img-s">
|
||
<img style="margin-top:5px" src="@/assets/images/markerSpace/upload.png" />
|
||
</div>
|
||
<div class="texts">{{'上传图片'}}</div>
|
||
</div>
|
||
<div class="imgWidth"
|
||
v-if="table.imageDoorhead1 && status1==5"
|
||
>
|
||
<el-image :src="table.imageDoorhead1" :preview-src-list="[table.imageDoorhead1]" />
|
||
</div>
|
||
<div
|
||
style=" display: flex"
|
||
v-if="table.imageDoorhead1 != ''"
|
||
>
|
||
<div
|
||
class="img-ss imgWidth"
|
||
@click.stop="dialogFormVisible = false"
|
||
v-if="status1!=5"
|
||
>
|
||
<img :src="table.imageDoorhead1" />
|
||
<div class="box-colors centers">
|
||
<div
|
||
v-if="!disableds"
|
||
@click="delStops('imageDoorhead1', 21)"
|
||
@click.stop="dialogFormVisible = false"
|
||
style="color: #fff; font-size: 14px"
|
||
>
|
||
{{ '删除'}}
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</el-upload>
|
||
</div>
|
||
<div class="upload">
|
||
<el-upload
|
||
:disabled="disableds"
|
||
:class="[hideUploadAdd == true ? 'hide' : '']"
|
||
class="upload-demo"
|
||
accept=".png, .jpg"
|
||
action="#"
|
||
name="imageExperience1,23"
|
||
:http-request="uploadFile"
|
||
ref="upload"
|
||
:limit="fileLimits"
|
||
:on-change="handleChange"
|
||
:on-remove="handleRemove"
|
||
:file-list="fileList"
|
||
:on-exceed="handleExceed"
|
||
:show-file-list="false"
|
||
:headers="headers"
|
||
>
|
||
<div class="upload" v-if="table.imageExperience1 == ''">
|
||
<div class="texts titleSize">{{'体验区'}}</div>
|
||
<div class="img-s">
|
||
<img style="margin-top:5px" src="@/assets/images/markerSpace/upload.png" />
|
||
</div>
|
||
<div class="texts">{{'上传图片'}}</div>
|
||
</div>
|
||
<div class="imgWidth"
|
||
v-if="table.imageExperience1 && status1==5"
|
||
>
|
||
<el-image :src="table.imageExperience1" :preview-src-list="[table.imageExperience1]" />
|
||
</div>
|
||
<div
|
||
style=" display: flex"
|
||
v-if="table.imageExperience1 != ''"
|
||
>
|
||
<div
|
||
class="img-ss imgWidth"
|
||
@click.stop="dialogFormVisible = false"
|
||
v-if="status1!=5"
|
||
>
|
||
<img :src="table.imageExperience1" />
|
||
<div class="box-colors centers">
|
||
<div
|
||
v-if="!disableds"
|
||
@click="delStops('imageExperience1', 23)"
|
||
@click.stop="dialogFormVisible = false"
|
||
style="color: #fff; font-size: 14px"
|
||
>
|
||
{{ '删除'}}
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</el-upload>
|
||
</div>
|
||
<div class="upload">
|
||
<el-upload
|
||
:disabled="disableds"
|
||
:class="[hideUploadAdd == true ? 'hide' : '']"
|
||
class="upload-demo"
|
||
accept=".png, .jpg"
|
||
action="#"
|
||
name="imageMeeting1,25"
|
||
:http-request="uploadFile"
|
||
ref="upload"
|
||
:limit="fileLimits"
|
||
:on-change="handleChange"
|
||
:on-remove="handleRemove"
|
||
:file-list="fileList"
|
||
:on-exceed="handleExceed"
|
||
:show-file-list="false"
|
||
:headers="headers"
|
||
>
|
||
<div class="upload" v-if="table.imageMeeting1 == ''">
|
||
<div class="texts titleSize">{{'会议室'}}</div>
|
||
<div class="img-s">
|
||
<img style="margin-top:5px" src="@/assets/images/markerSpace/upload.png" />
|
||
</div>
|
||
<div class="texts">{{'上传图片'}}</div>
|
||
</div>
|
||
<div class="imgWidth"
|
||
v-if="table.imageMeeting1 && status1==5"
|
||
>
|
||
<el-image :src="table.imageMeeting1" :preview-src-list="[table.imageMeeting1]" />
|
||
</div>
|
||
<div
|
||
style=" display: flex"
|
||
v-if="table.imageMeeting1 != ''"
|
||
>
|
||
<div
|
||
v-if="status1!=5"
|
||
class="img-ss imgWidth"
|
||
@click.stop="dialogFormVisible = false"
|
||
>
|
||
<img :src="table.imageMeeting1" />
|
||
<div class="box-colors centers">
|
||
<div
|
||
v-if="!disableds"
|
||
@click="delStops('imageMeeting1', 25)"
|
||
@click.stop="dialogFormVisible = false"
|
||
style="color: #fff; font-size: 14px"
|
||
>
|
||
{{ '删除'}}
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</el-upload>
|
||
</div>
|
||
<div class="upload">
|
||
<el-upload
|
||
:disabled="disableds"
|
||
:class="[hideUploadAdd == true ? 'hide' : '']"
|
||
class="upload-demo"
|
||
accept=".png, .jpg"
|
||
action="#"
|
||
name="imageProduct1,27"
|
||
:http-request="uploadFile"
|
||
ref="upload"
|
||
:limit="fileLimits"
|
||
:on-change="handleChange"
|
||
:on-remove="handleRemove"
|
||
:file-list="fileList"
|
||
:on-exceed="handleExceed"
|
||
:show-file-list="false"
|
||
:headers="headers"
|
||
>
|
||
<div class="upload" v-if="table.imageProduct1 == ''">
|
||
<div class="texts titleSize">{{'产品展示区'}}</div>
|
||
<div class="img-s">
|
||
<img style="margin-top:5px" src="@/assets/images/markerSpace/upload.png" />
|
||
</div>
|
||
<div class="texts">{{'上传图片'}}</div>
|
||
</div>
|
||
<div class="imgWidth"
|
||
v-if="table.imageProduct1 && status1==5"
|
||
>
|
||
<el-image :src="table.imageProduct1" :preview-src-list="[table.imageProduct1]" />
|
||
</div>
|
||
<div
|
||
style=" display: flex"
|
||
v-if="table.imageProduct1 != ''"
|
||
>
|
||
<div
|
||
class="img-ss imgWidth"
|
||
@click.stop="dialogFormVisible = false"
|
||
v-if="status1!=5"
|
||
>
|
||
<img :src="table.imageProduct1" />
|
||
<div class="box-colors centers">
|
||
<div
|
||
v-if="!disableds"
|
||
@click="delStops('imageProduct1', 27)"
|
||
@click.stop="dialogFormVisible = false"
|
||
style="color: #fff; font-size: 14px"
|
||
>
|
||
{{ '删除'}}
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</el-upload>
|
||
</div>
|
||
<div class="upload">
|
||
<el-upload
|
||
:disabled="disableds"
|
||
:class="[hideUploadAdd == true ? 'hide' : '']"
|
||
class="upload-demo"
|
||
accept=".png, .jpg"
|
||
action="#"
|
||
name="imageLounge1,29"
|
||
:http-request="uploadFile"
|
||
ref="upload"
|
||
:limit="fileLimits"
|
||
:on-change="handleChange"
|
||
:on-remove="handleRemove"
|
||
:file-list="fileList"
|
||
:on-exceed="handleExceed"
|
||
:show-file-list="false"
|
||
:headers="headers"
|
||
>
|
||
<div class="upload" v-if="table.imageLounge1 == ''">
|
||
<div class="texts titleSize">{{'休息室'}}</div>
|
||
<div class="img-s">
|
||
<img style="margin-top:5px" src="@/assets/images/markerSpace/upload.png" />
|
||
</div>
|
||
<div class="texts">{{'上传图片'}}</div>
|
||
</div>
|
||
<div class="imgWidth"
|
||
v-if="table.imageLounge1 && status1==5"
|
||
>
|
||
<el-image :src="table.imageLounge1" :preview-src-list="[table.imageLounge1]" />
|
||
</div>
|
||
<div
|
||
style=" display: flex"
|
||
v-if="table.imageLounge1 != ''"
|
||
>
|
||
<div
|
||
class="img-ss imgWidth"
|
||
@click.stop="dialogFormVisible = false"
|
||
v-if="status1!=5"
|
||
>
|
||
<img :src="table.imageLounge1" />
|
||
<div class="box-colors centers">
|
||
<div
|
||
v-if="!disableds"
|
||
@click="delStops('imageLounge1', 29)"
|
||
@click.stop="dialogFormVisible = false"
|
||
style="color: #fff; font-size: 14px"
|
||
>
|
||
{{ '删除'}}
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</el-upload>
|
||
</div>
|
||
</div>
|
||
<div style="display: flex">
|
||
<div class="upload">
|
||
<el-upload
|
||
:disabled="disableds"
|
||
:class="[hideUploadAdd == true ? 'hide' : '']"
|
||
class="upload-demo"
|
||
accept=".png, .jpg"
|
||
action="#"
|
||
name="imageDoorhead2,22"
|
||
:http-request="uploadFile"
|
||
ref="upload"
|
||
:limit="fileLimits"
|
||
:on-change="handleChange"
|
||
:on-remove="handleRemove"
|
||
:file-list="fileList"
|
||
:on-exceed="handleExceed"
|
||
:show-file-list="false"
|
||
:headers="headers"
|
||
>
|
||
<div class="upload" v-if="table.imageDoorhead2 == ''">
|
||
<div class="texts titleSize">{{'门头展示'}}</div>
|
||
<div class="img-s">
|
||
<img style="margin-top:5px" src="@/assets/images/markerSpace/upload.png" />
|
||
</div>
|
||
<div class="texts">{{'上传图片'}}</div>
|
||
</div>
|
||
<div class="imgWidth"
|
||
v-if="table.imageDoorhead2 && status1==5"
|
||
>
|
||
<el-image :src="table.imageDoorhead2" :preview-src-list="[table.imageDoorhead2]" />
|
||
</div>
|
||
<div
|
||
style=" display: flex"
|
||
v-if="table.imageDoorhead2 != ''"
|
||
>
|
||
<div
|
||
class="img-ss imgWidth"
|
||
v-if="status1!=5"
|
||
@click.stop="dialogFormVisible = false"
|
||
>
|
||
<img :src="table.imageDoorhead2" />
|
||
<div class="box-colors centers">
|
||
<div
|
||
v-if="!disableds"
|
||
@click="delStops('imageDoorhead2', 22)"
|
||
@click.stop="dialogFormVisible = false"
|
||
style="color: #fff; font-size: 14px"
|
||
>
|
||
{{ '删除'}}
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</el-upload>
|
||
</div>
|
||
<div class="upload">
|
||
<el-upload
|
||
:disabled="disableds"
|
||
:class="[hideUploadAdd == true ? 'hide' : '']"
|
||
class="upload-demo"
|
||
accept=".png, .jpg"
|
||
action="#"
|
||
name="imageExperience2,24"
|
||
:http-request="uploadFile"
|
||
ref="upload"
|
||
:limit="fileLimits"
|
||
:on-change="handleChange"
|
||
:on-remove="handleRemove"
|
||
:file-list="fileList"
|
||
:on-exceed="handleExceed"
|
||
:show-file-list="false"
|
||
:headers="headers"
|
||
>
|
||
<div class="upload" v-if="table.imageExperience2 == ''">
|
||
<div class="texts titleSize">{{'体验区'}}</div>
|
||
<div class="img-s">
|
||
<img style="margin-top:5px" src="@/assets/images/markerSpace/upload.png" />
|
||
</div>
|
||
<div class="texts">{{'上传图片'}}</div>
|
||
</div>
|
||
<div class="imgWidth"
|
||
v-if="table.imageExperience2 && status1==5"
|
||
>
|
||
<el-image :src="table.imageExperience2" :preview-src-list="[table.imageExperience2]" />
|
||
</div>
|
||
<div
|
||
style=" display: flex"
|
||
v-if="table.imageExperience2 != ''"
|
||
>
|
||
<div
|
||
class="img-ss imgWidth"
|
||
@click.stop="dialogFormVisible = false"
|
||
v-if="status1!=5"
|
||
>
|
||
<img :src="table.imageExperience2" />
|
||
<div class="box-colors centers">
|
||
<div
|
||
v-if="!disableds"
|
||
@click="delStops('imageExperience2', 24)"
|
||
@click.stop="dialogFormVisible = false"
|
||
style="color: #fff; font-size: 14px"
|
||
>
|
||
{{ '删除'}}
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</el-upload>
|
||
</div>
|
||
<div class="upload">
|
||
<el-upload
|
||
:disabled="disableds"
|
||
:class="[hideUploadAdd == true ? 'hide' : '']"
|
||
class="upload-demo"
|
||
accept=".png, .jpg"
|
||
action="#"
|
||
name="imageMeeting2,26"
|
||
:http-request="uploadFile"
|
||
ref="upload"
|
||
:limit="fileLimits"
|
||
:on-change="handleChange"
|
||
:on-remove="handleRemove"
|
||
:file-list="fileList"
|
||
:on-exceed="handleExceed"
|
||
:show-file-list="false"
|
||
:headers="headers"
|
||
>
|
||
<div class="upload" v-if="table.imageMeeting2 == ''">
|
||
<div class="texts titleSize">{{'会议室'}}</div>
|
||
<div class="img-s">
|
||
<img style="margin-top:5px" src="@/assets/images/markerSpace/upload.png" />
|
||
</div>
|
||
<div class="texts">{{'上传图片'}}</div>
|
||
</div>
|
||
<div class="imgWidth"
|
||
v-if="table.imageMeeting2 && status1==5"
|
||
>
|
||
<el-image :src="table.imageMeeting2" :preview-src-list="[table.imageMeeting2]" />
|
||
</div>
|
||
<div
|
||
style=" display: flex"
|
||
v-if="table.imageMeeting2 != ''"
|
||
>
|
||
<div
|
||
class="img-ss imgWidth"
|
||
@click.stop="dialogFormVisible = false"
|
||
v-if="status1!=5"
|
||
>
|
||
<img :src="table.imageMeeting2" />
|
||
<div class="box-colors centers">
|
||
<div
|
||
v-if="!disableds"
|
||
@click="delStops('imageMeeting2', 26)"
|
||
@click.stop="dialogFormVisible = false"
|
||
style="color: #fff; font-size: 14px"
|
||
>
|
||
{{ '删除'}}
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</el-upload>
|
||
</div>
|
||
<div class="upload">
|
||
<el-upload
|
||
:disabled="disableds"
|
||
:class="[hideUploadAdd == true ? 'hide' : '']"
|
||
class="upload-demo"
|
||
accept=".png, .jpg"
|
||
action="#"
|
||
name="imageProduct2,28"
|
||
:http-request="uploadFile"
|
||
ref="upload"
|
||
:limit="fileLimits"
|
||
:on-change="handleChange"
|
||
:on-remove="handleRemove"
|
||
:file-list="fileList"
|
||
:on-exceed="handleExceed"
|
||
:show-file-list="false"
|
||
:headers="headers"
|
||
>
|
||
<div class="upload" v-if="table.imageProduct2 == ''">
|
||
<div class="texts titleSize">{{'产品展示区'}}</div>
|
||
<div class="img-s">
|
||
<img style="margin-top:5px" src="@/assets/images/markerSpace/upload.png" />
|
||
</div>
|
||
<div class="texts">{{'上传图片'}}</div>
|
||
</div>
|
||
<div class="imgWidth"
|
||
v-if="table.imageProduct2 && status1==5"
|
||
>
|
||
<el-image :src="table.imageProduct2" :preview-src-list="[table.imageProduct2]" />
|
||
</div>
|
||
<div
|
||
style=" display: flex"
|
||
v-if="table.imageProduct2 != ''"
|
||
>
|
||
<div
|
||
class="img-ss imgWidth"
|
||
@click.stop="dialogFormVisible = false"
|
||
v-if="status1!=5"
|
||
>
|
||
<img :src="table.imageProduct2" />
|
||
<div class="box-colors centers">
|
||
<div
|
||
v-if="!disableds"
|
||
@click="delStops('imageProduct2', 28)"
|
||
@click.stop="dialogFormVisible = false"
|
||
style="color: #fff; font-size: 14px"
|
||
>
|
||
{{ '删除'}}
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</el-upload>
|
||
</div>
|
||
<div class="upload">
|
||
<el-upload
|
||
:disabled="disableds"
|
||
:class="[hideUploadAdd == true ? 'hide' : '']"
|
||
class="upload-demo"
|
||
accept=".png, .jpg"
|
||
action="#"
|
||
name="imageLounge2,30"
|
||
:http-request="uploadFile"
|
||
ref="upload"
|
||
:limit="fileLimits"
|
||
:on-change="handleChange"
|
||
:on-remove="handleRemove"
|
||
:file-list="fileList"
|
||
:on-exceed="handleExceed"
|
||
:show-file-list="false"
|
||
:headers="headers"
|
||
>
|
||
<div class="upload" v-if="table.imageLounge2 == ''">
|
||
<div class="texts titleSize">{{'休息室'}}</div>
|
||
<div class="img-s">
|
||
<img style="margin-top:5px" src="@/assets/images/markerSpace/upload.png" />
|
||
</div>
|
||
<div class="texts">{{'上传图片'}}</div>
|
||
</div>
|
||
<div class="imgWidth"
|
||
v-if="table.imageLounge2 && status1==5"
|
||
>
|
||
<el-image :src="table.imageLounge2" :preview-src-list="[table.imageLounge2]" />
|
||
</div>
|
||
<div
|
||
style=" display: flex"
|
||
v-if="table.imageLounge2 != ''"
|
||
>
|
||
<div
|
||
class="img-ss imgWidth"
|
||
v-if="status1!=5"
|
||
@click.stop="dialogFormVisible = false"
|
||
>
|
||
<img :src="table.imageLounge2" />
|
||
<div class="box-colors centers">
|
||
<div
|
||
v-if="!disableds"
|
||
@click="delStops('imageLounge2', 30)"
|
||
@click.stop="dialogFormVisible = false"
|
||
style="color: #fff; font-size: 14px"
|
||
>
|
||
{{ '删除'}}
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</el-upload>
|
||
</div>
|
||
</div>
|
||
<div style="margin-top: 10px">
|
||
<div class="size-s">{{'支持'}}：jpg，png</div>
|
||
<div class="size-s">{{'上传图片不要光线太暗'}}</div>
|
||
<div class="size-s">
|
||
{{'要清晰不能虚化，并且满画布显示，要保证亮要充足。'}}
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</el-form>
|
||
</div>
|
||
</div>
|
||
<div class="button-s" disabled="" @click="submit" v-if="status == 1 && status_flag==true">{{text}}</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</template>
|
||
|
||
<script>
|
||
import * as apis from "@/api/index.js";
|
||
import sidebarUserInfo from "@/views/index/components/sidebarUserInfo";
|
||
import topBanner from "@/components/topBanner";
|
||
import * as api from "@/api/register";
|
||
import { getBankCardChoiceList } from "@/api/wallet";
|
||
import { getToken } from "@/util/auth";
|
||
export default {
|
||
data() {
|
||
return {
|
||
status_flag:true,
|
||
text: '提交认证',
|
||
storeTypes: 2,
|
||
// 多张图
|
||
fileList1: [],
|
||
disableds: false,
|
||
flags: 0,
|
||
hideUploadAdd: false,
|
||
regionParams: {
|
||
label: "name",
|
||
value: "id",
|
||
children: "children",
|
||
expandTrigger: "hover",
|
||
},
|
||
//上传后的文件列表
|
||
fileList: [],
|
||
fileType: ["png", "jpg"],
|
||
fileSize: 50,
|
||
fileLimit: 50,
|
||
fileLimits: 50,
|
||
headers: {
|
||
Authorization: getToken(),
|
||
},
|
||
areaData: [],
|
||
status: null, //0未上传过 1已上传正在系统审核 2审核已成功只能查看无法编辑 3审核被驳回
|
||
table: {
|
||
storeType:2,
|
||
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: true, message: '请选择', trigger: "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',
|
||
},
|
||
{ min: 11, message: '请输入正确的手机号', trigger: 'blur' },
|
||
],
|
||
storeSign: [
|
||
{ required: true, message: " ", trigger: "blur" },
|
||
],
|
||
},
|
||
storeLevelVal:'',
|
||
memberCode:'',
|
||
memberName:'',
|
||
status1:null,
|
||
cause:'', //驳回原因
|
||
creatTime:'', // 创建时间
|
||
checkTime:'', //审核时间
|
||
navList: [
|
||
{ name: '调换货物', url: "/" },
|
||
{ name: '修改地址', url: "/" },
|
||
{ name: '订单自提', url: "/" },
|
||
{ name:'户籍变更', url: "/" },
|
||
{ name:'经销商认证', url: "/dealer" },
|
||
{ name: '超级工作室备案',url: "/superStudio" },
|
||
{ name: '创客发起人认证', url: "/markerSpace" },
|
||
],
|
||
showFlag:false,
|
||
};
|
||
},
|
||
components: { sidebarUserInfo, topBanner },
|
||
watch: {},
|
||
mounted() {
|
||
this.getAllArea();
|
||
this.getBankCardChoiceList();
|
||
this.getUserStatus();
|
||
},
|
||
methods: {
|
||
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
|
||
},
|
||
handleChange1(file, fileList) {
|
||
// 文件数量改变
|
||
this.fileList = fileList;
|
||
const isLt2M = file.size / 1024 / 1024 < 2;
|
||
if (!isLt2M) {
|
||
this.$message.error('视频大小不能超过50MB!');
|
||
this.fileList.pop();
|
||
}
|
||
return isLt2M;
|
||
},
|
||
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);
|
||
},
|
||
exports() {
|
||
|
||
},
|
||
handleClose1(){
|
||
this.showFlag = false
|
||
},
|
||
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.showFlag = false
|
||
}
|
||
},
|
||
submit() {
|
||
this.$refs['ruleForm'].validate(valid => {
|
||
if (!valid) {
|
||
return false
|
||
}else{
|
||
if(this.isEmpty(this.table.storeSign)){
|
||
this.$message({
|
||
message: '请上传创客空间标志图片',
|
||
type: "warning",
|
||
});
|
||
return
|
||
}
|
||
if(this.isEmpty(this.table.legalCardFront)){
|
||
this.$message({
|
||
message:'请上传法人身份证正面',
|
||
type: "warning",
|
||
});
|
||
return
|
||
}
|
||
if(this.isEmpty(this.table.legalCardBack)){
|
||
this.$message({
|
||
message: '请上传法人身份证反面',
|
||
type: "warning",
|
||
});
|
||
return
|
||
}
|
||
if(this.isEmpty(this.table.license)){
|
||
this.$message({
|
||
message: '请上传营业执照',
|
||
type: "warning",
|
||
});
|
||
return
|
||
}
|
||
if(this.table.storeAgreementList.length==0){
|
||
this.$message({
|
||
message: '请上传已签字的超级工作室协议',
|
||
type: "warning",
|
||
});
|
||
return
|
||
}
|
||
if(this.isEmpty(this.table.videoDoorhead)){
|
||
this.$message({
|
||
message: '请上传门店门头视频',
|
||
type: "warning",
|
||
});
|
||
return
|
||
}
|
||
if(this.isEmpty(this.table.videoStore)){
|
||
this.$message({
|
||
message: '请上传门店店内视频',
|
||
type: "warning",
|
||
});
|
||
return
|
||
}
|
||
if(this.isEmpty(this.table.videoProduct)){
|
||
this.$message({
|
||
message: '请上传门店产品视频',
|
||
type: "warning",
|
||
});
|
||
return
|
||
}
|
||
if(this.isEmpty(this.table.imageDoorhead1)){
|
||
this.$message({
|
||
message: `${'请上传门店门头图片'}1`,
|
||
type: "warning",
|
||
});
|
||
return
|
||
}
|
||
if(this.isEmpty(this.table.imageDoorhead2)){
|
||
this.$message({
|
||
message: `${'请上传门店门头图片'}2`,
|
||
type: "warning",
|
||
});
|
||
return
|
||
}
|
||
if(this.isEmpty(this.table.imageExperience1)){
|
||
this.$message({
|
||
message: `${'请上传门店体验区图片'}1`,
|
||
type: "warning",
|
||
});
|
||
return
|
||
}
|
||
if(this.isEmpty(this.table.imageExperience2)){
|
||
this.$message({
|
||
message: `${'请上传门店体验区图片'}2`,
|
||
type: "warning",
|
||
});
|
||
return
|
||
}
|
||
if(this.isEmpty(this.table.imageMeeting1)){
|
||
this.$message({
|
||
message: `${'请上传门店会议室图片'}1`,
|
||
type: "warning",
|
||
});
|
||
return
|
||
}
|
||
if(this.isEmpty(this.table.imageMeeting2)){
|
||
this.$message({
|
||
message: `${'请上传门店会议室图片'}2`,
|
||
type: "warning",
|
||
});
|
||
return
|
||
}
|
||
if(this.isEmpty(this.table.imageProduct1)){
|
||
this.$message({
|
||
message: `${'请上传门店产品图片'}1`,
|
||
type: "warning",
|
||
});
|
||
return
|
||
}
|
||
if(this.isEmpty(this.table.imageProduct2)){
|
||
this.$message({
|
||
message: `${'请上传门店产品图片'}2`,
|
||
type: "warning",
|
||
});
|
||
return
|
||
}
|
||
if(this.isEmpty(this.table.imageLounge1)){
|
||
this.$message({
|
||
message:`${'请上传门店休息室图片'}1`,
|
||
type: "warning",
|
||
});
|
||
return
|
||
}
|
||
if(this.isEmpty(this.table.imageLounge2)){
|
||
this.$message({
|
||
message: `${'请上传门店休息室图片'}2`,
|
||
type: "warning",
|
||
});
|
||
return
|
||
}
|
||
api.markerSpaceSubmit(this.table).then((res)=>{
|
||
if(res.code=='200'){
|
||
this.$message({
|
||
type: 'success',
|
||
message: res.msg
|
||
})
|
||
this.getUserStatus();
|
||
}
|
||
})
|
||
}
|
||
})
|
||
},
|
||
setAddress(res) {
|
||
this.table.licenseProvince = res[0];
|
||
this.table.licenseCity = res[1];
|
||
this.table.licenseCounty = res[2];
|
||
},
|
||
setAddress1(res) {
|
||
this.table.storeProvince = res[0];
|
||
this.table.storeCity = res[1];
|
||
this.table.storeCounty = res[2];
|
||
},
|
||
remove1() {
|
||
console.error("000");
|
||
},
|
||
change1() {
|
||
console.error("000");
|
||
},
|
||
upload1(file) {
|
||
console.error(file);
|
||
console.error("00");
|
||
},
|
||
newUploadImg(index, item) {
|
||
this.imgUrl = "";
|
||
this.$refs["upload"].$refs["upload-inner"].handleClick();
|
||
},
|
||
delStop(index) {
|
||
let data = {
|
||
storeType: this.storeTypes,
|
||
filePath: this.table.storeAgreementList[index],
|
||
fileType: 14,
|
||
};
|
||
api.delImg(data).then((res) => {
|
||
if (res.code == "200") {
|
||
this.table.storeAgreementList.splice(index, 1);
|
||
this.$message({
|
||
message: res.msg,
|
||
type: "success",
|
||
});
|
||
}
|
||
});
|
||
},
|
||
delStops(item, num) {
|
||
const time = item;
|
||
let data = {
|
||
storeType: this.storeTypes,
|
||
filePath: this.table[item],
|
||
fileType: num,
|
||
};
|
||
api.delImg(data).then((res) => {
|
||
if (res.code == "200") {
|
||
this.table[item] = "";
|
||
this.$message({
|
||
message: res.msg,
|
||
type: "success",
|
||
});
|
||
}
|
||
});
|
||
},
|
||
getUserStatus() {
|
||
api.markerSpaceDetail({ storeType: this.storeTypes }).then((res) => {
|
||
this.memberCode = res.data.memberCode;
|
||
this.memberName = res.data.memberName;
|
||
if(res.data.applyStatus==undefined){
|
||
this.status = 1
|
||
}else{
|
||
this.status = res.data.applyStatus
|
||
// this.cause = res.data.rejectMsg
|
||
const regex = new RegExp('<img', 'gi');
|
||
if(res.data.rejectMsg){
|
||
this.cause = res.data.rejectMsg.replace(
|
||
regex,
|
||
`<img style="max-width: 200px;"`
|
||
)
|
||
}
|
||
this.status1 = res.data.applyStatus
|
||
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())
|
||
}
|
||
}
|
||
console.error(res.data,'11')
|
||
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?res.data.legalCardFront:'', //法人身份证正面
|
||
legalCardBack: res.data.legalCardBack?res.data.legalCardBack:'', // 法人身份证反面
|
||
license: res.data.license?res.data.license:'', // 营业执照
|
||
storeAgreementList: res.data.storeAgreementList?res.data.storeAgreementList:'', // 协议列表
|
||
videoDoorhead: res.data.videoDoorhead?res.data.videoDoorhead:'', // 门店门头视频
|
||
videoStore: res.data.videoStore?res.data.videoStore:'', // 门店店内视频
|
||
videoProduct: res.data.videoProduct?res.data.videoProduct:'', // 门店产品视频
|
||
imageDoorhead1: res.data.imageDoorhead1?res.data.imageDoorhead1:'', // 门店门头图片1
|
||
imageDoorhead2: res.data.imageDoorhead2?res.data.imageDoorhead2:'', // 门店门头图片2
|
||
imageExperience1: res.data.imageExperience1?res.data.imageExperience1:'', // 门店体验区图片1
|
||
imageExperience2: res.data.imageExperience2?res.data.imageExperience2:'', // 门店体验区图片2
|
||
imageMeeting1: res.data.imageMeeting1?res.data.imageMeeting1:'', // 门店会议室图片1
|
||
imageMeeting2: res.data.imageMeeting2?res.data.imageMeeting2:'', // 门店会议室图片2
|
||
imageProduct1: res.data.imageProduct1?res.data.imageProduct1:'', // 门店产品图片1
|
||
imageProduct2: res.data.imageProduct2?res.data.imageProduct2:'', // 门店产品图片2
|
||
imageLounge1: res.data.imageLounge1?res.data.imageLounge1:'', // 门店休息室图片1
|
||
imageLounge2: res.data.imageLounge2? res.data.imageLounge2:'', // 门店休息室图片2
|
||
bankBranch: res.data.bankBranch?res.data.bankBranch:'' //支行
|
||
}
|
||
}
|
||
}
|
||
if(res.data.applyTime){
|
||
this.creatTime = res.data.applyTime
|
||
}
|
||
if(res.data.approveTime){
|
||
this.checkTime = res.data.approveTime
|
||
}
|
||
// this.status = 0
|
||
if (res.data.approveStatus != 0) {
|
||
this.flags = 1;
|
||
}
|
||
});
|
||
},
|
||
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;
|
||
},
|
||
getAllArea() {
|
||
api.allArea().then((res) => {
|
||
this.areaData = res.data;
|
||
});
|
||
},
|
||
getBankCardChoiceList() {
|
||
getBankCardChoiceList().then((res) => {
|
||
this.bankCardChioceList = res.data;
|
||
});
|
||
},
|
||
handleRemove() {},
|
||
// 文件状态改变时的钩子
|
||
handleChange(file, fileList) {
|
||
// 文件数量改变
|
||
|
||
this.fileList = fileList;
|
||
const isLt2M = file.size / 1024 / 1024 < 2;
|
||
if (!isLt2M) {
|
||
this.$message.error('图片大小不能超过2MB!');
|
||
this.fileList.pop();
|
||
}
|
||
return isLt2M;
|
||
},
|
||
handleClose(i) {
|
||
this.fileList.splice(i, 1); //删除上传的文件
|
||
if (this.fileList.length == 0) {
|
||
//如果删完了
|
||
this.fileflag = true; //显示url必填的标识
|
||
this.$set(this.rules.url, 0, {
|
||
required: true,
|
||
validator: this.validatorUrl,
|
||
trigger: "blur",
|
||
}); //然后动态的添加本地方法的校验规则
|
||
}
|
||
},
|
||
handleExceed() {
|
||
// this.$message({
|
||
// type:'warning',
|
||
// message:'超出最大上传文件数量的限制！'
|
||
// });return
|
||
},
|
||
//多张图上传方法
|
||
uploadFile1(item) {
|
||
const fileName = item.file.name;
|
||
const fileType = fileName.substring(fileName.lastIndexOf("."));
|
||
if (fileType !== ".jpg" && fileType !== ".png") {
|
||
this.$message({
|
||
message:'图片格式仅支持jpg，png',
|
||
});
|
||
}
|
||
// this.$showMessage('文件上传中........')
|
||
let FormDatas = new FormData();
|
||
FormDatas.append("file", item.file);
|
||
FormDatas.append("storeType", this.storeTypes);
|
||
FormDatas.append("fileType", 14);
|
||
// FormDatas.append('image',result[0]);
|
||
api.uploadImg(FormDatas).then((res) => {
|
||
if (res.data) {
|
||
this.table.storeAgreementList.push(res.data.url); //成功过后手动将文件添加到展示列表里
|
||
// let i = this.fileList1.indexOf(res.data.url)
|
||
// this.fileList1[i].id = res.data.name;//id也添加进去，最后整个大表单提交的时候需要的
|
||
}
|
||
});
|
||
},
|
||
uploadVideo(item) {
|
||
const result = item.filename.split(","); //0名称 1列表名称
|
||
let name = result[0];
|
||
let img = result[1];
|
||
const fileName = item.file.name;
|
||
const fileType = fileName.substring(fileName.lastIndexOf("."));
|
||
if (fileType !== ".mp4") {
|
||
this.$message({
|
||
message: '视频格式仅支持mp4',
|
||
});
|
||
return;
|
||
}
|
||
if (item.file.size / 1024 / 1024 > 50) {
|
||
this.$message.warning('上传视频大于50MB，请重新上传！');
|
||
return false;
|
||
}
|
||
let FormDatas = new FormData();
|
||
FormDatas.append("file", item.file);
|
||
FormDatas.append("storeType", this.storeTypes);
|
||
FormDatas.append("fileType", img);
|
||
api.uploadImg(FormDatas).then((res) => {
|
||
if (res.data) {
|
||
this.table[name] = res.data.url;
|
||
console.error(this.table);
|
||
}
|
||
});
|
||
},
|
||
uploadFile(item) {
|
||
const result = item.filename.split(","); //0名称 1列表名称
|
||
let name = result[0];
|
||
let img = result[1];
|
||
const fileName = item.file.name;
|
||
const fileType = fileName.substring(fileName.lastIndexOf("."));
|
||
if (fileType !== ".jpg" && fileType !== ".png") {
|
||
this.$message({
|
||
message: '图片格式仅支持jpg，png',
|
||
});
|
||
return;
|
||
}
|
||
if (item.file.size / 1024 / 1024 > 5) {
|
||
this.$message.warning('上传图片大于5MB，请重新上传！');
|
||
return false;
|
||
}
|
||
let FormDatas = new FormData();
|
||
FormDatas.append("file", item.file);
|
||
FormDatas.append("storeType", this.storeTypes);
|
||
FormDatas.append("fileType", img);
|
||
api.uploadImg(FormDatas).then((res) => {
|
||
if (res.data) {
|
||
this.table[name] = res.data.url;
|
||
console.error(this.table);
|
||
}
|
||
});
|
||
},
|
||
//上传成功后的回调
|
||
handleSuccess() {},
|
||
},
|
||
};
|
||
</script>
|
||
<style>
|
||
.hide .el-upload--picture-card {
|
||
display: none !important;
|
||
}
|
||
</style>
|
||
<style lang="scss" scoped>
|
||
.imgWidth1{
|
||
position: relative;
|
||
flex-wrap: wrap;
|
||
|
||
}
|
||
.imgWidth1 .el-image{
|
||
width: 128px !important;
|
||
height: 128px !important;
|
||
margin-right: 10px;
|
||
}
|
||
.card .el-image {
|
||
width: 362px !important;
|
||
height: 211px !important;
|
||
}
|
||
.idCard .el-image {
|
||
width: 362px;
|
||
height: 211px;
|
||
}
|
||
.imgWidth1 .el-image{
|
||
width: 128px !important;
|
||
height: 128px !important;
|
||
margin-right: 10px;
|
||
}
|
||
.imgWidth .el-image{
|
||
position: absolute;
|
||
width: 128px !important;
|
||
height: 128px !important;
|
||
margin-top: 0 !important;
|
||
left: 0;
|
||
top: 0;
|
||
}
|
||
::v-deep .el-dialog_s .el-dialog{
|
||
overflow: auto;
|
||
}
|
||
.img_width{
|
||
text-align:center;
|
||
::v-deep img{
|
||
width: auto;
|
||
|
||
}
|
||
}
|
||
.class-s{
|
||
top: 1890px!important;
|
||
}
|
||
::v-deep .el-dialog__headerbtn .el-dialog__close{
|
||
font-size: 24px;
|
||
color: #000;
|
||
}
|
||
::v-deep .el-dialog__header{
|
||
border-bottom: 1px solid rgba(0,0,0,0.1);
|
||
padding: 20px 0;
|
||
}
|
||
::v-deep .el-dialog__title{
|
||
font-size: 32px;
|
||
color: #000;
|
||
font-weight: 600;
|
||
}
|
||
.styles{
|
||
border: none!important;
|
||
color: #fff!important;
|
||
background: #D61820;
|
||
}
|
||
.top-lists{
|
||
display: flex;
|
||
padding: 20px 0 0 0;
|
||
.nav-view{
|
||
cursor: pointer;
|
||
padding: 0 26px;
|
||
height: 44px;
|
||
border-radius: 10px;
|
||
border: 1px solid #999999;
|
||
font-size: 14px;
|
||
text-align: center;
|
||
line-height: 44px;
|
||
margin-right: 20px;
|
||
color: #999;
|
||
}
|
||
}
|
||
.width{
|
||
position: relative;
|
||
width: 128px;
|
||
height: 128px;
|
||
}
|
||
.close-icon{
|
||
position: absolute;
|
||
right: -10px;
|
||
top: -10px;
|
||
width: 20px;
|
||
height: 20px;
|
||
}
|
||
.idCardWidth {
|
||
width: 362px !important;
|
||
height: 211px !important;
|
||
position: relative;
|
||
top: 0;
|
||
}
|
||
.card {
|
||
width: 362px !important;
|
||
height: 211px !important;
|
||
position: relative;
|
||
}
|
||
.card img {
|
||
width: 362px !important;
|
||
height: 211px !important;
|
||
}
|
||
.centers {
|
||
display: flex;
|
||
justify-content: center;
|
||
align-items: center;
|
||
}
|
||
.upload-list {
|
||
//margin-left: -20px;
|
||
}
|
||
::v-deep .el-upload {
|
||
display: flex;
|
||
}
|
||
.upload-demo {
|
||
display: flex;
|
||
}
|
||
.text_s {
|
||
position: absolute;
|
||
top: 70px;
|
||
right: 20px;
|
||
width: 360px;
|
||
line-height: 20px;
|
||
color: #666;
|
||
font-size: 12px;
|
||
}
|
||
.bolds {
|
||
font-weight: bold;
|
||
}
|
||
.status-size {
|
||
margin-top: 10px;
|
||
font-size: 20px;
|
||
color: #000;
|
||
}
|
||
.img_cen {
|
||
padding: 200px 0;
|
||
margin: 0 auto;
|
||
text-align: center;
|
||
}
|
||
.status-img img {
|
||
width: 80px;
|
||
height: 80px;
|
||
}
|
||
.button-s {
|
||
width: 290px;
|
||
height: 66px;
|
||
background: #d61820;
|
||
border-radius: 10px 10px 10px 10px;
|
||
text-align: center;
|
||
cursor: pointer;
|
||
line-height: 66px;
|
||
font-size: 22px;
|
||
color: #fff;
|
||
margin: 60px auto;
|
||
}
|
||
::v-deep .el-form-item {
|
||
margin-bottom:20px;
|
||
}
|
||
.titleSize {
|
||
margin: 10px 0 5px 0 !important;
|
||
color: #000 !important;
|
||
}
|
||
.idCard img {
|
||
width: 362px;
|
||
height: 211px;
|
||
}
|
||
.line-s {
|
||
//padding: 0 20px;
|
||
//margin: 40px 0;
|
||
//background: rgba(0, 0, 0, 0.1);
|
||
//height: 4px;
|
||
//position: absolute;
|
||
//width: 100%;
|
||
//top: 1800px;
|
||
}
|
||
.size-s {
|
||
color: #005BAC;
|
||
font-size: 12px;
|
||
margin-bottom: 5px;
|
||
}
|
||
.texts {
|
||
color: #999;
|
||
font-size: 12px;
|
||
margin-top: 20px;
|
||
}
|
||
.imgWidth {
|
||
position: relative;
|
||
width: 128px;
|
||
height: 128px;
|
||
}
|
||
video {
|
||
position: absolute;
|
||
width: 128px !important;
|
||
height: 128px !important;
|
||
margin-top: 0 !important;
|
||
left: 0;
|
||
top: 0;
|
||
}
|
||
.imgWidth img {
|
||
position: absolute;
|
||
width: 128px !important;
|
||
height: 128px !important;
|
||
margin-top: 0 !important;
|
||
left: 0;
|
||
top: 0;
|
||
}
|
||
.box-colors {
|
||
background: rgba(0, 0, 0, 0.3);
|
||
border-radius: 6px 6px 6px 6px;
|
||
width: 128px;
|
||
height: 128px;
|
||
position: absolute;
|
||
}
|
||
.img-ss {
|
||
margin-right: 20px;
|
||
}
|
||
.img-s img {
|
||
width: 40px;
|
||
height: 40px;
|
||
margin-top: 25px;
|
||
}
|
||
.upload {
|
||
width: 128px;
|
||
height: 128px;
|
||
background: rgba(204, 204, 204, 0.3);
|
||
border-radius: 6px 6px 6px 6px;
|
||
text-align: center;
|
||
cursor: pointer;
|
||
margin-bottom: 20px;
|
||
margin-right: 20px;
|
||
}
|
||
::v-deep .area .el-input__inner {
|
||
width: 820px;
|
||
height: 65px;
|
||
font-size: 18px;
|
||
}
|
||
.form {
|
||
display: flex;
|
||
justify-content: center;
|
||
align-items: center;
|
||
margin-top: 50px;
|
||
}
|
||
::v-deep .el-form--label-top .el-form-item__label {
|
||
padding-bottom: 0;
|
||
}
|
||
::v-deep .el-form-item__label {
|
||
font-size: 16px;
|
||
color: #000;
|
||
}
|
||
::v-deep .centers .el-input__inner {
|
||
text-align: center;
|
||
}
|
||
::v-deep .inputs .el-input__inner {
|
||
width: 378px;
|
||
height: 65px;
|
||
font-size: 18px;
|
||
}
|
||
.flexs {
|
||
display: flex;
|
||
//padding-right: 60px;
|
||
background-color: #f9f9f9;
|
||
}
|
||
.banners {
|
||
flex: 1;
|
||
margin-top: 20px;
|
||
}
|
||
.content {
|
||
width: 100%;
|
||
padding: 30px 0;
|
||
background-color: #fff;
|
||
margin-top: 20px;
|
||
box-shadow: 0px 2px 20px 0px rgba(135, 135, 135, 0.3);
|
||
border-radius: 10px 10px 10px 10px;
|
||
.systemTitle {
|
||
display: flex;
|
||
justify-content: space-between;
|
||
//margin-top: 25px;
|
||
position: relative;
|
||
.button {
|
||
background-color: #ffad41;
|
||
color: #fff;
|
||
font-size: 16px;
|
||
height: 48px;
|
||
border-radius: 10px 10px 10px 10px;
|
||
line-height: 20px;
|
||
position: absolute;
|
||
right: 80px;
|
||
top: 10px;
|
||
}
|
||
.titles {
|
||
margin: 25px auto auto auto;
|
||
color: #333;
|
||
font-size: 28px;
|
||
font-weight: 600;
|
||
}
|
||
}
|
||
.title {
|
||
//height: 49px;
|
||
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
|
||
display: flex;
|
||
padding-bottom: 10px;
|
||
.name {
|
||
margin-left: 10px;
|
||
font-weight: 600;
|
||
}
|
||
.line {
|
||
width: 5px;
|
||
height: 19px;
|
||
background: #005BAC;
|
||
}
|
||
}
|
||
}
|
||
</style>
|