|
|
@@ -1,135 +1,164 @@
|
|
|
<template>
|
|
|
<s-layout class="set-wrap" title="商家入驻" :bgStyle="{ color: '#FFF' }">
|
|
|
- <uni-forms :model="state.model" :rules="state.rules" validateTrigger="bind" labelPosition="left" border
|
|
|
- class="form-box" labelWidth='200' ref="merchantFormRef" >
|
|
|
- <view class="bg-white ss-p-x-30">
|
|
|
- <uni-forms-item name="name" label="商家名称" :required="!state.formStatus">
|
|
|
- <uni-easyinput v-model="state.model.name" type="name" placeholder="请输入商家名称" :inputBorder="false"
|
|
|
- :placeholderStyle="placeholderStyle" :clearable="false" :disabled="state.formStatus" />
|
|
|
- </uni-forms-item>
|
|
|
- <uni-forms-item name="contact" label="联络人" :required="!state.formStatus">
|
|
|
- <uni-easyinput v-model="state.model.contact" type="contact" placeholder="请输入联络人"
|
|
|
- :inputBorder="false" :placeholderStyle="placeholderStyle" :clearable="false" :disabled="state.formStatus"/>
|
|
|
- </uni-forms-item>
|
|
|
- <uni-forms-item name="contactNumber" label="联络人手机号" :required="!state.formStatus">
|
|
|
- <uni-easyinput v-model="state.model.contactNumber" type="contactNumber" placeholder="请输入联络人手机号"
|
|
|
- :inputBorder="false" :placeholderStyle="placeholderStyle" :clearable="false" :disabled="state.formStatus"/>
|
|
|
- </uni-forms-item>
|
|
|
- <uni-forms-item name="legalPerson" label="法人" :required="!state.formStatus">
|
|
|
- <uni-easyinput v-model="state.model.legalPerson" type="legalPerson" placeholder="请输入联络人手机号"
|
|
|
- :inputBorder="false" :placeholderStyle="placeholderStyle" :clearable="false" :disabled="state.formStatus"/>
|
|
|
- </uni-forms-item>
|
|
|
- <uni-forms-item name="legalPersonNumber" label="法人手机号" :required="!state.formStatus">
|
|
|
- <uni-easyinput v-model="state.model.legalPersonNumber" type="legalPersonNumber" placeholder="请输入法人手机号"
|
|
|
- :inputBorder="false" :placeholderStyle="placeholderStyle" :clearable="false" :disabled="state.formStatus"/>
|
|
|
- </uni-forms-item>
|
|
|
- <uni-forms-item name="identityCardFront" label="法人身份证正面" :required="!state.formStatus" :errorMessage="state.identityCardFrontError">
|
|
|
- <s-uploader v-model:url="state.model.identityCardFront" fileMediatype="image" limit="1"
|
|
|
- mode="grid" :imageStyles="{ width: '299rpx', height: '168rpx' }" :readonly="state.formStatus"/>
|
|
|
- </uni-forms-item>
|
|
|
- <uni-forms-item name="identityCardReverseSide" label="法人身份证反面" :required="!state.formStatus" :errorMessage="identityCardReverseSideError">
|
|
|
- <s-uploader v-model:url="state.model.identityCardReverseSide" fileMediatype="image" limit="1"
|
|
|
- mode="grid" :imageStyles="{ width: '299rpx', height: '168rpx' }" :readonly="state.formStatus"/>
|
|
|
- </uni-forms-item>
|
|
|
- <uni-forms-item name="areaId" label="所在地" :required="!state.formStatus" :errorMessage="state.areaIdError">
|
|
|
- <uni-data-picker v-model="state.model.areaId" :localdata="areaTree" :readonly="state.formStatus" />
|
|
|
- </uni-forms-item>
|
|
|
-
|
|
|
- <uni-forms-item name="email" label="邮箱">
|
|
|
- <uni-easyinput v-model="state.model.email" type="email" placeholder="请输入邮箱" :inputBorder="false"
|
|
|
- :placeholderStyle="placeholderStyle" :clearable="false" :disabled="state.formStatus"/>
|
|
|
- </uni-forms-item>
|
|
|
- <uni-forms-item name="address" label="办公地址">
|
|
|
- <uni-easyinput v-model="state.model.address" type="address" placeholder="请输入办公地址"
|
|
|
- :inputBorder="false" :placeholderStyle="placeholderStyle" :clearable="false" :disabled="state.formStatus"/>
|
|
|
- </uni-forms-item>
|
|
|
- <uni-forms-item name="complaintsHotline" label="维权电话">
|
|
|
- <uni-easyinput v-model="state.model.complaintsHotline" type="complaintsHotline"
|
|
|
- placeholder="请输入维权电话" :inputBorder="false" :placeholderStyle="placeholderStyle"
|
|
|
- :clearable="false" :disabled="state.formStatus"/>
|
|
|
- </uni-forms-item>
|
|
|
- <uni-forms-item name="customerServiceHotline" label="客服电话" :required="!state.formStatus">
|
|
|
- <uni-easyinput v-model="state.model.customerServiceHotline" type="customerServiceHotline"
|
|
|
- placeholder="请输入客服电话" :inputBorder="false" :placeholderStyle="placeholderStyle"
|
|
|
- :clearable="false" :disabled="state.formStatus"/>
|
|
|
- </uni-forms-item>
|
|
|
- <uni-forms-item name="website" label="官网">
|
|
|
- <uni-easyinput v-model="state.model.website" type="website" placeholder="请输入官网" :inputBorder="false"
|
|
|
- :placeholderStyle="placeholderStyle" :clearable="false" :disabled="state.formStatus"/>
|
|
|
- </uni-forms-item>
|
|
|
- <uni-forms-item name="bankName" label="开户银行" :required="!state.formStatus">
|
|
|
- <uni-easyinput v-model="state.model.bankName" type="bankName" placeholder="请输入开户银行"
|
|
|
- :inputBorder="false" :placeholderStyle="placeholderStyle" :clearable="false" :disabled="state.formStatus"/>
|
|
|
- </uni-forms-item>
|
|
|
- <uni-forms-item name="accountName" label="账户名称" :required="!state.formStatus">
|
|
|
- <uni-easyinput v-model="state.model.accountName" type="accountName" placeholder="请输入账户名称"
|
|
|
- :inputBorder="false" :placeholderStyle="placeholderStyle" :clearable="false" :disabled="state.formStatus"/>
|
|
|
- </uni-forms-item>
|
|
|
- <uni-forms-item name="accountNumber" label="账户号码" :required="!state.formStatus">
|
|
|
- <uni-easyinput v-model="state.model.accountNumber" type="number" placeholder="请输入账户号码"
|
|
|
- :inputBorder="false" :placeholderStyle="placeholderStyle" :clearable="false" :disabled="state.formStatus"/>
|
|
|
- </uni-forms-item>
|
|
|
-
|
|
|
- <uni-forms-item name="logoUrl" label="Logo">
|
|
|
- <s-uploader v-model:url="state.model.logoUrl" fileMediatype="image" limit="1" mode="grid"
|
|
|
- :imageStyles="{ width: '299rpx', height: '168rpx' }" :readonly="state.formStatus"/>
|
|
|
- </uni-forms-item>
|
|
|
- <uni-forms-item name="businessLicensePicture" label="营业执照" :required="!state.formStatus" :errorMessage="state.businessLicensePictureError">
|
|
|
- <s-uploader v-model:url="state.model.businessLicensePicture" fileMediatype="image" limit="1"
|
|
|
- mode="grid" :imageStyles="{ width: '299rpx', height: '168rpx' }" :readonly="state.formStatus"/>
|
|
|
-
|
|
|
- </uni-forms-item>
|
|
|
- <uni-forms-item name="brandLicensing" label="品牌授权书" :required="!state.formStatus" :errorMessage="state.brandLicensingError">
|
|
|
- <s-uploader v-model:url="state.model.brandLicensing" fileMediatype="image" limit="1" mode="grid"
|
|
|
- :imageStyles="{ width: '299rpx', height: '168rpx' }" :readonly="state.formStatus"/>
|
|
|
- <view class="ss-m-t-20 " style="color: var(--ui-BG-Main);" @click="downloadTemplate" v-if="!state.model.brandLicensing">
|
|
|
- 下载模板
|
|
|
- </view>
|
|
|
-
|
|
|
- </uni-forms-item>
|
|
|
- <uni-forms-item name="otherCertificate" label="其他证书">
|
|
|
- <s-uploader v-model:url="state.model.otherCertificate" fileMediatype="image" limit="9" mode="grid"
|
|
|
- :imageStyles="{ width: '299rpx', height: '168rpx' }" :readonly="state.formStatus"/>
|
|
|
-
|
|
|
- </uni-forms-item>
|
|
|
- <uni-forms-item name="description" label="简介" :required="!state.formStatus">
|
|
|
-
|
|
|
- <uni-easyinput v-model="state.model.description" type="description" placeholder="请输入简介"
|
|
|
- :inputBorder="false" :placeholderStyle="placeholderStyle" :clearable="false" :disabled="state.formStatus"/>
|
|
|
- </uni-forms-item>
|
|
|
-
|
|
|
- <uni-forms-item name="description" label="状态" v-if="state.userApplyStatus">
|
|
|
- <uni-easyinput v-model="statusName" type="description" placeholder="请输入简介"
|
|
|
- :inputBorder="false" :placeholderStyle="placeholderStyle" :clearable="false" :disabled="state.formStatus"/>
|
|
|
- </uni-forms-item>
|
|
|
- </view>
|
|
|
- </uni-forms>
|
|
|
- <su-fixed bottom placeholder bg="none">
|
|
|
- <view class="footer-box ss-p-20 ss-flex">
|
|
|
- <!-- 审核中不允许改 -->
|
|
|
- <!-- 通过后 变动 -->
|
|
|
- <!-- {{"用户是否申请过:"+state.userApplyStatus}}
|
|
|
+ <template v-if="state.canUse">
|
|
|
+ <uni-forms :model="state.model" :rules="state.rules" validateTrigger="bind" labelPosition="left" border
|
|
|
+ class="form-box" labelWidth='200' ref="merchantFormRef">
|
|
|
+ <view class="bg-white ss-p-x-30">
|
|
|
+ <uni-forms-item name="name" label="商家名称" :required="!state.formStatus">
|
|
|
+ <uni-easyinput v-model="state.model.name" type="name" placeholder="请输入商家名称" :inputBorder="false"
|
|
|
+ :placeholderStyle="placeholderStyle" :clearable="false" :disabled="state.formStatus" />
|
|
|
+ </uni-forms-item>
|
|
|
+ <uni-forms-item name="contact" label="联络人" :required="!state.formStatus">
|
|
|
+ <uni-easyinput v-model="state.model.contact" type="contact" placeholder="请输入联络人"
|
|
|
+ :inputBorder="false" :placeholderStyle="placeholderStyle" :clearable="false"
|
|
|
+ :disabled="state.formStatus" />
|
|
|
+ </uni-forms-item>
|
|
|
+ <uni-forms-item name="contactNumber" label="联络人手机号" :required="!state.formStatus">
|
|
|
+ <uni-easyinput v-model="state.model.contactNumber" type="contactNumber" placeholder="请输入联络人手机号"
|
|
|
+ :inputBorder="false" :placeholderStyle="placeholderStyle" :clearable="false"
|
|
|
+ :disabled="state.formStatus" />
|
|
|
+ </uni-forms-item>
|
|
|
+ <uni-forms-item name="legalPerson" label="法人" :required="!state.formStatus">
|
|
|
+ <uni-easyinput v-model="state.model.legalPerson" type="legalPerson" placeholder="请输入法人"
|
|
|
+ :inputBorder="false" :placeholderStyle="placeholderStyle" :clearable="false"
|
|
|
+ :disabled="state.formStatus" />
|
|
|
+ </uni-forms-item>
|
|
|
+ <uni-forms-item name="legalPersonNumber" label="法人手机号" :required="!state.formStatus">
|
|
|
+ <uni-easyinput v-model="state.model.legalPersonNumber" type="legalPersonNumber"
|
|
|
+ placeholder="请输入法人手机号" :inputBorder="false" :placeholderStyle="placeholderStyle"
|
|
|
+ :clearable="false" :disabled="state.formStatus" />
|
|
|
+ </uni-forms-item>
|
|
|
+ <uni-forms-item name="identityCardFront" label="法人身份证正面" :required="!state.formStatus"
|
|
|
+ :errorMessage="state.identityCardFrontError">
|
|
|
+ <s-uploader v-model:url="state.model.identityCardFront" fileMediatype="image" limit="1"
|
|
|
+ mode="grid" :imageStyles="{ width: '299rpx', height: '168rpx' }"
|
|
|
+ :readonly="state.formStatus" />
|
|
|
+ </uni-forms-item>
|
|
|
+ <uni-forms-item name="identityCardReverseSide" label="法人身份证反面" :required="!state.formStatus"
|
|
|
+ :errorMessage="identityCardReverseSideError">
|
|
|
+ <s-uploader v-model:url="state.model.identityCardReverseSide" fileMediatype="image" limit="1"
|
|
|
+ mode="grid" :imageStyles="{ width: '299rpx', height: '168rpx' }"
|
|
|
+ :readonly="state.formStatus" />
|
|
|
+ </uni-forms-item>
|
|
|
+ <uni-forms-item name="areaId" label="所在地" :required="!state.formStatus"
|
|
|
+ :errorMessage="state.areaIdError">
|
|
|
+ <uni-data-picker v-model="state.model.areaId" :localdata="areaTree"
|
|
|
+ :readonly="state.formStatus" />
|
|
|
+ </uni-forms-item>
|
|
|
+
|
|
|
+ <uni-forms-item name="email" label="邮箱">
|
|
|
+ <uni-easyinput v-model="state.model.email" type="email" placeholder="请输入邮箱" :inputBorder="false"
|
|
|
+ :placeholderStyle="placeholderStyle" :clearable="false" :disabled="state.formStatus" />
|
|
|
+ </uni-forms-item>
|
|
|
+ <uni-forms-item name="address" label="办公地址">
|
|
|
+ <uni-easyinput v-model="state.model.address" type="address" placeholder="请输入办公地址"
|
|
|
+ :inputBorder="false" :placeholderStyle="placeholderStyle" :clearable="false"
|
|
|
+ :disabled="state.formStatus" />
|
|
|
+ </uni-forms-item>
|
|
|
+ <uni-forms-item name="complaintsHotline" label="维权电话">
|
|
|
+ <uni-easyinput v-model="state.model.complaintsHotline" type="complaintsHotline"
|
|
|
+ placeholder="请输入维权电话" :inputBorder="false" :placeholderStyle="placeholderStyle"
|
|
|
+ :clearable="false" :disabled="state.formStatus" />
|
|
|
+ </uni-forms-item>
|
|
|
+ <uni-forms-item name="customerServiceHotline" label="客服电话" :required="!state.formStatus">
|
|
|
+ <uni-easyinput v-model="state.model.customerServiceHotline" type="customerServiceHotline"
|
|
|
+ placeholder="请输入客服电话" :inputBorder="false" :placeholderStyle="placeholderStyle"
|
|
|
+ :clearable="false" :disabled="state.formStatus" />
|
|
|
+ </uni-forms-item>
|
|
|
+ <uni-forms-item name="website" label="官网">
|
|
|
+ <uni-easyinput v-model="state.model.website" type="website" placeholder="请输入官网"
|
|
|
+ :inputBorder="false" :placeholderStyle="placeholderStyle" :clearable="false"
|
|
|
+ :disabled="state.formStatus" />
|
|
|
+ </uni-forms-item>
|
|
|
+ <uni-forms-item name="bankName" label="开户银行" :required="!state.formStatus">
|
|
|
+ <uni-easyinput v-model="state.model.bankName" type="bankName" placeholder="请输入开户银行"
|
|
|
+ :inputBorder="false" :placeholderStyle="placeholderStyle" :clearable="false"
|
|
|
+ :disabled="state.formStatus" />
|
|
|
+ </uni-forms-item>
|
|
|
+ <uni-forms-item name="accountName" label="账户名称" :required="!state.formStatus">
|
|
|
+ <uni-easyinput v-model="state.model.accountName" type="accountName" placeholder="请输入账户名称"
|
|
|
+ :inputBorder="false" :placeholderStyle="placeholderStyle" :clearable="false"
|
|
|
+ :disabled="state.formStatus" />
|
|
|
+ </uni-forms-item>
|
|
|
+ <uni-forms-item name="accountNumber" label="账户号码" :required="!state.formStatus">
|
|
|
+ <uni-easyinput v-model="state.model.accountNumber" type="number" placeholder="请输入账户号码"
|
|
|
+ :inputBorder="false" :placeholderStyle="placeholderStyle" :clearable="false"
|
|
|
+ :disabled="state.formStatus" />
|
|
|
+ </uni-forms-item>
|
|
|
+
|
|
|
+ <uni-forms-item name="logoUrl" label="Logo">
|
|
|
+ <s-uploader v-model:url="state.model.logoUrl" fileMediatype="image" limit="1" mode="grid"
|
|
|
+ :imageStyles="{ width: '299rpx', height: '168rpx' }" :readonly="state.formStatus" />
|
|
|
+ </uni-forms-item>
|
|
|
+ <uni-forms-item name="businessLicensePicture" label="营业执照" :required="!state.formStatus"
|
|
|
+ :errorMessage="state.businessLicensePictureError">
|
|
|
+ <s-uploader v-model:url="state.model.businessLicensePicture" fileMediatype="image" limit="1"
|
|
|
+ mode="grid" :imageStyles="{ width: '299rpx', height: '168rpx' }"
|
|
|
+ :readonly="state.formStatus" />
|
|
|
+
|
|
|
+ </uni-forms-item>
|
|
|
+ <uni-forms-item name="brandLicensing" label="品牌授权书" :required="!state.formStatus"
|
|
|
+ :errorMessage="state.brandLicensingError">
|
|
|
+ <s-uploader v-model:url="state.model.brandLicensing" fileMediatype="image" limit="1" mode="grid"
|
|
|
+ :imageStyles="{ width: '299rpx', height: '168rpx' }" :readonly="state.formStatus" />
|
|
|
+ <view class="ss-m-t-20 " style="color: var(--ui-BG-Main);" @click="downloadTemplate"
|
|
|
+ v-if="!state.model.brandLicensing">
|
|
|
+ 下载模板
|
|
|
+ </view>
|
|
|
+
|
|
|
+ </uni-forms-item>
|
|
|
+ <uni-forms-item name="otherCertificate" label="其他证书">
|
|
|
+ <s-uploader v-model:url="state.model.otherCertificate" fileMediatype="image" limit="9"
|
|
|
+ mode="grid" :imageStyles="{ width: '299rpx', height: '168rpx' }"
|
|
|
+ :readonly="state.formStatus" />
|
|
|
+
|
|
|
+ </uni-forms-item>
|
|
|
+ <uni-forms-item name="description" label="简介" :required="!state.formStatus">
|
|
|
+
|
|
|
+ <uni-easyinput v-model="state.model.description" type="description" placeholder="请输入简介"
|
|
|
+ :inputBorder="false" :placeholderStyle="placeholderStyle" :clearable="false"
|
|
|
+ :disabled="state.formStatus" />
|
|
|
+ </uni-forms-item>
|
|
|
+
|
|
|
+ <uni-forms-item name="description" label="状态" v-if="state.userApplyStatus">
|
|
|
+ <uni-easyinput v-model="statusName" type="description" placeholder="请输入简介" :inputBorder="false"
|
|
|
+ :placeholderStyle="placeholderStyle" :clearable="false" :disabled="state.formStatus" />
|
|
|
+ </uni-forms-item>
|
|
|
+ </view>
|
|
|
+ </uni-forms>
|
|
|
+ <su-fixed bottom placeholder bg="none">
|
|
|
+ <view class="footer-box ss-p-20 ss-flex">
|
|
|
+ <!-- 审核中不允许改 -->
|
|
|
+ <!-- 通过后 变动 -->
|
|
|
+ <!-- {{"用户是否申请过:"+state.userApplyStatus}}
|
|
|
{{"当前状态"+state.model.checkStatus}}
|
|
|
{{"当前状态是否能改动:" + !state.formStatus}} -->
|
|
|
- <button class="ss-rest-button btn" @tap="onSubmit" v-if="!state.userApplyStatus">提交</button>
|
|
|
-
|
|
|
-
|
|
|
- <template v-if="[0].includes(state.model.checkStatus)">
|
|
|
- <button class="ss-rest-button btn" >审核中</button>
|
|
|
- </template>
|
|
|
- <template v-if="[1,2].includes(state.model.checkStatus)">
|
|
|
- <template v-if="!state.changeIng">
|
|
|
- <button class="ss-rest-button btn-two" @tap="openList" >审核记录</button>
|
|
|
- <button class="ss-rest-button btn-two" @tap="onChange" >变动</button>
|
|
|
+ <button class="ss-rest-button btn" @tap="onSubmit" v-if="!state.userApplyStatus">提交</button>
|
|
|
+
|
|
|
+
|
|
|
+ <template v-if="[0].includes(state.model.checkStatus)">
|
|
|
+ <button class="ss-rest-button btn">审核中</button>
|
|
|
</template>
|
|
|
- <template v-else>
|
|
|
- <button class="ss-rest-button btn-two" @tap="onCancel" >取消</button>
|
|
|
- <button class="ss-rest-button btn-two" @tap="onSave" >保存并提交</button>
|
|
|
+ <template v-if="[1,2].includes(state.model.checkStatus)">
|
|
|
+ <template v-if="!state.changeIng">
|
|
|
+ <button class="ss-rest-button btn-two" @tap="openList">审核记录</button>
|
|
|
+ <button class="ss-rest-button btn-two" @tap="onChange">变动</button>
|
|
|
+ </template>
|
|
|
+ <template v-else>
|
|
|
+ <button class="ss-rest-button btn-two" @tap="onCancel">取消</button>
|
|
|
+ <button class="ss-rest-button btn-two" @tap="onSave">保存并提交</button>
|
|
|
+ </template>
|
|
|
</template>
|
|
|
- </template>
|
|
|
-
|
|
|
+
|
|
|
+ </view>
|
|
|
+ </su-fixed>
|
|
|
+ </template>
|
|
|
+ <template v-if="!state.canUse">
|
|
|
+ <view style="position: fixed;top: 50%;left: 50%;transform: translate(-50%,-50%);text-align:center">当前用户({{userInfo.mobile}})<br/>
|
|
|
+已存在商户账号<br/>
|
|
|
+请更换账号申请！
|
|
|
</view>
|
|
|
- </su-fixed>
|
|
|
+ </template>
|
|
|
</s-layout>
|
|
|
</template>
|
|
|
|
|
|
@@ -155,11 +184,12 @@
|
|
|
import {
|
|
|
email
|
|
|
} from '@/sheep/validate/form';
|
|
|
-
|
|
|
+ const userInfo = computed(() => sheep.$store('user').userInfo);
|
|
|
const state = reactive({
|
|
|
- userApplyStatus:false, //用户是否已经申请过false未无 true为有
|
|
|
- formStatus:false, // 当前表单是否可以修改
|
|
|
- changeIng:false, //当前是否在修改
|
|
|
+ canUse: true, //用户是否可以打开页面true 可以，false不行
|
|
|
+ userApplyStatus: false, //用户是否已经申请过false未无 true为有
|
|
|
+ formStatus: false, // 当前表单是否可以修改
|
|
|
+ changeIng: false, //当前是否在修改
|
|
|
model: {
|
|
|
checkStatus: undefined,
|
|
|
id: undefined,
|
|
|
@@ -183,16 +213,16 @@
|
|
|
logoUrl: undefined,
|
|
|
brandLicensing: undefined,
|
|
|
otherCertificate: [],
|
|
|
- legalPerson:undefined,
|
|
|
- legalPersonNumber:undefined,
|
|
|
- identityCardFront:undefined,
|
|
|
- identityCardReverseSide:undefined,
|
|
|
+ legalPerson: undefined,
|
|
|
+ legalPersonNumber: undefined,
|
|
|
+ identityCardFront: undefined,
|
|
|
+ identityCardReverseSide: undefined,
|
|
|
},
|
|
|
- areaIdError:'',
|
|
|
- businessLicensePictureError:'',
|
|
|
- brandLicensingError:'',
|
|
|
- identityCardFrontError:'',
|
|
|
- identityCardReverseSideError:'',
|
|
|
+ areaIdError: '',
|
|
|
+ businessLicensePictureError: '',
|
|
|
+ brandLicensingError: '',
|
|
|
+ identityCardFrontError: '',
|
|
|
+ identityCardReverseSideError: '',
|
|
|
rules: {
|
|
|
name: {
|
|
|
rules: [{
|
|
|
@@ -259,7 +289,7 @@
|
|
|
}
|
|
|
});
|
|
|
const placeholderStyle = 'color:#BBBBBB;font-size:28rpx;line-height:normal';
|
|
|
-
|
|
|
+
|
|
|
const statusName = computed(() => {
|
|
|
const status = state.model.checkStatus;
|
|
|
if (status === 0) {
|
|
|
@@ -272,8 +302,8 @@
|
|
|
return '';
|
|
|
}
|
|
|
});
|
|
|
-
|
|
|
-
|
|
|
+
|
|
|
+
|
|
|
|
|
|
// 下载模板
|
|
|
const downloadTemplate = () => {
|
|
|
@@ -291,11 +321,13 @@
|
|
|
document.body.removeChild(a);
|
|
|
}
|
|
|
// 校验联络人是否已经申请入驻，如果已经入驻，那就不给提交
|
|
|
- const checkNumber =()=>{
|
|
|
+ const checkNumber = () => {
|
|
|
const {
|
|
|
data,
|
|
|
code
|
|
|
- } = SaleApi.checkContactNumber({mobile:state.model.contactNumber});
|
|
|
+ } = SaleApi.checkContactNumber({
|
|
|
+ mobile: state.model.contactNumber
|
|
|
+ });
|
|
|
}
|
|
|
// 提交审核
|
|
|
const merchantFormRef = ref(null);
|
|
|
@@ -309,37 +341,37 @@
|
|
|
if (!validate) {
|
|
|
return;
|
|
|
}
|
|
|
- if(!state.model.areaId){
|
|
|
+ if (!state.model.areaId) {
|
|
|
state.areaIdError = '请选择所在地';
|
|
|
return;
|
|
|
}
|
|
|
- if(!state.model.identityCardFront){
|
|
|
+ if (!state.model.identityCardFront) {
|
|
|
state.identityCardFrontError = '请选择上传法人身份证正面(国徽面)';
|
|
|
return;
|
|
|
}
|
|
|
- if(!state.model.identityCardReverseSide){
|
|
|
+ if (!state.model.identityCardReverseSide) {
|
|
|
state.identityCardReverseSideError = '请选择上传法人身份证背面(人像面)';
|
|
|
return;
|
|
|
}
|
|
|
- if(!state.model.businessLicensePicture){
|
|
|
+ if (!state.model.businessLicensePicture) {
|
|
|
state.businessLicensePictureError = '请上传营业执照';
|
|
|
return;
|
|
|
}
|
|
|
- if(!state.model.brandLicensing){
|
|
|
+ if (!state.model.brandLicensing) {
|
|
|
state.brandLicensingError = '请上传品牌授权书';
|
|
|
return;
|
|
|
}
|
|
|
-
|
|
|
-
|
|
|
+
|
|
|
+
|
|
|
const {
|
|
|
data,
|
|
|
code
|
|
|
} = await SaleApi.createMerchant(state.model);
|
|
|
- if(code === 0){
|
|
|
+ if (code === 0) {
|
|
|
await getInfo()
|
|
|
}
|
|
|
}
|
|
|
-
|
|
|
+
|
|
|
// 修改
|
|
|
const onChange = () => {
|
|
|
state.formStatus = false;
|
|
|
@@ -351,7 +383,9 @@
|
|
|
state.changeIng = false;
|
|
|
}
|
|
|
const openList = () => {
|
|
|
- sheep.$router.go('/pages/public/merchantApplyList',{merchantApplyId: state.model.id})
|
|
|
+ sheep.$router.go('/pages/public/merchantApplyList', {
|
|
|
+ merchantApplyId: state.model.id
|
|
|
+ })
|
|
|
}
|
|
|
// 保存并提交
|
|
|
const onSave = async () => {
|
|
|
@@ -364,7 +398,7 @@
|
|
|
if (!validate) {
|
|
|
return;
|
|
|
}
|
|
|
-
|
|
|
+
|
|
|
const {
|
|
|
data,
|
|
|
code
|
|
|
@@ -374,13 +408,14 @@
|
|
|
state.changeIng = false;
|
|
|
await getInfo()
|
|
|
}
|
|
|
-
|
|
|
+
|
|
|
}
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
// 地区树
|
|
|
const areaTree = ref([])
|
|
|
+
|
|
|
function format(data) {
|
|
|
return data.map((item) => ({
|
|
|
text: item.name, // 显示的文本
|
|
|
@@ -389,23 +424,30 @@
|
|
|
}));
|
|
|
}
|
|
|
const getInfo = async () => {
|
|
|
- const { data,code } = await SaleApi.getMerchant();
|
|
|
- if(code === 0 && data){
|
|
|
+ const {
|
|
|
+ data,
|
|
|
+ code
|
|
|
+ } = await SaleApi.getMerchant();
|
|
|
+ if (code === 0 && data) {
|
|
|
// 如果能查到东西就证明当前用户已经申请了商户,只需要展示即可
|
|
|
state.model = data;
|
|
|
state.userApplyStatus = true;
|
|
|
-
|
|
|
+
|
|
|
state.formStatus = true;
|
|
|
- }else{
|
|
|
+ } else {
|
|
|
state.userApplyStatus = false;
|
|
|
state.formStatus = false;
|
|
|
}
|
|
|
}
|
|
|
onLoad(async (options) => {
|
|
|
+ await SaleApi.checkSystemUser().then(res => {
|
|
|
+ console.log(!res.data)
|
|
|
+ state.canUse = !res.data;
|
|
|
+ })
|
|
|
await AreaApi.getAreaTree().then(res => {
|
|
|
areaTree.value = format(res.data)
|
|
|
})
|
|
|
-
|
|
|
+
|
|
|
await getInfo();
|
|
|
|
|
|
});
|
|
|
@@ -471,6 +513,7 @@
|
|
|
font-weight: 500;
|
|
|
color: $white;
|
|
|
}
|
|
|
+
|
|
|
.btn-two {
|
|
|
width: 310rpx;
|
|
|
height: 80rpx;
|
|
|
@@ -480,6 +523,7 @@
|
|
|
font-weight: 500;
|
|
|
color: $white;
|
|
|
}
|
|
|
+
|
|
|
.radio-dark {
|
|
|
filter: grayscale(100%);
|
|
|
filter: gray;
|
RuHu.Xu