zfc/guzhi
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: 新增7天浏览量

Browse Source
This commit is contained in:
若拙_233 2025-12-10 16:23:24 +08:00
parent 58f16be457
commit 6718b51fb9
2 changed files with 182 additions and 100 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

222
web/src/views/valuation/audit/components/AuditDetail.vue
View File

@ -46,7 +46,8 @@ const activeDetailTab = ref('audit')
const reportLoading = ref(false)
const reportContent = ref('')
const pickFilledValue = (...values) => values.find((val) => val !== undefined && val !== null && val !== '')
const pickFilledValue = (...values) =>
values.find((val) => val !== undefined && val !== null && val !== '')
const formatEnumField = (key, ...values) => formatEnumByKey(pickFilledValue(...values), key)
// 证书弹窗相关状态
@ -97,7 +98,11 @@ const detailSections = computed(() => {
fields: [
{ label: '资产名称', type: 'text', value: detail.asset_name || '-' },
{ label: '所属机构/权利人', type: 'text', value: detail.institution || '-' },
{ label: '统一社会信用代码/身份证号', type: 'text', value: detail.credit_code_or_id || '-' },
{
label: '统一社会信用代码/身份证号',
type: 'text',
value: detail.credit_code_or_id || '-',
},
{ label: '所属行业', type: 'text', value: detail.industry || '-' },
{ label: '业务/传承介绍', type: 'text', value: detail.biz_intro || '-' },
],
@ -106,17 +111,37 @@ const detailSections = computed(() => {
key: 'finance',
title: '财务状况',
fields: [
{ label: '近12个月机构营收/万元', type: 'text', value: formatNumberValue(detail.annual_revenue) },
{ label: '近12个月机构研发投入/万元', type: 'text', value: formatNumberValue(detail.rd_investment) },
{ label: '近三年机构收益/万元', type: 'list', value: formatThreeYearIncome(detail.three_year_income) },
{ label: '资产受资助情况', type: 'text', value: formatEnumField('fundingStatus', detail.funding_status) },
{
label: '近12个月机构营收/万元',
type: 'text',
value: formatNumberValue(detail.annual_revenue),
},
{
label: '近12个月机构研发投入/万元',
type: 'text',
value: formatNumberValue(detail.rd_investment),
},
{
label: '近三年机构收益/万元',
type: 'list',
value: formatThreeYearIncome(detail.three_year_income),
},
{
label: '资产受资助情况',
type: 'text',
value: formatEnumField('fundingStatus', detail.funding_status),
},
],
},
{
key: 'tech',
title: '非遗等级与技术',
fields: [
{ label: '非遗传承人等级', type: 'text', value: formatEnumField('inheritorLevel', detail.inheritor_level) },
{
label: '非遗传承人等级',
type: 'text',
value: formatEnumField('inheritorLevel', detail.inheritor_level),
},
{
label: '非遗传承人年龄水平及数量',
type: 'list',
@ -126,10 +151,22 @@ const detailSections = computed(() => {
{
label: '非遗等级',
type: 'text',
value: formatEnumField('heritageLevel', detail.heritage_level, detail.heritage_asset_level),
value: formatEnumField(
'heritageLevel',
detail.heritage_level,
detail.heritage_asset_level
),
},
{
label: '非遗资产所用专利的申请号',
type: 'text',
value: detail.patent_application_no || '-',
},
{
label: '非遗资产历史证明证据及数量',
type: 'list',
value: formatHistoricalEvidence(detail.historical_evidence),
},
{ label: '非遗资产所用专利的申请号', type: 'text', value: detail.patent_application_no || '-' },
{ label: '非遗资产历史证明证据及数量', type: 'list', value: formatHistoricalEvidence(detail.historical_evidence) },
{
label: '非遗资产所用专利/纹样图片',
type: 'images',
@ -144,50 +181,86 @@ const detailSections = computed(() => {
{
label: '非遗资产应用成熟度',
type: 'text',
value: formatEnumField('applicationMaturity', detail.application_maturity, detail.implementation_stage),
value: formatEnumField(
'applicationMaturity',
detail.application_maturity,
detail.implementation_stage
),
},
{
label: '非遗资产应用覆盖范围',
type: 'text',
value: formatEnumField('applicationCoverage', detail.application_coverage, detail.coverage_area),
value: formatEnumField(
'applicationCoverage',
detail.application_coverage,
detail.coverage_area
),
},
{
label: '非遗资产跨界合作深度',
type: 'text',
value: formatEnumField('cooperationDepth', detail.cooperation_depth, detail.collaboration_type),
value: formatEnumField(
'cooperationDepth',
detail.cooperation_depth,
detail.collaboration_type
),
},
{
label: '近12个月线下相关宣讲活动次数',
type: 'text',
value: formatNumberValue(detail.offline_activities ?? detail.offline_teaching_count),
},
{ label: '线上相关宣传账号信息', type: 'list', value: formatPlatformAccounts(detail.platform_accounts) },
{
label: '线上相关宣传账号信息',
type: 'list',
value: formatPlatformAccounts(detail.platform_accounts),
},
],
},
{
key: 'products',
title: '非遗资产衍生商品信息',
fields: [
{ label: '代表产品近12个月销售数量', type: 'text', value: formatNumberValue(detail.sales_volume) },
{
label: '代表产品近12个月销售数量',
type: 'text',
value: formatNumberValue(detail.sales_volume),
},
{ label: '商品链接浏览量', type: 'text', value: formatNumberValue(detail.link_views) },
{ label: '发行量', type: 'text', value: formatEnumField('circulation', detail.circulation, detail.scarcity_level) },
{
label: '发行量',
type: 'text',
value: formatEnumField('circulation', detail.circulation, detail.scarcity_level),
},
{
label: '最近一次市场活动时间',
type: 'text',
value: formatEnumField('marketActivity', detail.last_market_activity, detail.market_activity_time),
value: formatEnumField(
'marketActivity',
detail.last_market_activity,
detail.market_activity_time
),
},
{
label: '月交易额水平',
type: 'text',
value: formatEnumField('monthlyTransaction', detail.monthly_transaction, detail.monthly_transaction_amount),
value: formatEnumField(
'monthlyTransaction',
detail.monthly_transaction,
detail.monthly_transaction_amount
),
},
{
label: '近30天价格区间',
type: 'text',
value: formatPriceRange(detail.price_fluctuation),
},
{ label: '近30天价格区间', type: 'text', value: formatPriceRange(detail.price_fluctuation) },
],
},
]
// 为每个 section 生成 NDataTable 需要的 columns 和 data
return sections.map(section => {
return sections.map((section) => {
const columns = [
{
title: '字段名',
@ -196,13 +269,15 @@ const detailSections = computed(() => {
align: 'center',
fixed: 'left',
},
...section.fields.map(field => ({
...section.fields.map((field) => ({
title: field.label,
key: field.label,
width: 200,
ellipsis: ['list', 'images'].includes(field.type) ? false : {
ellipsis: ['list', 'images'].includes(field.type)
? false
: {
tooltip: {
style: { maxWidth: '600px', maxHeight: '400px', overflow: 'auto' }
style: { maxWidth: '600px', maxHeight: '400px', overflow: 'auto' },
},
},
render: (row) => {
@ -211,40 +286,48 @@ const detailSections = computed(() => {
if (fieldData.type === 'list') {
if (fieldData.value && fieldData.value.length) {
return h('div', { style: 'display: flex; flex-direction: column; gap: 4px;' },
fieldData.value.map(item => h('span', item))
return h(
'div',
{ style: 'display: flex; flex-direction: column; gap: 4px;' },
fieldData.value.map((item) => h('span', item))
)
}
return '-'
} else if (fieldData.type === 'images') {
if (fieldData.value && fieldData.value.length) {
const createImages = () => h(NImageGroup, {}, () =>
fieldData.value.map(img =>
const createImages = () =>
h(NImageGroup, {}, () =>
fieldData.value.map((img) =>
h(NImage, {
src: img,
width: 72,
height: 48,
objectFit: 'cover',
style: 'margin-right: 8px;'
style: 'margin-right: 8px;',
})
)
)
return h(NPopover, {
return h(
NPopover,
{
trigger: 'hover',
displayDirective: 'show',
keepAliveOnHover: true,
style: { maxWidth: '600px', maxHeight: '400px', overflow: 'auto' }
}, {
trigger: () => h('div', { style: 'display: flex; overflow: hidden;' }, createImages()),
default: () => createImages()
})
style: { maxWidth: '600px', maxHeight: '400px', overflow: 'auto' },
},
{
trigger: () =>
h('div', { style: 'display: flex; overflow: hidden;' }, createImages()),
default: () => createImages(),
}
)
}
return '-'
} else {
return fieldData.value || '-'
}
}
},
})),
]
@ -268,18 +351,15 @@ const detailSections = computed(() => {
const calcFlow = computed(() => props.detailData?.calculation_result?.flow || [])
const renderedFlowHtml = computed(() => {
return marked.parse(reportContent.value || mockReportMarkdown)
})
// 证书相关功能
const handleUploadCertificate = () => {
certificateModalMode.value = 'upload'
certificateData.value = {
detailData: props.detailData
detailData: props.detailData,
}
certificateModalVisible.value = true
}
@ -290,20 +370,23 @@ const handleViewCertificate = () => {
const formatFiles = (urlData) => {
if (!urlData) return []
// Handle string (single or comma-separated)
const urls = typeof urlData === 'string' ? urlData.split(',') : (Array.isArray(urlData) ? urlData : [])
const urls =
typeof urlData === 'string' ? urlData.split(',') : Array.isArray(urlData) ? urlData : []
return urls.filter(u => u).map((url, index) => ({
return urls
.filter((u) => u)
.map((url, index) => ({
id: String(index),
name: url.substring(url.lastIndexOf('/') + 1) || 'unknown',
status: 'finished',
url: url
url: url,
}))
}
certificateData.value = {
reportFiles: formatFiles(props.detailData?.report_url),
certificateFiles: formatFiles(props.detailData?.certificate_url),
detailData: props.detailData
detailData: props.detailData,
}
certificateModalVisible.value = true
}
@ -312,17 +395,17 @@ const handleCertificateConfirm = async (data) => {
console.log('证书数据:', data)
try {
const certificateUrl = data.certificateFiles?.map(f => f.url).filter(Boolean) || []
const reportUrl = data.reportFiles?.map(f => f.url).filter(Boolean) || []
const certificateUrl = data.certificateFiles?.map((f) => f.url).filter(Boolean) || []
const reportUrl = data.reportFiles?.map((f) => f.url).filter(Boolean) || []
// 现在改为只能上传 1 张
const payload = {
...props.detailData,
certificate_url: certificateUrl?.[0],
report_url: reportUrl?.[0],
status: 'success'
status: 'success',
}
console.log("🔥🔥🔥🔥🔥🔥🔥 ~ handleCertificateConfirm ~ payload:", payload);
console.log('🔥🔥🔥🔥🔥🔥🔥 ~ handleCertificateConfirm ~ payload:', payload)
await api.updateValuation(payload)
@ -359,12 +442,7 @@ const handleCertificateConfirm = async (data) => {
</div>
</div>
<NTabs
v-model:value="activeDetailTab"
type="line"
size="large"
class="audit-tabs"
>
<NTabs v-model:value="activeDetailTab" type="line" size="large" class="audit-tabs">
<NTabPane name="audit" tab="审核信息">
<NSpin :show="loading">
<div v-for="section in detailSections" :key="section.key" class="detail-section">
@ -395,19 +473,11 @@ const handleCertificateConfirm = async (data) => {
<!-- 证书按钮 -->
<div class="certificate-actions">
<NButton
v-if="mode === 'approve'"
type="primary"
@click="handleUploadCertificate"
>
<NButton v-if="mode === 'approve'" type="primary" @click="handleUploadCertificate">
<TheIcon icon="mdi:upload" :size="16" class="mr-4" />
上传证书
</NButton>
<NButton
v-else
type="info"
@click="handleViewCertificate"
>
<NButton v-else type="info" @click="handleViewCertificate">
<TheIcon icon="mdi:eye" :size="16" class="mr-4" />
查看证书
</NButton>
@ -567,10 +637,23 @@ const handleCertificateConfirm = async (data) => {
font-weight: 600;
line-height: 1.25;
}
.markdown-body :deep(h1) { font-size: 2em; border-bottom: 1px solid #eaecef; padding-bottom: .3em; }
.markdown-body :deep(h2) { font-size: 1.5em; border-bottom: 1px solid #eaecef; padding-bottom: .3em; }
.markdown-body :deep(h3) { font-size: 1.25em; }
.markdown-body :deep(p) { margin-top: 0; margin-bottom: 16px; }
.markdown-body :deep(h1) {
font-size: 2em;
border-bottom: 1px solid #eaecef;
padding-bottom: 0.3em;
}
.markdown-body :deep(h2) {
font-size: 1.5em;
border-bottom: 1px solid #eaecef;
padding-bottom: 0.3em;
}
.markdown-body :deep(h3) {
font-size: 1.25em;
}
.markdown-body :deep(p) {
margin-top: 0;
margin-bottom: 16px;
}
.markdown-body :deep(blockquote) {
margin: 0 0 16px;
padding: 0 1em;
@ -592,7 +675,8 @@ const handleCertificateConfirm = async (data) => {
.markdown-body :deep(table tr:nth-child(2n)) {
background-color: #f6f8fa;
}
.markdown-body :deep(table th), .markdown-body :deep(table td) {
.markdown-body :deep(table th),
.markdown-body :deep(table td) {
padding: 6px 13px;
border: 1px solid #dfe2e5;
}
@ -767,6 +851,4 @@ const handleCertificateConfirm = async (data) => {
color: #999;
padding: 40px 0;
}
</style>

2
web/src/views/valuation/audit/utils.js
View File

@ -148,7 +148,7 @@ export const formatPlatformAccounts = (accounts = {}) => {
if (!info) return `${label}：-`
return `${label}：${info.account || '-'}（赞${formatNumberValue(info.likes)} / 评${formatNumberValue(
info.comments
)} / 转${formatNumberValue(info.shares)}）`
)} / 转${formatNumberValue(info.shares)}/ 七日浏览量${formatNumberValue(info.views)}）`
})
return list.length ? list : ['暂无账号信息']
}