package.json

@@ -13,6 +13,7 @@
        "publish": "npm run build && npm run deploy"
    },
    "dependencies": {
        "@amap/amap-jsapi-loader": "^1.0.1",
        "@element-plus/icons-vue": "^2.3.1",
        "@leafer-in/editor": "^1.0.0-rc.28",
        "@leafer-in/text-editor": "^1.0.0-rc.28",
@@ -40,8 +41,8 @@
        "vue-i18n": "9",
        "vue-router": "^4.1.6",
        "vue3-marquee": "^4.2.2",
        "xlsx": "^0.18.3",
        "xgplayer": "^3.0.18"
        "xgplayer": "^3.0.18",
        "xlsx": "^0.18.3"
    },
    "devDependencies": {
        "@types/node": "^18.11.9",

 public/favicon.ico

 public/static/Data/newsData/1.md

@@ -61,4 +61,4 @@
<p>
&#8195

&#8195;&#8195;[→原文入口](https://www.gov.cn/zhengce/content/202403/content_6939232.htm)
&#8195;&#8195;<a href="https://www.gov.cn/zhengce/content/202403/content_6939232.html" target="_blank">→原文入口</a>

 public/static/Data/newsData/10.md

¶Ô±ÈÐÂÎļþ
@@ -0,0 +1,44 @@

<center><strong><h2>国家发改委等部门印发通知，提升重点用能产品设备能效<br>——制造业节能降碳迎新招</h2></strong></center>

>2022-11-22 08:07 来源： äººæ°‘日报海外版

> &#8195;&#8195;电冰箱、洗衣机、空气净化器、热水器……家庭生活中，哪些产品设备耗能最多？能效提升怎么做？

> &#8195;&#8195;近日，国家发展和改革委员会等部门联合印发《关于发布<重点用能产品设备能效先进水平、节能水平和准入水平（2022年版）>的通知》，聚焦重点用能产品设备，作出了节能降碳的有关安排。在多位专家看来，这一举措对强化重点用能产品设备能效管理，实现碳达峰碳中和目标，促进制造业提质升级具有重要意义。

> &#8195;&#8195;涉及面广、潜力巨大

> &#8195;&#8195;重点用能产品设备有哪些？

> &#8195;&#8195;房间空气调节器、冷水机组、家用燃气灶具……《通知》选取了涉及家用电器、工业设备、商业设备、照明器具等多个领域的20项重点用能产品设备，它们是使用电力、消费能源的主体。

> &#8195;&#8195;据有关调查，工业是中国能源及电力消费最大领域。仅以电机为例，它消耗了中国工业总用电量的75%，电机能效每提高1个百分点，可年节约用电260亿千瓦时左右，初步估算，全国电机系统年节电潜力达1300亿至2300亿千瓦时。中国国际工程咨询有限公司资环业务部主任张英健说，重点用能产品设备数量多、涉及面广、能源消耗量大，节能降碳潜力巨大。

> &#8195;&#8195;再看居民生活领域，居民生活约占中国能源消费总量的13%，年用电量达1.17万亿千瓦时，电冰箱、空调、洗衣机、热水器及照明系统等均为主要用电产品。同时，中国是全球最大的终端用能产品设备生产、消费和出口国，如家电行业2021年营业收入达到1.74万亿元。终端用能产品设备产销数量多、使用范围广、耗能总量大，与日常生产生活密切相关。中国标准化研究院资环分院院长林翎说。

> &#8195;&#8195;针对这些重点用能产品设备，《通知》将其能效水平划分为先进水平、节能水平、准入水平三档，为用能单位选购产品设备提供参考。

> &#8195;&#8195;大力推广高能效产品设备

> &#8195;&#8195;不同能效水平的产品设备，将有哪些不同待遇？

> &#8195;&#8195;《通知》提出，大力推广高能效产品设备。比如，完善政府绿色采购相关政策，扩大绿色采购产品范围。落实节能节水专用设备和项目企业所得税优惠政策，鼓励企业优先选用能效先进水平产品设备、开展节能降碳改造。鼓励采用补贴、以旧换新、积分奖励等多种方式，引导居民选购能效先进水平产品设备。

> &#8195;&#8195;初始投资高、收益回报周期长是推广高效节能产品设备的主要制约因素，需要激励和约束并举，采取有效措施引导市场加快产品设备更新升级。国家节能中心主任任献光认为，《通知》注重发挥市场机制作用，有序推动用能产品设备更新升级。

> &#8195;&#8195;《通知》同时明确，加快淘汰落后产品设备。比如，企业新建、改扩建项目不得采购使用能效低于准入水平的产品设备，各级市场监管部门要加大质量监管力度，依法依规禁止能效低于准入水平的产品设备生产销售，严厉打击能效水平虚假宣传行为。

> &#8195;&#8195;节能审查是促进固定资产投资项目合理利用能源的源头性措施，对于推动产业绿色低碳转型升级具有重要支撑作用。任献光说。

> &#8195;&#8195;推动相关产业提质升级

> &#8195;&#8195;提升重点用能产品设备能效水平，既要靠消费端的大力推广，也离不开生产端的协同发力。

> &#8195;&#8195;《通知》明确，推动相关产业提质升级。加大中央预算内投资对高能效产品设备及相关零部件制造项目的支持力度。强化绿色金融支持，鼓励金融机构为相关企业研发制造高能效产品设备提供信贷支持。综合运用价格、投资、金融等措施，加大对相关企业的支持力度，引导和支持企业主动实施技术工艺升级、提升产品能效水平。

> &#8195;&#8195;当前，制约节能装备制造产业高质量发展的结构性、深层次矛盾仍然较为突出，节能产品设备创新能力和核心竞争力需要持续提升，中高端产品特别是部分工业高能效产品设备有效供给有待进一步加强。任献光认为，《通知》提出的多项举措，将加大对相关企业的支持力度，推动产业提质增效。

> &#8195;&#8195;在张英健看来，重点用能产品设备涉及消费者、管理者、生产者等多个主体。《通知》三管齐下，有利于形成持续提升重点用能产品设备能效水平的正向循环。

> &#8195;&#8195;《通知》从产业发展实际出发，既注重需求牵引供给，也强化供给创造需求，将为用能企业节能提效、生产企业提质扩绿等提供科学指引，为积极稳妥推进碳达峰碳中和夯实制度保障。任献光说。（记者 æŽå©•ï¼‰

 public/static/Data/newsData/11.md

¶Ô±ÈÐÂÎļþ
@@ -0,0 +1,79 @@
<h1 id="ti" style="font-family:微软雅黑, å®‹ä½“;font-size:38px;text-align:center;font-weight:normal;color:#333333;background-color:#FFFFFF;text-indent:2em;">
    <h1 style="font-size:37px;font-family:system-ui, -apple-system, &quot;background-color:#FFFFFF;">
        å…­éƒ¨é—¨è”合部署，4月起执行新版用能产品设备能效要求→
    </h1>
    <div class="article-meta" style="margin:16px 0px 36px;padding:0px;font-size:14px;color:#707070;font-family:system-ui, -apple-system, &quot;background-color:#FFFFFF;">
        <span>2024-02-08 18:57</span><span class="dot">·</span><span class="name"><a href="https://www.toutiao.com/c/user/token/MS4wLjABAAAA_YnEqS5d6OLoUGECcdYV8D-XIljG8GYmX33R6ZebAJ8/?source=tuwen_detail" target="_blank">中国工业报</a></span>
    </div>
    <div style="margin:0px;padding:0px;color:#333333;font-family:system-ui, -apple-system, &quot;font-size:medium;background-color:#FFFFFF;">
        <p>
            <span><span style="color:#000000;">为提升产品设备节能标准，支撑重点领域节能改造，助力大规模设备更新和消费品以旧换新，日前，国家发展改革委会同工业和信息化部、财政部、住房城乡建设部、市场监管总局、国家能源局等部门印发了</span><span style="font-weight:700;"><span style="color:#021EAA;">《重点用能产品设备能效先进水平、节能水平和准入水平（2024年版）》（以下简称《2024年版》），自2024å¹´4月1日起执行。</span></span></span>
        </p>
        <h1 class="pgc-h-arrow-right" style="font-size:1.056em;color:#000000;">
            éƒ¨ç½²å…­æ–¹é¢é‡ç‚¹ä»»åŠ¡
        </h1>
        <p>
            <span><span style="color:#000000;">我国是产品设备生产和使用大国，各类产品设备产销量大、应用范围广、能源消耗高，一些设备能效水平偏低，更新改造潜力巨大。</span><span style="font-weight:700;"><span style="color:#021EAA;">经梳理测算，我国在运主要用能产品设备保有量超过50亿台（套），年能耗量占全国能耗总量约80%，一些设备能效水平偏低，更新改造潜力巨大。</span></span></span>
        </p>
        <p>
            <span><span style="color:#000000;">2022å¹´11月，国家发展改革委会同有关部门印发《重点用能产品设备能效先进水平、节能水平和准入水平（2022年版）》（以下简称《2022年版》），首批选取20种用能产品设备，通过确定能效水平、推广节能设备、淘汰落后设备等手段，加快产品设备更新改造。按照党的二十大加快节能降碳先进技术研发推广有关部署，结合节能工作新形势新要求，对标国内国际先进水平，</span><span style="font-weight:700;"><span style="color:#021EAA;">《2024年版》明确了工业设备、信息通信设备、交通运输设备、商用设备、家用电器、照明器具等6大类43种用能产品设备能效要求，</span></span>并对扩大产品设备覆盖范围、提升节能标准、统筹更新改造和回收利用、倡导绿色低碳消费、加强应用实施和监督检查、强化综合性政策支持等<span style="font-weight:700;"><span style="color:#021EAA;">6方面重点任务进行部署。</span></span></span>
        </p>
        <p>
            <span><span style="font-weight:700;"><span style="color:#FFFFFF;"><span style="background-color:#DE422E;">一是扩大重点用能产品设备覆盖范围。</span></span></span></span>
        </p>
        <p>
            <span><span style="color:#3C4041;">《2024年版》将产品设备划分为工业设备、信息通信设备、交通运输设备、商用设备、家用电器、照明器具等6大类，在《2022年版》已明确能效水平的20种产品设备基础上，增加工业锅炉、数据中心、服务器、充电桩、通信基站、光伏组件等23种产品设备。</span></span>
        </p>
        <p>
            <span><span style="font-weight:700;"><span style="color:#FFFFFF;"><span style="background-color:#DE422E;">二是加快提升产品设备节能标准。</span></span></span></span>
        </p>
        <p>
            <span><span style="color:#3C4041;">参考强制性能效国家标准，对标国内外同类产品设备技术现状，将用能产品设备能效水平划分为先进水平、节能水平、准入水平三档。其中，准入水平为相关产品设备进入市场的最低能效门槛，是依法依规淘汰老旧落后设备的技术依据。</span></span>
        </p>
        <p>
            <span><span style="font-weight:700;"><span style="color:#FFFFFF;"><span style="background-color:#DE422E;">三是统筹推进更新改造和回收利用。</span></span></span></span>
        </p>
        <p>
            <span><span style="color:#3C4041;">指导各地区和相关企业实施产品设备更新改造，鼓励更新改造后达到能效节能水平，并力争达到能效先进水平。支持基础设施、产业园区、公共机构等持续提高能效先进水平产品设备应用比例。统筹做好废旧产品设备回收处置，加强资源节约集约循环高效利用。</span></span>
        </p>
        <p>
            <span><span style="font-weight:700;"><span style="color:#FFFFFF;"><span style="background-color:#DE422E;">四是大力倡导绿色低碳消费。</span></span></span></span>
        </p>
        <p>
            <span><span style="color:#3C4041;">鼓励消费者优先选购能效先进水平产品设备，促进消费升级。鼓励有条件的地区按照能效水平实施差异化政策支持，为能效节能水平及以上产品设备提供适当补贴。强化国际交流合作，积极参与产品设备国际节能降碳标准制定。</span></span>
        </p>
        <p>
            <span><span style="font-weight:700;"><span style="color:#FFFFFF;"><span style="background-color:#DE422E;">五是加大应用实施和监督检查力度。</span></span></span></span>
        </p>
        <p>
            <span><span style="color:#3C4041;">将产品设备能效水平作为节能审查重要技术依据，企业新建、改扩建项目和获得中央预算内投资等财政资金支持的项目，主要用能产品设备能效必须达到节能水平，优先采购使用能效达到先进水平的产品设备。对于产能已经饱和的行业，主要用能产品设备能效原则上应达到先进水平。</span></span>
        </p>
        <p>
            <span><span style="font-weight:700;"><span style="color:#FFFFFF;"><span style="background-color:#DE422E;">六是强化综合性政策支持。</span></span></span></span>
        </p>
        <p>
            <span><span style="color:#3C4041;">结合产品设备能效水平实施情况，加快强制性能效标准更新升级，稳步提升重点领域标准指标要求。持续加强高效产品设备和相关生产技术工艺推广应用。完善政府绿色采购相关政策，统筹运用金融等政策，落实好环保节能相关税收优惠政策。</span></span>
        </p>
        <h1 class="pgc-h-arrow-right" style="font-size:1.056em;color:#000000;">
            é”»é€ äº§ä¸šç»¿è‰²å‘展新优势
        </h1>
        <p>
            <span><span style="color:#000000;">提升产品设备能效水平是引领产业绿色转型和高质量发展的重要工具，也是我国企业参与全球竞争、塑造产业新优势的关键基础。随着“双碳”目标的提出，制造业高质量发展需要更加广泛、更加先进、更加有效的能效指标引领。</span></span>
        </p>
        <p>
            <span><span style="color:#000000;">如何提升产业绿色发展竞争力？</span><span style="font-weight:700;"><span style="color:#021EAA;">中国标准化研究院资环分院首席研究员李鹏程</span></span>认为，可从三方面着手：</span>
        </p>
        <p>
            <span><span style="font-weight:700;"><span style="color:#DE422E;">一是加快新兴产业能效引领。</span></span>在《2022年版》明确的20类产品设备基础上，又增加了23种产品设备，基本实现重点产品设备全覆盖，其中部分产品设备能效指标属于国际领先水平，有利于强化我国产业绿色发展竞争优势。</span>
        </p>
        <p>
            <span><span style="font-weight:700;"><span style="color:#DE422E;">二是探索节能降碳协同。</span></span>《2024年版》要求以能效水平为重要依据，加快研究制定产品设备碳排放指标，综合评价产品设备节能降碳水平，为推动能耗双控逐步转向碳排放双控夯实基础。</span>
        </p>
        <p>
            <span><span style="font-weight:700;"><span style="color:#DE422E;">三是精准分类施策。</span></span>《2024年版》针对准入水平、节能水平和先进水平分类施策。准入水平为开展项目节能审查、能效管理、市场监管、节能监察等工作开展提供技术依据。节能水平和先进水平为落实政府绿色采购、推广高能效产品设备、促进绿色消费提供技术支撑。各类指标各尽其用，激励约束并重，有利于节能降碳目标实现。</span>
        </p>
        <p>
            <span><span style="color:#000000;">国家发展改革委有关负责同志表示，下一步，国家发展改革委将会同各有关部门，加强统筹协调，强化组织保障，形成部门合力，充分发挥能效引领作用，推动产品设备更新升级，加快重点领域节能降碳改造，推动完成“十四五”能耗强度下降约束性指标。</span></span>
        </p>
    </div>
</h1>

 public/static/Data/newsData/12.md

¶Ô±ÈÐÂÎļþ
@@ -0,0 +1,13 @@
<center><strong><h2>高能效等级和智能家电10月零售额保持两位数增长<br></h2></strong></center> 

> 2024å¹´12月07日 18:55 来源：人民日报

>  &#8195;&#8195;本报北京12月6日电 (记者韩鑫)近日，中国轻工业联合会发布前10月我国轻工业经济运行情况。1至10月，规上轻工企业实现营业收入18.48万亿元，同比增长1.4%；实现利润1.14万亿元，同比增长6.7%。在一系列稳增长、促消费政策推动下，轻工业经济运行总体平稳、稳中有进。



>  &#8195;&#8195;生产平稳增长。1至10月，规上轻工业增加值同比增长4.8%，增速与前9月持平。91种主要轻工业产品中，59种产品产量增长，增长面为64.8%。得益于家电产品以旧换新政策等，10月，家用冷柜、房间空气调节器产品产量均增长14%。

>  &#8195;&#8195;盈利持续改善。1至10月，轻工业营业收入利润率为6.2%，同比提高0.3个百分点，高于规上工业0.9个百分点。部分轻工行业利润快速增长，造纸、电池、自行车、缝制机械等行业利润保持两位数增长。

>  &#8195;&#8195;内外贸市场规模稳步扩大。看内贸，市场活力逐步增强。1至10月，轻工11类商品零售额6.35万亿元，占社会消费品零售总额的15.9%，同比增长5%。其中，10月份，高能效等级和智能家电零售额保持两位数增长。看外贸，轻工商品出口规模持续扩大，结构不断优化。1至10月，轻工全行业出口7583.3亿美元，同比增长3.2%。其中，家用电器出口1015.3亿美元，同比增长18.5%；轻工机械出口同比增长16.2%，传统出口产品仍有较强竞争优势。

 public/static/Data/newsData/2.md

@@ -31,4 +31,4 @@
<p>
&#8195

&#8195;&#8195;[→原文入口](https://sheitc.sh.gov.cn/gg/20250325/251915af19be403a8a08ca6eb671d284.html)
&#8195;&#8195;&#8195;&#8195;<a href="https://sheitc.sh.gov.cn/gg/20250325/251915af19be403a8a08ca6eb671d284.html" target="_blank">→原文入口</a>

 public/static/Data/newsData/3.md

@@ -149,4 +149,4 @@
<p>
&#8195

&#8195;&#8195;[→原文入口](https://sheitc.sh.gov.cn/sjxwxgwj/20250113/8d04eb49227f4def8649cb62f481c441.html)
&#8195;&#8195;<a href="https://sheitc.sh.gov.cn/sjxwxgwj/20250113/8d04eb49227f4def8649cb62f481c441.html" target="_blank">→原文入口</a>

 public/static/Data/newsData/4.md

@@ -62,4 +62,4 @@
<p>
&#8195

&#8195;&#8195;[→原文入口](https://www.sheitc.sh.gov.cn/cyfz/20250214/3746a67bfcee4e12927242056f5f426f.html)
&#8195;&#8195;<a href="https://www.sheitc.sh.gov.cn/cyfz/20250214/3746a67bfcee4e12927242056f5f426f.html" target="_blank">→原文入口</a>

 public/static/Data/newsData/5.md

@@ -53,4 +53,4 @@
<p>
&#8195

&#8195;&#8195;[→原文入口](https://www.shanghai.gov.cn/nw12344/20240430/ef7f241decd74bc4baf17260c2776e19.html)
&#8195;&#8195;<a href="https://www.shanghai.gov.cn/nw12344/20240430/ef7f241decd74bc4baf17260c2776e19.html" target="_blank">→原文入口</a>

 public/static/Data/newsData/6.md

@@ -79,5 +79,4 @@
&#8195;&#8195; æœ¬åŠžæ³•è‡ª2021å¹´6月1日起实施，有效期至2026å¹´5月31日。
<p>
&#8195

&#8195;&#8195;[→原文入口](https://fgw.sh.gov.cn/fgw_zxzj/20211030/8d37fbce5ba34ea5a9883a1d4a5ea534.html)
&#8195;&#8195;<a href="https://fgw.sh.gov.cn/fgw_zxzj/20211030/8d37fbce5ba34ea5a9883a1d4a5ea534.html" target="_blank">→原文入口</a>

 public/static/Data/newsData/7.md

¶Ô±ÈÐÂÎļþ
@@ -0,0 +1,41 @@
<center><strong><h2>工业和信息化部节能与综合利用司负责同志解读《工业产品碳足迹核算规则团体标准推荐清单(第一批)》<br></h2></strong></center> 




 2025-01-16 12:50

 æ¥æºï¼š å·¥ä¸šå’Œä¿¡æ¯åŒ–部网站

 ä¸ºè´¯å½»è½å®žå…šä¸­å¤®ã€å›½åŠ¡é™¢å…³äºŽç¢³è¾¾å³°ç¢³ä¸­å’Œé‡å¤§å†³ç­–部署，加快提升工业产品碳足迹管理水平，建立健全碳足迹管理体系，促进工业绿色低碳转型，工业和信息化部、生态环境部、国家发展改革委、市场监管总局联合印发工业产品碳足迹核算规则团体标准推荐清单（第一批）（以下简称《清单》）。现就有关内容解读如下：

 **一、背景情况**

 å…šçš„二十届三中全会明确，建立能耗双控向碳排放双控全面转型新机制，构建碳排放统计核算体系、产品碳标识认证制度、产品碳足迹管理体系。中央经济工作会议要求，建立产品碳足迹管理体系、碳标识认证制度。党中央、国务院《关于加快经济社会发展全面绿色转型的意见》提出，建立产品碳足迹管理体系和产品碳标识认证制度。国务院《加快构建碳排放双控制度体系工作方案》提出，加快建立产品碳足迹管理体系，制定产品碳足迹核算规则标准，加强碳足迹背景数据库建设，建立产品碳标识认证制度。制定产品碳足迹核算规则标准，加快建立产品碳足迹管理体系，对于促进相关行业绿色低碳转型，推动新质生产力发展，助力实现碳达峰碳中和目标具有重要意义。

 2023年以来，国家有关部门出台一系列政策文件，建立健全产品碳足迹管理体系。国家发展改革委、工业和信息化部等5部门印发《关于加快建立产品碳足迹管理体系的意见》，明确工业和信息化部等行业主管部门组织有关行业协会、龙头企业、科研院所等，按照团体标准先行先试、逐步转化为行业标准或国家标准的原则，研究制定重点产品碳足迹核算规则标准。会同相关部门发布规则标准采信清单，为企业、机构提供统一规范的规则标准。生态环境部、国家发展改革委、工业和信息化部等15部门印发《关于建立碳足迹管理体系的实施方案》提出，行业主管部门会同有关部门发布团体标准推荐清单。国家发展改革委、生态环境部、工业和信息化部等8部门印发《完善碳排放统计核算体系工作方案》，明确各相关部门按分工完善重点行业领域碳排放核算机制，加快制定发布重点产品碳足迹核算规则标准，逐步扩大覆盖范围，确定行业标准、团体标准采信规则及程序，将实施基础好的团体标准采信为行业标准或国家标准。

 **二、前期工作基础**

 å·¥ä¸šå’Œä¿¡æ¯åŒ–部会同有关部门，坚持目标引领、协同落实，坚持政府引导、市场主导，坚持系统推进、急用先行，加快组织制定工业产品碳足迹核算规则标准，积极打造多方参与的碳足迹工作格局。

 ä¸€æ˜¯åŠ å¼ºæŒ‡å¼•ã€‚制定实施《重点工业产品碳足迹核算规则标准编制指南》，规范产品碳足迹核算规则标准优先制定范围，明确工作程序，细化编制要求。提出到2027年制定出台200项重点工业产品碳足迹核算规则标准，应用场景得到显著拓展。

 äºŒæ˜¯çªå‡ºé‡ç‚¹ã€‚会同生态环境部、国家发展改革委、市场监管总局组织相关标准化机构开展重点工业产品碳足迹核算规则标准体系研究，聚焦市场需求迫切、减排贡献突出，产业链关联性强、供应链带动作用明显，国际贸易量大的产品领域，确定优先研制的标准清单，加快建立健全工业产品碳足迹核算规则标准体系。

 ä¸‰æ˜¯åŠ å¿«æŽ¨è¿›ã€‚按照开放、透明、公开的原则，组织有关行业协会、龙头企业、科研院所等，广泛吸纳产业链上下游相关方代表参与，遵照《温室气体 äº§å“ç¢³è¶³è¿¹ é‡åŒ–和要求指南》（GB/T 24067）相关要求，出台一批工业产品碳足迹核算规则团体标准。

 **三、《清单》主要内容**

 æŒ‰ç…§ã€Šå·¥ä¸šå’Œä¿¡æ¯åŒ–部办公厅 ç”Ÿæ€çŽ¯å¢ƒéƒ¨åŠžå…¬åŽ… å›½å®¶å‘展改革委办公厅 å¸‚场监管总局办公厅关于征集重点工业产品碳足迹核算规则标准研究课题的通知》《重点工业产品碳足迹核算规则标准编制指南》等相关要求，经相关标准化机构推荐、专家评审、网上公示等程序，工业和信息化部、生态环境部、国家发展改革委、市场监管总局确定了15项工业产品碳足迹核算规则团体标准推荐清单（第一批），涵盖钢铁、铁合金、乙烯、水泥、石灰、平板玻璃、建筑卫生陶瓷、岩（矿）棉、铅锭、锌锭、工业硅、阴极铜、锂离子电池、移动通信手持机等产品。对于电解铝等已发布碳足迹核算国家标准或行业标准的产品，不再推荐团体标准。

 ã€Šæ¸…单》旨在充分发挥碳足迹管理对企业绿色低碳转型的促进作用，帮助企业系统掌握各环节能源资源消耗和碳排放水平，查找薄弱环节，有针对性开展节能降碳改造，挖掘节能降碳潜力，提高生产工艺和技术装备绿色低碳水平，持续降低产品碳足迹。建立碳足迹管理体系，有利于扩大低碳产品供给，促进绿色消费，促进形成绿色生产和消费的良性循环。

 **四、下一步工作**

 ä¸€æ˜¯åŠ å¼ºã€Šæ¸…单》标准宣贯实施。《清单》中推荐的标准文本可在工业和信息化部门户网站节能与综合利用司主页查阅。鼓励各标准化研究机构或标准化技术组织广泛拓展相关标准信息发布渠道，多途径、多方式开展产品碳足迹标准宣传和培训。

 äºŒæ˜¯åŠ å¿«å»ºç«‹å¥å…¨å·¥ä¸šäº§å“ç¢³è¶³è¿¹æ ¸ç®—规则标准体系。聚焦钢铁、有色金属、石化化工、建材、新能源汽车、电子电器等行业，参考国家统计局《国民经济行业分类》《统计用产品分类目录》等要求，加快重点工业产品碳足迹核算规则标准制定，成熟一批、推进一批、持续完善，稳步有序扩大产品覆盖范围。条件成熟的直接制定行业标准。

 ä¸‰æ˜¯ä¸°å¯Œäº§å“ç¢³è¶³è¿¹åº”用场景。积极推动相关标准在碳排放双控、低碳技术推广等场景应用，提升相关方的标准应用能力。推动将产品碳足迹要求融入贸易、财政、金融、产业等政策，形成推广产品碳足迹的政策合力。


 public/static/Data/newsData/8.md

¶Ô±ÈÐÂÎļþ
@@ -0,0 +1,44 @@
<center><strong><h2>国家发展改革委等部门关于发布《重点用能产品设备能效先进水平、节能水平和准入水平（2024 å¹´ç‰ˆï¼‰ã€‹çš„通知<br></h2></strong></center> 
<center>
发改环资规〔2024〕127号
</center>
<br/>

各省、自治区、直辖市及计划单列市、新疆生产建设兵团发展改革委、工业和信息化主管部门、财政厅（局）、住房城乡建设厅（委、管委、局）、市场监管局（厅、委）、能源局：

为全面贯彻党的二十大精神，认真落实中央经济工作会议部署，大力推广节能减排降碳先进技术，加快提升产品设备节能标准，支撑重点领域节能改造，助力大规模设备更新和消费品以旧换新，推动完成十四五能耗强度下降约束性指标，经商有关方面，现发布《重点用能产品设备能效先进水平、节能水平和准入水平（2024 å¹´ç‰ˆï¼‰ã€‹ï¼Œå¹¶å°±æœ‰å…³äº‹é¡¹é€šçŸ¥å¦‚下。

**一、扩大重点用能产品设备覆盖范围**

根据应用场景和使用特性，用能产品设备主要分为工业设备、信息通信设备、交通运输设备、商用设备、家用电器、照明器具等 6 å¤§ç±»ã€‚综合考虑应用规模、能源消耗量和节能减排降碳工作需要，扩大重点用能产品设备覆盖范围，在 2022 å¹´å·²æ˜Žç¡®èƒ½æ•ˆæ°´å¹³çš„三相异步电动机、电力变压器、房间空气调节器等 20 ç§äº§å“è®¾å¤‡åŸºç¡€ä¸Šï¼Œå¢žåŠ å·¥ä¸šé”…炉、数据中心、服务器、充电桩、通信基站、光伏组件等 23 ç§äº§å“è®¾å¤‡æˆ–设施，基本实现重点用能产品设备全覆盖，进一步支撑重点领域节能减排降碳。

**二、加快提升产品设备节能标准**

重点用能产品设备能效水平划分为先进水平、节能水平、准入水平三档。参考现行强制性能效标准要求，结合相关标准制修订情况和国内外同类产品设备技术现状，合理划定能效指标。准入水平为相关产品设备进入市场的最低能效水平门槛，数值与现行强制性能效标准限定值一致。能效指标引用推荐性国家标准、团体标准的产品设备不设定能效准入水平。节能水平不低于现行能效 2 çº§ï¼Œä¸Žèƒ½æ•ˆå‡†å…¥æ°´å¹³ç›¸æ¯”，更符合节能减排降碳工作要求。先进水平不低于现行能效 1 çº§ï¼Œæ˜¯å½“前相关产品设备所能达到的先进能效水平。根据行业技术进步和发展趋势，实行能效水平动态转化。适时将重点用能产品设备能效先进水平、节能水平分别转化为下一阶段的节能水平、准入水平。以能效水平为重要依据，加快研究制定相关产品设备碳排放指标，综合评价产品设备节能减排降碳水平，推动能耗双控逐步转向碳排放双控。

**三、统筹推进更新改造和回收利用**

各地区要积极开展能效诊断，实施产品设备能效普查，推动相关企业实施产品设备更新改造，鼓励更新改造后达到能效节能水平，并力争达到能效先进水平。支持数据中心、通信基站、大型公建、产业园区、交通基础设施等持续提高能效先进水平产品设备应用比例。党政机关、体育场馆、学校、医院等公共机构要充分发挥示范带动作用，积极落实政府绿色采购政策。深入开展企业回收目标责任制行动，加强废旧工业设备、家电产品、光伏设备等回收利用，实现废旧产品设备规模化、规范化、清洁化再生利用。支持相关企业加大研发投入，集中突破高效低碳产品基础材料、关键部件、加工工艺、智能控制、数字化节能等关键共性技术，提升绿色产业竞争优势。

**四、大力倡导绿色低碳消费**

鼓励零售企业、电商平台联合生产企业通过设置产品专区、突出显示专有标识、发放绿色优惠券、开展产品设备减碳量自我声明等方式，引导消费者优先选购能效先进水平产品设备。鼓励有条件的地区对电子产品下乡、充电桩建设、家电以旧换新等按照能效水平予以差异化政策支持，为能效节能水平及以上产品设备提供适当补贴。积极推进产品设备国际节能减排降碳标准制定，加强能效标准标识国际互认，支持绿色产品贸易便利化。加强先进节能技术和产品推广国际合作，促进绿色低碳产品设备惠及全球。

**五、加大应用实施和监督检查力度**

将产品设备能效水平作为固定资产投资项目节能审查重要技术依据，企业新建、改扩建项目和获得中央预算内投资等财政资金支持的项目，主要用能产品设备能效必须达到节能水平，优先使用能效达到先进水平的产品设备。对于产能已经饱和的行业，主要用能产品设备能效原则上应达到先进水平。各级节能主管部门、工业和信息化主管部门要强化节能监察，督促企业加强产品设备能效管理，依法依规淘汰老旧落后用能产品设备。各级市场监管部门要加大质量监管力度，依法依规禁止能效低于准入水平的产品设备生产销售，严厉打击能效水平虚假宣传行为。各级财政部门要加强政府采购监管，公共机构要严格落实《节能产品政府采购品目清单》，做好节能产品采购工作。

**六、强化综合性政策支持**

结合产品设备能效水平实施情况，加快强制性能效标准更新升级，填补信息通信、交通运输、新型家电、可再生能源等领域强制性能效标准空白，稳步提升工业、商业等领域通用产品设备能效指标，加快制定泵、风机、空气压缩机等系统运行能效标准。按照就高不就低原则，做好强制性能效标准与重点用能产品设备能效先进水平、节能水平和准入水平的衔接协调。鼓励制定严于国家标准的地方标准、行业标准和团体标准。优先将能效先进水平及以上产品设备和相关生产技术工艺纳入《绿色低碳转型产业指导目录》《绿色技术推广目录》和《产业结构调整指导目录》鼓励类。完善绿色产品认证与标识体系，加大绿色产品供给，引导绿色消费。完善政府绿色采购相关政策，研究加大对能效达到节能水平产品设备的政府采购支持力度。统筹运用金融等政策，落实好环保节能相关税收优惠政策，支持企业开展产品设备节能减排降碳改造。鼓励金融机构为企业研发制造高能效产品设备提供中长期信贷支持，支持符合条件的企业发行债券融资。

上述规定自 2024 å¹´ 4 æœˆ 1 æ—¥èµ·æ‰§è¡Œï¼Œã€Šé‡ç‚¹ç”¨èƒ½äº§å“è®¾å¤‡èƒ½æ•ˆå…ˆè¿›æ°´å¹³ã€èŠ‚能水平和准入水平（2022 å¹´ç‰ˆï¼‰ã€‹ï¼ˆå‘改环资规〔2022〕1719 å·ï¼‰åŒæ—¶åºŸæ­¢ï¼Œç›¸å…³äº§å“è®¾å¤‡æ ‡å‡†æœ‰ç‰¹æ®Šè§„定的，从其规定。各地区、各有关部门和行业要高度重视产品设备能效水平提升工作，细化工作要求，强化责任落实，推动制造业高端化、智能化、绿色化发展，加快形成绿色低碳的生产方式和生活方式，为积极稳妥推进碳达峰碳中和提供有力支撑。

<p style='text-align:right;margin:0'>国家发展改革委</p>
<p style='text-align:right;margin:0'>工业和信息化部 </p> 
<p style='text-align:right;margin:0'>财政部  </p>
<p style='text-align:right;margin:0'>住房城乡建设部  </p>
<p style='text-align:right;margin:0'>市场监管总局  </p>
<p style='text-align:right;margin:0'>国家能源局</p>

<p style='text-align:right;margin:0'>2024å¹´1月29日</p>

 public/static/Data/newsData/9.md

¶Ô±ÈÐÂÎļþ
@@ -0,0 +1,19 @@
<center><strong><h2>提升重点用能产品设备节能标准 æ”¯æ’‘重点领域节能改造<br></h2></strong></center>

2024-02-28 07:54 来源： äººæ°‘日报

&#8195;&#8195;在运主要用能产品设备保有量超过50亿台（套），年能耗量占全国能耗总量约80%……我国是产品设备生产和使用大国，各类产品设备产销量大、应用范围广、能源消耗高，一些设备更新改造潜力巨大。

 &#8195;&#8195;2022å¹´11月，有关部门首批选取20种用能产品设备，提出确定能效水平、推广节能设备、淘汰落后设备等措施。日前，为提升产品设备节能标准，支撑重点领域节能改造，助力大规模设备更新和消费品以旧换新，国家发展改革委等部门印发《重点用能产品设备能效先进水平、节能水平和准入水平（2024年版）》，将用能产品设备覆盖范围扩大至43种，将产品设备划分为工业设备、信息通信设备、交通运输设备、商用设备、家用电器、照明器具等六大类，并部署了多方面重点任务。

 &#8195;&#8195;加快提升产品设备节能标准。参考强制性能效国家标准，对标国内外同类产品设备技术现状，将用能产品设备能效水平划分为先进水平、节能水平、准入水平三档。其中，准入水平为相关产品设备进入市场的最低能效门槛，是依法依规淘汰老旧落后设备的技术依据。

 &#8195;&#8195;统筹推进更新改造和回收利用。指导各地区和相关企业实施产品设备更新改造，鼓励更新改造后达到能效节能水平，并力争达到能效先进水平。支持基础设施、产业园区、公共机构等持续提高能效先进水平产品设备应用比例。统筹做好废旧产品设备回收处置，加强资源节约集约循环高效利用。

 &#8195;&#8195;大力倡导绿色低碳消费。鼓励消费者优先选购能效先进水平产品设备，促进消费升级。鼓励有条件的地区按照能效水平实施差异化政策支持，为能效节能水平及以上产品设备提供适当补贴。

 &#8195;&#8195;加大应用实施和监督检查力度。将产品设备能效水平作为节能审查重要技术依据，企业新建、改扩建项目和获得中央预算内投资等财政资金支持的项目，主要用能产品设备能效必须达到节能水平，优先采购使用能效达到先进水平的产品设备。

 &#8195;&#8195;产品设备是工业、建筑、交通等重点领域的关键用能单元，推动其提升节能标准有助于以小切口’做好节能降碳大文章’。中国宏观经济研究院能源研究所研究员熊华文告诉记者，我国锅炉年能源消耗量约20亿吨标准煤，电机年耗电量约4.5万亿千瓦时，推动工业锅炉平均运行热效率提高5个百分点、电站锅炉平均运行热效率提高0.5个百分点、电机平均运行能效提高5个百分点，可实现年节能量约6000万吨标准煤、年减排二氧化碳约1.6亿吨，节能降碳潜力不容小觑。

 &#8195;&#8195;国家发展改革委有关负责同志表示，初步测算，对标《重点用能产品设备能效先进水平、节能水平和准入水平（2024年版）》提出的能效先进水平，开展相关行业和设备节能降碳改造，预计每年可形成节能量约5500万吨标准煤、减少二氧化碳排放约1.2亿吨。下一步，将会同各有关部门，充分发挥能效引领作用，推动产品设备更新升级，加快重点领域节能降碳改造，推动完成十四五能耗强度下降约束性指标。（记者 åˆ˜å¿—强）

 public/static/Data/newsData/img/preview_1.png

 public/static/Data/newsData/list.json

@@ -55,6 +55,60 @@
            "pubdate": "2021-05-10",
            "nextID": 0,
            "prevID": 5
        },
        {
            "id": 7,
            "title": "工业和信息化部节能与综合利用司负责同志解读《工业产品碳足迹核算规则团体标准推荐清单（第一批）》",
            "subTile": "",
            "description": "",
            "pubdate": "2025-01-16",
            "nextID": 8,
            "prevID": 6
        },
        {
            "id": 8,
            "title": "国家发展改革委等部门关于发布《重点用能产品设备能效先进水平、节能水平和准入水平（2024 å¹´ç‰ˆï¼‰ã€‹çš„通知",
            "subTile": "",
            "description": "",
            "pubdate": "2024-01-29",
            "nextID": 9,
            "prevID": 7
        },
        {
            "id": 9,
            "title": "提升重点用能产品设备节能标准 æ”¯æ’‘重点领域节能改造",
            "subTile": "",
            "description": "",
            "pubdate": "2024-02-28",
            "nextID": 10,
            "prevID": 8
        },
        {
            "id": 10,
            "title": "国家发改委等部门印发通知，提升重点用能产品设备能效",
            "subTile": "",
            "description": "",
            "pubdate": "2022-11-22",
            "nextID": 11,
            "prevID": 9
        },
        {
            "id": 11,
            "title": "六部门联合部署，4月起执行新版用能产品设备能效要求→",
            "subTile": "",
            "description": "",
            "pubdate": "2024-02-08",
            "nextID": 12,
            "prevID": 10
        },
        {
            "id": 12,
            "title": "高能效等级和智能家电10月零售额保持两位数增长",
            "subTile": "",
            "description": "",
            "pubdate": "2024-12-07",
            "nextID": 0,
            "prevID": 11
        }
    ]
}

 public/static/img/declareIcon/shenqing_QR_Code.png

 public/static/img/declareIcon/shenqing_bg1.png

 public/static/img/declareIcon/shenqing_step1.png

 public/static/img/declareIcon/shenqing_step2.png

 public/static/img/declareIcon/shenqing_step3.png

 public/static/img/declareIcon/shenqing_step4.png

 public/static/img/declareIcon/shenqing_step5.png

 public/web.config

@@ -13,6 +13,7 @@
            <mimeMap fileExtension=".json" mimeType="application/json" />
            <mimeMap fileExtension=".step" mimeType="application/octet-stream" />
            <mimeMap fileExtension=".fbx" mimeType="application/fbx" />
        <mimeMap fileExtension=".md" mimeType="text/x-markdown" />
        </staticContent>
    </system.webServer>
</configuration>

 src/assets/carousel/home/4.png

 src/views/CompanyDeclare.vue

¶Ô±ÈÐÂÎļþ
@@ -0,0 +1,875 @@
<template>
    <div class="flex flex-col">
        <div class="flex box_1 flex-col">
            <div class="text_1 "><span class="text-[#000] text-[16px]" style="cursor: pointer" @click="router.go(-1)">首页</span><span class="text-[16px]">&nbsp;&gt;&nbsp;协助企业申报补贴流程</span></div>
            <span class="text_2">平台申报流程</span>
            <div class="text-wrapper_1">
                <span class="text_3">2025年，上海市工业通信业用能设备更新专项扶持资金项目开始实施，符合条件的企业最高可获</span>
                <span class="text_4">1000</span>
                <span class="text_5">万元设备补贴。</span>
            </div>
            <span
                class="paragraph_1">“工效汇聚平台”是上海市经信委发布的专用工业品供应链平台之一，<br />现为最终用户企业提供有关上海市工业通信业用能设备更新专项扶持资金项目申报的服务。</span>
            <div class="box_2 flex-row justify-between">
                <div class="group_1 flex-col">
                    <div class="text-wrapper_2 flex-col">
                        <span class="text_6">注册\登入</span>
                    </div>
                </div>
                <div class="group_2 flex-col">
                    <div class="text-wrapper_3 flex-col">
                        <span class="text_7">选择用户身份</span>
                    </div>
                </div>
            </div>
            <span class="text_8">可前往了解实际进程</span>
            <div class="box_3 flex-col">
                <div class="box_4 flex-row">
                    <div class="group_3 flex-col"></div>
                    <div class="group_4 flex-col">
                        <div class="box_5 flex-row">
                            <div class="text-group_3 flex-col justify-between">
                                <span class="text_21">第四步</span>
                                <span class="paragraph_4">平台辅导用户完善材料，<br />进行政府申报</span>
                            </div>
                        </div>
                        <div class="image-wrapper_1 flex-col">
                            <img class="image_2" referrerpolicy="no-referrer"
                                src="/static/img/declareIcon/shenqing_step4.png" />
                        </div>
                    </div>
                    <div class="group_5 flex-col">
                        <div class="section_1 flex-row">
                            <div class="text-group_3 flex-col justify-between">
                                <span class="text_21">第五步</span>
                                <span class="paragraph_4">政策补贴到位，<br />平台收取服务费</span>
                            </div>
                        </div>
                        <div class="image-wrapper_2 flex-col">
                            <img class="image_3" referrerpolicy="no-referrer"
                                src="/static/img/declareIcon/shenqing_step5.png" />
                        </div>
                    </div>
                </div>
                <div class="box_6 flex-row">
                    <div class="group_6 flex-col">
                        <div class="block_1 flex-col"></div>
                    </div>
                </div>
            </div>
            <span class="text_12">申请表格内容</span>
            <span
                class="text_13">平台根据上海市经济和信息化委员会发布的《上海市经济信息化委关于开展&nbsp;2025&nbsp;年度上海市工业通信业用能设备更新专项扶持资金项目申报工作的通知》设计了简洁明了的申请表格，促进用户和平台高效合作</span>
            <div class="box_7 flex-row justify-between">
                <img class="image_4" referrerpolicy="no-referrer"
                    src="/static/img/declareIcon/shenqing_QR_Code.png" />
                <div class="box_8 flex-col justify-between">
                    <div class="text-wrapper_4 flex-col">
                        <span class="text_14">“企业主体基本情况”部分</span>
                        <span class="text_15">只需填写一次，用户需确认所填写内容与实际情况一致。</span>
                    </div>
                    <div class="text-wrapper_5 flex-col">
                        <span class="text_16">“用能设备基本情况”部分</span>
                        <span class="text_17">根据用户需求可填写多份，用户需确认所填写内容与实际情况一致。</span>
                    </div>
                </div>
            </div>
            <div class="box_9 flex-col">
                <span class="text_18">申请表提交方式</span>
                <div class="text-wrapper_6">
                    <span
                        class="paragraph_3">1.电子邮箱<br />&nbsp;&nbsp;&nbsp;&nbsp;eventech&#64;163.com<br />&nbsp;&nbsp;&nbsp;&nbsp;邮件主题请命名为“企业名称+申请补贴”<br /><br />2.线下邮寄或面议（联系地址及联系方式详见“</span>
                    <span @click="clickContcatUs" class="text_19">联系我们”</span> <span class="text_20">）</span>
                </div>
            </div>
            <div class="box_10 flex-col"></div>
            <div class="box_11 flex-row">
                <div class="text-group_3 flex-col justify-between">
                    <span class="text_21">第一步</span>
                    <span class="paragraph_4">用户下载并填写表格，<br />发送至平台方</span>
                </div>
            </div>
            <div class="box_12 flex-row">
                <div class="text-group_3 flex-col justify-between">
                    <span class="text_21">第二步</span>
                    <span class="paragraph_4">平台内部审核申请表，<br />分析用户补贴申请难度</span>
                </div>
            </div>
            <div class="box_13 flex-row">
                <div class="text-group_3 flex-col justify-between">
                    <span class="text_21">第三步</span>
                    <span class="paragraph_4">平台决定受理，与用户<br />签订合同、对接材料</span>
                </div>
            </div>
            <div class="image-wrapper_3 flex-col">
                <img class="image_5" referrerpolicy="no-referrer"
                    src="/static/img/declareIcon/shenqing_step1.png" />
            </div>
            <div class="image-wrapper_4 flex-col">
                <img class="image_6" referrerpolicy="no-referrer"
                    src="/static/img/declareIcon/shenqing_step2.png" />
            </div>
            <div class="image-wrapper_5 flex-col">
                <img class="image_7" referrerpolicy="no-referrer"
                    src="/static/img/declareIcon/shenqing_step3.png" />
            </div>
        </div>
    </div>
</template>

<script setup>
import { useRoute,useRouter } from 'vue-router';
const router = useRouter();
const route = useRoute();

const clickContcatUs = ()=>{
    router.push('/contact-us')
}
</script>

<style lang="scss" scoped>
.flex-row {
    display: flex;
    flex-direction: row;
}

.page {
    box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.3);
    background-color: rgba(255, 255, 255, 1);
    position: relative;
    width: 1920px;
    height: 3558px;
    border-width: 1px;
    border: 1px solid rgba(0, 0, 0, 1);
    overflow: hidden;
}

.image_1 {
    width: 1920px;
    height: 141px;
}

.box_1 {
    position: relative;
    width: 1920px;
    height: 3136px;
}

.text_1 {
    width: 326px;
    height: 36px;
    overflow-wrap: break-word;
    color: rgba(137, 137, 137, 1);
    font-size: 25px;
    font-family: Source Han Sans-Regular;
    font-weight: normal;
    text-align: left;
    white-space: nowrap;
    line-height: 36px;
    margin: 32px 0 0 250px;
}

.text_2 {
    width: 330px;
    height: 80px;
    overflow-wrap: break-word;
    color: rgba(61, 61, 61, 1);
    font-size: 55px;
    font-family: Source Han Sans-Heavy;
    font-weight: 900;
    text-align: left;
    white-space: nowrap;
    line-height: 80px;
    margin: 55px 0 0 795px;
}

.text-wrapper_1 {
    width: 1270px;
    height: 52px;
    overflow-wrap: break-word;
    font-size: 0;
    font-family: Source Han Sans-Regular;
    font-weight: normal;
    text-align: center;
    line-height: 35px;
    margin: 13px 0 0 329px;
}

.text_3 {
    width: 1270px;
    height: 52px;
    overflow-wrap: break-word;
    color: rgba(101, 101, 101, 1);
    font-size: 24px;
    font-family: Source Han Sans-Regular;
    font-weight: normal;
    text-align: center;
    line-height: 35px;
}

.text_4 {
    width: 1262px;
    height: 52px;
    overflow-wrap: break-word;
    color: rgba(207, 100, 100, 1);
    font-size: 36px;
    font-family: Source Han Sans-Regular;
    font-weight: normal;
    text-align: center;
    white-space: nowrap;
    line-height: 52px;
}

.text_5 {
    width: 1262px;
    height: 52px;
    overflow-wrap: break-word;
    color: rgba(101, 101, 101, 1);
    font-size: 24px;
    font-family: Source Han Sans-Regular;
    font-weight: normal;
    text-align: center;
    line-height: 35px;
}

.paragraph_1 {
    width: 960px;
    height: 70px;
    overflow-wrap: break-word;
    color: rgba(101, 101, 101, 1);
    font-size: 24px;
    font-family: Source Han Sans-Regular;
    font-weight: normal;
    text-align: center;
    line-height: 35px;
    margin-left: 480px;
}

.box_2 {
    width: 771px;
    height: 92px;
    margin: 60px 0 0 575px;
}

.group_1 {
    box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.3);
    height: 92px;
    width: 350px;
    border-radius: 10px;
}

.text-wrapper_2 {
    background-color: rgba(1, 57, 143, 1);
    border-radius: 10px;
    height: 92px;
    width: 350px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.text_6 {
    width: 184px;
    height: 58px;
    overflow-wrap: break-word;
    color: rgba(255, 255, 255, 1);
    font-size: 36px;
    font-family: Source Han Sans-Regular;
    font-weight: normal;
    text-align: center;
    white-space: nowrap;
    line-height: 52px;
}

.group_2 {
    box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.3);
    height: 92px;
    width: 350px;
    border-radius: 10px;
}

.text-wrapper_3 {
    background-color: rgba(216, 216, 216, 1);
    border-radius: 10px;
    height: 92px;
    width: 350px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.text_7 {
    width: 232px;
    height: 58px;
    overflow-wrap: break-word;
    color: rgba(61, 61, 61, 1);
    font-size: 36px;
    font-family: Source Han Sans-Regular;
    font-weight: normal;
    text-align: center;
    white-space: nowrap;
    line-height: 52px;
}

.text_8 {
    width: 222px;
    height: 42px;
    overflow-wrap: break-word;
    color: rgba(98, 111, 176, 1);
    font-size: 24px;
    font-family: Source Han Sans-Regular;
    font-weight: normal;
    text-align: left;
    white-space: nowrap;
    line-height: 35px;
    margin: 13px 0 0 1060px;
}

.box_3 {
    background-color: rgba(1, 57, 143, 1);
    height: 723px;
    width: 1599px;
    margin: 235px 0 0 161px;
}

.box_4 {
    width: 1079px;
    height: 374px;
    margin: 242px 0 0 201px;
}

.group_3 {
    width: 34px;
    height: 53px;
    margin-top: 52px;
}

.group_4 {
    position: relative;
    width: 449px;
    height: 369px;
    margin: 5px 0 0 90px;
}

.box_5 {
    box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.3);
    background-color: rgba(255, 255, 255, 1);
    width: 449px;
    height: 285px;
    margin-top: 84px;
}

.text-group_1 {
    width: 274px;
    height: 140px;
    margin: 81px 0 0 88px;
}

.text_9 {
    width: 108px;
    height: 52px;
    overflow-wrap: break-word;
    color: rgba(61, 61, 61, 1);
    font-size: 36px;
    font-family: Source Han Sans-Heavy;
    font-weight: 900;
    text-align: left;
    white-space: nowrap;
    line-height: 52px;
    margin-left: 83px;
}

.text_10 {
    width: 274px;
    height: 70px;
    overflow-wrap: break-word;
    color: rgba(61, 61, 61, 1);
    font-size: 25px;
    font-family: Source Han Sans-Regular;
    font-weight: normal;
    text-align: center;
    line-height: 36px;
    margin-top: 18px;
}

.image-wrapper_1 {
    background-color: rgba(72, 116, 183, 1);
    border-radius: 50%;
    height: 148px;
    width: 148px;
    position: absolute;
    left: 151px;
    top: 0;
}

.image_2 {
    width: 62px;
    height: 62px;
    margin: 43px 0 0 43px;
}

.group_5 {
    position: relative;
    width: 449px;
    height: 374px;
    margin-left: 57px;
}

.section_1 {
    box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.3);
    background-color: rgba(255, 255, 255, 1);
    width: 449px;
    height: 285px;
    margin-top: 89px;
}

.text-group_2 {
    width: 274px;
    height: 140px;
    margin: 76px 0 0 88px;
}

.text_11 {
    width: 108px;
    height: 52px;
    overflow-wrap: break-word;
    color: rgba(61, 61, 61, 1);
    font-size: 36px;
    font-family: Source Han Sans-Heavy;
    font-weight: 900;
    text-align: left;
    white-space: nowrap;
    line-height: 52px;
    margin-left: 83px;
}

.paragraph_2 {
    width: 274px;
    height: 70px;
    overflow-wrap: break-word;
    color: rgba(61, 61, 61, 1);
    font-size: 25px;
    font-family: Source Han Sans-Regular;
    font-weight: normal;
    text-align: center;
    line-height: 36px;
    margin-top: 18px;
}

.image-wrapper_2 {
    background-color: rgba(72, 116, 183, 1);
    border-radius: 50%;
    height: 148px;
    width: 148px;
    position: absolute;
    left: 151px;
    top: 0;
}

.image_3 {
    width: 62px;
    height: 62px;
    margin: 43px 0 0 43px;
}

.box_6 {
    width: 34px;
    height: 53px;
    margin: 0 0 54px 1402px;
}

.group_6 {
    height: 53px;
    width: 34px;
}

.block_1 {
    width: 34px;
    height: 53px;
}

.text_12 {
    width: 334px;
    height: 80px;
    overflow-wrap: break-word;
    color: rgba(61, 61, 61, 1);
    font-size: 55px;
    font-family: Source Han Sans-Heavy;
    font-weight: 900;
    text-align: left;
    white-space: nowrap;
    line-height: 80px;
    margin: 107px 0 0 780px;
}

.text_13 {
    width: 1267px;
    height: 70px;
    overflow-wrap: break-word;
    color: rgba(101, 101, 101, 1);
    font-size: 24px;
    font-family: Source Han Sans-Regular;
    font-weight: normal;
    text-align: center;
    line-height: 35px;
    margin: 24px 0 0 313px;
}

.box_7 {
    width: 1261px;
    height: 452px;
    margin: 91px 0 0 347px;
}

.image_4 {
    width: 250px;
    height: 250px;
    margin-top: 102px;
}

.box_8 {
    width: 815px;
    height: 452px;
}

.text-wrapper_4 {
    box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.3);
    background-color: rgba(255, 255, 255, 1);
    border-radius: 16px;
    width: 815px;
    height: 203px;
}

.text_14 {
    display: inline-flex;
    width: 432px;
    height: 52px;
    overflow-wrap: break-word;
    color: rgba(61, 61, 61, 1);
    font-size: 36px;
    font-family: Source Han Sans-Heavy;
    font-weight: 900;
    text-align: left;
    white-space: nowrap;
    line-height: 52px;
    margin: 38px 0 0 32px;
}

.text_15 {
    display: inline-flex;
    width: 604px;
    height: 52px;
    overflow-wrap: break-word;
    color: rgba(61, 61, 61, 1);
    font-size: 24px;
    font-family: Source Han Sans-Regular;
    font-weight: normal;
    text-align: left;
    line-height: 35px;
    margin: 25px 0 36px 50px;
}

.text-wrapper_5 {
    box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.3);
    background-color: rgba(255, 255, 255, 1);
    border-radius: 16px;
    width: 815px;
    height: 203px;
    margin-top: 46px;
}

.text_16 {
    display: inline-flex;
    width: 432px;
    height: 52px;
    overflow-wrap: break-word;
    color: rgba(61, 61, 61, 1);
    font-size: 36px;
    font-family: Source Han Sans-Heavy;
    font-weight: 900;
    text-align: left;
    white-space: nowrap;
    line-height: 52px;
    margin: 42px 0 0 32px;
}

.text_17 {
    display: inline-flex;
    width: 722px;
    height: 52px;
    overflow-wrap: break-word;
    color: rgba(61, 61, 61, 1);
    font-size: 24px;
    font-family: Source Han Sans-Regular;
    font-weight: normal;
    text-align: left;
    line-height: 35px;
    margin: 24px 0 33px 50px;
}

.box_9 {
    width: 1447px;
    height: 458px;
    background: url('/static/img/declareIcon/shenqing_bg1.png') 100% no-repeat;
    background-size: 100% 100%;
    margin: 175px 0 176px 236px;
}

.text_18 {
    width: 403px;
    height: 68px;
    overflow-wrap: break-word;
    color: rgba(255, 255, 255, 1);
    font-size: 45px;
    font-family: Source Han Sans-Heavy;
    font-weight: 900;
    text-align: left;
    white-space: nowrap;
    line-height: 65px;
    margin: 55px 0 0 120px;
}

.text-wrapper_6 {
    width: 870px;
    height: 282px;
    overflow-wrap: break-word;
    font-size: 0;
    font-family: Source Han Sans-Regular;
    font-weight: normal;
    text-align: left;
    line-height: 46px;
    margin: 23px 0 30px 179px;
}

.paragraph_3 {
    width: 870px;
    height: 282px;
    overflow-wrap: break-word;
    color: rgba(255, 255, 255, 1);
    font-size: 32px;
    font-family: Source Han Sans-Regular;
    font-weight: normal;
    text-align: left;
    line-height: 46px;
}

.text_19 {
    width: 870px;
    height: 282px;
    overflow-wrap: break-word;
    color: rgba(255, 255, 255, 1);
    font-size: 32px;
    font-family: Source Han Sans-Regular;
    text-decoration: underline;
    font-weight: normal;
    text-align: left;
    line-height: 46px;
    cursor: pointer;
}

.text_20 {
    width: 870px;
    height: 282px;
    overflow-wrap: break-word;
    color: rgba(255, 255, 255, 1);
    font-size: 32px;
    font-family: Source Han Sans-Regular;
    font-weight: normal;
    text-align: left;
    line-height: 46px;
}

.box_10 {
    position: absolute;
    left: -47px;
    top: 1244px;
    width: 446px;
    height: 446px;
}

.box_11 {
    box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.3);
    background-color: rgba(255, 255, 255, 1);
    position: absolute;
    left: 220px;
    top: 695px;
    width: 468px;
    height: 285px;
}

.text-group_3 {
    width: 100%;
    height: 135px;
    margin: 103px 0 0 0px;
}

.text_21 {
    display: inline-flex;
    width: 100%;
    height: 52px;
    overflow-wrap: break-word;
    color: rgba(61, 61, 61, 1);
    font-size: 36px;
    font-family: Source Han Sans-Heavy;
    font-weight: 900;
    text-align: left;
    white-space: nowrap;
    line-height: 52px;
    justify-content: center;
}

.paragraph_4 {
    display: inline-flex;
    width: 100%;
    height: 70px;
    overflow-wrap: break-word;
    color: rgba(61, 61, 61, 1);
    font-size: 25px;
    font-family: Source Han Sans-Regular;
    font-weight: normal;
    text-align: center;
    line-height: 36px;
    margin-top: 13px;
    justify-content: center;
}

.box_12 {
    box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.3);
    background-color: rgba(255, 255, 255, 1);
    position: absolute;
    left: 737px;
    top: 695px;
    width: 449px;
    height: 285px;
}

.text-group_4 {
    width: 274px;
    height: 140px;
    margin: 98px 0 0 87px;
}

.text_22 {
    width: 108px;
    height: 52px;
    overflow-wrap: break-word;
    color: rgba(61, 61, 61, 1);
    font-size: 36px;
    font-family: Source Han Sans-Heavy;
    font-weight: 900;
    text-align: left;
    white-space: nowrap;
    line-height: 52px;
    margin-left: 83px;
}

.text_23 {
    width: 274px;
    height: 70px;
    overflow-wrap: break-word;
    color: rgba(61, 61, 61, 1);
    font-size: 25px;
    font-family: Source Han Sans-Regular;
    font-weight: normal;
    text-align: center;
    line-height: 36px;
    margin-top: 18px;
}

.box_13 {
    box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.3);
    background-color: rgba(255, 255, 255, 1);
    position: absolute;
    left: 1239px;
    top: 695px;
    width: 449px;
    height: 285px;
}

.text-group_5 {
    width: 274px;
    height: 140px;
    margin: 98px 0 0 88px;
}

.text_24 {
    width: 108px;
    height: 52px;
    overflow-wrap: break-word;
    color: rgba(61, 61, 61, 1);
    font-size: 36px;
    font-family: Source Han Sans-Heavy;
    font-weight: 900;
    text-align: left;
    white-space: nowrap;
    line-height: 52px;
    margin-left: 83px;
}

.text_25 {
    width: 274px;
    height: 70px;
    overflow-wrap: break-word;
    color: rgba(61, 61, 61, 1);
    font-size: 25px;
    font-family: Source Han Sans-Regular;
    font-weight: normal;
    text-align: center;
    line-height: 36px;
    margin-top: 18px;
}

.image-wrapper_3 {
    background-color: rgba(72, 116, 183, 1);
    border-radius: 50%;
    height: 148px;
    width: 148px;
    position: absolute;
    left: 379px;
    top: 633px;
}

.image_5 {
    width: 62px;
    height: 62px;
    margin: 43px 0 0 44px;
}

.image-wrapper_4 {
    background-color: rgba(72, 116, 183, 1);
    border-radius: 50%;
    height: 148px;
    width: 148px;
    position: absolute;
    left: 887px;
    top: 628px;
}

.image_6 {
    width: 62px;
    height: 62px;
    margin: 43px 0 0 43px;
}

.image-wrapper_5 {
    background-color: rgba(72, 116, 183, 1);
    border-radius: 50%;
    height: 148px;
    width: 148px;
    position: absolute;
    left: 1390px;
    top: 628px;
}

.image_7 {
    width: 62px;
    height: 62px;
    margin: 43px 0 0 43px;
}

.image_8 {
    width: 1920px;
    height: 282px;
    margin: -1px 0 0 1px;
}
</style>

 src/views/ContactUs.vue

@@ -7,55 +7,115 @@
                <el-breadcrumb-item>联系我们</el-breadcrumb-item>
            </el-breadcrumb>
        </div>
        <el-row class="w-full">
            <el-col :span="10">
                <div id="my_map"></div>
            </el-col>
            <el-col :span="12">
                <!-- è”系信息卡片 -->
                <div class="mx-auto bg-white rounded-lg ml-[6rem] py-10">
                    <h1 class="w-[487px] text-2xl font-bold mb-6 text-center text-[#222222] text-[24px] mb-[26px]">
                        ä¸Šæµ·ä¹‰ç»´æµä½“科技有限公司</h1>

        <!-- è”系信息卡片 -->
        <div class="max-w-2xl mx-auto bg-white rounded-lg  py-10">
            <h1 class="w-[487px] text-2xl font-bold mb-6 text-center text-[#222222] text-[24px] mb-[26px]">上海义维流体科技有限公司</h1>
			
            <div class="space-y-4 flex flex-col items-center justify-center gap-[10px]">
                <div class="flex text-[16px] items-start justify-center w-[487px] line-height-16">
                    <div class="w-24 text-align-right">地&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;址：</div>
                    <div class="flex-1 text-ellipsis-style">上海市闵行区浦江镇江月路999号1å¹¢615室</div>
                </div>
				
                <div class="flex text-[16px] items-start justify-center w-[487px] line-height-16">
                    <div class="w-24  text-align-right">邮&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;编：</div>
                    <div class="flex-1 text-ellipsis-style">201108</div>
                </div>
				
                <div class="flex text-[16px] items-start justify-center w-[487px] line-height-16">
                    <div class="w-24  text-align-right">工作时间：</div>
                    <div class="flex-1 text-ellipsis-style">周一至周五 8:30 - 17:30</div>
                </div>
				
                <div class="flex text-[16px] items-start justify-center w-[487px] line-height-16">
                    <div class="w-24  text-align-right">售后电话：</div>
                    <div class="flex-1 text-ellipsis-style">021-34306562</div>
                </div>
				
                <div class="flex text-[16px] items-start justify-center w-[487px] line-height-16">
                    <div class="w-24  text-align-right">售后邮箱：</div>
                    <div class="flex-1 text-ellipsis-style">
                        <a href="mailto:eventech@163.com" class="text-blue-600 hover:text-blue-800">
                            eventech@163.com
                        </a>
                    <div class="space-y-4 flex flex-col items-center justify-center gap-[10px]">
                        <div class="flex text-[16px] items-start justify-center w-[487px] line-height-16">
                            <div class="w-24 text-align-right">地&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;址：</div>
                            <div class="flex-1 text-ellipsis-style">上海市闵行区浦江镇江月路999号1å¹¢615室</div>
                        </div>

                        <div class="flex text-[16px] items-start justify-center w-[487px] line-height-16">
                            <div class="w-24  text-align-right">邮&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;编：
                            </div>
                            <div class="flex-1 text-ellipsis-style">201108</div>
                        </div>

                        <div class="flex text-[16px] items-start justify-center w-[487px] line-height-16">
                            <div class="w-24  text-align-right">工作时间：</div>
                            <div class="flex-1 text-ellipsis-style">周一至周五 8:30 - 17:30</div>
                        </div>

                        <div class="flex text-[16px] items-start justify-center w-[487px] line-height-16">
                            <div class="w-24  text-align-right">售后电话：</div>
                            <div class="flex-1 text-ellipsis-style">021-34306562</div>
                        </div>

                        <div class="flex text-[16px] items-start justify-center w-[487px] line-height-16">
                            <div class="w-24  text-align-right">售后邮箱：</div>
                            <div class="flex-1 text-ellipsis-style">
                                <a href="mailto:eventech@163.com" class="text-blue-600 hover:text-blue-800">
                                    eventech@163.com
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
            </el-col>
        </el-row>
    </div>
</template>

<script setup lang="ts">
import { onMounted } from 'vue';
import { ElRow, ElCol } from 'element-plus';
import AMapLoader from '@amap/amap-jsapi-loader';

let map = null;

onMounted(() => {
    AMapLoader.load({
        key: '3627ed9deaac2622e26a7169f0c36b1b',
        version: '2.0',
        plugins: ['AMap.Geolocation'],
    }).then((AMap) => {
        map = new AMap.Map('my_map', {
            zoom: 15,
            center: [121.52, 31.09],
        });

        map.on('complete', () => {
            console.log('地图加载成功')
            let marker = new AMap.Marker({
                position: [121.52, 31.09],
                offset: new AMap.Pixel(0, 0),
                anchor:'bottom-center',
            });

            // è‡ªå®šä¹‰ç‚¹æ ‡è®°å†…容
            let markerContent = document.createElement("div");
            // ç‚¹æ ‡è®°ä¸­çš„图标
            let markerImg = document.createElement("img");
            markerImg.className = "markerlnglat";
            markerImg.src = "//a.amap.com/jsapi_demos/static/demo-center/icons/poi-marker-red.png";
            markerImg.setAttribute('width', '25px');
            markerImg.setAttribute('height', '34px');
            markerContent.appendChild(markerImg);

            // ç‚¹æ ‡è®°ä¸­çš„文本
            let markerSpan = document.createElement("span");
            markerSpan.className = 'custom-marker';
            markerSpan.innerHTML = "上海义维流体科技有限公司";
            markerContent.appendChild(markerSpan);

            marker.setContent(markerContent); //更新点标记内容
            marker.setPosition([121.52, 31.09]); //更新点标记位置

	
            map.add(marker)
        })
    });
})
</script>

<style scoped>
.container {
    /* min-height: calc(100vh - 200px); */
#my_map {
    width: 100%;
    height: 500px;
}

.line-height-16 {
    line-height: 16px;
}

.text-ellipsis-style {
    width: 100%;
    overflow: hidden;
@@ -63,3 +123,18 @@
    white-space: nowrap;
}
</style>
<style>
.custom-marker {
    position: absolute;
    top: 33px;
    right: -70px;
    color: #fff;
    padding: 4px 10px;
    box-shadow: 1px 1px 1px rgba(10, 10, 10, .2);
    white-space: nowrap;
    font-size: 12px;
    font-family: "";
    background-color: #003a8f;
    border-radius: 3px;
    }
</style>

 src/views/Home.vue

@@ -3,6 +3,12 @@
        <!-- è½®æ’­å›¾éƒ¨åˆ† -->
        <div class="banner-carousel relative w-screen h-[602px]">
            <el-carousel height="602px" :interval="3000" indicator-position="" pause-on-hover>
                <!-- è§†é¢‘链接 -->
                <el-carousel-item>
                    <div class="carousel-item">
                        <div class="w-full h-full" id="indexVideo"></div>
                    </div>
                </el-carousel-item>
                <el-carousel-item>
                    <div class="carousel-item">
                        <img src="@/assets/carousel/home/1.png" class="carousel-image" />
@@ -174,18 +180,17 @@
                                        ä¸ºè´¯å½»è½å®žã€Šä¸Šæµ·å¸‚节能减排（应对气候变化）专项资金管理办法（沪发改规范〔2021〕5号）》和《上海市工业通信业用能设备更新专项扶持实施细则》（沪经信规范〔2025〕1号），进一步推进本市工业通信业用能设备更新工作，现组织开展2025年度上海市工业通信业用能设备更新专项扶持资金项目申报工作。
                                    </div>
                                </div>
                                <div class="mt-4">
                                <div class="">
                                    <div v-for="(item, index) in newsList" :key="index"
                                        class="flex text-regular justify-between items-center news-item">
                                        <div class="flex items-center hover:text-primary w-full"
                                            @click="handleNewsClick(item)">
                                            <div class="w-[6px] h-[6px] mr-2 news-list-dot"></div>
                                            <div
                                                class="w-full text-gray-700 hover:text-blue-500 cursor-pointer text-ellipsis overflow-hidden whitespace-nowrap">
                                                class="max-w-[600px] text-gray-700 hover:text-blue-500 cursor-pointer text-ellipsis">
                                                {{ item.title }}
                                            </div>
                                        </div>
                                        <!-- <div class="text-gray-400 text-sm">{{ item.date }}</div> -->
                                    </div>
                                </div>
                            </div>
@@ -247,7 +252,7 @@
                                <span class="text-medium font-medium">工业软件｜工业APP<span class="text-primary">产品分类</span></span>
                            </div>
                        </div> -->
						

                        <div class="flex">
                            <div class="w-[45%] h-[400px]" ref="pieChartRef"></div>
                            <div class="w-[55%] h-[400px]" ref="barChartRef"></div>
@@ -283,7 +288,8 @@
import YWLogo from '@/assets/logo/yw_logo.png';
import axios from 'axios';
import CustomerService from '@/components/CustomerService.vue';

import Player from 'xgplayer';
import 'xgplayer/dist/index.min.css';
import { Swiper, SwiperSlide } from 'swiper/vue';
import { Autoplay, EffectFade, Virtual } from 'swiper/modules';
import 'swiper/css';
@@ -363,6 +369,7 @@
    //     date: '2024-03-07',
    // },
]);

const m_RequestDataObj = {
    1: { requestPath: 'static/EecProductData/Pump.json?v=' + new Date().getTime() },
    2: { requestPath: 'static/EecProductData/AirCompressor.json?v=' + new Date().getTime() },
@@ -384,7 +391,7 @@
    m_CompanyList: [],
    m_PageLoading: false,
});

const videoPlayer = ref<Player | null>(null);
const pieChartRef = ref<HTMLElement | null>(null);
const barChartRef = ref<HTMLElement | null>(null);

@@ -563,7 +570,8 @@

onMounted(() => {
    nextTick(() => {
        // initMapChart();
        initVideo();
        initNewsList();
        initPipeOneChart();
        initPipeTwoChart();
        initComanyData();
@@ -572,6 +580,26 @@
        document.getElementById('app-page')?.addEventListener('scroll', handleScroll);
    });
});
// åˆå§‹åŒ–新闻列表数据
const initNewsList = () => {
    axios({
        url: "static/Data/newsData/list.json",
        method: "get"
    }).then(res => {
        const result = res.data
        const { StandardDynamicsList } = result

        newsList.value = StandardDynamicsList.map(item => {
            return {
                id: item.id,
                title: item.title,
                date: item.pubdate,
            }
        })
    }).catch(err => {

    })
}
const handleScroll = () => {
    const scrollTop = document.getElementById('app-page')?.scrollTop;
    const scrollHeight = document.getElementById('app-page')?.scrollHeight - document.getElementById('app-page')?.clientHeight;
@@ -587,6 +615,19 @@
const handleNewsClick = (item: any) => {
    router.push(`/news-detail/${item.id}`);
};
const initVideo = () => {
    let player = new Player({
        id: 'indexVideo',
        url: 'https://xpump.oss-cn-shanghai.aliyuncs.com/iee/xc.mp4',
        height: '100%',
        width: '100%',
        autoplay: true,
        autoplayMuted:true,
        poster: 'https://xpump.oss-cn-shanghai.aliyuncs.com/iee/iee_poster.png',
    });
    videoPlayer.value = player;

}
// åˆå§‹åŒ–厂商列表数据
const initComanyData = () => {
    axios({
@@ -1051,9 +1092,9 @@
        });
    }
};
const clickDeclare = ()=>{
const clickDeclare = () => {
    router.push({
        path:'/company-declare',
        path: '/company-declare',
    })
}
// ç›‘听产品类型选择
@@ -1452,4 +1493,10 @@
        color: var(--theme-color);
    }
}

.text-ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
</style>

 src/views/NewsDetail.vue

@@ -5,7 +5,8 @@
            <div class="mb-6 text-gray-500">
                <el-breadcrumb separator="/">
                    <el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item>
                    <el-breadcrumb-item>政策文件</el-breadcrumb-item>
                    <el-breadcrumb-item :to="{ path:'/policy-info'}">政策文件</el-breadcrumb-item>
                    <el-breadcrumb-item class="text-ellipsis">{{ newsDetail.title }}</el-breadcrumb-item>
                </el-breadcrumb>
            </div>

@@ -47,7 +48,6 @@
const m_allData = ref([])

onMounted(() => {
    console.log('我被调用了')
    // è¿™é‡Œå¯ä»¥æ ¹æ®è·¯ç”±å‚数获取新闻详情
    newsId.value = route.params.id;
    initNewsList();
@@ -142,6 +142,12 @@
    font-weight: bold;
    line-height: 36px;
}
:deep(.el-breadcrumb__inner){
    max-width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.news-info {
    height: 16px;

 src/views/PolicyInfo.vue

@@ -4,7 +4,7 @@
        <div class="mb-6 text-sm">
            <el-breadcrumb separator=">" class="text-gray-600">
                <el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item>
                <el-breadcrumb-item>政策资讯</el-breadcrumb-item>
                <el-breadcrumb-item >政策资讯</el-breadcrumb-item>
            </el-breadcrumb>
        </div>
        <div class="flex gap-[30px]">
@@ -15,22 +15,32 @@
                <!-- æ ‡ç­¾é¡µ -->
                <div class="bg-white rounded-lg shadow" style="height: calc(100% - 50px);">
                    <el-tabs v-model="activeTab" class="policy-tabs h-full">
                        <el-tab-pane label="相关法律" name="laws" class="h-full">
                            <div class="flex flex-col w-full h-full" style="justify-content: center; align-items: center;">
                        <el-tab-pane label="推荐" name="laws" class="h-full">
                            <div class="flex flex-col w-full h-full"
                                style="justify-content: center; align-items: center;">
                                <!-- åˆ—表内容 -->
                                <div class="w-full px-6 flex-1 h-full" style="box-sizing: border-box;">
                                    <div v-for="(item, index) in policyList" :key="index" class="policy-item">
                                        <div @click="toDetail(item)"
                                            class="flex flex-col justify-between items-start py-4 border-b border-gray-200 hover:bg-gray-50" style="border-bottom: 1px solid #f1f1f1;">
                                            <div class="flex-1">
                                                <a
                                                    class="text-blue-600 hover:text-blue-800 text-lg mb-2 block text-[20px] text-[#0d0d0d]">{{
                                                        item.title
                                                    }}</a>
                                                <p class="text-gray-500 text-[16px] text-[#797979]">{{ item.description }}</p>
                                            class="h-[140px] flex justify-between items-start py-4 border-b border-gray-200 hover:bg-gray-50 gap-[20px]"
                                            style="border-bottom: 1px solid #f1f1f1;">
                                            <div class="h-full flex flex-col flex-1 justify-between">
                                                <div class="">
                                                    <a
                                                        class="text-blue-600 hover:text-blue-800 text-lg mb-2 block text-[20px] text-[#0d0d0d]">{{
                                                            item.title
                                                        }}</a>
                                                    <p class="text-gray-500 text-[16px] text-[#797979]">{{
                                                        item.description
                                                    }}</p>
                                                </div>
                                                <div class="text-gray-400 text-sm text-[#797979]">
                                                    å‘布时间：{{ item.publishTime }}
                                                </div>
                                            </div>
                                            <div class="text-gray-400 text-sm text-[#797979]">
                                                å‘布时间：{{ item.publishTime }}
                                            <div class="w-[155px] h-[140px]">
                                                <img src="/static/Data/newsData/img/preview_1.png" alt=""
                                                    class="w-full h-full object-cover news-img-style">
                                            </div>
                                        </div>
                                    </div>
@@ -47,26 +57,43 @@
                                </div>
                            </div>
                        </el-tab-pane>
                        <el-tab-pane label="公告通知" name="notices">
                        <el-tab-pane label="公告" name="notices">

                        </el-tab-pane>
                    </el-tabs>
                </div>
            </div>
            <!-- å³ä¾§æ ‡å‡†åŠ¨æ€ -->
            <div class="">
            <div class="w-[35%]">
                <div class="p-4" style="border: 1px solid #d1d1d1; box-sizing: border-box;">
                    <h3 class="text-lg font-bold mb-4 flex items-center right-title-name" style="border-bottom: 2px solid #003a8f;margin-bottom: 6px; padding-bottom: 5px;">
                    <h3 class="text-lg font-bold mb-4 flex items-center right-title-name"
                        style="border-bottom: 2px solid #003a8f;margin-bottom: 6px; padding-bottom: 5px;">
                        <span class="w-1 h-6 bg-blue-600 mr-2"></span>
                        æ ‡å‡†åŠ¨æ€
                        æœ€æ–°åŠ¨æ€
                    </h3>
                    <ul class="space-y-4 my-[0px]">
                        <li v-for="(news, index) in standardNews" @click="toDetail(news)" :key="index" class="text-sm"
                            style="border-bottom: 1px dashed; border-color: #d1d1d1; padding: 10px 0;">
                            <a href="#" class="text-[18px] text-[#646465] hover:text-blue-600">{{ news.title }}</a>
                            <div class="text-gray-400 mt-1 text-[14px] text-[#646465]">发布时间：{{ news.date }}</div>
                        </li>
                    </ul>
                    <ol class="hot-news-list  my-[0px] h-[498px]">
                        <swiper 
                        :direction="'vertical'" 
                        :slidesPerView="10" 
                        :spaceBetween="0" 
                        :loop="true"
                        :autoplay="{
                            delay: 3500,
                            disableOnInteraction: false,
                            pauseOnMouseEnter: true,
                        }" :modules="SwiperModule" class="mySwiper">
                                <swiper-slide v-for="(news, index) in standardNews" :key="index" style="height: auto;">
                                    <li  @click="toDetail(news)" :key="index"
                                        class="text-sm"
                                        style="border-bottom: 1px dashed; border-color: #d1d1d1; padding: 10px 0;">
                                        <a class="news-title flex items-center justify-start gap-[17px] text-[18px] text-[#646465] hover:text-blue-600">
                                            <span :style="newsNumberStyle(index + 1)">{{ index + 1 }}</span>
                                            <p :title="news.title">{{ news.title }}</p>
                                        </a>
                                    </li>
                                </swiper-slide>
                        </swiper>
                    </ol>
                </div>
            </div>
        </div>
@@ -77,44 +104,51 @@
import { ref, onMounted } from 'vue'
import { useRouter } from 'vue-router';
import axios from 'axios';
import { Swiper, SwiperSlide } from 'swiper/vue';
import { Autoplay, EffectFade,Pagination } from 'swiper/modules';
import 'swiper/css';
import 'swiper/css/effect-fade';
import 'swiper/css/pagination';

const SwiperModule = [Autoplay, EffectFade,Pagination];
const activeTab = ref('laws')
const currentPage = ref(1)
const pageSize = ref(20)
const total = ref(100)
const router = useRouter();
// æ¨¡æ‹Ÿæ•°æ®
const policyList = ref([ ])
const policyList = ref([])

const standardNews = ref([])

onMounted(()=>{
onMounted(() => {
    initNewsList()
})
// åˆå§‹åŒ–新闻列表数据
const initNewsList=()=>{
const initNewsList = () => {
    axios({
        url:"/static/Data/newsData/list.json",
        method:"get"
    }).then(res=>{
        url: "static/Data/newsData/list.json",
        method: "get"
    }).then(res => {
        const result = res.data
        const {LegalRelatedList,StandardDynamicsList} = result
        const { LegalRelatedList, StandardDynamicsList } = result

        policyList.value = LegalRelatedList.map(item=>{
        policyList.value = LegalRelatedList.map(item => {
            return {
                id:item.id,
                title:item.title,
                description:item.description,
                publishTime:item.pubdate
                id: item.id,
                title: item.title,
                description: item.description,
                publishTime: item.pubdate
            }
        })
        standardNews.value = StandardDynamicsList.map(item=>{
        standardNews.value = StandardDynamicsList.map(item => {
            return {
                id:item.id,
                title:item.title,
                date:item.pubdate,
                id: item.id,
                title: item.title,
                date: item.pubdate,
            }
        })
    }).catch(err=>{
    }).catch(err => {

    })
}
@@ -129,10 +163,23 @@
    // TODO: é‡æ–°åŠ è½½æ•°æ®
}

const toDetail = (node)=>{
const toDetail = (node) => {
    router.push({
        path:`news-detail/${node.id}`
        path: `news-detail/${node.id}`
    })
}
const newsNumberStyle = (index) => {
    if (index == 1) {
        return 'color:#ff403a;font-family: PingFang SC; font-weight: 500; font-size: 16px;'
    }
    if (index == 2) {
        return 'color:#ff9500;font-family: PingFang SC; font-weight: 500; font-size: 16px;'
    }
    if (index == 3) {
        return 'color:#fc0;font-family: PingFang SC; font-weight: 500; font-size: 16px;'
    }

    return 'color:#a1a3a6;font-family: PingFang SC; font-weight: 500; font-size: 16px;'
}
</script>

@@ -184,9 +231,39 @@
        background-color: #003a8f;
    }
}
.right-title-name{

.news-img-style {
    transition: all .3s ease-in-out;

    &:hover {
        transform: scale(1.05);
    }
}

.hot-news-list {
    padding: 0;

    li {
        list-style: none;
    }

    .news-title {
        cursor: pointer;
        p {
            margin: 0;
            padding: 0;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            font-size: 16px;
        }
    }
}

.right-title-name {
    position: relative;
    &::before{

    &::before {
        content: "";
        width: 4px;
        position: absolute;
@@ -195,8 +272,11 @@
        background-color: var(--theme-color);
    }
}

:deep(.el-tabs__content){
.mySwiper {
    width: 100%;
    height: 100%;
}
:deep(.el-tabs__content) {
    height: 100%;
}
</style>