1898 lines
65 KiB
Vue
1898 lines
65 KiB
Vue
<!--
|
|
* @Descripttion:
|
|
* @version:
|
|
* @Author: kBank
|
|
* @Date: 2022-10-24 15:45:01
|
|
-->
|
|
<template>
|
|
<div class="page">
|
|
<topBar
|
|
v-if="topList.length > 0"
|
|
:top-list="topList"
|
|
:moren="moren"
|
|
/>
|
|
<div class="main">
|
|
<div class="maintop">
|
|
|
|
<div class="flexs">
|
|
<div style="flex: 1">
|
|
<div style="position: relative">
|
|
<div class="content">
|
|
<div>
|
|
<div class="systemTitle">
|
|
<div class="titles">
|
|
<div>资质认证</div>
|
|
</div>
|
|
<div class="mainbtn">
|
|
<el-button v-has-buttons="['markerSpaceDetailsExport']" size="small" style="background: #FFAD41;color: #fff;margin:20px 20px 0 0" class="thebtn3" @click="exports()"> {{ '导出' }}</el-button>
|
|
</div>
|
|
</div>
|
|
<div class="form">
|
|
<el-form
|
|
ref="ruleForm"
|
|
:model="table"
|
|
:rules="rules"
|
|
label-position="top"
|
|
status-icon
|
|
class="demo-ruleForm"
|
|
>
|
|
<div style="display: flex">
|
|
<div style="text-align: left;position: absolute;font-size: 16px;color: #333;font-weight: bold">基础信息</div>
|
|
<el-form-item :label="'会员编号'" prop="memberCode" style="margin-top:30px">
|
|
<el-input
|
|
v-model="memberCode"
|
|
class="inputs"
|
|
disabled="disabled"
|
|
:placeholder="'请输入会员编号'"
|
|
/>
|
|
</el-form-item>
|
|
<el-form-item
|
|
style="margin-left: 50px;margin-top: 30px"
|
|
:label="'会员姓名'"
|
|
prop="memberName"
|
|
>
|
|
<el-input
|
|
v-model="memberName"
|
|
class="inputs"
|
|
disabled="disabled"
|
|
:placeholder="'请输入会员姓名'"
|
|
/>
|
|
</el-form-item>
|
|
</div>
|
|
<div style="display: flex">
|
|
<el-form-item :label="'创客空间名称'" prop="storeName">
|
|
<el-input
|
|
v-model="table.storeName"
|
|
:disabled="disableds"
|
|
class="inputs"
|
|
:placeholder="'请输入'"
|
|
/>
|
|
</el-form-item>
|
|
<el-form-item
|
|
style="margin-left: 50px"
|
|
:label="'创客空间等级'"
|
|
prop="storeLevelVal"
|
|
>
|
|
<el-input
|
|
v-model="storeLevelVal"
|
|
class="inputs"
|
|
disabled="disabled"
|
|
placeholder=""
|
|
/>
|
|
</el-form-item>
|
|
</div>
|
|
<div style="display: flex">
|
|
<el-form-item label="营业执照名称" prop="licenseName">
|
|
<el-input
|
|
v-model="table.licenseName"
|
|
:disabled="disableds"
|
|
class="inputs"
|
|
:placeholder="'请输入'"
|
|
/>
|
|
</el-form-item>
|
|
<el-form-item
|
|
style="margin-left: 50px"
|
|
label="统一社会信用代码"
|
|
prop="creditCode"
|
|
>
|
|
<el-input
|
|
v-model="table.creditCode"
|
|
:disabled="disableds"
|
|
class="inputs"
|
|
:placeholder="'请输入'"
|
|
/>
|
|
</el-form-item>
|
|
</div>
|
|
<div style="display: flex">
|
|
<el-form-item label="法人姓名" prop="legalName">
|
|
<el-input
|
|
v-model="table.legalName"
|
|
:disabled="disableds"
|
|
class="inputs"
|
|
:placeholder="'请输入'"
|
|
/>
|
|
<div style="color: #999; font-size: 12px">
|
|
法人姓名与法人身份证号与系统会员信息保持一致
|
|
</div>
|
|
</el-form-item>
|
|
<el-form-item
|
|
style="margin-left: 50px"
|
|
label="法人身份证号"
|
|
prop="legalIdCard"
|
|
>
|
|
<el-input
|
|
v-model="table.legalIdCard"
|
|
:disabled="disableds"
|
|
class="inputs"
|
|
:placeholder="'请输入'"
|
|
/>
|
|
</el-form-item>
|
|
</div>
|
|
<div style="display: flex">
|
|
<el-form-item
|
|
label="营业执照注册地址"
|
|
prop="licenseAddress"
|
|
>
|
|
<el-cascader
|
|
v-model="address"
|
|
:disabled="disableds"
|
|
class="area"
|
|
:options="areaData"
|
|
:placeholder="'请选择省市区'"
|
|
:props="regionParams"
|
|
/>
|
|
</el-form-item>
|
|
</div>
|
|
<div style="display: flex; margin-top: 10px">
|
|
<el-form-item label="" prop="licenseAddress">
|
|
<el-input
|
|
v-model="table.licenseAddress"
|
|
:disabled="disableds"
|
|
class="area centers"
|
|
:placeholder="'详细地址'"
|
|
/>
|
|
</el-form-item>
|
|
</div>
|
|
<div style="display: flex">
|
|
<el-form-item :label="'联系人'" prop="storePerson">
|
|
<el-input
|
|
v-model="table.storePerson"
|
|
class="inputs"
|
|
:disabled="disableds"
|
|
:placeholder="'请输入'"
|
|
/>
|
|
</el-form-item>
|
|
<el-form-item
|
|
style="margin-left: 50px"
|
|
:label="'联系方式'"
|
|
prop="storePhone"
|
|
>
|
|
<el-input
|
|
v-model="table.storePhone"
|
|
class="inputs"
|
|
:disabled="disableds"
|
|
max-length="11"
|
|
:placeholder="'请输入'"
|
|
/>
|
|
</el-form-item>
|
|
</div>
|
|
<div style="display: flex">
|
|
<el-form-item :label="'详细地址'" prop="storeProvince">
|
|
<el-cascader
|
|
v-model="address1"
|
|
class="area"
|
|
:disabled="disableds"
|
|
:options="areaData"
|
|
:placeholder="'请选择省市区'"
|
|
:props="regionParams"
|
|
/>
|
|
</el-form-item>
|
|
</div>
|
|
<div style="display: flex; margin-top: 10px">
|
|
<el-form-item label="" prop="storeAddress">
|
|
<el-input
|
|
v-model="table.storeAddress"
|
|
class="area centers"
|
|
:disabled="disableds"
|
|
:placeholder="'详细地址'"
|
|
/>
|
|
</el-form-item>
|
|
</div>
|
|
<div style="display: flex">
|
|
<el-form-item :label="'银行名称'" prop="pkBank">
|
|
<el-select
|
|
v-model="table.pkBank"
|
|
class="inputs centers"
|
|
:disabled="disableds"
|
|
:placeholder="'请选择'"
|
|
>
|
|
<el-option
|
|
v-for="(item, index) in bankCardChioceList"
|
|
:key="index"
|
|
:label="item.bankName"
|
|
:value="item.pkId"
|
|
/>
|
|
</el-select>
|
|
</el-form-item>
|
|
<el-form-item
|
|
style="margin-left: 50px"
|
|
label="银行账号"
|
|
prop="bankAccount"
|
|
>
|
|
<el-input
|
|
v-model="table.bankAccount"
|
|
class="inputs"
|
|
:disabled="disableds"
|
|
:placeholder="'请输入'"
|
|
/>
|
|
</el-form-item>
|
|
</div>
|
|
|
|
<div>
|
|
<el-form-item :label="'开户支行'" prop="bankBranch">
|
|
<el-input
|
|
v-model="table.bankBranch"
|
|
class="inputs"
|
|
:disabled="disableds"
|
|
:placeholder="'请输入'"
|
|
/>
|
|
</el-form-item>
|
|
</div>
|
|
<div>
|
|
<div style="display: flex">
|
|
<el-form-item label="创客空间标志" prop="" />
|
|
</div>
|
|
<div class="upload-list">
|
|
|
|
<div v-if="table.storeSign == ''" class="upload">
|
|
<div class="img-s">
|
|
<img src="@/assets/images/markerSpace/upload.png">
|
|
</div>
|
|
<div class="texts">上传图片</div>
|
|
</div>
|
|
<div
|
|
v-if="table.storeSign != ''"
|
|
style=" display: flex"
|
|
>
|
|
<div
|
|
class="img-ss imgWidth"
|
|
@click.stop="dialogFormVisible = false"
|
|
>
|
|
<!-- <img :src="table.storeSign"> -->
|
|
<el-image
|
|
style="width: 128px; height: 128px"
|
|
:src="table.storeSign"
|
|
:preview-src-list="[table.storeSign]"
|
|
/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div style="display: flex">
|
|
<el-form-item :label="'申请日期'" prop="">
|
|
<el-input
|
|
v-model="creatTime"
|
|
style="height: 32px"
|
|
class="inputs"
|
|
disabled
|
|
placeholder=""
|
|
/>
|
|
</el-form-item>
|
|
<el-form-item
|
|
style="margin-left: 50px"
|
|
:label="'审核日期'"
|
|
prop=""
|
|
>
|
|
<el-input
|
|
v-model="checkTime"
|
|
class="inputs"
|
|
disabled
|
|
placeholder=""
|
|
/>
|
|
</el-form-item>
|
|
</div>
|
|
<div class="systemTitle">
|
|
<div class="titles">
|
|
<div style="margin: 20px 0">资质材料</div>
|
|
</div>
|
|
</div>
|
|
<div style="display: flex;margin-top:20px">
|
|
<el-form-item label="法人身份证正反面" />
|
|
</div>
|
|
<div style="display: flex">
|
|
<div class="idCard">
|
|
<div v-if="typeNext==0">
|
|
<div v-if="table.legalCardFront == ''">
|
|
<img
|
|
src="@/assets/images/markerSpace/idCard-img1.png"
|
|
>
|
|
</div>
|
|
<div
|
|
v-if="table.legalCardFront != ''"
|
|
style="display: flex"
|
|
>
|
|
<div
|
|
class="img-ss card"
|
|
@click.stop="dialogFormVisible = false"
|
|
>
|
|
<!-- <img :src="table.legalCardFront"> -->
|
|
<el-image
|
|
style="width: 362px; height: 211px"
|
|
:src="table.legalCardFront"
|
|
:preview-src-list="[table.legalCardFront]"
|
|
/>
|
|
<div>{{ table.legalCardFrontDate }}</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<imageUpload v-else v-model="table.legalCardFront" />
|
|
</div>
|
|
<div class="idCard" style="margin-left: 99px">
|
|
|
|
<div v-if="typeNext==0">
|
|
<div v-if="table.legalCardBack == ''">
|
|
<img
|
|
src="@/assets/images/markerSpace/idCard-img2.png"
|
|
>
|
|
</div>
|
|
<div
|
|
v-if="table.legalCardBack != ''"
|
|
style="display: flex"
|
|
>
|
|
<div
|
|
class="img-ss card"
|
|
@click.stop="dialogFormVisible = false"
|
|
>
|
|
<!-- <img :src="table.legalCardBack"> -->
|
|
<el-image
|
|
style="width: 362px; height: 211px"
|
|
:src="table.legalCardBack"
|
|
:preview-src-list="[table.legalCardBack]"
|
|
/>
|
|
<div>{{ table.legalCardBackDate }}</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<imageUpload v-else v-model="table.legalCardBack" />
|
|
</div>
|
|
</div>
|
|
<div style="display: flex;margin-top:30px">
|
|
<el-form-item label="营业执照" />
|
|
</div>
|
|
<div class="upload-list">
|
|
<div v-if="typeNext==0">
|
|
<div v-if="table.license == ''" class="upload">
|
|
<div class="img-s">
|
|
<img src="@/assets/images/markerSpace/upload.png">
|
|
</div>
|
|
<div class="texts">上传图片</div>
|
|
</div>
|
|
<div
|
|
v-if="table.license != ''"
|
|
style=" display: flex"
|
|
>
|
|
<div
|
|
class="img-ss imgWidth"
|
|
@click.stop="dialogFormVisible = false"
|
|
>
|
|
<!-- <img :src="table.license"> -->
|
|
<el-image
|
|
style="width: 128px; height: 128px"
|
|
:src="table.license"
|
|
:preview-src-list="[table.license]"
|
|
/>
|
|
<div>{{ table.licenseDate }}</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<imageUpload v-else v-model="table.license" />
|
|
</div>
|
|
<div style="display: flex;margin-top:30px">
|
|
<el-form-item label="上传已签字的创客空间协议" />
|
|
</div>
|
|
<div class="upload-list">
|
|
|
|
<div style="display: flex; margin-right: 20px;flex-wrap: wrap;width: 800px">
|
|
<div
|
|
v-for="(item, index) in table.storeAgreementList"
|
|
v-show="typeNext==0"
|
|
style="margin-bottom:10px;"
|
|
class="img-ss imgWidth"
|
|
>
|
|
<el-image
|
|
style="width: 128px; height:128px"
|
|
:src="item"
|
|
:preview-src-list="[item]"
|
|
/>
|
|
<div v-if="table.storeAgreementDateList!=undefined">{{ table.storeAgreementDateList[index] }}</div>
|
|
</div>
|
|
<ImageUploads
|
|
v-if="typeNext==1"
|
|
v-model="storeAgreementListObj"
|
|
list-type="picture-card"
|
|
/>
|
|
</div>
|
|
</div>
|
|
<div style="display: flex;margin-top:30px">
|
|
<el-form-item label="门店视频(3/3)" />
|
|
</div>
|
|
<div class="upload-list">
|
|
<div style="display: flex">
|
|
<div class="upload">
|
|
|
|
<div v-if="table.videoDoorhead == ''" class="upload">
|
|
<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
|
|
v-if="table.videoDoorhead != ''"
|
|
style="display: flex"
|
|
>
|
|
<div
|
|
class="img-ss width"
|
|
@click.stop="dialogFormVisible = false"
|
|
>
|
|
<img class="close-icon" src="@/assets/images/markerSpace/close.png">
|
|
<video :src="table.videoDoorhead" controls="controls" @click.stop="dialogFormVisible = false" />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="upload">
|
|
|
|
<div v-if="table.videoStore == ''" class="upload">
|
|
<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
|
|
v-if="table.videoStore != ''"
|
|
style="display: flex"
|
|
>
|
|
<div
|
|
class="img-ss width"
|
|
@click.stop="dialogFormVisible = false"
|
|
>
|
|
<img class="close-icon" src="@/assets/images/markerSpace/close.png" @click="delStops('videoStore', 2)">
|
|
<video :src="table.videoStore" controls="controls" @click.stop="dialogFormVisible = false" />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="upload">
|
|
|
|
<div v-if="table.videoProduct == ''" class="upload">
|
|
<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
|
|
v-if="table.videoProduct != ''"
|
|
style="display: flex"
|
|
>
|
|
<div
|
|
class="img-ss width"
|
|
@click.stop="dialogFormVisible = false"
|
|
>
|
|
<video :src="table.videoProduct" controls="controls" @click.stop="dialogFormVisible = false" />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div style="display: flex">
|
|
<el-form-item label="门店图片(10/10)" />
|
|
</div>
|
|
<div class="upload-list">
|
|
<div style="display: flex">
|
|
<div class="upload">
|
|
|
|
<div v-if="table.imageDoorhead1 == ''" class="upload">
|
|
<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
|
|
v-if="table.imageDoorhead1 != ''"
|
|
style=" display: flex"
|
|
>
|
|
<div
|
|
class="img-ss imgWidth"
|
|
@click.stop="dialogFormVisible = false"
|
|
>
|
|
<!-- <img :src="table.imageDoorhead1"> -->
|
|
|
|
<el-image
|
|
style="width: 128px; height: 128px"
|
|
:src="table.imageDoorhead1"
|
|
:preview-src-list="[table.imageDoorhead1]"
|
|
/> </div>
|
|
</div>
|
|
</div>
|
|
<div class="upload">
|
|
|
|
<div v-if="table.imageExperience1 == ''" class="upload">
|
|
<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
|
|
v-if="table.imageExperience1 != ''"
|
|
style=" display: flex"
|
|
>
|
|
<div
|
|
class="img-ss imgWidth"
|
|
@click.stop="dialogFormVisible = false"
|
|
>
|
|
<img :src="table.imageExperience1">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="upload">
|
|
|
|
<div v-if="table.imageMeeting1 == ''" class="upload">
|
|
<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
|
|
v-if="table.imageMeeting1 != ''"
|
|
style=" display: flex"
|
|
>
|
|
<div
|
|
class="img-ss imgWidth"
|
|
@click.stop="dialogFormVisible = false"
|
|
>
|
|
<img :src="table.imageMeeting1">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="upload">
|
|
|
|
<div v-if="table.imageProduct1 == ''" class="upload">
|
|
<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
|
|
v-if="table.imageProduct1 != ''"
|
|
style=" display: flex"
|
|
>
|
|
<div
|
|
class="img-ss imgWidth"
|
|
@click.stop="dialogFormVisible = false"
|
|
>
|
|
<img :src="table.imageProduct1">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="upload">
|
|
|
|
<div v-if="table.imageLounge1 == ''" class="upload">
|
|
<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
|
|
v-if="table.imageLounge1 != ''"
|
|
style=" display: flex"
|
|
>
|
|
<div
|
|
class="img-ss imgWidth"
|
|
@click.stop="dialogFormVisible = false"
|
|
>
|
|
<img :src="table.imageLounge1">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div style="display: flex">
|
|
<div class="upload">
|
|
|
|
<div v-if="table.imageDoorhead2 == ''" class="upload">
|
|
<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
|
|
v-if="table.imageDoorhead2 != ''"
|
|
style=" display: flex"
|
|
>
|
|
<div
|
|
class="img-ss imgWidth"
|
|
@click.stop="dialogFormVisible = false"
|
|
>
|
|
<img :src="table.imageDoorhead2">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="upload">
|
|
|
|
<div v-if="table.imageExperience2 == ''" class="upload">
|
|
<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
|
|
v-if="table.imageExperience2 != ''"
|
|
style=" display: flex"
|
|
>
|
|
<div
|
|
class="img-ss imgWidth"
|
|
@click.stop="dialogFormVisible = false"
|
|
>
|
|
<img :src="table.imageExperience2">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="upload">
|
|
|
|
<div v-if="table.imageMeeting2 == ''" class="upload">
|
|
<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
|
|
v-if="table.imageMeeting2 != ''"
|
|
style=" display: flex"
|
|
>
|
|
<div
|
|
class="img-ss imgWidth"
|
|
@click.stop="dialogFormVisible = false"
|
|
>
|
|
<img :src="table.imageMeeting2">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="upload">
|
|
|
|
<div v-if="table.imageProduct2 == ''" class="upload">
|
|
<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
|
|
v-if="table.imageProduct2 != ''"
|
|
style=" display: flex"
|
|
>
|
|
<div
|
|
class="img-ss imgWidth"
|
|
@click.stop="dialogFormVisible = false"
|
|
>
|
|
<img :src="table.imageProduct2">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="upload">
|
|
|
|
<div v-if="table.imageLounge2 == ''" class="upload">
|
|
<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
|
|
v-if="table.imageLounge2 != ''"
|
|
style=" display: flex"
|
|
>
|
|
<div
|
|
class="img-ss imgWidth"
|
|
@click.stop="dialogFormVisible = false"
|
|
>
|
|
<img :src="table.imageLounge2">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</el-form>
|
|
</div>
|
|
</div>
|
|
<div class="display">
|
|
<div v-if="typeNext==1" class="button-m" @click="toOnline">确定</div>
|
|
<div v-if="status == 0 && status_flag==true" class="button-s" disabled="" @click="returnHref"> {{ '返回' }}</div></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
import topBar from '@/components/topBar'
|
|
import * as api from '@/api/settle.js'
|
|
import * as api_s from '@/api/product.js'
|
|
import * as apis from '@/api/site.js'
|
|
import { classifyUpdate, classifySave } from '@/api/product'
|
|
import * as log from '@/api/logistics'
|
|
import { getcountryAllList } from '@/api/exchangerate'
|
|
import { bonusSource } from '@/api/bonus'
|
|
import * as del from '@/api/delivery'
|
|
import { getAwardsListChiose } from '@/api/level'
|
|
import { markerSpace, markerSpaceDetail } from '@/api/settle.js'
|
|
import ImageUpload from '@/components/ImageUpload'
|
|
import ImageUploads from '@/components/ImageUploads'
|
|
import { findAllArea } from '@/api/product.js'
|
|
import { isLocals } from '@/utils/numberToCurrency'
|
|
export default {
|
|
name: 'Bzpz',
|
|
components: {
|
|
topBar,
|
|
ImageUpload,
|
|
ImageUploads
|
|
},
|
|
filters: {
|
|
isAgree(val) {
|
|
if (!val) {
|
|
return '允许'
|
|
} else {
|
|
return '禁止'
|
|
}
|
|
}
|
|
},
|
|
data() {
|
|
return {
|
|
awardsList: [],
|
|
kdzcList: [
|
|
{
|
|
value: '1',
|
|
label: '空单注册'
|
|
}
|
|
], // 注册类型
|
|
isActive: false,
|
|
typeList: [
|
|
{
|
|
value: 0,
|
|
label: '前台'
|
|
},
|
|
{
|
|
value: 1,
|
|
label: '后台'
|
|
}
|
|
],
|
|
digList: [
|
|
{
|
|
value: 0,
|
|
label: '允许'
|
|
},
|
|
{
|
|
value: 1,
|
|
label: '禁止'
|
|
}
|
|
],
|
|
menuList: [
|
|
{
|
|
id: 0,
|
|
text: '全选',
|
|
checked: false
|
|
},
|
|
{
|
|
id: 1,
|
|
text: '拓展无封' + '(¥)',
|
|
checked: false,
|
|
prop: 'firstBuyAmountDollar'
|
|
},
|
|
{
|
|
id: 2,
|
|
text: '拓展无封' + '(¥)',
|
|
checked: false,
|
|
prop: 'firstBuyAmountDollar'
|
|
},
|
|
{
|
|
id: 3,
|
|
text: '拓展正常减半' + '(¥)',
|
|
checked: false,
|
|
prop: 'firstBuyAmountDollar'
|
|
},
|
|
{
|
|
id: 4,
|
|
text: '拓展实际减半' + '(¥)',
|
|
checked: false,
|
|
prop: 'firstBuyAmountDollar'
|
|
},
|
|
{
|
|
id: 5,
|
|
text: '拓展无封' + '(¥)',
|
|
checked: false,
|
|
prop: 'firstBuyAmountDollar'
|
|
},
|
|
{
|
|
id: 6,
|
|
text: '拓展封顶' + `(${isLocals()})`,
|
|
checked: false,
|
|
prop: 'firstBuyAmountDollar'
|
|
},
|
|
{
|
|
id: 7,
|
|
text: '拓展正常减半' + '($)',
|
|
checked: false,
|
|
prop: 'firstBuyAmountDollar'
|
|
},
|
|
{
|
|
id: 8,
|
|
text: '拓展实际减半' + '($)',
|
|
checked: false,
|
|
prop: 'firstBuyAmountDollar'
|
|
},
|
|
{
|
|
id: 9,
|
|
text: '直推轮数',
|
|
checked: false,
|
|
prop: 'firstBuyAmountDollar'
|
|
},
|
|
{
|
|
id: 10,
|
|
text: '直推次数',
|
|
checked: false,
|
|
prop: 'firstBuyAmountDollar'
|
|
},
|
|
{
|
|
id: 11,
|
|
text: '当前碰次',
|
|
checked: false,
|
|
prop: 'firstBuyAmountDollar'
|
|
},
|
|
{
|
|
id: 12,
|
|
text: '拓展碰次',
|
|
checked: false,
|
|
prop: 'firstBuyAmountDollar'
|
|
},
|
|
{
|
|
id: 13,
|
|
text: '当前代数',
|
|
checked: false,
|
|
prop: 'firstBuyAmountDollar'
|
|
},
|
|
{
|
|
id: 14,
|
|
text: '辅导代数',
|
|
checked: false,
|
|
prop: 'firstBuyAmountDollar'
|
|
}
|
|
],
|
|
creationTime: [],
|
|
creationTime1: [],
|
|
creationTime2: [],
|
|
creationTime3: [],
|
|
select: {
|
|
|
|
},
|
|
// 查询参数
|
|
queryParams: {
|
|
pageNum: 1,
|
|
pageSize: 50
|
|
},
|
|
addOrEdit: '',
|
|
total: 0,
|
|
dialogVisible: false,
|
|
tableData: {
|
|
censusSummaryList: []
|
|
},
|
|
moren: 'markerSpace',
|
|
topList: [
|
|
{
|
|
name: '创客空间',
|
|
path: 'markerSpace'
|
|
}
|
|
],
|
|
form: {
|
|
name: ''
|
|
},
|
|
areaData: [],
|
|
shoppingAddress: [],
|
|
acList: [],
|
|
verList: [],
|
|
memberList: [],
|
|
yieldList: [],
|
|
yieldStatus: [],
|
|
countryList: [],
|
|
orderTypeList: [],
|
|
pkMemberTeam: [],
|
|
pkVertex: [],
|
|
typeId: '',
|
|
paywayList: [],
|
|
presaleStatusList: [],
|
|
orderStatusList: [],
|
|
transportTypeList: [],
|
|
gyList: [],
|
|
deliveryWayList: [],
|
|
markerList: [{ 'name': '会员', 'id': 0 }, { 'name': '体验中心', 'id': 1 }],
|
|
navList: [
|
|
{ name: '调换货物', url: '/' },
|
|
{ name: '修改地址', url: '/' },
|
|
{ name: '订单自提', url: '/' },
|
|
{ name: '户籍变更', url: '/' },
|
|
{ name: '经销商认证', url: '/dealer' }
|
|
// { name: '超级工作室认证', url: '/superStudio' },
|
|
// { name: '创客空间认证', url: '/markerSpace' }
|
|
],
|
|
status_flag: true,
|
|
text: '提交认证',
|
|
storeTypes: 1,
|
|
// 多张图
|
|
fileList1: [],
|
|
disableds: true,
|
|
flags: 0,
|
|
hideUploadAdd: false,
|
|
// 上传后的文件列表
|
|
fileList: [],
|
|
fileType: ['png', 'jpg'],
|
|
fileSize: 50,
|
|
fileLimit: 50,
|
|
fileLimits: 50,
|
|
status: 0, // 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: '' // 开户支行
|
|
},
|
|
storeAgreementListObj: [],
|
|
address: '', // 营业执照地址
|
|
address1: '', // 详细地址
|
|
bankCardChioceList: [],
|
|
rules: {
|
|
storeName: [
|
|
{ required: false, message: '请输入超级工作室名称', trigger: 'blur' }
|
|
],
|
|
licenseName: [
|
|
{ required: false, message: '请输入营业执照名称', trigger: 'blur' }
|
|
],
|
|
creditCode: [
|
|
{ required: false, message: '请输入统一社会信用代码', trigger: 'blur' }
|
|
],
|
|
legalName: [
|
|
{ required: false, message: '请输入法人姓名', trigger: 'blur' }
|
|
],
|
|
legalIdCard: [
|
|
{ required: false, message: '请输入法人身份证号', trigger: 'blur' }
|
|
],
|
|
licenseProvince: [
|
|
{ required: false, message: '请选择营业执照省市区', trigger: ['blur', 'change'] }
|
|
],
|
|
licenseAddress: [
|
|
{ required: false, message: '请输入营业执照详细地址', trigger: 'blur' }
|
|
],
|
|
storeAddress: [
|
|
{ required: false, message: '请输入详细地址', trigger: 'blur' }
|
|
],
|
|
storeProvince: [
|
|
{ required: false, message: '请选择省市区', trigger: ['blur', 'change'] }
|
|
],
|
|
pkBank: [
|
|
{ required: false, message: '请选择银行名称', trigger: 'change' }
|
|
],
|
|
bankAccount: [
|
|
{ required: false, message: '请输入银行账号', trigger: 'blur' }
|
|
],
|
|
bankBranch: [
|
|
{ required: false, message: '请输入开户支行', trigger: 'blur' }
|
|
],
|
|
storePerson: [
|
|
{ required: false, message: '请输入联系人', trigger: 'blur' }
|
|
],
|
|
storePhone: [
|
|
{
|
|
required: false,
|
|
message: '请输入联系方式',
|
|
trigger: 'blur'
|
|
},
|
|
{ min: 11, message: '请输入正确的手机号', trigger: 'blur' }
|
|
],
|
|
storeSign: [
|
|
{ required: false, message: ' ', trigger: 'blur' }
|
|
]
|
|
},
|
|
regionParams: {
|
|
label: 'name',
|
|
value: 'id',
|
|
children: 'children',
|
|
expandTrigger: 'hover'
|
|
},
|
|
storeLevelVal: '',
|
|
memberCode: '',
|
|
memberName: '',
|
|
cause: '', // 驳回原因
|
|
creatTime: '', // 创建时间
|
|
checkTime: '', // 审核时间
|
|
typeNext: 0,
|
|
storeCode: 0,
|
|
allData: {}
|
|
}
|
|
},
|
|
mounted() {
|
|
// 获取下拉
|
|
// this.getData()
|
|
// 获取列表
|
|
if (this.$route.query.data) {
|
|
const obj = {
|
|
data: JSON.parse(this.$route.query.data)[0]
|
|
}
|
|
this.typeNext = 0
|
|
this.getDatas(obj)
|
|
} else {
|
|
const geturl = window.location.href
|
|
const getqyinfo = geturl.split('?')[1]
|
|
const getqys = new URLSearchParams('?' + getqyinfo)
|
|
const code = getqys.get('code')
|
|
this.storeCode = code
|
|
// 1
|
|
this.typeNext = getqys.get('index') || 0
|
|
this.getUserStatus(code)
|
|
}
|
|
|
|
this.getAllArea()
|
|
},
|
|
methods: {
|
|
toOnline() {
|
|
this.table.storeAgreementList = this.storeAgreementListObj.map((item) => item.url)
|
|
const obj = Object.assign(
|
|
{
|
|
storeCode: this.storeCode
|
|
}, this.allData, this.table)
|
|
this.$router.push({
|
|
path: 'ckkjZxqc',
|
|
query: {
|
|
data: JSON.stringify([obj]),
|
|
approvalBusiness: 161,
|
|
typeNext: this.typeNext
|
|
}
|
|
})
|
|
},
|
|
returnHref() {
|
|
this.$router.go(-1)
|
|
// this.$router.push('/information/markerSpace/markerSpaceList')
|
|
},
|
|
getAllArea() {
|
|
findAllArea().then((res) => {
|
|
this.areaData = res.data
|
|
})
|
|
},
|
|
getDatas(res) {
|
|
this.creatTime = res.data.applyTime
|
|
if (res.data.approveTime) {
|
|
this.checkTime = res.data.approveTime
|
|
}
|
|
const arr = []
|
|
const 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(arr)
|
|
this.address = arr // 营业执照省市区
|
|
this.address1 = arr1 // 联系人省市区
|
|
this.storeLevelVal = res.data.storeLevelVal
|
|
this.memberCode = res.data.memberCode
|
|
this.memberName = res.data.memberName
|
|
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.bankName, // 银行名称
|
|
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, // 法人身份证反面
|
|
legalCardFrontDate: res.data.legalCardFrontDate, // 法人身份证反面
|
|
legalCardBackDate: res.data.legalCardBackDate, // 法人身份证反面
|
|
licenseDate: res.data.licenseDate, // 法人身份证反面
|
|
storeAgreementDateList: res.data.storeAgreementDateList, // 法人身份证反面
|
|
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 // 支行
|
|
}
|
|
const arrly = []
|
|
res.data.storeAgreementList.forEach((item, index) => {
|
|
arrly.push({
|
|
name: index,
|
|
url: item
|
|
})
|
|
})
|
|
this.storeAgreementListObj = arrly
|
|
},
|
|
getUserStatus(code) {
|
|
api.markerSpaceDetail({ storeCode: code }).then((res) => {
|
|
this.allData = res.data
|
|
this.creatTime = res.data.applyTime
|
|
if (res.data.approveTime) {
|
|
this.checkTime = res.data.approveTime
|
|
}
|
|
const arr = []
|
|
const 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(arr)
|
|
this.address = arr // 营业执照省市区
|
|
this.address1 = arr1 // 联系人省市区
|
|
this.storeLevelVal = res.data.storeLevelVal
|
|
this.memberCode = res.data.memberCode
|
|
this.memberName = res.data.memberName
|
|
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.bankName, // 银行名称
|
|
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, // 法人身份证反面
|
|
legalCardFrontDate: res.data.legalCardFrontDate, // 法人身份证反面
|
|
legalCardBackDate: res.data.legalCardBackDate, // 法人身份证反面
|
|
licenseDate: res.data.licenseDate, // 法人身份证反面
|
|
storeAgreementDateList: res.data.storeAgreementDateList, // 法人身份证反面
|
|
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 // 支行
|
|
}
|
|
const arrly = []
|
|
res.data.storeAgreementList.forEach((item, index) => {
|
|
arrly.push({
|
|
name: index,
|
|
url: item
|
|
})
|
|
})
|
|
this.$nextTick(() => {
|
|
this.storeAgreementListObj = arrly
|
|
this.$forceUpdate()
|
|
})
|
|
})
|
|
},
|
|
exports() {
|
|
this.download(
|
|
'/member/manage/maker-space/export',
|
|
{},
|
|
`${'创客空间'}${new Date().getTime()}.xlsx`
|
|
)
|
|
},
|
|
handleChange(res) {
|
|
this.form.recProvince = res[0]
|
|
this.form.recCity = res[1]
|
|
this.form.recCounty = res[2]
|
|
},
|
|
// 展开折叠
|
|
changeActive() {
|
|
this.isActive = !this.isActive
|
|
},
|
|
reset() {
|
|
this.select = {
|
|
}
|
|
this.pkVertex = []
|
|
this.pkMemberTeam = []
|
|
this.typeId = ''
|
|
},
|
|
getMenu(e, id) {
|
|
if (e && id == 0) {
|
|
this.menuList.forEach((item) => {
|
|
this.$set(item, 'checked', true)
|
|
})
|
|
} else if (!e && id == 0) {
|
|
this.menuList.forEach((item) => {
|
|
this.$set(item, 'checked', false)
|
|
})
|
|
}
|
|
},
|
|
getData() {
|
|
getAwardsListChiose().then((res) => {
|
|
this.awardsList = res.rows
|
|
})
|
|
// 获取隶属体系
|
|
api.vertexList().then((res) => {
|
|
this.verList = res.data
|
|
})
|
|
// 获取隶属团队
|
|
api.memberTeam().then((res) => {
|
|
this.memberList = res.rows
|
|
})
|
|
},
|
|
changeTime(val) {
|
|
// this.select.startCreationTime = val[0]
|
|
// this.select.endCreationTime = val[1]
|
|
},
|
|
changeTime1(val) {
|
|
// this.select.startPayTime = val[0]
|
|
// this.select.endPayTime = val[1]
|
|
},
|
|
// 点击修改
|
|
toFixed(id) {
|
|
this.addOrEdit = false
|
|
this.dialogVisible = true
|
|
this.$router.push({
|
|
path: 'noticeList/details',
|
|
query: {
|
|
pkId: id
|
|
}
|
|
})
|
|
},
|
|
getSummaries(param) {
|
|
const { columns, data } = param
|
|
const sums = []
|
|
columns.forEach((column, index) => {
|
|
if (index === 0) {
|
|
sums[index] = ''
|
|
return
|
|
}
|
|
if (index === 1) {
|
|
sums[index] = ''
|
|
return
|
|
}
|
|
const values = data.map((item) => Number(item[column.property]))
|
|
if (!values.every((value) => isNaN(value))) {
|
|
sums[index] = values.reduce((prev, curr) => {
|
|
const value = Number(curr)
|
|
if (!isNaN(value)) {
|
|
return
|
|
} else {
|
|
return
|
|
}
|
|
}, 0)
|
|
// sums[index] += ' 元'
|
|
} else {
|
|
sums[index] = ''
|
|
}
|
|
})
|
|
|
|
return sums
|
|
},
|
|
// 删除
|
|
handleDelete(id) {
|
|
this.$confirm('确认删除?', '提示', {
|
|
confirmButtonText: '确定',
|
|
cancelButtonText: '取消',
|
|
type: 'warning'
|
|
}).then(() => {
|
|
api.classifyDel(id).then((res) => {
|
|
this.getDataList()
|
|
})
|
|
})
|
|
},
|
|
onSubmit(formName) {
|
|
this.$refs[formName].validate((valid) => {
|
|
if (valid) {
|
|
let url = ''
|
|
if (this.addOrEdit == true) {
|
|
url = classifySave
|
|
} else {
|
|
url = classifyUpdate
|
|
}
|
|
url(this.form).then((res) => {
|
|
if (res.code == 200) {
|
|
this.$message({
|
|
message: res.msg,
|
|
type: 'success'
|
|
})
|
|
this.dialogVisible = false
|
|
// 充值数据
|
|
this.$refs[formName].resetFields()
|
|
// 获取列表
|
|
this.getDataList()
|
|
}
|
|
})
|
|
} else {
|
|
return false
|
|
}
|
|
})
|
|
},
|
|
handleClose() {
|
|
this.dialogVisible = false
|
|
this.$refs['form'].clearValidate()
|
|
this.$refs['form'].resetFields()
|
|
},
|
|
openDig() {
|
|
this.$router.push({
|
|
path: 'noticeList/details'
|
|
})
|
|
},
|
|
getDataList() {
|
|
console.error(this.select)
|
|
api.markerSpace(this.select)
|
|
.then((res) => {
|
|
// res.data.forEach((element) => {
|
|
// element.approvalStatus = element.approvalStatus === 1 ? '审核中' : element.approvalStatus == 2 ? '审核通过' : '审核驳回'
|
|
// })
|
|
this.tableData.censusSummaryList = res.rows
|
|
// this.total = res.total
|
|
})
|
|
},
|
|
handleSelectionChange(val) {},
|
|
/** 导出按钮操作 */
|
|
handleExport() {
|
|
const queryParams = this.queryParams
|
|
this.$confirm('是否确认导出所有数据项?', '警告', {
|
|
confirmButtonText: '确定',
|
|
cancelButtonText: '取消',
|
|
type: 'warning'
|
|
})
|
|
.then(function() {
|
|
return api.exportClassIfy(queryParams)
|
|
})
|
|
.then((response) => {
|
|
this.download(response)
|
|
})
|
|
},
|
|
tableRowClassName({ row, rowIndex }) {
|
|
if (rowIndex % 2 == 1) {
|
|
return 'warning-row'
|
|
} else if (rowIndex % 2 == 0) {
|
|
return 'success-row'
|
|
}
|
|
return ''
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
<style scoped lang="scss">
|
|
::v-deep .el-form-item__label{
|
|
font-size: 16px!important;
|
|
}
|
|
::v-deep .el-input.is-disabled .el-input__inner{
|
|
color: #666!important;
|
|
}
|
|
.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;
|
|
display: none;
|
|
}
|
|
.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;
|
|
}
|
|
.display{
|
|
display: flex;
|
|
justify-content: center;
|
|
}
|
|
.button-s {
|
|
width: 290px;
|
|
height: 66px;
|
|
background: #CCCCCC;
|
|
border-radius: 10px 10px 10px 10px;
|
|
text-align: center;
|
|
cursor: pointer;
|
|
line-height: 66px;
|
|
font-size: 22px;
|
|
color: #fff;
|
|
margin: 60px 0;
|
|
}
|
|
.button-m {
|
|
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 20px;
|
|
}
|
|
::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: #c8161d;
|
|
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: 40px;
|
|
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: 14px;
|
|
color: #000;
|
|
}
|
|
::v-deep .centers .el-input__inner {
|
|
text-align: center;
|
|
}
|
|
::v-deep .inputs .el-input__inner {
|
|
width: 378px;
|
|
height: 40px;
|
|
font-size: 18px;
|
|
}
|
|
.flexs {
|
|
display: flex;
|
|
padding-right: 60px;
|
|
background-color: #f9f9f9;
|
|
width: 100%!important;
|
|
}
|
|
.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: #c8161d;
|
|
}
|
|
}
|
|
}
|
|
|
|
::v-deep .el-form-item{
|
|
margin-bottom: 10px;
|
|
}
|
|
::v-deep .div1 .el-form-item__content{
|
|
margin-left: 10px!important;
|
|
}
|
|
::v-deep .divs .el-input{
|
|
//width: 300px;
|
|
}
|
|
::v-deep .el-date-editor .el-range__close-icon{
|
|
margin-top: -10px;
|
|
}
|
|
::v-deep .el-date-editor .el-range-separator{
|
|
margin-top: -10px;
|
|
}
|
|
::v-deep .el-date-editor .el-range__icon{
|
|
margin-top: -10px;
|
|
}
|
|
::v-deep .el-input__inner{
|
|
//height:28px;
|
|
//line-height: 28px;
|
|
}
|
|
::v-deep .el-form-item__label{
|
|
color: #333;
|
|
font-weight: inherit;
|
|
}
|
|
::v-deep .el-table .warning-row {
|
|
background: #f9f9f9;
|
|
}
|
|
|
|
::v-deep .el-table .success-row {
|
|
background: #ffffff;
|
|
}
|
|
::v-deep .el-table thead {
|
|
color: #000000;
|
|
}
|
|
::v-deep .el-select {
|
|
width: 100%;
|
|
}
|
|
.uploadIcon ::v-deep .el-upload--picture-card {
|
|
display: none !important; /* 上传按钮隐藏 */
|
|
}
|
|
.page {
|
|
padding: 20px;
|
|
background: #f9f9f9;
|
|
font-size: 14px;
|
|
.main {
|
|
background: #ffffff;
|
|
border-radius: 8px;
|
|
box-shadow: 0px 2px 20px 0px rgba(238, 238, 238, 0.5);
|
|
.maintop {
|
|
display: flex;
|
|
//padding: 10px 20px;
|
|
justify-content: right;
|
|
//align-items: ri;
|
|
.mainbtn {
|
|
.thebtn1 {
|
|
background: #3181e5;
|
|
color: #ffffff;
|
|
}
|
|
.thebtn2 {
|
|
background: #ffad41;
|
|
color: #ffffff;
|
|
}
|
|
}
|
|
.maintitle {
|
|
font-size: 10px;
|
|
font-family: MicrosoftYaHei;
|
|
color: #999999;
|
|
}
|
|
}
|
|
}
|
|
.tem {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
img {
|
|
width: 28px;
|
|
height: 20px;
|
|
margin-right: 3px;
|
|
}
|
|
}
|
|
.isRed {
|
|
color: #ed1d25;
|
|
}
|
|
.isGreen {
|
|
color: #1ab62b;
|
|
}
|
|
.bgImg {
|
|
width: 48px;
|
|
height: 48px;
|
|
}
|
|
}
|
|
.openClose {
|
|
margin-right: 10px;
|
|
color: #666666;
|
|
text-align: center;
|
|
}
|
|
.kuang {
|
|
padding: 5px 20px;
|
|
background: rgba(255, 255, 255, 0);
|
|
border-radius: 4px;
|
|
border: 1px solid #cccccc;
|
|
}
|
|
.heji {
|
|
margin-top: 10px;
|
|
.dis {
|
|
display: flex;
|
|
justify-content: right;
|
|
padding: 5px 10px;
|
|
font-size: 14px;
|
|
color: #333333;
|
|
:nth-child(1) {
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
color: #333333;
|
|
margin-right: 20px;
|
|
}
|
|
}
|
|
}
|
|
</style>
|
|
<style>
|
|
.itemTrading .el-table {
|
|
overflow: auto;
|
|
}
|
|
.itemTrading .el-table__body-wrapper,
|
|
.itemTrading .el-table__header-wrapper,
|
|
.itemTrading .el-table__footer-wrapper {
|
|
overflow: visible;
|
|
}
|
|
.itemTrading .el-table::after {
|
|
position: relative !important;
|
|
}
|
|
|
|
.body-theme-grenn .el-table--scrollable-x .el-table__body-wrapper {
|
|
overflow: visible;
|
|
}
|
|
</style>
|