Compare commits
2 Commits
121e6ea55c
...
ba7021dd58
| Author | SHA1 | Date | |
|---|---|---|---|
| ba7021dd58 | |||
|
|
2084a27dec |
@ -89,7 +89,7 @@
|
||||
<div class="footer-copyright">
|
||||
<span class="footer-bar-line">©2025可信碳信息网版权所有</span>
|
||||
<span class="footer-bar-line">技术支持:上海市宝山区大数据中心</span>
|
||||
<span class="footer-bar-line">基础设施:国家区块链网络基础底座</span>
|
||||
<span class="footer-bar-line">基础设施:国家区块链网络</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -72,7 +72,7 @@
|
||||
</div>
|
||||
|
||||
<!-- 碳金融市场 -->
|
||||
<div class="service-card" @click="goToPage()">
|
||||
<div class="service-card" @click="goToPage('https://www.unionecredit.com/greenfinance/#/home')">
|
||||
<div class="service-card-inner">
|
||||
<div class="service-card-header cyan-header">
|
||||
<!-- <span class="service-card-num">03</span> -->
|
||||
@ -80,7 +80,7 @@
|
||||
</div>
|
||||
<p class="service-card-desc">打通"碳"与"金融"的通道。提供碳质押、碳回购、绿色信贷及碳基金对接服务。</p>
|
||||
<div class="service-card-buttons">
|
||||
<t-button theme="default" variant="base" @click.stop="goToPage()">查看金融产品</t-button>
|
||||
<t-button theme="primary" @click.stop="goToPage('https://www.unionecredit.com/greenfinance/#/home')">走进绿金平台</t-button>
|
||||
<!-- <t-button theme="primary" @click.stop="goToPage('/tjrsc')">金融机构入驻</t-button> -->
|
||||
</div>
|
||||
</div>
|
||||
@ -105,11 +105,16 @@ export default {
|
||||
this.$router.push('/view/mhzc/home');
|
||||
},
|
||||
goToPage(path) {
|
||||
if (path) {
|
||||
this.$router.push(path);
|
||||
} else {
|
||||
if (!path) {
|
||||
this.$message.info('敬请期待');
|
||||
return;
|
||||
}
|
||||
// 外链:浏览器新标签页打开
|
||||
if (/^https?:\/\//.test(path)) {
|
||||
window.open(path, '_blank');
|
||||
return;
|
||||
}
|
||||
this.$router.push(path);
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
@ -20,10 +20,10 @@
|
||||
<p class="sjsc-desc">{{ sjscInfo.sjms || '暂无描述' }}</p>
|
||||
</div>
|
||||
<div class="sjsc-info-stats" v-if="sjscInfo.llcs">
|
||||
<div class="stat-item" v-if="sjscInfo.llcs">
|
||||
<!-- <div class="stat-item" v-if="sjscInfo.llcs">
|
||||
<span class="stat-value">{{ sjscInfo.llcs }}</span>
|
||||
<span class="stat-label">浏览次数</span>
|
||||
</div>
|
||||
</div> -->
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
@ -67,7 +67,7 @@
|
||||
<div class="card-title">碳数字身份证</div>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<div class="card-btn" @click="handleNavigate(buttonLinks['办证指南'])">办证指南</div>
|
||||
<div class="card-btn" @click="handleIframeNavigate(buttonLinks['碳证中心'])">开始办证</div>
|
||||
<div class="card-btn" @click="handleIframeNavigate(buttonLinks['碳证查询'])">碳证查询</div>
|
||||
<div class="card-btn" @click="handleIframeNavigate(buttonLinks['碳证核验'])">碳证核验</div>
|
||||
<div class="card-btn" @click="handleNavigate(buttonLinks['场景推介'])">场景推介</div>
|
||||
@ -86,7 +86,7 @@
|
||||
</div>
|
||||
<div class="hero-card green-card">
|
||||
<div class="card-header">
|
||||
<div class="card-title">绿色服务</div>
|
||||
<div class="card-title">绿色低碳服务</div>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<div class="card-btn" @click="handleNavigate(buttonLinks['服务市场'])">服务市场</div>
|
||||
@ -140,7 +140,8 @@
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- 共性能力模块 -->
|
||||
<!-- 共性能力模块 【首页共性能力页面暂时去掉,后续会启动】核心驱动下一个就是企业出海 -->
|
||||
<!--
|
||||
<section class="capability-section snap-section" id="section-capability">
|
||||
<div class="home-shelf home-shelf--capability">
|
||||
<div class="capability-header">
|
||||
@ -149,7 +150,7 @@
|
||||
<h3 class="capability-title-text">共性能力</h3>
|
||||
<span class="home-section-title-bar capability-title-bar"></span>
|
||||
</div>
|
||||
<!-- <p class="capability-desc">五大核心能力,全面支撑企业绿色转型</p> -->
|
||||
<p class="capability-desc">五大核心能力,全面支撑企业绿色转型</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -165,6 +166,7 @@
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
-->
|
||||
|
||||
<!-- 企业出海模块 -->
|
||||
<section class="overseas2-section snap-section" id="section-overseas">
|
||||
@ -354,6 +356,7 @@ import { calcHomeFigmaScale } from '@/pages/index/utils/home-figma-scale';
|
||||
import portalFigmaScaleMixin from '@/pages/index/utils/portal-figma-scale-mixin';
|
||||
import fullpageScrollMixin from '@/pages/index/utils/fullpage-scroll-mixin';
|
||||
import comingSoonMixin from '@/pages/index/utils/coming-soon-mixin';
|
||||
import { hasLogin } from '@/pages/index/api/login';
|
||||
|
||||
export default {
|
||||
name: 'Home2Index',
|
||||
@ -367,7 +370,7 @@ export default {
|
||||
newsLoading: true,
|
||||
scrollRoot: null,
|
||||
sectionOffsets: [],
|
||||
sectionIds: ['section-hero', 'section-core', 'section-capability', 'section-overseas', 'section-news', 'section-partner', 'section-bottom'],
|
||||
sectionIds: ['section-hero', 'section-core', /* 'section-capability' 共性能力模块暂去掉 */ 'section-overseas', 'section-news', 'section-partner', 'section-bottom'],
|
||||
// 当前激活的 section(用于导航高亮),由 IntersectionObserver 驱动
|
||||
activeSectionIndex: 0,
|
||||
coreSelectedIndex: 3,
|
||||
@ -393,7 +396,7 @@ export default {
|
||||
{
|
||||
name1: '核心底座',
|
||||
name2: '国家区块链网络',
|
||||
desc: '依托区块链网络基础底座上海枢纽,确保每一笔碳数据拥有唯一的"链上基因",实现国家级权威存证与不可篡改。',
|
||||
desc: '依托国家区块链网络,确保每一笔碳数据拥有唯一的"链上基因",实现国家级权威存证与不可篡改。',
|
||||
icon: require('@/pages/index/views/home2/assets/core-base@2x.png'),
|
||||
iconWidth: 192,
|
||||
iconHeight: 183
|
||||
@ -711,11 +714,14 @@ export default {
|
||||
}
|
||||
},
|
||||
openService() {
|
||||
if (location.host.indexOf('cciw') >= 0) {
|
||||
window.open('http://101.230.193.133:8888/')
|
||||
} else {
|
||||
window.open('http://carbon_did.liantu.tech/');
|
||||
// 未登录:提示并跳转登录页
|
||||
if (!hasLogin()) {
|
||||
window.location.href = '/view/mhzc/login';
|
||||
return;
|
||||
}
|
||||
// 已登录:iframe 跳转到碳证中心
|
||||
const url = `${this.buttonLinkHost}${this.buttonLinks['碳证中心']}`;
|
||||
this.$emit('gotoIfreamPage', url);
|
||||
},
|
||||
|
||||
|
||||
|
||||
@ -26,7 +26,7 @@
|
||||
<p class="service-card-desc">{{ item.desc }}</p>
|
||||
<div class="service-card-buttons">
|
||||
<t-button theme="primary" @click.stop="goToHref(item.href)">
|
||||
{{ item.btnText || defaultBtnText(index) }}
|
||||
进入专题
|
||||
</t-button>
|
||||
</div>
|
||||
</div>
|
||||
@ -52,9 +52,6 @@ export default {
|
||||
...mapState('settings', ['hyztList']),
|
||||
},
|
||||
methods: {
|
||||
defaultBtnText(index) {
|
||||
return index === 2 ? '进入交易大厅' : '进入专题';
|
||||
},
|
||||
goToHref(href) {
|
||||
if (href && href.startsWith('http')) {
|
||||
window.open(href, '_blank');
|
||||
|
||||
@ -1,7 +1,7 @@
|
||||
<template>
|
||||
<div class="compliance-portal">
|
||||
<!-- 首屏:标题区 + 三大专题入口 -->
|
||||
<div id="section-landing" class="qych-snap-section qych-landing">
|
||||
<div v-if="!isLandingHidden" id="section-landing" class="qych-snap-section qych-landing">
|
||||
<div class="banner-section">
|
||||
<div class="banner-inner page-content-wrap">
|
||||
<h1 class="banner-title">
|
||||
@ -216,9 +216,9 @@
|
||||
<div class="apply-service-card card1">
|
||||
<div class="card-item1 card-item--with-action">
|
||||
<div class="card-body">
|
||||
<h4>海事 “一网通办”</h4>
|
||||
<p>上海港船舶低碳合规政务官方办理入口</p>
|
||||
<div class="open-page" @click="goPage('https://zwfw.msa.gov.cn/')">
|
||||
<h4>国际海事组织(IMO)</h4>
|
||||
<p>了解国际航运碳足迹标识最新动态</p>
|
||||
<div class="open-page" @click="goPage('https://www.imo.org/en/')">
|
||||
立即访问
|
||||
</div>
|
||||
</div>
|
||||
@ -233,9 +233,9 @@
|
||||
<div class="apply-service-card card2">
|
||||
<div class="card-item2 card-item--with-action">
|
||||
<div class="card-body">
|
||||
<h4>国际航运绿色能源认证平台</h4>
|
||||
<p>航运绿色燃料全链条认证合规服务平台</p>
|
||||
<div class="open-page" @click="goPage('https://www.lingang.gov.cn/')">
|
||||
<h4>国际航运碳足迹标识认证平台</h4>
|
||||
<p>基于国家区块链网络打造的符合国际互认要求的碳足迹服务平台</p>
|
||||
<div class="open-page" @click="showComingSoon()">
|
||||
立即访问
|
||||
</div>
|
||||
</div>
|
||||
@ -265,9 +265,11 @@
|
||||
<script>
|
||||
import serviceCardIcon1 from '../../assets/qych/service-card-icon-1.png'
|
||||
import serviceCardIcon2 from '../../assets/qych/service-card-icon-2.png'
|
||||
import comingSoonMixin from '@/pages/index/utils/coming-soon-mixin';
|
||||
|
||||
export default {
|
||||
name: 'CompliancePortal',
|
||||
mixins: [comingSoonMixin],
|
||||
data() {
|
||||
return {
|
||||
serviceCardIcon1,
|
||||
@ -275,7 +277,10 @@ export default {
|
||||
isScrolling: false,
|
||||
scrollThreshold: 1,
|
||||
scrollRoot: null,
|
||||
sectionIds: ['section-landing', 'section0', 'section1', 'section2'],
|
||||
/** 全量 sectionId 列表,保留 landing 供直接访问 /qych 时使用 */
|
||||
allSectionIds: ['section-landing', 'section0', 'section1', 'section2'],
|
||||
/** 深链目标 sectionId,用于导航时跳过 landing */
|
||||
deepLinkSectionId: '',
|
||||
navList: [
|
||||
{
|
||||
cardTitle: '欧盟电池法规',
|
||||
@ -288,18 +293,17 @@ export default {
|
||||
},
|
||||
{
|
||||
cardTitle: 'CBAM(碳边境调节机制)',
|
||||
cardDesc: '进口高碳产品碳关税申报与成本测算,2026 年起正式实施。',
|
||||
cardDesc: '欧盟进口高碳产品碳关税申报与成本测算,2026 年起正式实施。',
|
||||
btnText: '进入专题',
|
||||
headerClass: 'green-header',
|
||||
sectionId: 'section1',
|
||||
index: 1,
|
||||
isActive: false,
|
||||
externalLink: 'https://www.ouyeel.com/cbam/login',
|
||||
},
|
||||
{
|
||||
cardTitle: '航运燃料',
|
||||
cardDesc: 'LNG、绿甲醇、绿氨等多元低碳燃料转型政策与系统入口。',
|
||||
btnText: '进入交易大厅',
|
||||
btnText: '进入专题',
|
||||
headerClass: 'purple-header',
|
||||
sectionId: 'section2',
|
||||
index: 2,
|
||||
@ -308,6 +312,22 @@ export default {
|
||||
],
|
||||
};
|
||||
},
|
||||
computed: {
|
||||
/** 深链(?section=xxx)时跳过 landing,让用户直接落在目标 section */
|
||||
isLandingHidden() {
|
||||
return !!this.deepLinkSectionId;
|
||||
},
|
||||
/** sectionIds 响应式化:landing 隐藏后从列表中移除,避免滚轮分页引用已不存在的节点 */
|
||||
sectionIds() {
|
||||
return this.isLandingHidden
|
||||
? this.allSectionIds.filter((id) => id !== 'section-landing')
|
||||
: this.allSectionIds;
|
||||
},
|
||||
},
|
||||
created() {
|
||||
// 进入页面时记录深链目标,created 比 mounted 早,模板首次渲染即生效
|
||||
this.deepLinkSectionId = (this.$route && this.$route.query && this.$route.query.section) || '';
|
||||
},
|
||||
mounted() {
|
||||
this.$nextTick(() => {
|
||||
this.scrollRoot = document.querySelector('.content-wrap');
|
||||
@ -317,6 +337,34 @@ export default {
|
||||
this.scrollToSectionFromQuery();
|
||||
});
|
||||
},
|
||||
activated() {
|
||||
// keep-alive 命中时 mounted 不再触发,深链滚动需要在激活时补做
|
||||
this.$nextTick(() => {
|
||||
if (!this.scrollRoot) {
|
||||
this.scrollRoot = document.querySelector('.content-wrap');
|
||||
if (this.scrollRoot) {
|
||||
this.scrollRoot.addEventListener('wheel', this.handleWheel, { passive: false });
|
||||
}
|
||||
}
|
||||
this.scrollToSectionFromQuery();
|
||||
});
|
||||
},
|
||||
watch: {
|
||||
// 处理同一组件内 query 变化(避免被 main.vue 的 scrollTop=0 覆盖)
|
||||
'$route.query.section'(section) {
|
||||
// 同步深链目标,触发 landing 隐藏/恢复 + sectionIds 重算
|
||||
this.deepLinkSectionId = section || '';
|
||||
if (!section) return;
|
||||
this.$nextTick(() => {
|
||||
const sectionIndex = this.sectionIds.indexOf(section);
|
||||
if (sectionIndex < 0) return;
|
||||
// 路由切换时 main.vue 会先把 .content-wrap 顶到 0,这里再覆盖一次
|
||||
window.setTimeout(() => {
|
||||
this.scrollRootToSection(sectionIndex, false);
|
||||
}, 120);
|
||||
});
|
||||
},
|
||||
},
|
||||
beforeDestroy() {
|
||||
if (this.scrollRoot) {
|
||||
this.scrollRoot.removeEventListener('wheel', this.handleWheel);
|
||||
@ -1296,6 +1344,11 @@ body {
|
||||
max-width: calc(100% - 96px);
|
||||
}
|
||||
|
||||
/* 航运燃料 - 国际航运碳足迹标识认证平台 标题不换行 */
|
||||
#section2 .apply-service-card.card2 .card-body h4 {
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
#section2 .card-item1 .open-page,
|
||||
#section2 .card-item2 .open-page,
|
||||
.banner3 .card-item1 .open-page,
|
||||
|
||||
@ -58,7 +58,7 @@ export default {
|
||||
{
|
||||
title: '航运燃料',
|
||||
href: '',
|
||||
btnText: '进入交易大厅',
|
||||
btnText: '进入专题',
|
||||
category: ['产品碳足迹', '国际认证'],
|
||||
desc: '加强国际交流,深化绿色航运国际合作,以点带面协同推进航运绿色低碳转型发展。',
|
||||
bgImg: '3.png',
|
||||
|
||||
Loading…
Reference in New Issue
Block a user