feat: 国家食品（产品）安全追溯平台【100%】

src/router/service.js

@@ -110,6 +110,13 @@ export const service = {
                         name: "中国商品信息服务平台",
                     },
                 },
+                {
+                    path: "Chinatrace",
+                    component: () => import("@/views/Service/ChinaTrace"),
+                    meta: {
+                        name: "国家食品（产品）安全追溯平台",
+                    },
+                },
             ],
         },
     ],

src/views/Service/ChinaTrace.vue

+<template>
+  <div class="search-content n-service gds">
+    <div class="title">国家食品（产品）安全追溯平台</div>
+    <div class="body" style="padding-top: 9px">
+      <p>
+        国家食品（产品）安全追溯平台（<a target="_blank" href="http://www.chinatrace.org">http://www.chinatrace.org</a>）是国家发改委确定的重点食品质量安全追溯物联网应用示范工程，主要面向全国生产企业，实现产品追溯、防伪及监管，由中国物品编码中心建设及运行维护，由政府、企业、消费者、第三方机构使用。
+      </p>
+
+      <div class="barcodev-title">
+        服务企业：为企业提供溯源信息的集中化管理
+      </div>
+      <p>
+        服务于企业的“企业内部追溯系统”，主要通过制定不同行业内部追溯标准，帮助企业定制开发符合自己的业务流程追溯系统。
+      </p>
+
+      <div class="barcodev-title">
+        服务政府：为政府监管提供基础数据支持
+      </div>
+      <p>
+        为政府监管服务的“政府监管系统”，可以提供追溯报告查询、发送召回通知、自检要求报告、信用评级。
+      </p>
+
+      <div class="barcodev-title">
+        服务公众：为公众提供查询溯源信息的窗口
+      </div>
+      <p>
+        向公众提供查询服务的“公众查询系统”，提供公共追溯查询入口，消费者和食品质量监管部门可通过该入口查询产品的追溯信息。实现方式应方便、快捷和实时，同时提供可视化查询界面效果。公众消费者查询系统主要功能包括：商品信息查询、追溯报告查询、追溯地图查询、意见反馈、预警信息。
+      </p>
+
+      <div class="barcodev-title">
+        追溯平台具有以下特点：
+      </div>
+      <div class="notice">
+        <ul style="font-size: 14px">
+          <li style="padding-top: 15px">权威性：国家级平台，国家物联网建设示范工程；</li>
+          <li>唯一性：追溯码全球唯一；</li>
+          <li>开放性：可兼容不同行业追溯子系统；</li>
+          <li>国际性：与世界上200多个国家实现追溯信息链接；</li>
+          <li>标准性：使用GS1 XML 和EDI 实现数据统一格式；</li>
+          <li>灵活性：自定义追溯模板，实现对不同行业不同产品的追溯；</li>
+          <li>易用性：操作简单，易学易用。</li>
+        </ul>
+      </div>
+
+      <div class="barcodev-title">
+        国家食品（产品）安全追溯平台加入流程说明
+      </div>
+      <p>
+        国家食品（产品）安全追溯平台（以下简称平台）接收31个省级平台上传的质量监管与追溯数据；完善并整合条码基础数据库、QS、监督抽查数据库等质检系统内部现有资源（分散存储、互联互通）；通过对食品企业质量安全数据的分析与处理，实现信息公示、公众查询、诊断预警、质量投诉等功能。加入流程如下：
+      </p>
+
+
+      <div class="barcodev-title">
+        一、 登录平台
+      </div>
+      <p>
+        在浏览器中输入平台的网址：http://www.chinatrace.org/，如下图所示：
+      </p>
+      <div class="notice text-center">
+        <img src="./img/1.jpg" alt="">
+      </div>
+
+      <div class="barcodev-title">
+        二、 用户注册及登录
+      </div>
+      <p>
+        平台为生产企业、流通企业提供产品追溯通道，方便上述企业建立自己的产品追溯系统。
+      </p>
+      <p>
+        用户注册界面如下所示：
+      </p>
+      <div class="notice text-center">
+        <img src="./img/2.jpg" alt="">
+      </div>
+
+      <p>
+        用户完成注册后就可以进入用户登录界面，如下图：
+      </p>
+      <div class="notice text-center">
+        <img src="./img/3.jpg" alt="">
+      </div>
+      <p>
+        用户根据其注册时企业的性质，登录各自的追溯通道，可以对相关产品进行追溯数据的填报和管理。
+      </p>
+
+
+      <div class="barcodev-title">
+        三、 公众查询
+      </div>
+      <p>
+        在平台网站的首页，公众可以通过输入相关产品的商品条码信息、商品条码+批次号、追溯码等信息实现对应产品的追溯信息的查询。如下图所示：
+      </p>
+      <div class="notice text-center">
+        <img src="./img/4.jpg" alt="">
+      </div>
+
+
+    </div>
+  </div>
+</template>
+
+<script>
+export default {};
+</script>
+
+<style lang="scss">
+.n-service.gds {
+  .notice {
+    margin: 10px 0 30px;
+
+    ul li {
+      list-style-type: disc;
+    }
+
+    img {
+      max-width: 100%;
+    }
+
+  }
+
+  a {
+    color: #008dbd;
+    text-decoration: none;
+    font-weight: 500;
+    word-break: break-word;
+  }
+
+  p {
+    font-family: PingFangSC-Regular, PingFang SC;
+    margin: 10px 0;
+    font-size: 14px;
+    font-weight: 400;
+    color: #414345;
+    text-indent: 2em;
+  }
+
+  .barcodev-title {
+    display: inline-block;
+    font-size: 16px;
+    font-weight: 500;
+    color: #F26335;
+    margin: 10px 0;
+  }
+}
+</style>