update: 优化完善官网开店UI交互和新接口字段交互
This commit is contained in:
mixtan
parent
0621e0224e
commit
1330b3b807
@ -6,34 +6,62 @@
|
||||
</div>
|
||||
|
||||
<div class="form-submit">
|
||||
<el-form :model="applyFormData" :rules="rules" ref="formRef" label-width="160px" style="max-width: 600px">
|
||||
<el-form
|
||||
:model="applyFormData"
|
||||
:rules="rules"
|
||||
ref="formRef"
|
||||
label-width="160px"
|
||||
style="max-width: 600px"
|
||||
>
|
||||
<div class="from_box">
|
||||
<div class="tit">店铺信息</div>
|
||||
<!-- 第一步表单内容 -->
|
||||
<el-form-item label="联系人" prop="contact_name">
|
||||
<el-input v-model="applyFormData.contact_name" placeholder="请输入联系人姓名" />
|
||||
<el-input
|
||||
v-model="applyFormData.contact_name"
|
||||
placeholder="请输入联系人姓名"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="联系电话" prop="login_mobile">
|
||||
<el-input v-model="applyFormData.login_mobile" placeholder="请输入联系人电话" disabled />
|
||||
<el-input
|
||||
v-model="applyFormData.login_mobile"
|
||||
placeholder="请输入联系人电话"
|
||||
disabled
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="经营品类" prop="biz_category">
|
||||
<el-cascader v-model="applyFormData.biz_category" :options="cascaderOptions" placeholder="请选择经营品类"
|
||||
:show-all-levels="false" @change="handleChangeBizCategory" clearable />
|
||||
<el-cascader
|
||||
v-model="applyFormData.biz_category"
|
||||
:options="cascaderOptions"
|
||||
placeholder="请选择经营品类"
|
||||
:show-all-levels="false"
|
||||
@change="handleChangeBizCategory"
|
||||
clearable
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="门店名称" prop="store_name">
|
||||
<el-input v-model="applyFormData.store_name" placeholder="请输入门店名称" />
|
||||
<el-input
|
||||
v-model="applyFormData.store_name"
|
||||
placeholder="请输入门店名称"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="所在地区" prop="map_address">
|
||||
<el-cascader v-model="applyFormData.map_address" :options="cascaderOptions2"
|
||||
@change="handleChange" />
|
||||
</el-form-item>
|
||||
<el-form-item label="详细地址" prop="store_address">
|
||||
<el-input v-model="applyFormData.store_address" placeholder="请输入详细地址" />
|
||||
</el-form-item>
|
||||
<el-form-item label="地图搜索" prop="position">
|
||||
<el-autocomplete v-model="applyFormData.position" placeholder="搜索地址，更快填写"
|
||||
:fetch-suggestions="querySearch" value-key="value" :options="autocompleteOptions"
|
||||
@select="handleSelect">
|
||||
<el-cascader
|
||||
style="marginRight:5px"
|
||||
v-model="applyFormData.map_address"
|
||||
:options="cascaderOptions2"
|
||||
@change="handleChange"
|
||||
/>
|
||||
<el-autocomplete
|
||||
v-if="applyFormData.map_address"
|
||||
style="width:180px;"
|
||||
v-model="applyFormData.position"
|
||||
placeholder="试试搜索，快速填写地址"
|
||||
:fetch-suggestions="querySearch"
|
||||
value-key="value"
|
||||
:options="autocompleteOptions"
|
||||
@select="handleSelect"
|
||||
>
|
||||
<template #default="{ item }">
|
||||
<div class="auto-item" v-if="item">
|
||||
<div>
|
||||
@ -48,25 +76,79 @@
|
||||
</template>
|
||||
</el-autocomplete>
|
||||
</el-form-item>
|
||||
<el-form-item :label="getLabel('front_facade_image', 1)" prop="front_facade_image">
|
||||
<el-upload ref="uploadRef" multiple :limit="1" list-type="picture-card" :auto-upload="true"
|
||||
:on-remove="(file, fileList) => handleRemove(file, fileList, 'front_facade_image')
|
||||
" :on-success="(response, file, fileList) =>
|
||||
handleUploadSuccess(response, file, fileList, 'front_facade_image')
|
||||
" :on-error="handleUploadError" :on-exceed="handleExceed" :before-upload="beforeUpload" :action="uploadUrl"
|
||||
name="upfile" :class="{ 'upload-hidden': isUploadHidden('front_facade_image') }">
|
||||
<el-form-item label="详细地址" prop="store_address" v-if="applyFormData.map_address">
|
||||
<el-input
|
||||
v-model="applyFormData.store_address"
|
||||
placeholder="请输入详细地址"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item
|
||||
:label="getLabel('front_facade_image', 1)"
|
||||
prop="front_facade_image"
|
||||
>
|
||||
<el-upload
|
||||
ref="uploadRef"
|
||||
multiple
|
||||
:limit="1"
|
||||
list-type="picture-card"
|
||||
:auto-upload="true"
|
||||
:on-remove="
|
||||
(file, fileList) =>
|
||||
handleRemove(file, fileList, 'front_facade_image')
|
||||
"
|
||||
:on-success="
|
||||
(response, file, fileList) =>
|
||||
handleUploadSuccess(
|
||||
response,
|
||||
file,
|
||||
fileList,
|
||||
'front_facade_image'
|
||||
)
|
||||
"
|
||||
:on-preview="handlePictureCardPreview"
|
||||
:on-error="handleUploadError"
|
||||
:on-exceed="handleExceed"
|
||||
:before-upload="beforeUpload"
|
||||
:action="uploadUrl"
|
||||
name="upfile"
|
||||
:class="{ 'upload-hidden': isUploadHidden('front_facade_image') }"
|
||||
>
|
||||
<el-icon class="avatar-uploader-icon">
|
||||
<Plus />
|
||||
</el-icon>
|
||||
</el-upload>
|
||||
</el-form-item>
|
||||
<el-form-item :label="getLabel('environment_image', 1)" prop="environment_image">
|
||||
<el-upload ref="uploadRef" multiple :limit="1" list-type="picture-card" :auto-upload="true"
|
||||
v-model="applyFormData.environment_image" :on-remove="(file, fileList) => handleRemove(file, fileList, 'environment_image')
|
||||
" :on-success="(response, file, fileList) =>
|
||||
handleUploadSuccess(response, file, fileList, 'environment_image')
|
||||
" :on-error="handleUploadError" :before-upload="beforeUpload" :action="uploadUrl" name="upfile"
|
||||
:class="{ 'upload-hidden': isUploadHidden('environment_image') }">
|
||||
<el-form-item
|
||||
:label="getLabel('environment_image', 1)"
|
||||
prop="environment_image"
|
||||
>
|
||||
<el-upload
|
||||
ref="uploadRef"
|
||||
multiple
|
||||
:limit="1"
|
||||
list-type="picture-card"
|
||||
:auto-upload="true"
|
||||
:on-preview="handlePictureCardPreview"
|
||||
v-model="applyFormData.environment_image"
|
||||
:on-remove="
|
||||
(file, fileList) =>
|
||||
handleRemove(file, fileList, 'environment_image')
|
||||
"
|
||||
:on-success="
|
||||
(response, file, fileList) =>
|
||||
handleUploadSuccess(
|
||||
response,
|
||||
file,
|
||||
fileList,
|
||||
'environment_image'
|
||||
)
|
||||
"
|
||||
:on-error="handleUploadError"
|
||||
:before-upload="beforeUpload"
|
||||
:action="uploadUrl"
|
||||
name="upfile"
|
||||
:class="{ 'upload-hidden': isUploadHidden('environment_image') }"
|
||||
>
|
||||
<el-icon>
|
||||
<Plus />
|
||||
</el-icon>
|
||||
@ -77,132 +159,369 @@
|
||||
<div class="from_box">
|
||||
<div class="tit">营业信息</div>
|
||||
<el-form-item label="主体类型" prop="entity_type">
|
||||
<el-radio-group v-model="applyFormData.entity_type" @change="clearOtherFields">
|
||||
<el-radio-group
|
||||
v-model="applyFormData.entity_type"
|
||||
@change="clearOtherFields"
|
||||
>
|
||||
<el-radio-button :value="1">企业</el-radio-button>
|
||||
<el-radio-button :value="2">个人</el-radio-button>
|
||||
</el-radio-group>
|
||||
</el-form-item>
|
||||
<div v-if="applyFormData.entity_type === 1">
|
||||
<el-form-item :label="getLabel('biz_license_image', 1)" prop="biz_license_image">
|
||||
<el-upload ref="uploadRef" multiple :limit="1" list-type="picture-card" :auto-upload="true"
|
||||
v-model="applyFormData.biz_license_image" :on-remove="(file, fileList) => handleRemove(file, fileList, 'biz_license_image')
|
||||
" :on-success="(response, file, fileList) =>
|
||||
handleUploadSuccess(response, file, fileList, 'biz_license_image')
|
||||
" :on-error="handleUploadError" :before-upload="beforeUpload" :action="uploadUrl" name="upfile" :class="{
|
||||
<el-form-item
|
||||
:label="getLabel('biz_license_image', 1)"
|
||||
prop="biz_license_image"
|
||||
>
|
||||
<el-upload
|
||||
ref="uploadRef"
|
||||
multiple
|
||||
:limit="1"
|
||||
list-type="picture-card"
|
||||
:auto-upload="true"
|
||||
v-model="applyFormData.biz_license_image"
|
||||
:on-remove="
|
||||
(file, fileList) =>
|
||||
handleRemove(file, fileList, 'biz_license_image')
|
||||
"
|
||||
:on-preview="handlePictureCardPreview"
|
||||
:on-success="
|
||||
(response, file, fileList) =>
|
||||
handleUploadSuccess(
|
||||
response,
|
||||
file,
|
||||
fileList,
|
||||
'biz_license_image'
|
||||
)
|
||||
"
|
||||
:on-error="handleUploadError"
|
||||
:before-upload="beforeUpload"
|
||||
:action="uploadUrl"
|
||||
name="upfile"
|
||||
:class="{
|
||||
'upload-hidden': isUploadHidden('biz_license_image'),
|
||||
}">
|
||||
}"
|
||||
>
|
||||
<el-icon>
|
||||
<Plus />
|
||||
</el-icon>
|
||||
</el-upload>
|
||||
</el-form-item>
|
||||
<el-form-item label="公司名称" prop="biz_license_company">
|
||||
<el-input v-model="applyFormData.biz_license_company" placeholder="请输入公司名称" />
|
||||
<el-form-item
|
||||
label="公司名称"
|
||||
prop="biz_license_company"
|
||||
v-if="applyFormData.biz_license_image"
|
||||
>
|
||||
<el-input
|
||||
v-model="applyFormData.biz_license_company"
|
||||
placeholder="请输入公司名称"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="法人姓名" prop="legal_person_name">
|
||||
<el-input v-model="applyFormData.legal_person_name" placeholder="请输入法人姓名" />
|
||||
<el-form-item
|
||||
label="法人姓名"
|
||||
prop="legal_person_name"
|
||||
v-if="applyFormData.biz_license_image"
|
||||
>
|
||||
<el-input
|
||||
v-model="applyFormData.legal_person_name"
|
||||
placeholder="请输入法人姓名"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="注册号" prop="biz_license_number">
|
||||
<el-input v-model="applyFormData.biz_license_number" placeholder="请输入注册号" />
|
||||
<el-form-item
|
||||
label="注册号"
|
||||
prop="biz_license_number"
|
||||
v-if="applyFormData.biz_license_image"
|
||||
>
|
||||
<el-input
|
||||
v-model="applyFormData.biz_license_number"
|
||||
placeholder="请输入注册号"
|
||||
/>
|
||||
</el-form-item>
|
||||
<!-- <el-form-item label="法人手机号" prop="legal_person_mobile">
|
||||
<el-input v-model="applyFormData.legal_person_mobile" placeholder="请输入法人手机号" />
|
||||
</el-form-item> -->
|
||||
|
||||
<el-form-item label="许可证类型" prop="license_type">
|
||||
<el-select v-model="applyFormData.license_type" value-key="" placeholder="请选择类型" clearable
|
||||
@change="">
|
||||
<el-option v-for="item in optionsPermitType" :key="item.value2" :label="item.label"
|
||||
:value="item.value2">
|
||||
<el-form-item
|
||||
label="许可证类型"
|
||||
prop="license_type"
|
||||
v-if="applyFormData.biz_license_image"
|
||||
>
|
||||
<el-select
|
||||
v-model="applyFormData.license_type"
|
||||
value-key=""
|
||||
placeholder="请选择类型"
|
||||
clearable
|
||||
@change=""
|
||||
>
|
||||
<el-option
|
||||
v-for="item in optionsPermitType"
|
||||
:key="item.value2"
|
||||
:label="item.label"
|
||||
:value="item.value2"
|
||||
>
|
||||
</el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item :label="getLabel('license_image', 5)" prop="license_image" v-if="applyFormData.license_type!=1">
|
||||
<el-upload ref="uploadRef" multiple :limit="5" list-type="picture-card" :auto-upload="true"
|
||||
v-model="applyFormData.license_image" :on-remove="(file, fileList) => handleRemove(file, fileList, 'license_image')
|
||||
" :on-success="(response, file, fileList) =>
|
||||
handleUploadSuccess(response, file, fileList, 'license_image')
|
||||
" :on-error="handleUploadError" :before-upload="beforeUpload" :action="uploadUrl" name="upfile"
|
||||
:class="{ 'upload-hidden': isUploadHidden('license_image') }">
|
||||
<el-form-item
|
||||
:label="getLabel('license_image', 5)"
|
||||
prop="license_image"
|
||||
v-if="applyFormData.license_type != 1"
|
||||
>
|
||||
<el-upload
|
||||
ref="uploadRef"
|
||||
multiple
|
||||
:limit="5"
|
||||
list-type="picture-card"
|
||||
:auto-upload="true"
|
||||
v-model="applyFormData.license_image"
|
||||
:on-preview="handlePictureCardPreview"
|
||||
:on-remove="
|
||||
(file, fileList) =>
|
||||
handleRemove(file, fileList, 'license_image')
|
||||
"
|
||||
:on-success="
|
||||
(response, file, fileList) =>
|
||||
handleUploadSuccess(
|
||||
response,
|
||||
file,
|
||||
fileList,
|
||||
'license_image'
|
||||
)
|
||||
"
|
||||
:on-error="handleUploadError"
|
||||
:before-upload="beforeUpload"
|
||||
:action="uploadUrl"
|
||||
name="upfile"
|
||||
:class="{ 'upload-hidden': isUploadHidden('license_image') }"
|
||||
>
|
||||
<el-icon>
|
||||
<Plus />
|
||||
</el-icon>
|
||||
</el-upload>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item label="许可证编号" prop="license_number" v-if="applyFormData.license_type!=1">
|
||||
<el-input v-model="applyFormData.license_number" placeholder="请输入许可证编号" />
|
||||
<el-form-item
|
||||
label="许可证编号"
|
||||
prop="license_number"
|
||||
v-if="applyFormData.license_type != 1"
|
||||
>
|
||||
<el-input
|
||||
v-model="applyFormData.license_number"
|
||||
placeholder="请输入许可证编号"
|
||||
/>
|
||||
</el-form-item>
|
||||
|
||||
<!-- 法人身份证正反面 -->
|
||||
<el-form-item :label="getLabel('legal_person_id_images', 1)" prop="legal_person_id_images">
|
||||
<el-upload ref="uploadRef" :limit="1" list-type="picture-card" :auto-upload="true"
|
||||
v-model="applyFormData.legal_person_id_images" :on-remove="(file, fileList) => handleRemove(file, fileList, 'legal_person_id_images')
|
||||
" :on-success="(response, file, fileList) =>
|
||||
handleUploadSuccess(response, file, fileList, 'legal_person_id_images')
|
||||
" :on-error="handleUploadError" :before-upload="beforeUpload" :action="uploadUrl" name="upfile" :class="{
|
||||
<el-form-item
|
||||
:label="getLabel('legal_person_id_images', 1)"
|
||||
prop="legal_person_id_images"
|
||||
>
|
||||
<el-upload
|
||||
ref="uploadRef"
|
||||
:limit="1"
|
||||
list-type="picture-card"
|
||||
:auto-upload="true"
|
||||
:on-preview="handlePictureCardPreview"
|
||||
v-model="applyFormData.legal_person_id_images"
|
||||
:on-remove="
|
||||
(file, fileList) =>
|
||||
handleRemove(file, fileList, 'legal_person_id_images')
|
||||
"
|
||||
:on-success="
|
||||
(response, file, fileList) =>
|
||||
handleUploadSuccess(
|
||||
response,
|
||||
file,
|
||||
fileList,
|
||||
'legal_person_id_images'
|
||||
)
|
||||
"
|
||||
:on-error="handleUploadError"
|
||||
:before-upload="beforeUpload"
|
||||
:action="uploadUrl"
|
||||
name="upfile"
|
||||
:class="{
|
||||
'upload-hidden': isUploadHidden('legal_person_id_images'),
|
||||
}">
|
||||
}"
|
||||
>
|
||||
<el-icon class="avatar-uploader-icon">
|
||||
<Plus />
|
||||
</el-icon>
|
||||
</el-upload>
|
||||
</el-form-item>
|
||||
<el-form-item :label="getLabel('legal_person_id_images2', 1)" prop="legal_person_id_images2">
|
||||
<el-upload ref="uploadRef" :limit="1" list-type="picture-card" :auto-upload="true"
|
||||
v-model="applyFormData.legal_person_id_images2" :on-remove="(file, fileList) =>
|
||||
<el-form-item
|
||||
:label="getLabel('legal_person_id_images2', 1)"
|
||||
prop="legal_person_id_images2"
|
||||
>
|
||||
<el-upload
|
||||
ref="uploadRef"
|
||||
:limit="1"
|
||||
list-type="picture-card"
|
||||
:auto-upload="true"
|
||||
:on-preview="handlePictureCardPreview"
|
||||
v-model="applyFormData.legal_person_id_images2"
|
||||
:on-remove="
|
||||
(file, fileList) =>
|
||||
handleRemove(file, fileList, 'legal_person_id_images2')
|
||||
" :on-success="(response, file, fileList) =>
|
||||
handleUploadSuccess(response, file, fileList, 'legal_person_id_images2')
|
||||
" :on-error="handleUploadError" :before-upload="beforeUpload" :action="uploadUrl" name="upfile" :class="{
|
||||
"
|
||||
:on-success="
|
||||
(response, file, fileList) =>
|
||||
handleUploadSuccess(
|
||||
response,
|
||||
file,
|
||||
fileList,
|
||||
'legal_person_id_images2'
|
||||
)
|
||||
"
|
||||
:on-error="handleUploadError"
|
||||
:before-upload="beforeUpload"
|
||||
:action="uploadUrl"
|
||||
name="upfile"
|
||||
:class="{
|
||||
'upload-hidden': isUploadHidden('legal_person_id_images2'),
|
||||
}">
|
||||
}"
|
||||
>
|
||||
<el-icon class="avatar-uploader-icon">
|
||||
<Plus />
|
||||
</el-icon>
|
||||
</el-upload>
|
||||
</el-form-item>
|
||||
<el-form-item label="法人身份证号码" prop="legal_person_id_number">
|
||||
<el-input v-model="applyFormData.legal_person_id_number" placeholder="请输入法人身份证号码" />
|
||||
<el-form-item
|
||||
label="法人身份证号码"
|
||||
prop="legal_person_id_number"
|
||||
v-if="applyFormData.legal_person_id_images"
|
||||
>
|
||||
<el-input
|
||||
v-model="applyFormData.legal_person_id_number"
|
||||
placeholder="请输入法人身份证号码"
|
||||
/>
|
||||
</el-form-item>
|
||||
</div>
|
||||
<div v-if="applyFormData.entity_type === 2">
|
||||
<el-form-item label="个人身份证号" prop="individual_id_number">
|
||||
<el-input v-model="applyFormData.individual_id_number" placeholder="请输入个人身份证号" />
|
||||
</el-form-item>
|
||||
<!-- 个人身份证正反面 -->
|
||||
<el-form-item :label="getLabel('individual_id_images', 1)" prop="individual_id_images">
|
||||
<el-upload ref="uploadRef" :limit="1" list-type="picture-card" :auto-upload="true"
|
||||
v-model="applyFormData.individual_id_images" :on-remove="(file, fileList) => handleRemove(file, fileList, 'individual_id_images')
|
||||
" :on-success="(response, file, fileList) =>
|
||||
handleUploadSuccess(response, file, fileList, 'individual_id_images')
|
||||
" :on-error="handleUploadError" :before-upload="beforeUpload" :action="uploadUrl" name="upfile" :class="{
|
||||
<el-form-item
|
||||
:label="getLabel('individual_id_images', 1)"
|
||||
prop="individual_id_images"
|
||||
>
|
||||
<el-upload
|
||||
ref="uploadRef"
|
||||
:limit="1"
|
||||
list-type="picture-card"
|
||||
:auto-upload="true"
|
||||
:on-preview="handlePictureCardPreview"
|
||||
v-model="applyFormData.individual_id_images"
|
||||
:on-remove="
|
||||
(file, fileList) =>
|
||||
handleRemove(file, fileList, 'individual_id_images')
|
||||
"
|
||||
:on-success="
|
||||
(response, file, fileList) =>
|
||||
handleUploadSuccess(
|
||||
response,
|
||||
file,
|
||||
fileList,
|
||||
'individual_id_images'
|
||||
)
|
||||
"
|
||||
:on-error="handleUploadError"
|
||||
:before-upload="beforeUpload"
|
||||
:action="uploadUrl"
|
||||
name="upfile"
|
||||
:class="{
|
||||
'upload-hidden': isUploadHidden('individual_id_images'),
|
||||
}">
|
||||
}"
|
||||
>
|
||||
<el-icon class="avatar-uploader-icon">
|
||||
<Plus />
|
||||
</el-icon>
|
||||
</el-upload>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item :label="getLabel('individual_id_images2', 1)" prop="individual_id_images2">
|
||||
<el-upload ref="uploadRef" :limit="1" list-type="picture-card" :auto-upload="true"
|
||||
v-model="applyFormData.individual_id_images2" :on-remove="(file, fileList) => handleRemove(file, fileList, 'individual_id_images2')
|
||||
" :on-success="(response, file, fileList) =>
|
||||
handleUploadSuccess(response, file, fileList, 'individual_id_images2')
|
||||
" :on-error="handleUploadError" :before-upload="beforeUpload" :action="uploadUrl" name="upfile" :class="{
|
||||
<el-form-item
|
||||
:label="getLabel('individual_id_images2', 1)"
|
||||
prop="individual_id_images2"
|
||||
>
|
||||
<el-upload
|
||||
ref="uploadRef"
|
||||
:limit="1"
|
||||
list-type="picture-card"
|
||||
:auto-upload="true"
|
||||
:on-preview="handlePictureCardPreview"
|
||||
v-model="applyFormData.individual_id_images2"
|
||||
:on-remove="
|
||||
(file, fileList) =>
|
||||
handleRemove(file, fileList, 'individual_id_images2')
|
||||
"
|
||||
:on-success="
|
||||
(response, file, fileList) =>
|
||||
handleUploadSuccess(
|
||||
response,
|
||||
file,
|
||||
fileList,
|
||||
'individual_id_images2'
|
||||
)
|
||||
"
|
||||
:on-error="handleUploadError"
|
||||
:before-upload="beforeUpload"
|
||||
:action="uploadUrl"
|
||||
name="upfile"
|
||||
:class="{
|
||||
'upload-hidden': isUploadHidden('individual_id_images2'),
|
||||
}">
|
||||
}"
|
||||
>
|
||||
<el-icon class="avatar-uploader-icon">
|
||||
<Plus />
|
||||
</el-icon>
|
||||
</el-upload>
|
||||
</el-form-item>
|
||||
<el-form-item label="个人身份证号" prop="individual_id_number" v-if="applyFormData.individual_id_images">
|
||||
<el-input
|
||||
v-model="applyFormData.individual_id_number"
|
||||
placeholder="请输入个人身份证号"
|
||||
/>
|
||||
</el-form-item>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="from_box">
|
||||
<div class="tit">结算信息</div>
|
||||
<el-form-item
|
||||
label="银行卡"
|
||||
prop="bank_image"
|
||||
>
|
||||
<el-upload
|
||||
ref="uploadRef"
|
||||
:limit="1"
|
||||
list-type="picture-card"
|
||||
:auto-upload="true"
|
||||
:on-preview="handlePictureCardPreview"
|
||||
v-model="applyFormData.bank_image"
|
||||
:on-remove="
|
||||
(file, fileList) =>
|
||||
handleRemove(file, fileList, 'bank_image')
|
||||
"
|
||||
:on-success="
|
||||
(response, file, fileList) =>
|
||||
handleUploadSuccess(
|
||||
response,
|
||||
file,
|
||||
fileList,
|
||||
'bank_image'
|
||||
)
|
||||
"
|
||||
:on-error="handleUploadError"
|
||||
:before-upload="beforeUpload"
|
||||
:action="uploadUrl"
|
||||
name="upfile"
|
||||
:class="{
|
||||
'upload-hidden': isUploadHidden('bank_image'),
|
||||
}"
|
||||
>
|
||||
<el-icon class="avatar-uploader-icon">
|
||||
<Plus />
|
||||
</el-icon>
|
||||
</el-upload>
|
||||
</el-form-item>
|
||||
<template v-if="applyFormData.bank_image">
|
||||
<el-form-item label="账户姓名" prop="account_holder_name">
|
||||
<el-input v-model="applyFormData.account_holder_name" />
|
||||
</el-form-item>
|
||||
@ -210,21 +529,37 @@
|
||||
<el-input v-model="applyFormData.account_number" />
|
||||
</el-form-item>
|
||||
<el-form-item label="开户银行" prop="bank_name">
|
||||
<el-select v-model="applyFormData.bank_name" placeholder="请选择银行" size="large" style="width: 240px">
|
||||
<el-option v-for="bank in bankList2" :key="bank.id" :label="bank.bank_name"
|
||||
:value="bank.bank_name" />
|
||||
<el-select
|
||||
v-model="applyFormData.bank_name"
|
||||
placeholder="请选择银行"
|
||||
size="large"
|
||||
style="width: 240px"
|
||||
>
|
||||
<el-option
|
||||
v-for="bank in bankList2"
|
||||
:key="bank.id"
|
||||
:label="bank.bank_name"
|
||||
:value="bank.bank_name"
|
||||
/>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="支行名称" prop="bank_branch_name">
|
||||
<el-input v-model="applyFormData.bank_branch_name" />
|
||||
</el-form-item>
|
||||
</template>
|
||||
</div>
|
||||
</el-form>
|
||||
</div>
|
||||
|
||||
<div class="form-button">
|
||||
<el-button type="primary" @click="merchToApply" class="custom-button">提交审核</el-button>
|
||||
<el-button type="primary" @click="merchToApply" class="custom-button"
|
||||
>提交审核</el-button
|
||||
>
|
||||
</div>
|
||||
|
||||
<el-dialog v-model="dialogVisible" width="max-content">
|
||||
<img w-full :src="dialogImageUrl" alt="Preview Image" />
|
||||
</el-dialog>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
@ -246,6 +581,8 @@ import {
|
||||
|
||||
const active = ref(1);
|
||||
const formRef = ref(null);
|
||||
const dialogVisible = ref(false);
|
||||
const dialogImageUrl = ref('');
|
||||
const applyFormData = reactive({
|
||||
bank_name: "",
|
||||
bank_branch_name: "",
|
||||
@ -285,6 +622,7 @@ const applyFormData = reactive({
|
||||
license_imageToString: "",
|
||||
store_area: "",
|
||||
user_status: "",
|
||||
bank_image: "",
|
||||
});
|
||||
const optionsPermitType = [
|
||||
{
|
||||
@ -301,12 +639,20 @@ const optionsPermitType = [
|
||||
},
|
||||
];
|
||||
const rules = reactive({
|
||||
contact_name: [{ required: true, message: "请输入联系人姓名", trigger: "blur" }],
|
||||
biz_category: [{ required: true, message: "请选择经营品类", trigger: "change" }],
|
||||
contact_name: [
|
||||
{ required: true, message: "请输入联系人姓名", trigger: "blur" },
|
||||
],
|
||||
biz_category: [
|
||||
{ required: true, message: "请选择经营品类", trigger: "change" },
|
||||
],
|
||||
store_name: [{ required: true, message: "请输入门店名称", trigger: "blur" }],
|
||||
map_address: [{ required: true, message: "请选择地图地址", trigger: "change" }],
|
||||
position: [{ required: true, message: "请选择地图地址", trigger: "change" }],
|
||||
store_address: [{ required: true, message: "请输入详细地址", trigger: "blur" }],
|
||||
map_address: [
|
||||
{ required: true, message: "请选择地图地址", trigger: "change" },
|
||||
],
|
||||
// position: [{ required: true, message: "请选择地图地址", trigger: "change" }],
|
||||
store_address: [
|
||||
{ required: true, message: "请输入详细地址", trigger: "blur" },
|
||||
],
|
||||
front_facade_image: [
|
||||
{ required: true, message: "请上传门脸图", trigger: ["change", "blur"] },
|
||||
],
|
||||
@ -322,14 +668,18 @@ const rules = reactive({
|
||||
biz_license_company: [
|
||||
{ required: true, message: "请输入公司名称", trigger: "blur" },
|
||||
],
|
||||
legal_person_name: [{ required: true, message: "请输入法人姓名", trigger: "blur" }],
|
||||
legal_person_name: [
|
||||
{ required: true, message: "请输入法人姓名", trigger: "blur" },
|
||||
],
|
||||
legal_person_mobile: [
|
||||
{ required: true, message: "请输入法人手机号", trigger: "blur" },
|
||||
],
|
||||
legal_person_id_number: [
|
||||
{ required: true, message: "请输入法人身份证号", trigger: "blur" },
|
||||
],
|
||||
biz_license_image: [{ required: true, message: "请上传营业执照", trigger: "change" }],
|
||||
biz_license_image: [
|
||||
{ required: true, message: "请上传营业执照", trigger: "change" },
|
||||
],
|
||||
// license_image: [{ required: true, message: '请上传许可证', trigger: 'change' }],
|
||||
legal_person_id_images: [
|
||||
{ required: true, message: "请上传法人身份证正面", trigger: "change" },
|
||||
@ -346,10 +696,17 @@ const rules = reactive({
|
||||
individual_id_images2: [
|
||||
{ required: true, message: "请上传个人身份证反面", trigger: "change" },
|
||||
],
|
||||
bank_image: [
|
||||
{ required: true, message: "请上传银行卡正面", trigger: "change" },
|
||||
],
|
||||
bank_name: [{ required: true, message: "请选择银行", trigger: "change" }],
|
||||
// bank_branch_name: [{ required: true, message: '请输入支行名称', trigger: 'blur' }],
|
||||
account_number: [{ required: true, message: "请输入收款账户号码", trigger: "blur" }],
|
||||
account_holder_name: [{ required: true, message: "请输入账户姓名", trigger: "blur" }],
|
||||
account_number: [
|
||||
{ required: true, message: "请输入收款账户号码", trigger: "blur" },
|
||||
],
|
||||
account_holder_name: [
|
||||
{ required: true, message: "请输入账户姓名", trigger: "blur" },
|
||||
],
|
||||
});
|
||||
|
||||
const checkForm = async () => {
|
||||
@ -544,6 +901,8 @@ const handleChange = (value) => {
|
||||
|
||||
applyFormData.mapAddressLabel = names?.join("/");
|
||||
applyFormData.store_area = names?.join("/");
|
||||
applyFormData.position = '';
|
||||
applyFormData.store_address = '';
|
||||
};
|
||||
|
||||
const autocompleteOptions = ref([]);
|
||||
@ -587,7 +946,7 @@ const querySearch = async (queryString, cb) => {
|
||||
};
|
||||
|
||||
const handleSelect = (item) => {
|
||||
applyFormData.position = item.value;
|
||||
applyFormData.position = "";
|
||||
applyFormData.store_address = item.value;
|
||||
applyFormData.store_address = item.value;
|
||||
formRef.value.validate();
|
||||
@ -617,7 +976,9 @@ const uploadUrl = ref("https://mall.gpxscs.cn/mobile/shop/oss/upload");
|
||||
const handleRemove = (file, fileList, field) => {
|
||||
if (field === "license_image") {
|
||||
const removedUrl = file.url;
|
||||
applyFormData[field] = applyFormData[field].filter((url) => url !== removedUrl);
|
||||
applyFormData[field] = applyFormData[field].filter(
|
||||
(url) => url !== removedUrl
|
||||
);
|
||||
} else {
|
||||
applyFormData[field] = "";
|
||||
}
|
||||
@ -640,6 +1001,11 @@ const handleExceed = (files, fileList) => {
|
||||
ElMessage.warning(`最多只能上传1张图片`);
|
||||
};
|
||||
|
||||
const handlePictureCardPreview=(uploadFile)=>{
|
||||
dialogImageUrl.value = uploadFile.url!
|
||||
dialogVisible.value = true
|
||||
}
|
||||
|
||||
const handleUploadSuccess = (response, file, fileList, field) => {
|
||||
if (response && response.status === 200 && response.code === 0) {
|
||||
if (response.data && response.data.url) {
|
||||
@ -670,7 +1036,7 @@ const clearOtherFields = () => {
|
||||
applyFormData.individual_id_images2 = "";
|
||||
} else if (applyFormData.entity_type === 2) {
|
||||
// 清空企业部分的字段
|
||||
applyFormData.license_type = null;
|
||||
applyFormData.license_type = "1";
|
||||
applyFormData.license_number = "";
|
||||
applyFormData.biz_license_number = "";
|
||||
applyFormData.biz_license_company = "";
|
||||
|
||||
Loading…
Reference in New Issue
Block a user