feat: GS1标准服务提供商医疗行业案例【100%】

src/router/service.js

@@ -102,6 +102,13 @@ export const service = {
                         name: "我要成为GS1标准服务提供商",
                     },
                 },
+                {
+                    path: "Partners/CaseHealthcare",
+                    component: () => import("@/views/Service/Partners/caseHealthcare"),
+                    meta: {
+                        name: "GS1标准服务提供商医疗行业案例",
+                    },
+                },
                 // 标准服务提供商 End
                 {
                     path: "GDS",

src/views/Service/Partners/case.vue

+<template>
+
+</template>
+
+<script>
+export default {
+  name: "case"
+}
+</script>
+
+<style scoped>
+
+</style>

src/views/Service/Partners/caseHealthcare.vue

+<template>
+  <div class="search-content n-service partners-case-healthcare">
+    <div class="body" style="padding-top: 9px;position: relative;">
+      <ul class="main-list">
+        <!-- 注意！这里请后台开发的同学替换成循环输出 top 20 -->
+
+        <li><a target="_blank" href="/Service/Partners/Case.aspx?id=5">
+          宁波天益医疗GS1-UDI项目案例介绍-上海路歌信息技术有限公司</a></li>
+
+        <li><a target="_blank" href="/Service/Partners/Case.aspx?id=3">
+          利用GS1编码规则实施UDI满足中国法规要求，实现内部追溯</a></li>
+
+        <li><a target="_blank" href="/Service/Partners/Case.aspx?id=2">
+          多米诺集团在医疗领域的GS1标准应用案例</a></li>
+
+        <li><a target="_blank" href="/Service/Partners/Case.aspx?id=1">
+          北京爱创科技股份有限公司进口药品GS1应用案例</a></li>
+
+      </ul>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  created() {
+    // 面包屑单独处理
+    this.$store.commit("system/SET_BREADCRUMB", [
+      {name: "服务中心", path: "/Service/BarcodeV"},
+      {name: "标准服务提供商", path: "/Service/Partners/index"},
+      {name: "GS1标准服务提供商案例", path: "/Service/Partners/Case"},
+      {name: "GS1标准服务提供商医疗行业案例"},
+    ]);
+  },
+  methods: {},
+};
+</script>
+
+<style lang="scss">
+.n-service.partners-case-healthcare {
+  p {
+    font-family: PingFangSC-Regular, PingFang SC;
+    margin: 10px 0;
+    font-size: 14px;
+    font-weight: 400;
+    color: #414345;
+    text-indent: 2em;
+  }
+
+  .main-list {
+    padding-left: 40px;
+  }
+
+  .main-list li {
+    color: #ccc;
+    /*height: 40px;*/
+    line-height: 40px;
+    list-style: disc;
+    border-bottom: 1px dashed #eee;
+    font-size: 14px;
+  }
+
+  .main-list li a {
+    width: 100%;
+    display: inline-block;
+    line-height: 28px;
+    vertical-align: top;
+    padding: 8px 0;
+    color: #008dbd;
+    text-decoration: none;
+    font-weight: 500;
+    word-break: break-word;
+  }
+
+  .main-list li:hover {
+    background-color: #eee;
+  }
+
+}
+</style>

src/views/Service/Partners/content.vue

+<template>
+
+</template>
+
+<script>
+export default {
+  name: "case"
+}
+</script>
+
+<style scoped>
+
+</style>

src/views/Service/Partners/index.vue

@@ -44,7 +44,7 @@
                 <div style="font-size: 18px;padding: 8px 0;border-bottom: 1px solid #248ece;">医疗</div>
                 <div style="margin-top: 15px;margin-bottom: 15px;"><span style="">汇集医疗领域的优质解决方案服务商，以优质的技术和服务，为用户解决GS1编码的“最后一公里”问题。</span>
                 </div>
-                <div class="text-right"><a href="/Service/Partners/CaseHealthcare.aspx">更多»</a></div>
+                <div class="text-right"><a href="/Service/Partners/CaseHealthcare">更多»</a></div>
               </div>
             </div>
           </div>