main #2

Merged
jingrow merged 250 commits from main into v1 2026-01-13 22:45:50 +08:00
3 changed files with 172 additions and 187 deletions
Showing only changes of commit 54bed52a3b - Show all commits

View File

@ -201,7 +201,7 @@ export default {
whoisProtectionLoading: false,
domainOwner: null,
realNameStatus: 'unverified', // verified, unverified
realNameInfo: null, //
};
},
methods: {
@ -390,8 +390,7 @@ export default {
renderDialog(h(JsiteDomainRealNameInfoDialog, {
domain: this.domain,
domainDoc: this.$domain.pg,
realNameInfo: this.realNameInfo
domainDoc: this.$domain.pg
}));
},
//
@ -408,34 +407,8 @@ export default {
onUploadSuccess() {
toast.success('实名资料上传成功!');
this.getDomainOwner(); //
this.getRealNameInfo(); //
},
//
async getRealNameInfo() {
if (!this.$domain.pg?.domain) {
return;
}
try {
const getRealNameRequest = createResource({
url: 'jcloud.api.domain_west.get_west_domain_real_info',
params: {
domain: this.$domain.pg.domain
},
onSuccess: (response) => {
if (response && response.status === "success" && response.data) {
this.realNameInfo = response.data;
}
},
onError: (error) => {
console.error('获取域名实名信息失败:', error);
}
});
getRealNameRequest.submit();
} catch (error) {
console.error('获取域名实名信息失败:', error);
}
},
},
watch: {
//
@ -483,8 +456,6 @@ export default {
} else {
this.realNameStatus = 'unverified';
}
//
this.getRealNameInfo();
},
};
</script>

View File

@ -14,6 +14,8 @@
</div>
<div v-else-if="realNameData" class="space-y-6">
<!-- 认证状态 -->
<div class="bg-gradient-to-r from-green-50 to-emerald-50 rounded-xl p-6 border border-green-200">
<div class="flex items-center">
@ -38,15 +40,36 @@
<div class="p-6">
<div class="grid grid-cols-1 md:grid-cols-2 gap-6">
<div class="space-y-4">
<InfoItem label="域名" :value="realNameData.domain" />
<InfoItem label="注册日期" :value="formatDate(realNameData.regdate)" />
<InfoItem label="到期日期" :value="formatDate(realNameData.rexpiredate)" />
<InfoItem label="认证状态" :value="getStatusText(realNameData.c_status)" />
<div>
<dt class="text-sm font-medium text-gray-600">域名</dt>
<dd class="mt-1 text-sm text-gray-900">{{ realNameData.domain || '未填写' }}</dd>
</div>
<div>
<dt class="text-sm font-medium text-gray-600">注册时间</dt>
<dd class="mt-1 text-sm text-gray-900">{{ formatDateTime(realNameData.regdate) || '未填写' }}</dd>
</div>
<div>
<dt class="text-sm font-medium text-gray-600">到期时间</dt>
<dd class="mt-1 text-sm text-gray-900">{{ formatDateTime(realNameData.rexpiredate) || '未填写' }}</dd>
</div>
<div>
<dt class="text-sm font-medium text-gray-600">域名状态</dt>
<dd class="mt-1 text-sm text-gray-900">{{ getDomainStatusText(realNameData.status) || '未填写' }}</dd>
</div>
</div>
<div class="space-y-4">
<InfoItem label="模板ID" :value="realNameData.c_sysid" />
<InfoItem label="注册类型" :value="getRegTypeText(realNameData.c_regtype)" />
<InfoItem label="域名状态" :value="realNameData.status" />
<div>
<dt class="text-sm font-medium text-gray-600">实名状态</dt>
<dd class="mt-1 text-sm text-gray-900">{{ getRealNameStatusText(realNameData.real_name_status?.r_status) || '未填写' }}</dd>
</div>
<div>
<dt class="text-sm font-medium text-gray-600">注册类型</dt>
<dd class="mt-1 text-sm text-gray-900">{{ getRegTypeText(realNameData.c_regtype) || '未填写' }}</dd>
</div>
<div>
<dt class="text-sm font-medium text-gray-600">模板ID</dt>
<dd class="mt-1 text-sm text-gray-900">{{ realNameData.c_sysid || '未填写' }}</dd>
</div>
</div>
</div>
</div>
@ -63,71 +86,92 @@
<div class="p-6">
<div class="grid grid-cols-1 md:grid-cols-2 gap-6">
<div class="space-y-4">
<InfoItem label="中文姓名" :value="getFullChineseName()" />
<InfoItem label="英文姓名" :value="getFullEnglishName()" />
<InfoItem v-if="realNameData.owner.dom_org_m" label="中文单位" :value="realNameData.owner.dom_org_m" />
<InfoItem v-if="realNameData.owner.dom_org" label="英文单位" :value="realNameData.owner.dom_org" />
<InfoItem label="邮箱" :value="realNameData.owner.dom_em" />
<div>
<dt class="text-sm font-medium text-gray-600">中文姓名</dt>
<dd class="mt-1 text-sm text-gray-900">{{ getFullChineseName() || '未填写' }}</dd>
</div>
<div v-if="realNameData.owner?.dom_org_m">
<dt class="text-sm font-medium text-gray-600">中文单位</dt>
<dd class="mt-1 text-sm text-gray-900">{{ realNameData.owner.dom_org_m || '未填写' }}</dd>
</div>
<div>
<dt class="text-sm font-medium text-gray-600">邮箱</dt>
<dd class="mt-1 text-sm text-gray-900">{{ realNameData.owner?.dom_em || '未填写' }}</dd>
</div>
</div>
<div class="space-y-4">
<InfoItem label="电话" :value="realNameData.owner.dom_ph" />
<InfoItem label="传真" :value="realNameData.owner.dom_fax" />
<InfoItem label="国家/地区" :value="realNameData.owner.dom_co" />
<InfoItem label="省份" :value="realNameData.owner.dom_st_m || realNameData.owner.dom_st" />
<InfoItem label="城市" :value="realNameData.owner.dom_ct_m || realNameData.owner.dom_ct" />
<div>
<dt class="text-sm font-medium text-gray-600">电话</dt>
<dd class="mt-1 text-sm text-gray-900">{{ realNameData.owner?.dom_ph || '未填写' }}</dd>
</div>
<div>
<dt class="text-sm font-medium text-gray-600">传真</dt>
<dd class="mt-1 text-sm text-gray-900">{{ realNameData.owner?.dom_fax || '未填写' }}</dd>
</div>
<div>
<dt class="text-sm font-medium text-gray-600">国家/地区</dt>
<dd class="mt-1 text-sm text-gray-900">{{ realNameData.owner?.dom_co || '未填写' }}</dd>
</div>
<div>
<dt class="text-sm font-medium text-gray-600">省份</dt>
<dd class="mt-1 text-sm text-gray-900">{{ realNameData.owner?.dom_st_m || '未填写' }}</dd>
</div>
<div>
<dt class="text-sm font-medium text-gray-600">城市</dt>
<dd class="mt-1 text-sm text-gray-900">{{ realNameData.owner?.dom_ct_m || '未填写' }}</dd>
</div>
</div>
</div>
<div class="mt-4">
<InfoItem label="地址" :value="realNameData.owner.dom_adr_m || realNameData.owner.dom_adr1" />
<InfoItem label="邮编" :value="realNameData.owner.dom_pc" />
</div>
</div>
</div>
<!-- 联系人信息 -->
<div class="grid grid-cols-1 lg:grid-cols-3 gap-6">
<!-- 管理联系人 -->
<ContactCard
title="管理联系人"
icon="UserCircleIcon"
:contact="realNameData.admin"
type="admin"
/>
<!-- 技术联系人 -->
<ContactCard
title="技术联系人"
icon="SettingsIcon"
:contact="realNameData.tech"
type="tech"
/>
<!-- 缴费联系人 -->
<ContactCard
title="缴费联系人"
icon="CreditCardIcon"
:contact="realNameData.billing"
type="bill"
/>
</div>
<!-- DNS服务器 -->
<div class="bg-white rounded-xl border border-gray-200 shadow-sm">
<div class="px-6 py-4 border-b border-gray-100">
<h3 class="text-lg font-semibold text-gray-900 flex items-center">
<GlobeIcon class="h-5 w-5 mr-2 text-blue-600" />
DNS服务器
</h3>
</div>
<div class="p-6">
<div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4">
<div v-for="(dns, index) in getDnsServers()" :key="index" class="bg-gray-50 rounded-lg p-4">
<div class="text-sm font-medium text-gray-600 mb-1">DNS{{ index + 1 }}</div>
<div class="font-mono text-sm text-gray-900">{{ dns || '未设置' }}</div>
<div>
<dt class="text-sm font-medium text-gray-600">地址</dt>
<dd class="mt-1 text-sm text-gray-900">{{ realNameData.owner?.dom_adr_m || '未填写' }}</dd>
</div>
<div>
<dt class="text-sm font-medium text-gray-600">邮编</dt>
<dd class="mt-1 text-sm text-gray-900">{{ realNameData.owner?.dom_pc || '未填写' }}</dd>
</div>
</div>
</div>
</div>
<!-- 实名证件信息 -->
<div v-if="realNameData.orgfile" class="bg-white rounded-xl border border-gray-200 shadow-sm">
<div class="px-6 py-4 border-b border-gray-100">
<h3 class="text-lg font-semibold text-gray-900 flex items-center">
<FileTextIcon class="h-5 w-5 mr-2 text-blue-600" />
实名证件信息
</h3>
</div>
<div class="p-6">
<div class="grid grid-cols-1 md:grid-cols-2 gap-6">
<div class="space-y-4">
<div>
<dt class="text-sm font-medium text-gray-600">实名证件类型</dt>
<dd class="mt-1 text-sm text-gray-900">{{ getDocumentTypeText(realNameData.orgfile.f_type) || '未填写' }}</dd>
</div>
<div>
<dt class="text-sm font-medium text-gray-600">实名证件号码</dt>
<dd class="mt-1 text-sm text-gray-900">{{ realNameData.orgfile.f_code || '未填写' }}</dd>
</div>
</div>
<div class="space-y-4">
<div>
<dt class="text-sm font-medium text-gray-600">证件上传时间</dt>
<dd class="mt-1 text-sm text-gray-900">{{ formatDateTime(realNameData.orgfile.f_date) || '未填写' }}</dd>
</div>
<div>
<dt class="text-sm font-medium text-gray-600">证件ID</dt>
<dd class="mt-1 text-sm text-gray-900">{{ realNameData.orgfile.f_sysid || '未填写' }}</dd>
</div>
</div>
</div>
</div>
</div>
</div>
</template>
</Dialog>
@ -135,63 +179,14 @@
<script>
import { Dialog, createResource } from 'jingrow-ui';
import { toast } from 'vue-sonner';
import CheckCircleIcon from '~icons/lucide/check-circle';
import AlertTriangleIcon from '~icons/lucide/alert-triangle';
import FileTextIcon from '~icons/lucide/file-text';
import UserIcon from '~icons/lucide/user';
import UserCircleIcon from '~icons/lucide/user-circle';
import SettingsIcon from '~icons/lucide/settings';
import CreditCardIcon from '~icons/lucide/credit-card';
import GlobeIcon from '~icons/lucide/globe';
//
const InfoItem = {
props: ['label', 'value'],
template: `
<div>
<dt class="text-sm font-medium text-gray-600">{{ label }}</dt>
<dd class="mt-1 text-sm text-gray-900">{{ value || '未填写' }}</dd>
</div>
`
};
//
const ContactCard = {
props: ['title', 'icon', 'contact', 'type'],
components: { UserCircleIcon, SettingsIcon, CreditCardIcon },
template: `
<div class="bg-white rounded-xl border border-gray-200 shadow-sm">
<div class="px-4 py-3 border-b border-gray-100">
<h4 class="text-sm font-medium text-gray-900 flex items-center">
<component :is="icon" class="h-4 w-4 mr-2 text-blue-600" />
{{ title }}
</h4>
</div>
<div class="p-4 space-y-3">
<div>
<div class="text-xs font-medium text-gray-600">姓名</div>
<div class="text-sm text-gray-900">{{ getContactName() }}</div>
</div>
<div>
<div class="text-xs font-medium text-gray-600">邮箱</div>
<div class="text-sm text-gray-900">{{ contact[type + '_em'] || '未填写' }}</div>
</div>
<div>
<div class="text-xs font-medium text-gray-600">电话</div>
<div class="text-sm text-gray-900">{{ contact[type + '_ph'] || '未填写' }}</div>
</div>
</div>
</div>
`,
methods: {
getContactName() {
const chineseName = (this.contact[this.type + '_ln_m'] || '') + (this.contact[this.type + '_fn_m'] || '');
const englishName = (this.contact[this.type + '_ln'] || '') + ' ' + (this.contact[this.type + '_fn'] || '');
return chineseName || englishName.trim() || '未填写';
}
}
};
export default {
name: 'JsiteDomainRealNameInfoDialog',
@ -200,18 +195,11 @@ export default {
CheckCircleIcon,
AlertTriangleIcon,
FileTextIcon,
UserIcon,
UserCircleIcon,
SettingsIcon,
CreditCardIcon,
GlobeIcon,
InfoItem,
ContactCard
UserIcon
},
props: {
domain: String,
domainDoc: Object,
realNameInfo: Object
domainDoc: Object
},
data() {
return {
@ -223,12 +211,10 @@ export default {
},
methods: {
async loadRealNameInfo() {
if (this.realNameInfo) {
this.realNameData = this.realNameInfo;
return;
}
console.log('loadRealNameInfo called, domainDoc:', this.domainDoc);
if (!this.domainDoc?.domain) {
console.error('域名信息不存在, domainDoc:', this.domainDoc);
this.error = '域名信息不存在';
return;
}
@ -243,11 +229,24 @@ export default {
domain: this.domainDoc.domain
},
onSuccess: (response) => {
console.log('API响应:', response);
// API
let data = null;
if (response && response.status === "success" && response.data) {
this.realNameData = response.data;
data = response.data;
} else if (response && response.message && response.message.status === "success" && response.message.data) {
data = response.message.data;
}
if (data) {
console.log('提取的数据:', data);
this.realNameData = data;
} else {
console.error('无效的响应格式:', response);
this.error = '获取实名认证信息失败';
}
this.loading = false;
},
onError: (error) => {
@ -263,24 +262,49 @@ export default {
this.loading = false;
}
},
formatDate(dateStr) {
formatDateTime(dateStr) {
if (!dateStr) return '未知';
try {
const date = new Date(dateStr);
return date.toLocaleDateString('zh-CN');
return date.toLocaleString('zh-CN', {
year: 'numeric',
month: '2-digit',
day: '2-digit',
hour: '2-digit',
minute: '2-digit',
second: '2-digit'
});
} catch {
return dateStr;
}
},
getStatusText(status) {
getDomainStatusText(status) {
const statusMap = {
1: '已通过',
2: '审核中',
3: '审核失败',
4: '待上传'
'ok': '正常',
'pending': '待处理',
'error': '错误'
};
return statusMap[status] || status || '未知';
},
getRealNameStatusText(status) {
const statusMap = {
1: '实名成功',
2: '实名中',
3: '实名失败',
0: '未实名'
};
return statusMap[status] || status || '未知';
},
getDocumentTypeText(type) {
const typeMap = {
1: '身份证',
2: '护照',
3: '工商营业执照(填统一社会信用代码)',
4: '组织机构代码证',
5: '其他'
};
return typeMap[type] || type || '未知';
},
getRegTypeText(regType) {
const typeMap = {
'I': '个人',
@ -293,24 +317,8 @@ export default {
const lastName = this.realNameData.owner.dom_ln_m || '';
const firstName = this.realNameData.owner.dom_fn_m || '';
return lastName + firstName || '未填写';
},
getFullEnglishName() {
if (!this.realNameData?.owner) return '未填写';
const lastName = this.realNameData.owner.dom_ln || '';
const firstName = this.realNameData.owner.dom_fn || '';
return (lastName + ' ' + firstName).trim() || '未填写';
},
getDnsServers() {
if (!this.realNameData?.dns_hosts) return [];
return [
this.realNameData.dns_hosts.dns_host1,
this.realNameData.dns_hosts.dns_host2,
this.realNameData.dns_hosts.dns_host3,
this.realNameData.dns_hosts.dns_host4,
this.realNameData.dns_hosts.dns_host5,
this.realNameData.dns_hosts.dns_host6
].filter(Boolean);
}
},
mounted() {
this.loadRealNameInfo();

View File

@ -389,12 +389,18 @@ export default {
method: 'POST',
params: formData,
onSuccess: (response) => {
if (response && response.status === "success") {
// 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 {
toast.error(response.message || '上传失败,请重试');
const errorMessage = response?.message?.message || response?.message || '上传失败,请重试';
toast.error(errorMessage);
}
this.loading = false;
},