From 2b917878ee6705d85adf03ef6987a28526e8153e Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Wei=5F=E4=BD=B3?= Date: Wed, 26 Nov 2025 10:55:44 +0800 Subject: [PATCH] =?UTF-8?q?style=EF=BC=9A=E5=AE=A1=E6=A0=B8=E8=AF=A6?= =?UTF-8?q?=E6=83=85=E8=A1=A8=E6=A0=BC=E7=94=A8=20text=E5=B1=95=E7=A4=BA?= =?UTF-8?q?=E3=80=82=E4=BC=98=E5=8C=96=20UI=E6=A0=B7=E5=BC=8F?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../audit/components/AuditDetail.vue | 12 ++- web1/src/views/pages/index.vue | 74 ++++++++++++++++++- 2 files changed, 79 insertions(+), 7 deletions(-) diff --git a/web/src/views/valuation/audit/components/AuditDetail.vue b/web/src/views/valuation/audit/components/AuditDetail.vue index 88cf880..9d931c4 100644 --- a/web/src/views/valuation/audit/components/AuditDetail.vue +++ b/web/src/views/valuation/audit/components/AuditDetail.vue @@ -74,7 +74,8 @@ const detailSections = computed(() => { 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: formatThreeYearIncome(detail.three_year_income) }, + // { label: '近三年机构收益/万元', type: 'list', value: formatThreeYearIncome(detail.three_year_income) }, { label: '资产受资助情况', type: 'text', value: detail.funding_status || '-' }, ], }, @@ -85,13 +86,15 @@ const detailSections = computed(() => { { label: '非遗传承人等级', type: 'text', value: detail.inheritor_level || '-' }, { label: '非遗传承人年龄水平及数量', - type: 'list', + type: 'text', + // type: 'list', value: formatAgeDistribution(detail.inheritor_age_count || detail.inheritor_ages), }, { label: '非遗传承人等级证书', type: 'images', value: detail.inheritor_certificates || [] }, { label: '非遗等级', type: 'text', value: 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: formatHistoricalEvidence(detail.historical_evidence) }, + // { label: '非遗资产历史证明证据及数量', type: 'list', value: formatHistoricalEvidence(detail.historical_evidence) }, { label: '非遗资产所用专利/纹样图片', type: 'images', @@ -111,7 +114,8 @@ const detailSections = computed(() => { type: 'text', value: formatNumberValue(detail.offline_activities ?? detail.offline_teaching_count), }, - { label: '线上相关宣传账号信息', type: 'list', value: formatPlatformAccounts(detail.platform_accounts) }, + { label: '线上相关宣传账号信息', type: 'text', value: formatPlatformAccounts(detail.platform_accounts) }, + // { label: '线上相关宣传账号信息', type: 'list', value: formatPlatformAccounts(detail.platform_accounts) }, ], }, { diff --git a/web1/src/views/pages/index.vue b/web1/src/views/pages/index.vue index 5ad3fe3..32f50c1 100644 --- a/web1/src/views/pages/index.vue +++ b/web1/src/views/pages/index.vue @@ -521,9 +521,16 @@
最终评估结果
-
-
评估可信度=95%
-
动态质押率=50%
+
+
+ 评估可信度： + + 95% +
+
动态质押率=50%
@@ -1538,6 +1545,67 @@ onMounted(async () => { font-weight: bold; text-align: center; } +.credibility-badge{ + display: inline-flex; + align-items: center; + gap: 10px; + padding: 8px 14px; + min-width: 240px; + height: 36px; + background: linear-gradient(180deg, #F1E4E4 0%, #EAD7D7 100%); + border-radius: 12px; + box-shadow: 0 6px 16px rgba(163, 1, 19, 0.08); + color: #4F4F4F; + font-size: 14px; + font-weight: 500; +} +.credibility-label{ + color: #595959; +} +.credibility-stars{ + display: flex; + position: relative; + width: 100px; + height: 18px; + align-items: center; +} +.stars-base, +.stars-fill{ + font-size: 18px; + line-height: 1; + letter-spacing: 3px; +} +.stars-base{ + color: #D0D0D0; +} +.stars-fill{ + position: absolute; + left: 0; + top: 0; + color: #A30D15; + overflow: hidden; + white-space: nowrap; +} +.credibility-percent{ + color: #595959; + font-weight: 600; + letter-spacing: 0.2px; +} +.secondary-badge{ + display: inline-flex; + align-items: center; + justify-content: center; + margin-left: 14px; + padding: 8px 14px; + min-width: 170px; + height: 36px; + background: linear-gradient(180deg, #E7EBF3 0%, #DCE2EE 100%); + border-radius: 12px; + box-shadow: 0 6px 16px rgba(22, 93, 255, 0.06); + color: #5A5A5A; + font-size: 14px; + font-weight: 500; +} .score-box{ padding: 30px; width: 320px;