feat: 碳证中心添加单独页面，配置共性能力平台链接、调整文档联系人方式

txw-mhzc-web/public/docs/carbon-guide.md

@@ -48,7 +48,8 @@
 
 ## 技术联系
 
-> 联系人： 谢老师  
+- 联系人： 谢老师  
-> 联系电话: 15601721332  
+- 联系电话: 15601721332  
-> 联系邮箱: pjsl_service@chainable.com.cn  
+- 联系邮箱: pjsl_service@chainable.com.cn  
+
 ---

txw-mhzc-web/src/pages/index/components/nav/index2.vue

@@ -117,6 +117,7 @@ export default {
         '/qych': 'qych',
         '/hyzt': 'hyzt',
         '/login': 'login',
+        '/tzzx': 'tzzx',
       },
 
       menuOptions: [

txw-mhzc-web/src/pages/index/router/routes.js

@@ -117,6 +117,10 @@ function mdviewer() {
 }
 
 
+// md文档查看器
+function tzzx() {
+  return import(/* webpackChunkName: "tzzx" */ '@/pages/index/views/tzzx/index.vue');
+}
 
 
 export default [
@@ -329,4 +333,15 @@ export default [
       disableBack: true,
     },
   },
+  {
+    name: 'tzzx',
+    path: '/tzzx',
+    component: tzzx,
+    meta: {
+      title: '碳证中心',
+      isShowSideBar: false,
+      hasHome: true,
+      disableBack: true,
+    },
+  },
 ];

txw-mhzc-web/src/pages/index/views/gxnlpt/index.vue

@@ -12,7 +12,7 @@
           <div :id="item.id" v-for="(item, index) in GXNLPTtabList" :key="index">
             <div class="anchor-container-title">{{ item.title }}</div>
             <div class="anchor-container-box">
-              <div class="anchor-container-box-card" v-for="(v, i) in item.cardList" :key="i">
+              <div class="anchor-container-box-card" v-for="(v, i) in item.cardList" :key="i" @click="handleCardClick(v, $event)">
                 <div class="anchor-container-box-img">
                   <img :src="getIconUrl1(v.img, item.mrimg)" alt="" />
                   <img v-if="v.icon" :src="getIconUrl(v.icon)" alt="" class="anchor-container-box-img-img" />
@@ -54,19 +54,21 @@ export default {
           cardList: [
             {
               img: '',
-              title: '碳足迹计算器',
+              title: '产品碳足迹',
-              context: '提供企业碳足迹核算、产品碳足迹计算、供应链碳管理等功能',
+              context: '管理你的LCA项目，使用数据集采集与LCA计算功能',
+              url: 'https://www.ouyeel.com/lca/',
+            },
+            {
+              img: '',
+              title: 'CBAM',
+              context: '助力企业快速应对欧盟碳关税政策，了解碳成本，完成CBAM报告',
+              url: 'https://www.ouyeel.com/cbam/',
             },
             {
               img: '',
               title: '企业碳管理平台',
               context: '全链条碳足迹追踪，支持多级供应商碳数据管理和分析',
             },
-            {
-              img: '',
-              title: '供应链碳追踪',
-              context: '提供企业碳足迹核算、产品碳足迹计算、供应链碳管理等功能',
-            },
           ],
         },
         {
@@ -197,6 +199,13 @@ export default {
         el.scrollIntoView({ behavior: 'smooth', block: 'start' });
       }
     },
+    handleCardClick(v) {
+      if (v.url) {
+        window.open(v.url, '_blank');
+      } else {
+        this.$message.warning('敬请期待');
+      }
+    },
     getIconUrl(iconName) {
       // 使用require动态加载图片
       return require(`../../assets/icon/${iconName}`);

txw-mhzc-web/src/pages/index/views/main.vue

@@ -2,9 +2,9 @@
   <div>
     <Nav @gotoIfreamPage="gotoIfreamPage" @gotoPage="gotoPage" />
     <div ref="contentWrap" class="content-wrap" :style="isHomePage ? { 'height': documentClientHeight + 'px','margin-top':'0px' } : { 'height': documentClientHeight-64 + 'px','margin-top':'64px' }">
-      <iframe v-if="iframeUrl" :src="iframeUrl" width="100%" height="100%" frameborder="0" scrolling="yes">
+      <!-- <iframe v-if="iframeUrl" :src="iframeUrl" width="100%" height="100%" frameborder="0" scrolling="yes">
-      </iframe>
+      </iframe> -->
-      <keep-alive v-else>
+      <keep-alive>
         <router-view @gotoIfreamPage="gotoIfreamPage" @gotoPage="gotoPage" />
       </keep-alive>
     </div>
@@ -77,7 +77,10 @@ export default {
         window.location.href = `/view/mhzc/login`;
         return;
       }
-      this.iframeUrl = iframeUrl;
+      // this.iframeUrl = iframeUrl;
+      this.$router.push({
+        path: `/tzzx?page=${iframeUrl}`
+      })
     },
 
 

txw-mhzc-web/src/pages/index/views/tzzx/index.vue

@@ -0,0 +1,68 @@
+<template>
+  <div class="tzzx-page">
+    <div v-if="loading" class="loading">加载中...</div>
+    <iframe
+      v-else-if="iframeUrl"
+      :src="iframeUrl"
+      width="100%"
+      height="100%"
+      frameborder="0"
+      scrolling="yes"
+    ></iframe>
+    <div v-else class="empty">链接错误</div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'tzzx',
+  data() {
+    return {
+      iframeUrl: '',
+      loading: true,
+    };
+  },
+  mounted() {
+    this.fetchPage();
+    // 监听路由变化
+    this.$watch(
+      () => this.$route.query,
+      () => this.fetchPage()
+    );
+  },
+  beforeRouteUpdate(to, from, next) {
+    this.fetchPage();
+    next();
+  },
+  methods: {
+    fetchPage() {
+      const { page } = this.$route.query;
+      console.log('page:', page);
+      if (page) {
+        this.iframeUrl = page;
+        this.loading = false;
+      } else {
+        this.iframeUrl = '';
+        this.loading = false;
+      }
+    },
+  },
+};
+</script>
+
+<style lang="less" scoped>
+.tzzx-page {
+  width: 100%;
+  height: 100%;
+  .loading,
+  .empty {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 100%;
+    height: 100%;
+    font-size: 16px;
+    color: #999;
+  }
+}
+</style>

txw-mhzc-web/vue.config.js

@@ -287,30 +287,30 @@ module.exports = {
     // 会误伤 SPA 路由 /view/mhzc/...，刷新时整页请求被转发到后端导致 Proxy error。必须用 ^ 限定为路径前缀。
     proxy: {
       '^/sso': {
-        target: 'http://localhost:9300',
+        // target: 'http://localhost:9300',
         // target: 'http://carbon.liantu.tech',
-        // target: 'http://www.cciw.com.cn',
+        target: 'https://www.cciw.com.cn',
         // target: 'http://10.23.20.13:94/',
         changeOrigin: true,
       },
       '^/mhzc': {
-        target: 'http://localhost:9300',
+        // target: 'http://localhost:9300',
         // target: 'http://carbon.liantu.tech',
-        // target: 'http://www.cciw.com.cn',
+        target: 'https://www.cciw.com.cn',
         // target: 'http://10.23.20.13:94/',
         changeOrigin: true,
       },
       '^/gxzx': {
-        target: 'http://localhost:9300',
+        // target: 'http://localhost:9300',
         // target: 'http://carbon.liantu.tech',
-        // target: 'http://www.cciw.com.cn',
+        target: 'https://www.cciw.com.cn',
         // target: 'http://10.23.20.13:94/',
         changeOrigin: true,
       },
       '^/yygl': {
         // target: 'http://localhost:20010',
-        target: 'http://carbon.liantu.tech',
+        // target: 'http://carbon.liantu.tech',
-        // target: 'http://www.cciw.com.cn',
+        target: 'https://www.cciw.com.cn',
         // target: 'http://10.23.20.13:94/',
         changeOrigin: true,
       },