医疗卫生代码提交

src/components/layout/header/mock.js

@@ -561,16 +561,16 @@ export const nav = [
                 id: uuid("gs_nav"),
                 name: "应用领域",
                 index: 5,
-                link: "",
+                link: "/News",
                 children: [
                     {
                         id: uuid("gs_nav"),
-                        name: "零售",
+                        name: "医疗卫生",
                         index: 5,
                         link: "",
                         breadcrumb: [
-                            { name: "资讯中心", path: "/News/index" },
-                            { name: "零售" },
+                            { name: "资讯中心", path: "/News/Health" },
+                            { name: "医疗卫生" },
                         ],
                     }
                 ],

src/router/index.js

@@ -489,6 +489,15 @@ const routes = [
         ]
       },
       {
+        path: "/News/Health",
+        name: "Health",
+        meta: {
+          name: "医疗卫生",
+        },
+        component: () => import("@/views/News/Health.vue"),
+      },
+     
+      {
         path: "/Knowledge",
         name: "Knowledge",
         meta: {

src/views/Djwh/comps/list.vue

@@ -48,6 +48,7 @@ export default {
     .list-right{
       text-align: right;
     }
+    
   }
 }
 </style>
\ No newline at end of file

src/views/News/Health.vue

+<template>
+  <div class="container" >
+    <breadcrumb />
+    <div class="health">
+      
+      <div class="">
+        <ul class="health-ul">
+          <li v-for="(tmp, i) in typeList" :key="i">
+            <div class="health-li-tp">
+              <img :src="tmp.icon" alt="" />
+            </div>
+            <div class="health-li-bt">
+              <p class="title">{{tmp.title}}</p>
+              <p v-for="(item,index) in tmp.list" :key="index" class="listyle">{{item}}</p>
+            </div>
+          </li>
+        </ul>
+      </div>
+    </div>
+   
+  </div>
+</template>
+<script>
+
+import breadcrumb from "../comps/breadcrumb.vue";
+export default {
+  components: {
+   breadcrumb
+    
+  },
+  data() {
+    return {
+     typeList:[
+       {
+         icon:require("../../assets/image/news/ylws1.png"),
+         title:'政策法规',
+         list:['药品','医疗器械']
+       },
+       {
+         icon:require("../../assets/image/news/ylws2.png"),
+         title:'追溯',
+         list:['EPCIS','药品追溯']
+       },
+       {
+         icon:require("../../assets/image/news/ylws3.png"),
+         title:'医疗机构',
+         list:['标准实施十步走','优秀案例','GS1医疗奖']
+       },
+       {
+         icon:require("../../assets/image/news/ylws4.png"),
+         title:'GS1标准与解决方案',
+         list:['GS1如何帮助解决方案提供商']
+       },
+       {
+         icon:require("../../assets/image/news/ylws5.png"),
+         title:'GS1医疗标准',
+         list:['用于医疗的GS1标准','临床试验标准']
+       },
+       {
+         icon:require("../../assets/image/news/ylws6.png"),
+         title:'应用案例',
+         list:['报告','案例','立场书']
+       }
+     ]
+    };
+  },
+  mounted() {
+    // 面包屑单独处理
+    this.$store.commit("system/SET_BREADCRUMB", [
+      { name: "应用领域", path: "/New" },
+      { name: "医疗卫生" },
+    ]);
+  },
+  methods: {},
+  
+};
+</script>
+<style lang="scss">
+.health {
+  @media screen and (min-width: 992px) {
+    .health-ul {
+      justify-content: space-between;
+    }
+  }
+  @media screen and (max-width: 992px) {
+    .health-ul {
+      justify-content: space-around;
+    }
+  }
+}
+</style>
+<style lang="scss" scoped>
+.health {
+  ul {
+    padding: 0;
+    margin: 0;
+  }
+  .health-ul {
+      display: flex;
+      flex-wrap: wrap;
+      margin-top: 30px;
+      li {
+        width: 363px;
+        background: #ffffff;
+        box-shadow: 0px 4px 15px 2px rgba(4, 64, 141, 0.08);
+        // border-radius: 4px;
+        margin-bottom: 30px;
+        border-top: 5px solid #00B6DE;
+        .health-li-tp{
+          margin-top: -1px;
+        }
+        img {
+          width: 100%;
+        }
+        .health-li-bt {
+          width: 90%;
+          margin: 0 auto;
+          color: #414345;
+          font-size: 14px;
+          padding: 19px 0;
+          .title{
+            color: #0E2C6B;
+            font-size: 18px;
+          }
+          .listyle{
+            font-size: 14px;
+            color: #00B6DE;
+          }
+          .listyle::before{
+            content: "\25CF"; 
+            margin-right: 5px;
+          }
+
+        }
+      }
+    }
+  .health-top {
+    @include module-box;
+    
+  }
+  .health-bottom {
+    @include module-box;
+    margin-top: 30px;
+  }
+}
+</style>
\ No newline at end of file

src/views/News/main.vue

@@ -98,8 +98,8 @@ export default {
             },
             {
               name: "医疗卫生",
-              path: "",
-              active: "",
+              path: "/News/Health",
+              active: "Health",
             },
             {
               name: "食品安全追溯",