增加域名所有者实名资料上传api端点及测试通过但是没有返回已提交成功
This commit is contained in:
parent
d80c0ff85d
commit
991b34232b
@ -1,270 +1,196 @@
|
||||
<template>
|
||||
<Dialog v-bind="$attrs" :options="{ title: '上传实名资料', size: '2xl' }" v-model="show">
|
||||
<template #body>
|
||||
<div class="space-y-6">
|
||||
<!-- 步骤指示器 -->
|
||||
<div class="bg-gradient-to-r from-blue-50 to-indigo-50 rounded-xl p-6 border border-blue-200">
|
||||
<div class="flex items-start">
|
||||
<div class="flex-shrink-0">
|
||||
<InfoIcon class="h-6 w-6 text-blue-600" />
|
||||
<Dialog v-bind="$attrs" :options="{ title: '实名材料', size: 'lg' }" v-model="show">
|
||||
<template #body-content>
|
||||
<div class="p-4 sm:p-6">
|
||||
<div class="space-y-4">
|
||||
<!-- 域名显示 -->
|
||||
<div>
|
||||
<label class="block text-sm font-medium text-gray-700 mb-2">域名：</label>
|
||||
<div class="text-base text-black font-semibold">{{ domainDoc?.domain || domain }}</div>
|
||||
</div>
|
||||
<!-- 资料状态 -->
|
||||
<div>
|
||||
<label class="block text-sm font-medium text-gray-700 mb-2">资料状态</label>
|
||||
<div class="flex space-x-2">
|
||||
<span class="inline-flex items-center px-2.5 py-1 rounded-full text-xs font-medium bg-blue-100 text-blue-800">
|
||||
未传图片
|
||||
</span>
|
||||
<span class="inline-flex items-center px-2.5 py-1 rounded-full text-xs font-medium bg-blue-100 text-blue-800">
|
||||
未实名
|
||||
</span>
|
||||
</div>
|
||||
<div class="ml-4">
|
||||
<h3 class="text-lg font-medium text-blue-900 mb-2">实名认证说明</h3>
|
||||
<div class="text-sm text-blue-700 space-y-2">
|
||||
<p>• 个人用户：请上传身份证正反面照片</p>
|
||||
<p>• 企业用户：请上传营业执照和法人身份证</p>
|
||||
<p>• 文件格式支持：JPG、PNG、PDF，单个文件不超过5MB</p>
|
||||
<p>• 请确保证件信息清晰可见，避免反光或模糊</p>
|
||||
</div>
|
||||
|
||||
<!-- 域名所有者 -->
|
||||
<div>
|
||||
<label class="block text-sm font-medium text-gray-700 mb-2">域名所有者</label>
|
||||
<div class="text-sm text-gray-900">
|
||||
(个人) 旷蓓娟
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 所有者证件号码 -->
|
||||
<div>
|
||||
<label class="block text-sm font-medium text-gray-700 mb-2">所有者证件号码</label>
|
||||
<div class="flex space-x-3">
|
||||
<select
|
||||
v-model="formData.idType"
|
||||
class="px-3 py-1.5 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent bg-white text-sm"
|
||||
>
|
||||
<option value="idcard">身份证</option>
|
||||
<option value="passport">护照</option>
|
||||
<option value="other">其他证件</option>
|
||||
</select>
|
||||
<input
|
||||
type="text"
|
||||
v-model="formData.idNumber"
|
||||
class="flex-1 px-3 py-1.5 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent text-sm"
|
||||
placeholder="请输入证件号码"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 所有者证件材料 -->
|
||||
<div>
|
||||
<label class="block text-sm font-medium text-gray-700 mb-2">所有者证件材料</label>
|
||||
<div class="flex space-x-4">
|
||||
<!-- 上传区域 -->
|
||||
<div class="flex-1">
|
||||
<div
|
||||
@click="triggerFileInput"
|
||||
@dragover.prevent
|
||||
@drop.prevent="handleDrop"
|
||||
class="border-2 border-dashed border-gray-300 rounded-md p-6 text-center cursor-pointer hover:border-blue-400 hover:bg-blue-50 transition-colors duration-200"
|
||||
>
|
||||
<div class="text-green-500 mb-2">
|
||||
<svg class="w-8 h-8 mx-auto" fill="currentColor" viewBox="0 0 20 20">
|
||||
<path fill-rule="evenodd" d="M3 17a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM6.293 6.707a1 1 0 010-1.414l3-3a1 1 0 011.414 0l3 3a1 1 0 01-1.414 1.414L11 5.414V13a1 1 0 11-2 0V5.414L7.707 6.707a1 1 0 01-1.414 0z" clip-rule="evenodd" />
|
||||
</svg>
|
||||
</div>
|
||||
<p class="text-sm text-gray-600 font-medium">点击上传</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 说明文字 -->
|
||||
<div class="flex-1">
|
||||
<div class="text-xs text-gray-600 leading-relaxed mb-3">
|
||||
请保证图片中证件四角完整、证件上文字信息完整清晰，请使用原件拍摄或彩色扫描件，不要用复印件，否则无法通过审核。
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 已上传文件列表 -->
|
||||
<div v-if="uploadedFiles.length > 0" class="space-y-2">
|
||||
<div
|
||||
v-for="(file, index) in uploadedFiles"
|
||||
:key="index"
|
||||
class="flex items-center justify-between bg-gray-50 rounded-md p-2"
|
||||
>
|
||||
<div class="flex items-center">
|
||||
<svg class="w-4 h-4 text-blue-600 mr-2" fill="currentColor" viewBox="0 0 20 20">
|
||||
<path fill-rule="evenodd" d="M4 4a2 2 0 012-2h4.586A2 2 0 0112 2.586L15.414 6A2 2 0 0116 7.414V16a2 2 0 01-2 2H6a2 2 0 01-2-2V4zm2 6a1 1 0 011-1h6a1 1 0 110 2H7a1 1 0 01-1-1zm1 3a1 1 0 100 2h6a1 1 0 100-2H7z" clip-rule="evenodd" />
|
||||
</svg>
|
||||
<div>
|
||||
<div class="text-xs font-medium text-gray-900">{{ file.name }}</div>
|
||||
<div class="text-xs text-gray-500">{{ formatFileSize(file.size) }}</div>
|
||||
</div>
|
||||
</div>
|
||||
<button
|
||||
@click="removeFile(index)"
|
||||
class="text-gray-400 hover:text-red-500 transition-colors"
|
||||
>
|
||||
<svg class="w-3 h-3" fill="currentColor" viewBox="0 0 20 20">
|
||||
<path fill-rule="evenodd" d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z" clip-rule="evenodd" />
|
||||
</svg>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<form @submit.prevent="submitUpload" class="space-y-6">
|
||||
<!-- 认证类型选择 -->
|
||||
<div>
|
||||
<label class="text-base font-medium text-gray-900 block mb-4">认证类型</label>
|
||||
<div class="grid grid-cols-2 gap-4">
|
||||
<label class="relative cursor-pointer">
|
||||
<input
|
||||
type="radio"
|
||||
v-model="formData.certType"
|
||||
value="personal"
|
||||
class="sr-only peer"
|
||||
/>
|
||||
<div class="border-2 border-gray-200 rounded-xl p-4 peer-checked:border-blue-500 peer-checked:bg-blue-50 transition-all duration-200 hover:border-gray-300">
|
||||
<div class="flex items-center">
|
||||
<UserIcon class="h-6 w-6 text-gray-600 mr-3" />
|
||||
<div>
|
||||
<div class="font-medium text-gray-900">个人认证</div>
|
||||
<div class="text-sm text-gray-600">使用个人身份证进行认证</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</label>
|
||||
|
||||
<label class="relative cursor-pointer">
|
||||
<input
|
||||
type="radio"
|
||||
v-model="formData.certType"
|
||||
value="enterprise"
|
||||
class="sr-only peer"
|
||||
/>
|
||||
<div class="border-2 border-gray-200 rounded-xl p-4 peer-checked:border-blue-500 peer-checked:bg-blue-50 transition-all duration-200 hover:border-gray-300">
|
||||
<div class="flex items-center">
|
||||
<BuildingIcon class="h-6 w-6 text-gray-600 mr-3" />
|
||||
<div>
|
||||
<div class="font-medium text-gray-900">企业认证</div>
|
||||
<div class="text-sm text-gray-600">使用营业执照进行认证</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 隐藏的文件输入框 -->
|
||||
<input
|
||||
ref="fileInput"
|
||||
type="file"
|
||||
accept="image/*,.pdf"
|
||||
multiple
|
||||
class="hidden"
|
||||
@change="handleFileSelect"
|
||||
/>
|
||||
</template>
|
||||
|
||||
<!-- 个人认证文件上传 -->
|
||||
<div v-if="formData.certType === 'personal'" class="space-y-6">
|
||||
<div class="grid grid-cols-1 md:grid-cols-2 gap-6">
|
||||
<!-- 身份证正面 -->
|
||||
<FileUpload
|
||||
label="身份证正面"
|
||||
description="请上传身份证正面照片"
|
||||
:files="formData.idCardFront"
|
||||
@update:files="formData.idCardFront = $event"
|
||||
accept="image/*,.pdf"
|
||||
:maxSize="5"
|
||||
required
|
||||
/>
|
||||
|
||||
<!-- 身份证反面 -->
|
||||
<FileUpload
|
||||
label="身份证反面"
|
||||
description="请上传身份证反面照片"
|
||||
:files="formData.idCardBack"
|
||||
@update:files="formData.idCardBack = $event"
|
||||
accept="image/*,.pdf"
|
||||
:maxSize="5"
|
||||
required
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 企业认证文件上传 -->
|
||||
<div v-if="formData.certType === 'enterprise'" class="space-y-6">
|
||||
<div class="grid grid-cols-1 md:grid-cols-2 gap-6">
|
||||
<!-- 营业执照 -->
|
||||
<FileUpload
|
||||
label="营业执照"
|
||||
description="请上传营业执照照片或扫描件"
|
||||
:files="formData.businessLicense"
|
||||
@update:files="formData.businessLicense = $event"
|
||||
accept="image/*,.pdf"
|
||||
:maxSize="5"
|
||||
required
|
||||
/>
|
||||
|
||||
<!-- 法人身份证 -->
|
||||
<FileUpload
|
||||
label="法人身份证"
|
||||
description="请上传法人身份证正面照片"
|
||||
:files="formData.legalIdCard"
|
||||
@update:files="formData.legalIdCard = $event"
|
||||
accept="image/*,.pdf"
|
||||
:maxSize="5"
|
||||
required
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 联系信息 -->
|
||||
<div class="bg-gray-50 rounded-xl p-6">
|
||||
<h3 class="text-lg font-medium text-gray-900 mb-4">联系信息</h3>
|
||||
<div class="grid grid-cols-1 md:grid-cols-2 gap-4">
|
||||
<div>
|
||||
<label class="block text-sm font-medium text-gray-700 mb-2">联系人姓名</label>
|
||||
<input
|
||||
type="text"
|
||||
v-model="formData.contactName"
|
||||
class="w-full px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
|
||||
placeholder="请输入联系人姓名"
|
||||
required
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<label class="block text-sm font-medium text-gray-700 mb-2">联系电话</label>
|
||||
<input
|
||||
type="tel"
|
||||
v-model="formData.contactPhone"
|
||||
class="w-full px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
|
||||
placeholder="请输入联系电话"
|
||||
required
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div class="md:col-span-2">
|
||||
<label class="block text-sm font-medium text-gray-700 mb-2">邮箱地址</label>
|
||||
<input
|
||||
type="email"
|
||||
v-model="formData.contactEmail"
|
||||
class="w-full px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
|
||||
placeholder="请输入邮箱地址"
|
||||
required
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 备注 -->
|
||||
<div>
|
||||
<label class="block text-sm font-medium text-gray-700 mb-2">备注说明（可选）</label>
|
||||
<textarea
|
||||
v-model="formData.remark"
|
||||
rows="3"
|
||||
class="w-full px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
|
||||
placeholder="如有特殊情况请在此说明..."
|
||||
></textarea>
|
||||
</div>
|
||||
|
||||
<!-- 提交按钮 -->
|
||||
<div class="flex justify-end space-x-4 pt-6 border-t">
|
||||
<Button variant="outline" @click="$emit('close')">
|
||||
取消
|
||||
</Button>
|
||||
<Button
|
||||
type="submit"
|
||||
:loading="loading"
|
||||
class="px-8 bg-blue-600 hover:bg-blue-700 text-white"
|
||||
>
|
||||
提交认证
|
||||
</Button>
|
||||
</div>
|
||||
</form>
|
||||
<template #actions>
|
||||
<div class="w-full flex justify-end space-x-3">
|
||||
<button
|
||||
type="button"
|
||||
class="px-4 py-2 border border-gray-300 rounded-md text-sm font-medium text-gray-700 hover:bg-gray-50 focus:outline-none"
|
||||
@click="$emit('close')"
|
||||
>
|
||||
重置
|
||||
</button>
|
||||
<button
|
||||
type="button"
|
||||
class="px-4 py-2 bg-black border border-transparent rounded-md text-sm font-medium text-white hover:bg-gray-800 focus:outline-none disabled:bg-gray-300 disabled:cursor-not-allowed"
|
||||
@click="submitUpload"
|
||||
:disabled="loading || !isValid"
|
||||
>
|
||||
{{ loading ? '提交中...' : '立即提交' }}
|
||||
</button>
|
||||
</div>
|
||||
</template>
|
||||
</Dialog>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { Dialog, Button, createResource } from 'jingrow-ui';
|
||||
import { Dialog, createResource } from 'jingrow-ui';
|
||||
import { toast } from 'vue-sonner';
|
||||
import InfoIcon from '~icons/lucide/info';
|
||||
import UserIcon from '~icons/lucide/user';
|
||||
import BuildingIcon from '~icons/lucide/building';
|
||||
import UploadIcon from '~icons/lucide/upload';
|
||||
import FileIcon from '~icons/lucide/file';
|
||||
import XIcon from '~icons/lucide/x';
|
||||
|
||||
// 文件上传组件
|
||||
const FileUpload = {
|
||||
props: {
|
||||
label: String,
|
||||
description: String,
|
||||
files: Array,
|
||||
accept: String,
|
||||
maxSize: Number,
|
||||
required: Boolean
|
||||
export default {
|
||||
name: 'JsiteDomainUploadRealNameDialog',
|
||||
components: {
|
||||
Dialog
|
||||
},
|
||||
props: {
|
||||
domain: String,
|
||||
domainDoc: Object
|
||||
},
|
||||
emits: ['success', 'close'],
|
||||
data() {
|
||||
return {
|
||||
show: true,
|
||||
loading: false,
|
||||
formData: {
|
||||
idType: 'idcard',
|
||||
idNumber: ''
|
||||
},
|
||||
uploadedFiles: []
|
||||
};
|
||||
},
|
||||
computed: {
|
||||
isValid() {
|
||||
return this.formData.idNumber.trim() && this.uploadedFiles.length > 0;
|
||||
}
|
||||
},
|
||||
resources: {
|
||||
getOwnerInfo() {
|
||||
return {
|
||||
url: 'jcloud.api.domain_west.get_domain_owner',
|
||||
params: {
|
||||
name: this.domainDoc?.owner
|
||||
},
|
||||
onSuccess: (response) => {
|
||||
return response;
|
||||
},
|
||||
onError: (error) => {
|
||||
console.error('获取所有者信息失败:', error);
|
||||
}
|
||||
};
|
||||
}
|
||||
},
|
||||
mounted() {
|
||||
this.loadOwnerInfo();
|
||||
},
|
||||
emits: ['update:files'],
|
||||
components: { UploadIcon, FileIcon, XIcon },
|
||||
template: `
|
||||
<div>
|
||||
<label class="block text-sm font-medium text-gray-700 mb-2">
|
||||
{{ label }}
|
||||
<span v-if="required" class="text-red-500">*</span>
|
||||
</label>
|
||||
<p class="text-sm text-gray-600 mb-3">{{ description }}</p>
|
||||
|
||||
<div class="space-y-3">
|
||||
<!-- 文件上传区域 -->
|
||||
<div
|
||||
@click="triggerFileInput"
|
||||
@dragover.prevent
|
||||
@drop.prevent="handleDrop"
|
||||
class="border-2 border-dashed border-gray-300 rounded-lg p-6 text-center cursor-pointer hover:border-blue-400 hover:bg-blue-50 transition-colors duration-200"
|
||||
>
|
||||
<UploadIcon class="h-8 w-8 text-gray-400 mx-auto mb-2" />
|
||||
<p class="text-sm text-gray-600">点击上传或拖拽文件到此处</p>
|
||||
<p class="text-xs text-gray-500 mt-1">
|
||||
支持 {{ accept }} 格式，最大 {{ maxSize }}MB
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<!-- 已上传文件列表 -->
|
||||
<div v-if="files && files.length > 0" class="space-y-2">
|
||||
<div
|
||||
v-for="(file, index) in files"
|
||||
:key="index"
|
||||
class="flex items-center justify-between bg-gray-50 rounded-lg p-3"
|
||||
>
|
||||
<div class="flex items-center">
|
||||
<FileIcon class="h-5 w-5 text-blue-600 mr-2" />
|
||||
<div>
|
||||
<div class="text-sm font-medium text-gray-900">{{ file.name }}</div>
|
||||
<div class="text-xs text-gray-500">{{ formatFileSize(file.size) }}</div>
|
||||
</div>
|
||||
</div>
|
||||
<button
|
||||
@click="removeFile(index)"
|
||||
class="text-gray-400 hover:text-red-500 transition-colors"
|
||||
>
|
||||
<XIcon class="h-4 w-4" />
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<input
|
||||
ref="fileInput"
|
||||
type="file"
|
||||
:accept="accept"
|
||||
multiple
|
||||
class="hidden"
|
||||
@change="handleFileSelect"
|
||||
/>
|
||||
</div>
|
||||
`,
|
||||
methods: {
|
||||
triggerFileInput() {
|
||||
this.$refs.fileInput.click();
|
||||
@ -279,21 +205,18 @@ const FileUpload = {
|
||||
},
|
||||
addFiles(newFiles) {
|
||||
const validFiles = newFiles.filter(file => {
|
||||
// 检查文件大小
|
||||
if (file.size > this.maxSize * 1024 * 1024) {
|
||||
toast.error(`文件 ${file.name} 超过 ${this.maxSize}MB 限制`);
|
||||
// 检查文件大小 (5MB限制)
|
||||
if (file.size > 5 * 1024 * 1024) {
|
||||
toast.error(`文件 ${file.name} 超过 5MB 限制`);
|
||||
return false;
|
||||
}
|
||||
return true;
|
||||
});
|
||||
|
||||
const currentFiles = this.files || [];
|
||||
this.$emit('update:files', [...currentFiles, ...validFiles]);
|
||||
this.uploadedFiles = [...this.uploadedFiles, ...validFiles];
|
||||
},
|
||||
removeFile(index) {
|
||||
const currentFiles = [...this.files];
|
||||
currentFiles.splice(index, 1);
|
||||
this.$emit('update:files', currentFiles);
|
||||
this.uploadedFiles.splice(index, 1);
|
||||
},
|
||||
formatFileSize(bytes) {
|
||||
if (bytes === 0) return '0 Bytes';
|
||||
@ -301,45 +224,8 @@ const FileUpload = {
|
||||
const sizes = ['Bytes', 'KB', 'MB', 'GB'];
|
||||
const i = Math.floor(Math.log(bytes) / Math.log(k));
|
||||
return parseFloat((bytes / Math.pow(k, i)).toFixed(2)) + ' ' + sizes[i];
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
export default {
|
||||
name: 'JsiteDomainUploadRealNameDialog',
|
||||
components: {
|
||||
Dialog,
|
||||
Button,
|
||||
InfoIcon,
|
||||
UserIcon,
|
||||
BuildingIcon,
|
||||
FileUpload
|
||||
},
|
||||
props: {
|
||||
domain: String,
|
||||
domainDoc: Object
|
||||
},
|
||||
emits: ['success', 'close'],
|
||||
data() {
|
||||
return {
|
||||
show: true,
|
||||
loading: false,
|
||||
formData: {
|
||||
certType: 'personal',
|
||||
idCardFront: [],
|
||||
idCardBack: [],
|
||||
businessLicense: [],
|
||||
legalIdCard: [],
|
||||
contactName: '',
|
||||
contactPhone: '',
|
||||
contactEmail: '',
|
||||
remark: ''
|
||||
}
|
||||
};
|
||||
},
|
||||
methods: {
|
||||
},
|
||||
async submitUpload() {
|
||||
// 验证必填字段
|
||||
if (!this.validateForm()) {
|
||||
return;
|
||||
}
|
||||
@ -351,67 +237,87 @@ export default {
|
||||
const formData = new FormData();
|
||||
|
||||
// 添加基本信息
|
||||
formData.append('domain', this.domainDoc.domain);
|
||||
formData.append('certType', this.formData.certType);
|
||||
formData.append('contactName', this.formData.contactName);
|
||||
formData.append('contactPhone', this.formData.contactPhone);
|
||||
formData.append('contactEmail', this.formData.contactEmail);
|
||||
formData.append('remark', this.formData.remark);
|
||||
console.log('domainDoc 完整对象:', JSON.stringify(this.domainDoc, null, 2));
|
||||
console.log('domainDoc.domain:', this.domainDoc?.domain);
|
||||
console.log('domainDoc.name:', this.domainDoc?.name);
|
||||
console.log('this.domain:', this.domain);
|
||||
|
||||
// 优先使用 domainDoc.domain，如果没有则使用 this.domain
|
||||
const domain = this.domainDoc?.domain || this.domain;
|
||||
console.log('提交的域名:', domain);
|
||||
|
||||
// 验证域名是否有效
|
||||
if (!domain || domain === '36h8on65rd') {
|
||||
console.error('域名信息无效:', domain);
|
||||
toast.error('域名信息无效，请重试');
|
||||
return;
|
||||
}
|
||||
|
||||
// 确保域名格式正确
|
||||
if (!domain.includes('.')) {
|
||||
console.error('域名格式无效:', domain);
|
||||
toast.error('域名格式无效，请重试');
|
||||
return;
|
||||
}
|
||||
|
||||
formData.append('domain', domain);
|
||||
formData.append('idType', this.formData.idType);
|
||||
formData.append('idNumber', this.formData.idNumber);
|
||||
|
||||
// 添加文件
|
||||
if (this.formData.certType === 'personal') {
|
||||
if (this.formData.idCardFront.length > 0) {
|
||||
this.formData.idCardFront.forEach((file, index) => {
|
||||
formData.append(`idCardFront_${index}`, file);
|
||||
});
|
||||
}
|
||||
if (this.formData.idCardBack.length > 0) {
|
||||
this.formData.idCardBack.forEach((file, index) => {
|
||||
formData.append(`idCardBack_${index}`, file);
|
||||
});
|
||||
}
|
||||
} else if (this.formData.certType === 'enterprise') {
|
||||
if (this.formData.businessLicense.length > 0) {
|
||||
this.formData.businessLicense.forEach((file, index) => {
|
||||
formData.append(`businessLicense_${index}`, file);
|
||||
});
|
||||
}
|
||||
if (this.formData.legalIdCard.length > 0) {
|
||||
this.formData.legalIdCard.forEach((file, index) => {
|
||||
formData.append(`legalIdCard_${index}`, file);
|
||||
});
|
||||
}
|
||||
}
|
||||
this.uploadedFiles.forEach((file, index) => {
|
||||
formData.append(`files_${index}`, file);
|
||||
});
|
||||
|
||||
// 调用后端上传API
|
||||
const uploadRequest = createResource({
|
||||
url: 'jcloud.api.domain_west.upload_domain_real_name_files',
|
||||
method: 'POST',
|
||||
params: formData,
|
||||
onSuccess: (response) => {
|
||||
// 修复API响应处理逻辑，支持两种响应格式
|
||||
if (response && response.message && response.message.status === "success") {
|
||||
toast.success('实名资料上传成功，请等待审核');
|
||||
this.$emit('success');
|
||||
this.$emit('close');
|
||||
} else if (response && response.status === "success") {
|
||||
toast.success('实名资料上传成功，请等待审核');
|
||||
this.$emit('success');
|
||||
this.$emit('close');
|
||||
} else {
|
||||
const errorMessage = response?.message?.message || response?.message || '上传失败，请重试';
|
||||
toast.error(errorMessage);
|
||||
}
|
||||
this.loading = false;
|
||||
},
|
||||
onError: (error) => {
|
||||
console.error('上传实名资料失败:', error);
|
||||
toast.error('上传失败，请重试');
|
||||
this.loading = false;
|
||||
}
|
||||
});
|
||||
const xhr = new XMLHttpRequest();
|
||||
|
||||
uploadRequest.submit();
|
||||
xhr.onreadystatechange = () => {
|
||||
if (xhr.readyState === XMLHttpRequest.DONE) {
|
||||
this.loading = false;
|
||||
|
||||
if (xhr.status === 200) {
|
||||
try {
|
||||
const response = JSON.parse(xhr.responseText);
|
||||
console.log('服务器响应:', response);
|
||||
|
||||
if (response && response.status === "success") {
|
||||
// 使用 setTimeout 延迟执行，避免在 XMLHttpRequest 回调中直接调用 toast
|
||||
setTimeout(() => {
|
||||
toast.success(response.message || '实名资料上传成功，请等待审核');
|
||||
}, 100);
|
||||
this.$emit('success');
|
||||
this.$emit('close');
|
||||
} else {
|
||||
const errorMessage = response?.message || '上传失败，请重试';
|
||||
setTimeout(() => {
|
||||
toast.error(errorMessage);
|
||||
}, 100);
|
||||
}
|
||||
} catch (error) {
|
||||
console.error('解析响应失败:', error);
|
||||
setTimeout(() => {
|
||||
toast.error('上传失败，请重试');
|
||||
}, 100);
|
||||
}
|
||||
} else {
|
||||
console.error('上传失败:', xhr.status, xhr.statusText);
|
||||
setTimeout(() => {
|
||||
toast.error('上传失败，请重试');
|
||||
}, 100);
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
xhr.open('POST', '/api/action/jcloud.api.domain_west.upload_domain_real_name_files', true);
|
||||
xhr.setRequestHeader('Accept', 'application/json');
|
||||
|
||||
// 添加CSRF token
|
||||
if (window.csrf_token && window.csrf_token !== '{{ csrf_token }}') {
|
||||
xhr.setRequestHeader('X-Jingrow-CSRF-Token', window.csrf_token);
|
||||
}
|
||||
|
||||
xhr.send(formData);
|
||||
|
||||
} catch (error) {
|
||||
console.error('上传实名资料失败:', error);
|
||||
@ -421,55 +327,47 @@ export default {
|
||||
}
|
||||
},
|
||||
validateForm() {
|
||||
if (!this.formData.certType) {
|
||||
toast.error('请选择认证类型');
|
||||
if (!this.formData.idNumber.trim()) {
|
||||
toast.error('请填写证件号码');
|
||||
return false;
|
||||
}
|
||||
|
||||
if (this.formData.certType === 'personal') {
|
||||
if (!this.formData.idCardFront.length) {
|
||||
toast.error('请上传身份证正面');
|
||||
return false;
|
||||
}
|
||||
if (!this.formData.idCardBack.length) {
|
||||
toast.error('请上传身份证反面');
|
||||
return false;
|
||||
}
|
||||
} else if (this.formData.certType === 'enterprise') {
|
||||
if (!this.formData.businessLicense.length) {
|
||||
toast.error('请上传营业执照');
|
||||
return false;
|
||||
}
|
||||
if (!this.formData.legalIdCard.length) {
|
||||
toast.error('请上传法人身份证');
|
||||
return false;
|
||||
}
|
||||
}
|
||||
|
||||
if (!this.formData.contactName.trim()) {
|
||||
toast.error('请填写联系人姓名');
|
||||
return false;
|
||||
}
|
||||
|
||||
if (!this.formData.contactPhone.trim()) {
|
||||
toast.error('请填写联系电话');
|
||||
return false;
|
||||
}
|
||||
|
||||
if (!this.formData.contactEmail.trim()) {
|
||||
toast.error('请填写邮箱地址');
|
||||
return false;
|
||||
}
|
||||
|
||||
// 验证邮箱格式
|
||||
const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
|
||||
if (!emailRegex.test(this.formData.contactEmail)) {
|
||||
toast.error('请填写正确的邮箱地址');
|
||||
if (this.uploadedFiles.length === 0) {
|
||||
toast.error('请上传证件材料');
|
||||
return false;
|
||||
}
|
||||
|
||||
return true;
|
||||
}
|
||||
},
|
||||
async loadOwnerInfo() {
|
||||
try {
|
||||
if (this.domainDoc && this.domainDoc.owner) {
|
||||
// 获取域名所有者信息
|
||||
const response = await this.$resources.getOwnerInfo.submit();
|
||||
|
||||
if (response && response.status === 'Success' && response.data) {
|
||||
const owner = response.data;
|
||||
// 填充身份证号码
|
||||
if (owner.c_idnum_gswl) {
|
||||
this.formData.idNumber = owner.c_idnum_gswl;
|
||||
}
|
||||
// 填充证件类型
|
||||
if (owner.c_idtype_gswl) {
|
||||
// 映射证件类型
|
||||
if (owner.c_idtype_gswl === 'SFZ') {
|
||||
this.formData.idType = 'idcard';
|
||||
} else if (owner.c_idtype_gswl === 'HZ') {
|
||||
this.formData.idType = 'passport';
|
||||
} else {
|
||||
this.formData.idType = 'other';
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
} catch (error) {
|
||||
console.error('获取所有者信息失败:', error);
|
||||
}
|
||||
},
|
||||
}
|
||||
};
|
||||
</script>
|
||||
@ -12,6 +12,7 @@ from urllib.parse import urlencode
|
||||
from typing import Dict, Any, Optional, List
|
||||
from jcloud.utils import get_current_team
|
||||
from pypinyin import lazy_pinyin
|
||||
import base64
|
||||
|
||||
class WestDomain:
|
||||
"""西部数码域名API客户端"""
|
||||
@ -1827,7 +1828,9 @@ def get_domain_owner(name):
|
||||
"c_st_m": domain_owner.c_st_m,
|
||||
"c_ct_m": domain_owner.c_ct_m,
|
||||
"c_adr_m": domain_owner.c_adr_m,
|
||||
"c_pc": domain_owner.c_pc
|
||||
"c_pc": domain_owner.c_pc,
|
||||
"c_idtype_gswl": domain_owner.c_idtype_gswl,
|
||||
"c_idnum_gswl": domain_owner.c_idnum_gswl
|
||||
}
|
||||
|
||||
return {
|
||||
@ -2853,3 +2856,185 @@ def sync_domain_info_from_west(**data):
|
||||
return {"status": "error", "message": f"同步失败: {str(e)}"}
|
||||
|
||||
|
||||
@jingrow.whitelist()
|
||||
def upload_domain_real_name_files(**data):
|
||||
"""上传域名实名资料文件"""
|
||||
import base64
|
||||
|
||||
# 调试：打印接收到的参数
|
||||
jingrow.log_error("上传实名资料参数", str(data))
|
||||
|
||||
# 尝试从jingrow.request中获取参数
|
||||
try:
|
||||
# 检查是否是FormData格式
|
||||
if jingrow.request.content_type and 'multipart/form-data' in jingrow.request.content_type:
|
||||
# 处理FormData格式
|
||||
request_data = {}
|
||||
for key in jingrow.request.form:
|
||||
request_data[key] = jingrow.request.form[key]
|
||||
jingrow.log_error("FormData参数", str(request_data))
|
||||
else:
|
||||
# 处理JSON格式
|
||||
request_data = jingrow.request.get_json() if jingrow.request.is_json else {}
|
||||
jingrow.log_error("request.get_json()", str(request_data))
|
||||
except Exception as e:
|
||||
jingrow.log_error("获取请求参数失败", str(e))
|
||||
request_data = {}
|
||||
|
||||
client = get_west_client()
|
||||
if not client:
|
||||
return {"status": "error", "message": "API客户端初始化失败"}
|
||||
|
||||
# 从多个来源提取参数
|
||||
domain = (data.get('domain') or
|
||||
request_data.get('domain') or
|
||||
data.get('domainDoc.domain'))
|
||||
|
||||
id_type = (data.get('idType') or
|
||||
request_data.get('idType') or
|
||||
'idcard')
|
||||
|
||||
id_number = (data.get('idNumber') or
|
||||
request_data.get('idNumber'))
|
||||
|
||||
# 调试：打印提取的参数
|
||||
jingrow.log_error("提取的参数", f"domain: {domain}, id_type: {id_type}, id_number: {id_number}")
|
||||
|
||||
if not all([domain, id_number]):
|
||||
return {"status": "error", "message": f"缺少必要参数：domain={domain}, idNumber={id_number}"}
|
||||
|
||||
try:
|
||||
# 获取域名信息
|
||||
jingrow.log_error("开始查询域名", f"查询域名: {domain}")
|
||||
domain_list = jingrow.get_list("Jsite Domain", filters={"domain": domain})
|
||||
jingrow.log_error("查询结果", f"找到 {len(domain_list)} 条记录")
|
||||
|
||||
if domain_list:
|
||||
domain_name = domain_list[0].get('name')
|
||||
jingrow.log_error("域名name", f"域名name: {domain_name}")
|
||||
# 通过name获取完整的域名信息
|
||||
domain_info = jingrow.get_pg("Jsite Domain", domain_name)
|
||||
jingrow.log_error("完整域名信息", f"域名记录: {domain_info}")
|
||||
else:
|
||||
return {"status": "error", "message": f"未找到主域名{domain}"}
|
||||
|
||||
# 获取域名所有者信息
|
||||
owner_name = domain_info.get('domain_owner') or domain_info.get('owner')
|
||||
if not owner_name:
|
||||
return {"status": "error", "message": "域名所有者信息不存在"}
|
||||
|
||||
owner_info = jingrow.get_pg("Domain Owner", owner_name)
|
||||
if not owner_info:
|
||||
return {"status": "error", "message": "域名所有者信息不存在"}
|
||||
|
||||
# 获取上传token
|
||||
c_sysid = owner_info.get('c_sysid')
|
||||
if not c_sysid:
|
||||
return {"status": "error", "message": "域名所有者未关联西部数码ID"}
|
||||
|
||||
# 证件类型映射
|
||||
f_type_org = "1" if id_type == "idcard" else "2" # 1=身份证, 2=护照
|
||||
f_code_org = id_number
|
||||
|
||||
# 获取上传token
|
||||
token_response = client.get_upload_token(c_sysid, f_type_org, f_code_org)
|
||||
if token_response.get("status") == "error":
|
||||
return token_response
|
||||
|
||||
if token_response.get("result") != 200:
|
||||
return {"status": "error", "message": "获取上传token失败"}
|
||||
|
||||
token = token_response.get("data")
|
||||
if not token:
|
||||
return {"status": "error", "message": "获取上传token失败"}
|
||||
|
||||
# 处理文件上传 - 从FormData中提取文件并转换为base64
|
||||
files = []
|
||||
|
||||
# 调试：打印所有可用的数据源
|
||||
jingrow.log_error("调试文件上传", f"data keys: {list(data.keys()) if data else 'None'}")
|
||||
jingrow.log_error("调试文件上传", f"request.files: {list(jingrow.request.files.keys()) if hasattr(jingrow.request, 'files') and jingrow.request.files else 'None'}")
|
||||
jingrow.log_error("调试文件上传", f"form_dict keys: {list(jingrow.form_dict.keys()) if hasattr(jingrow, 'form_dict') else 'None'}")
|
||||
|
||||
# 从jingrow.request.files中获取文件
|
||||
if hasattr(jingrow.request, 'files') and jingrow.request.files:
|
||||
jingrow.log_error("request.files keys", str(list(jingrow.request.files.keys())))
|
||||
for key in jingrow.request.files:
|
||||
file_obj = jingrow.request.files[key]
|
||||
if hasattr(file_obj, 'read'):
|
||||
# 读取文件内容并转换为base64
|
||||
file_content = file_obj.read()
|
||||
file_base64 = base64.b64encode(file_content).decode('utf-8')
|
||||
files.append(file_base64)
|
||||
jingrow.log_error(f"处理文件: {key}, 大小: {len(file_content)} bytes")
|
||||
|
||||
# 如果从request.files中没有找到文件，尝试从data中获取
|
||||
if not files:
|
||||
jingrow.log_error("从data中查找文件", str(list(data.keys())))
|
||||
for key, value in data.items():
|
||||
if key.startswith('files_') and hasattr(value, 'read'):
|
||||
# 读取文件内容并转换为base64
|
||||
file_content = value.read()
|
||||
file_base64 = base64.b64encode(file_content).decode('utf-8')
|
||||
files.append(file_base64)
|
||||
jingrow.log_error(f"从data处理文件: {key}, 大小: {len(file_content)} bytes")
|
||||
|
||||
# 如果还是没有文件，尝试从data.files中获取（前端传递的文件数组）
|
||||
if not files and 'files' in data:
|
||||
jingrow.log_error("从data.files中获取文件", str(len(data['files'])))
|
||||
for file_obj in data['files']:
|
||||
if hasattr(file_obj, 'read'):
|
||||
# 读取文件内容并转换为base64
|
||||
file_content = file_obj.read()
|
||||
file_base64 = base64.b64encode(file_content).decode('utf-8')
|
||||
files.append(file_base64)
|
||||
jingrow.log_error(f"从data.files处理文件, 大小: {len(file_content)} bytes")
|
||||
|
||||
# 如果还是没有文件，尝试从jingrow.form_dict中获取
|
||||
if not files and hasattr(jingrow, 'form_dict'):
|
||||
jingrow.log_error("从form_dict中查找文件", str(list(jingrow.form_dict.keys())))
|
||||
for key, value in jingrow.form_dict.items():
|
||||
if key.startswith('files_') and hasattr(value, 'read'):
|
||||
# 读取文件内容并转换为base64
|
||||
file_content = value.read()
|
||||
file_base64 = base64.b64encode(file_content).decode('utf-8')
|
||||
files.append(file_base64)
|
||||
jingrow.log_error(f"从form_dict处理文件: {key}, 大小: {len(file_content)} bytes")
|
||||
|
||||
if not files:
|
||||
return {"status": "error", "message": "请上传证件材料"}
|
||||
|
||||
# 上传文件到西部数码
|
||||
file_org = files[0] # 使用第一个文件作为证件文件
|
||||
file_lxr = files[1] if len(files) > 1 else None # 第二个文件作为联系人文件（可选）
|
||||
|
||||
upload_response = client.upload_real_name_files(token, file_org, file_lxr)
|
||||
|
||||
if upload_response.get("status") == "error":
|
||||
return upload_response
|
||||
|
||||
# 解析响应
|
||||
d = upload_response.get("d", {})
|
||||
result = d.get("Result")
|
||||
msg = d.get("Msg", "")
|
||||
|
||||
if result == 200:
|
||||
return {
|
||||
"status": "success",
|
||||
"message": "实名资料上传成功，请等待审核",
|
||||
"data": {
|
||||
"result": result,
|
||||
"msg": msg
|
||||
}
|
||||
}
|
||||
else:
|
||||
return {
|
||||
"status": "error",
|
||||
"message": f"实名资料上传失败: {msg}"
|
||||
}
|
||||
|
||||
except Exception as e:
|
||||
jingrow.log_error("上传实名资料失败", str(e))
|
||||
return {"status": "error", "message": "上传实名资料失败，请重试"}
|
||||
|
||||
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user