|
@ -10,8 +10,8 @@ |
|
|
status-icon |
|
|
status-icon |
|
|
> |
|
|
> |
|
|
<el-tabs v-model="form.type" class="flash bg-white ml-0"> |
|
|
<el-tabs v-model="form.type" class="flash bg-white ml-0"> |
|
|
<el-tab-pane label="个人认证"/> |
|
|
|
|
|
<el-tab-pane label="企业认证"/> |
|
|
|
|
|
|
|
|
<el-tab-pane :name="0" label="个人认证"/> |
|
|
|
|
|
<el-tab-pane :name="1" label="企业认证"/> |
|
|
</el-tabs> |
|
|
</el-tabs> |
|
|
<!-- 已完成认证 --> |
|
|
<!-- 已完成认证 --> |
|
|
<template v-if="form.status === 1"> |
|
|
<template v-if="form.status === 1"> |
|
@ -60,50 +60,81 @@ |
|
|
</el-result> |
|
|
</el-result> |
|
|
</template> |
|
|
</template> |
|
|
<template v-if="form.status === 0 && !form.checkStatus"> |
|
|
<template v-if="form.status === 0 && !form.checkStatus"> |
|
|
<template v-if="form.type == '1'"> |
|
|
|
|
|
|
|
|
<template v-if="form.type == 1"> |
|
|
<el-form-item label="企业名称" prop="merchantName"> |
|
|
<el-form-item label="企业名称" prop="merchantName"> |
|
|
<el-input v-model="form.merchantName" placeholder="请输入企业名称"/> |
|
|
<el-input v-model="form.merchantName" placeholder="请输入企业名称"/> |
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
<el-form-item label="社会信用代码" prop="merchantCode"> |
|
|
<el-form-item label="社会信用代码" prop="merchantCode"> |
|
|
<el-input v-model="form.merchantCode" placeholder="请输入社会信用代码"/> |
|
|
<el-input v-model="form.merchantCode" placeholder="请输入社会信用代码"/> |
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
<el-form-item label="所属行业" prop="category"> |
|
|
|
|
|
<el-cascader |
|
|
|
|
|
v-model="industry" |
|
|
|
|
|
:options="industryData" |
|
|
|
|
|
placeholder="请选择所属行业" |
|
|
|
|
|
class="w-full" |
|
|
|
|
|
@change="handleChange" |
|
|
|
|
|
/> |
|
|
|
|
|
</el-form-item> |
|
|
|
|
|
<el-form-item label="LOGO"> |
|
|
|
|
|
|
|
|
<el-form-item label="营业执照" required> |
|
|
<el-upload |
|
|
<el-upload |
|
|
v-model:file-list="fileList" |
|
|
|
|
|
|
|
|
v-model:file-list="yyzzFile" |
|
|
|
|
|
action="https://common-api.websoft.top/api/oss/upload" |
|
|
|
|
|
:headers="{ |
|
|
|
|
|
Authorization: token, |
|
|
|
|
|
TenantId: tenantId, |
|
|
|
|
|
}" |
|
|
:limit="1" |
|
|
:limit="1" |
|
|
class="upload-demo" |
|
|
|
|
|
action="https://run.mocky.io/v3/9d059bf9-4660-45f2-925d-ce80ad6c4d15" |
|
|
|
|
|
:on-preview="handlePreview" |
|
|
|
|
|
:on-remove="handleRemove" |
|
|
|
|
|
list-type="picture" |
|
|
|
|
|
|
|
|
list-type="picture-card" |
|
|
|
|
|
:on-preview="handlePictureCardPreview" |
|
|
|
|
|
:on-remove="yyzzRemove" |
|
|
|
|
|
:on-success="yyzzOnSuccess" |
|
|
> |
|
|
> |
|
|
<el-button size="default">上传文件</el-button> |
|
|
|
|
|
|
|
|
<el-icon><Plus /></el-icon> |
|
|
</el-upload> |
|
|
</el-upload> |
|
|
|
|
|
|
|
|
|
|
|
<el-dialog v-model="dialogVisible"> |
|
|
|
|
|
<div class="flex justify-center"> |
|
|
|
|
|
<img w-full :src="dialogImageUrl" alt="Preview Image" /> |
|
|
|
|
|
</div> |
|
|
|
|
|
</el-dialog> |
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
<el-form-item label="业务描述" prop="comments"> |
|
|
|
|
|
<el-input v-model="form.comments" :rows="5" type="textarea" /> |
|
|
|
|
|
</el-form-item> |
|
|
|
|
|
<el-form-item label="营业执照"> |
|
|
|
|
|
|
|
|
<el-form-item label="门头照片"> |
|
|
<el-upload |
|
|
<el-upload |
|
|
v-model:file-list="fileList" |
|
|
|
|
|
|
|
|
v-model:file-list="image" |
|
|
|
|
|
action="https://common-api.websoft.top/api/oss/upload" |
|
|
|
|
|
:headers="{ |
|
|
|
|
|
Authorization: token, |
|
|
|
|
|
TenantId: tenantId, |
|
|
|
|
|
}" |
|
|
:limit="1" |
|
|
:limit="1" |
|
|
class="upload-demo" |
|
|
|
|
|
action="https://run.mocky.io/v3/9d059bf9-4660-45f2-925d-ce80ad6c4d15" |
|
|
|
|
|
:on-preview="handlePreview" |
|
|
|
|
|
:on-remove="handleRemove" |
|
|
|
|
|
list-type="picture" |
|
|
|
|
|
|
|
|
list-type="picture-card" |
|
|
|
|
|
:on-preview="handlePictureCardPreview" |
|
|
|
|
|
:on-remove="imageRemove" |
|
|
|
|
|
:on-success="imageOnSuccess" |
|
|
> |
|
|
> |
|
|
<el-button size="default">上传文件</el-button> |
|
|
|
|
|
|
|
|
<el-icon><Plus /></el-icon> |
|
|
</el-upload> |
|
|
</el-upload> |
|
|
|
|
|
|
|
|
|
|
|
<el-dialog v-model="dialogVisible"> |
|
|
|
|
|
<div class="flex justify-center"> |
|
|
|
|
|
<img w-full :src="dialogImageUrl" alt="Preview Image" /> |
|
|
|
|
|
</div> |
|
|
|
|
|
</el-dialog> |
|
|
|
|
|
</el-form-item> |
|
|
|
|
|
<el-form-item label="其他证件"> |
|
|
|
|
|
<el-upload |
|
|
|
|
|
v-model:file-list="files" |
|
|
|
|
|
action="https://common-api.websoft.top/api/oss/upload" |
|
|
|
|
|
:headers="{ |
|
|
|
|
|
Authorization: token, |
|
|
|
|
|
TenantId: tenantId, |
|
|
|
|
|
}" |
|
|
|
|
|
:limit="9" |
|
|
|
|
|
list-type="picture-card" |
|
|
|
|
|
:on-preview="handlePictureCardPreview" |
|
|
|
|
|
:on-remove="filesRemove" |
|
|
|
|
|
:on-success="filesOnSuccess" |
|
|
|
|
|
> |
|
|
|
|
|
<el-icon><Plus /></el-icon> |
|
|
|
|
|
</el-upload> |
|
|
|
|
|
|
|
|
|
|
|
<el-dialog v-model="dialogVisible"> |
|
|
|
|
|
<div class="flex justify-center"> |
|
|
|
|
|
<img w-full :src="dialogImageUrl" alt="Preview Image" /> |
|
|
|
|
|
</div> |
|
|
|
|
|
</el-dialog> |
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
</template> |
|
|
</template> |
|
|
<el-form-item label="真实姓名" prop="realName"> |
|
|
<el-form-item label="真实姓名" prop="realName"> |
|
@ -112,9 +143,38 @@ |
|
|
<el-form-item label="手机号码" prop="phone"> |
|
|
<el-form-item label="手机号码" prop="phone"> |
|
|
<el-input v-model="form.phone" maxlength="11" placeholder="请输入真实有效的手机号码"/> |
|
|
<el-input v-model="form.phone" maxlength="11" placeholder="请输入真实有效的手机号码"/> |
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
<el-form-item label="证件号码" prop="idCard"> |
|
|
|
|
|
|
|
|
<el-form-item label="身份证号码" prop="idCard"> |
|
|
<el-input v-model="form.idCard" placeholder="请输入证件号码"/> |
|
|
<el-input v-model="form.idCard" placeholder="请输入证件号码"/> |
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
|
|
|
<el-form-item label="身份证" required> |
|
|
|
|
|
<el-upload |
|
|
|
|
|
v-model:file-list="sfzFile" |
|
|
|
|
|
action="https://common-api.websoft.top/api/oss/upload" |
|
|
|
|
|
:headers="{ |
|
|
|
|
|
Authorization: token, |
|
|
|
|
|
TenantId: tenantId, |
|
|
|
|
|
}" |
|
|
|
|
|
:limit="2" |
|
|
|
|
|
list-type="picture-card" |
|
|
|
|
|
:on-preview="handlePictureCardPreview" |
|
|
|
|
|
:on-remove="sfzRemove" |
|
|
|
|
|
:on-success="sfzSuccess" |
|
|
|
|
|
> |
|
|
|
|
|
<el-icon><Plus /></el-icon> |
|
|
|
|
|
</el-upload> |
|
|
|
|
|
</el-form-item> |
|
|
|
|
|
<el-form-item label="所属行业" prop="category"> |
|
|
|
|
|
<el-cascader |
|
|
|
|
|
v-model="industry" |
|
|
|
|
|
:options="industryData" |
|
|
|
|
|
placeholder="请选择所属行业" |
|
|
|
|
|
class="w-full" |
|
|
|
|
|
@change="handleChange" |
|
|
|
|
|
/> |
|
|
|
|
|
</el-form-item> |
|
|
|
|
|
<el-form-item label="业务描述" prop="comments"> |
|
|
|
|
|
<el-input v-model="form.comments" placeholder="请输入公司业务介绍" :rows="5" type="textarea" /> |
|
|
|
|
|
</el-form-item> |
|
|
<el-form-item label="注册协议"> |
|
|
<el-form-item label="注册协议"> |
|
|
<el-checkbox v-model="isAgree"> |
|
|
<el-checkbox v-model="isAgree"> |
|
|
请务必提供真实信息,我司有权自行或委托第三方审查您提供的身份信息是否属真实,有效。若提供虚假信息,由此的全部后果由您承担。 |
|
|
请务必提供真实信息,我司有权自行或委托第三方审查您提供的身份信息是否属真实,有效。若提供虚假信息,由此的全部后果由您承担。 |
|
@ -127,12 +187,17 @@ |
|
|
</el-space> |
|
|
</el-space> |
|
|
</template> |
|
|
</template> |
|
|
</el-form> |
|
|
</el-form> |
|
|
|
|
|
<el-dialog v-model="dialogVisible"> |
|
|
|
|
|
<div class="flex justify-center"> |
|
|
|
|
|
<el-image w-full :src="dialogImageUrl" alt="查看证件" /> |
|
|
|
|
|
</div> |
|
|
|
|
|
</el-dialog> |
|
|
</template> |
|
|
</template> |
|
|
|
|
|
|
|
|
<script lang="ts" setup> |
|
|
<script lang="ts" setup> |
|
|
import {reactive, ref} from 'vue' |
|
|
import {reactive, ref} from 'vue' |
|
|
import {UploadFilled} from '@element-plus/icons-vue' |
|
|
|
|
|
import type {ComponentSize, FormInstance, FormRules, UploadProps, UploadUserFile} from 'element-plus' |
|
|
|
|
|
|
|
|
import {Plus} from '@element-plus/icons-vue' |
|
|
|
|
|
import type {FormInstance, FormRules, UploadProps, UploadUserFile} from 'element-plus' |
|
|
import type {ShopMerchantApply} from "~/api/shop/shopMerchantApply/model"; |
|
|
import type {ShopMerchantApply} from "~/api/shop/shopMerchantApply/model"; |
|
|
import industryData from '@/assets/json/industry-data.json'; |
|
|
import industryData from '@/assets/json/industry-data.json'; |
|
|
import {useClientRequest} from "~/composables/useClientRequest"; |
|
|
import {useClientRequest} from "~/composables/useClientRequest"; |
|
@ -141,17 +206,26 @@ import {useServerRequest} from "~/composables/useServerRequest"; |
|
|
import type {ShopMerchant} from "~/api/shop/shopMerchant/model"; |
|
|
import type {ShopMerchant} from "~/api/shop/shopMerchant/model"; |
|
|
import useFormData from "~/utils/use-form-data"; |
|
|
import useFormData from "~/utils/use-form-data"; |
|
|
|
|
|
|
|
|
|
|
|
const token = useToken(); |
|
|
|
|
|
const tenantId = localStorage.getItem('TID_ADMIN') |
|
|
const formRef = ref<FormInstance>() |
|
|
const formRef = ref<FormInstance>() |
|
|
const fileList = ref<UploadUserFile[]>([]) |
|
|
|
|
|
|
|
|
const yyzzFile = ref<UploadUserFile[]>([]) |
|
|
|
|
|
const sfzFile = ref<UploadUserFile[]>([]) |
|
|
|
|
|
const sfzStr = ref<string[]>([]); |
|
|
|
|
|
const files = ref<UploadUserFile[]>([]) |
|
|
|
|
|
const filesStr = ref<string[]>([]) |
|
|
|
|
|
const image = ref<UploadUserFile[]>([]) |
|
|
const industry = ref<any[]>([]) |
|
|
const industry = ref<any[]>([]) |
|
|
const loading = ref<boolean>(true) |
|
|
const loading = ref<boolean>(true) |
|
|
const isUpdate = ref<boolean>(false) |
|
|
const isUpdate = ref<boolean>(false) |
|
|
const showEdit = ref<boolean>(false) |
|
|
|
|
|
const isAgree = ref<boolean>(false) |
|
|
const isAgree = ref<boolean>(false) |
|
|
|
|
|
|
|
|
|
|
|
const dialogImageUrl = ref('') |
|
|
|
|
|
const dialogVisible = ref(false) |
|
|
|
|
|
|
|
|
const {form, assignFields, resetFields} = useFormData<ShopMerchantApply>({ |
|
|
const {form, assignFields, resetFields} = useFormData<ShopMerchantApply>({ |
|
|
applyId: undefined, |
|
|
applyId: undefined, |
|
|
type: '0', |
|
|
|
|
|
|
|
|
type: 0, |
|
|
merchantName: undefined, |
|
|
merchantName: undefined, |
|
|
merchantCode: undefined, |
|
|
merchantCode: undefined, |
|
|
image: undefined, |
|
|
image: undefined, |
|
@ -178,9 +252,7 @@ const {form, assignFields, resetFields} = useFormData<ShopMerchantApply>({ |
|
|
reason: undefined, |
|
|
reason: undefined, |
|
|
checkStatus: undefined, |
|
|
checkStatus: undefined, |
|
|
status: 0, |
|
|
status: 0, |
|
|
sortNumber: undefined, |
|
|
|
|
|
tenantId: undefined, |
|
|
|
|
|
createTime: undefined |
|
|
|
|
|
|
|
|
sortNumber: undefined |
|
|
}) |
|
|
}) |
|
|
|
|
|
|
|
|
const rules = reactive<FormRules<ShopMerchantApply>>({ |
|
|
const rules = reactive<FormRules<ShopMerchantApply>>({ |
|
@ -196,39 +268,49 @@ const rules = reactive<FormRules<ShopMerchantApply>>({ |
|
|
{required: true, message: '请输入证件号码', trigger: 'blur'}, |
|
|
{required: true, message: '请输入证件号码', trigger: 'blur'}, |
|
|
{min: 18, max: 18, message: '证件号码长度应为18位', trigger: 'blur'}, |
|
|
{min: 18, max: 18, message: '证件号码长度应为18位', trigger: 'blur'}, |
|
|
], |
|
|
], |
|
|
sfz1: [ |
|
|
|
|
|
{required: true, message: '请上传身份证正面', trigger: 'change'} |
|
|
|
|
|
], |
|
|
|
|
|
sfz2: [ |
|
|
|
|
|
{required: true, message: '请上传身份证反面', trigger: 'change'} |
|
|
|
|
|
], |
|
|
|
|
|
merchantName: [ |
|
|
merchantName: [ |
|
|
{required: true, message: '请输入企业名称', trigger: 'blur'} |
|
|
{required: true, message: '请输入企业名称', trigger: 'blur'} |
|
|
], |
|
|
], |
|
|
merchantCode: [ |
|
|
merchantCode: [ |
|
|
{required: true, message: '请输入社会信用代码', trigger: 'blur'} |
|
|
{required: true, message: '请输入社会信用代码', trigger: 'blur'} |
|
|
], |
|
|
], |
|
|
yyzz: [ |
|
|
|
|
|
{required: true, message: '请上传营业执照', trigger: 'change'} |
|
|
|
|
|
], |
|
|
|
|
|
category: [ |
|
|
category: [ |
|
|
{required: true, message: '请选择所属行业', trigger: 'change'} |
|
|
{required: true, message: '请选择所属行业', trigger: 'change'} |
|
|
] |
|
|
] |
|
|
}) |
|
|
}) |
|
|
|
|
|
|
|
|
const handleRemove: UploadProps['onRemove'] = (uploadFile, uploadFiles) => { |
|
|
|
|
|
console.log(uploadFile, uploadFiles) |
|
|
|
|
|
|
|
|
const yyzzRemove: UploadProps['onRemove'] = (uploadFile, uploadFiles) => { |
|
|
|
|
|
form.yyzz = ''; |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
const yyzzOnSuccess = (e: any) => { |
|
|
|
|
|
form.yyzz = e.data.downloadUrl |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
const handlePreview: UploadProps['onPreview'] = (file) => { |
|
|
|
|
|
console.log(file) |
|
|
|
|
|
|
|
|
const sfzRemove: UploadProps['onRemove'] = (uploadFile, uploadFiles) => { |
|
|
|
|
|
form.sfz1 = ''; |
|
|
|
|
|
form.sfz2 = ''; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
const handleClick = (index: number) => { |
|
|
|
|
|
// form.type = index |
|
|
|
|
|
|
|
|
const sfzSuccess = (e:any) => { |
|
|
|
|
|
sfzStr.value.push(e.data.downloadUrl) |
|
|
} |
|
|
} |
|
|
const props = { |
|
|
|
|
|
expandTrigger: 'hover' as const, |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
const imageOnSuccess = (e: any) => { |
|
|
|
|
|
form.image = e.data.downloadUrl |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
const imageRemove: UploadProps['onRemove'] = (uploadFile, uploadFiles) => { |
|
|
|
|
|
form.image = ''; |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
const filesRemove: UploadProps['onRemove'] = (uploadFile) => { |
|
|
|
|
|
const index = filesStr.value.findIndex(f => f == uploadFile.url); |
|
|
|
|
|
filesStr.value.splice(index, 1) |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
const filesOnSuccess = (e: any) => { |
|
|
|
|
|
filesStr.value.push(e.data.downloadUrl) |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
// 所属行业 |
|
|
// 所属行业 |
|
@ -257,8 +339,10 @@ const onUpdate = () => { |
|
|
form.checkStatus = false |
|
|
form.checkStatus = false |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
const onEdit = () => { |
|
|
|
|
|
showEdit.value = !showEdit.value; |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
const handlePictureCardPreview: UploadProps['onPreview'] = (uploadFile) => { |
|
|
|
|
|
dialogImageUrl.value = uploadFile.url! |
|
|
|
|
|
dialogVisible.value = true |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
const runtimeConfig = useRuntimeConfig(); |
|
|
const runtimeConfig = useRuntimeConfig(); |
|
@ -266,13 +350,25 @@ const submitForm = async (formEl: FormInstance | undefined) => { |
|
|
if (!formEl) return |
|
|
if (!formEl) return |
|
|
await formEl.validate((valid, fields) => { |
|
|
await formEl.validate((valid, fields) => { |
|
|
if (valid) { |
|
|
if (valid) { |
|
|
console.log('submit!') |
|
|
|
|
|
if (form.type == '0') { |
|
|
|
|
|
|
|
|
console.log('submit!',valid) |
|
|
|
|
|
if (form.type == 0) { |
|
|
form.shopType = '个人开发者'; |
|
|
form.shopType = '个人开发者'; |
|
|
|
|
|
form.merchantName = form.realName; |
|
|
} |
|
|
} |
|
|
if(form.type == '1'){ |
|
|
|
|
|
|
|
|
if(form.type == 1){ |
|
|
form.shopType = '企业开发者'; |
|
|
form.shopType = '企业开发者'; |
|
|
|
|
|
if(form.yyzz == ''){ |
|
|
|
|
|
return ElMessage.error('请上营业执照'); |
|
|
} |
|
|
} |
|
|
|
|
|
if(filesStr.value.length > 0){ |
|
|
|
|
|
form.files = JSON.stringify(filesStr.value) |
|
|
|
|
|
} |
|
|
|
|
|
} |
|
|
|
|
|
if(sfzStr.value.length == 1){ |
|
|
|
|
|
return ElMessage.error('请上传身份证正反面'); |
|
|
|
|
|
} |
|
|
|
|
|
form.sfz1 = sfzStr.value[0]; |
|
|
|
|
|
form.sfz2 = sfzStr.value[1]; |
|
|
useClientRequest<ApiResult<any>>(`/shop/shop-merchant-apply`, { |
|
|
useClientRequest<ApiResult<any>>(`/shop/shop-merchant-apply`, { |
|
|
baseURL: runtimeConfig.public.apiServer, |
|
|
baseURL: runtimeConfig.public.apiServer, |
|
|
method: isUpdate.value ? 'PUT' : 'POST', |
|
|
method: isUpdate.value ? 'PUT' : 'POST', |
|
@ -297,15 +393,68 @@ const resetForm = (formEl: FormInstance | undefined) => { |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
const reload = async () => { |
|
|
const reload = async () => { |
|
|
const {data: response} = await useServerRequest<ApiResult<ShopMerchant>>('/shop/shop-merchant-apply/getByPhone') |
|
|
|
|
|
|
|
|
const {data: response} = await useServerRequest<ApiResult<ShopMerchant>>('/shop/shop-merchant-apply/getByUserId') |
|
|
if (response.value?.data) { |
|
|
if (response.value?.data) { |
|
|
isUpdate.value = true; |
|
|
isUpdate.value = true; |
|
|
assignFields(response.value.data) |
|
|
assignFields(response.value.data) |
|
|
industry.value = [] |
|
|
industry.value = [] |
|
|
industry.value.push(form.parentId) |
|
|
industry.value.push(form.parentId) |
|
|
industry.value.push(form.categoryId) |
|
|
industry.value.push(form.categoryId) |
|
|
|
|
|
files.value = [] |
|
|
|
|
|
filesStr.value = [] |
|
|
|
|
|
yyzzFile.value = [] |
|
|
|
|
|
sfzFile.value = [] |
|
|
|
|
|
sfzStr.value = [] |
|
|
|
|
|
image.value = [] |
|
|
|
|
|
if(form.sfz1){ |
|
|
|
|
|
sfzFile.value.push({ |
|
|
|
|
|
uid: 1, |
|
|
|
|
|
url: form.sfz1, |
|
|
|
|
|
name: '身份证正面', |
|
|
|
|
|
}) |
|
|
|
|
|
} |
|
|
|
|
|
if(form.sfz2){ |
|
|
|
|
|
sfzFile.value.push({ |
|
|
|
|
|
uid: 2, |
|
|
|
|
|
url: form.sfz2, |
|
|
|
|
|
name: '身份证反面', |
|
|
|
|
|
}) |
|
|
|
|
|
} |
|
|
|
|
|
if(form.yyzz){ |
|
|
|
|
|
yyzzFile.value.push({ |
|
|
|
|
|
uid: 3, |
|
|
|
|
|
url: form.yyzz, |
|
|
|
|
|
name: '营业执照', |
|
|
|
|
|
}) |
|
|
|
|
|
} |
|
|
|
|
|
if(form.image){ |
|
|
|
|
|
image.value.push({ |
|
|
|
|
|
uid: 4, |
|
|
|
|
|
url: form.image, |
|
|
|
|
|
name: '', |
|
|
|
|
|
}) |
|
|
|
|
|
} |
|
|
|
|
|
if (form.files) { |
|
|
|
|
|
const arr = JSON.parse(form.files) |
|
|
|
|
|
let i = 1; |
|
|
|
|
|
arr.map(d => { |
|
|
|
|
|
files.value.push({ |
|
|
|
|
|
uid: i++, |
|
|
|
|
|
url: d, |
|
|
|
|
|
name: '', |
|
|
|
|
|
}) |
|
|
|
|
|
filesStr.value.push(d) |
|
|
|
|
|
}) |
|
|
|
|
|
} |
|
|
} |
|
|
} |
|
|
loading.value = false |
|
|
loading.value = false |
|
|
} |
|
|
} |
|
|
reload(); |
|
|
reload(); |
|
|
</script> |
|
|
</script> |
|
|
|
|
|
<style scoped> |
|
|
|
|
|
/* 自定义 el-dialog 的样式 */ |
|
|
|
|
|
.el-dialog { |
|
|
|
|
|
background: rgba(255, 255, 255, 0.5); /* 设置背景颜色为半透明白色 */ |
|
|
|
|
|
backdrop-filter: blur(10px); /* 可选:为背景添加模糊效果 */ |
|
|
|
|
|
} |
|
|
|
|
|
</style> |
|
|