feat: 我要查找GS1标准服务提供商板块页面【100%】

src/components/layout/header/service.js

@@ -233,7 +233,7 @@ export default  {
                     id: uuid("gs_nav"),
                     name: "服务商列表",
                     index: 1,
-                    link: "/Service/jcyxz/List",
+                    link: "/Service/Partners/List",
                     breadcrumb: [
                         { name: "服务中心", path: "/Service/BarcodeV" },
                         { name: "标准服务提供商", path: "/Service/Partners/index" },
@@ -244,7 +244,7 @@ export default  {
                     id: uuid("gs_nav"),
                     name: "案例介绍",
                     index: 2,
-                    link: "/Service/jcyxz/CaseList",
+                    link: "/Service/Partners/CaseList",
                     breadcrumb: [
                         { name: "服务中心", path: "/Service/BarcodeV" },
                         { name: "标准服务提供商", path: "/Service/Partners/index" },
@@ -255,7 +255,7 @@ export default  {
                     id: uuid("gs_nav"),
                     name: "申请与咨询",
                     index: 3,
-                    link: "/Service/jcyxz/Join",
+                    link: "/Service/Partners/Join",
                     breadcrumb: [
                         { name: "服务中心", path: "/Service/BarcodeV" },
                         { name: "条码/RFID/软件检测服务", path: "/Service/jcyxz/Barcode" },

src/router/service.js

@@ -81,6 +81,13 @@ export const service = {
                         name: "关于我们",
                     },
                 },
+                {
+                    path: "Partners/List",
+                    component: () => import("@/views/Service/Partners/list"),
+                    meta: {
+                        name: "我要查找GS1标准服务提供商",
+                    },
+                },
                 // 标准服务提供商 End
             ],
         },

src/views/Service/Partners/list.vue

+<template>
+  <div class="search-content n-service partners-list">
+    <div class="title">我要查找GS1标准服务提供商</div>
+    <div class="body" style="padding-top: 9px;position: relative;">
+      <div class="notice">
+        <p>
+          GS1标准服务提供商由标识打印、制作和识别，系统集成、信息服务、咨询等领域的解决方案提供商组成，服务于医疗、物流、零售、电子商务、快消、服装等行业。GS1标准服务提供商能够支持GS1标准的推广和使用。
+        </p>
+      </div>
+      <div class="search row" style="margin: 15px 0;">
+        <div class="col-lg-4">
+          <el-select style="width: 100%" size="small" v-model="technology" placeholder="请选择">
+            <el-option
+                v-for="item in technologyList"
+                :key="item.value"
+                :label="item.value"
+                :value="item.value">
+            </el-option>
+          </el-select>
+        </div>
+        <div class="col-lg-4">
+          <el-select style="width: 100%" size="small" v-model="service" placeholder="请选择">
+            <el-option
+                v-for="item in serviceList"
+                :key="item.value"
+                :label="item.value"
+                :value="item.value">
+            </el-option>
+          </el-select>
+        </div>
+
+        <div class="col-lg-4 text-left">
+          <el-button type="primary" size="small">搜索</el-button>
+        </div>
+
+        <ul class="main-list">
+          <!-- 注意！这里请后台开发的同学替换成循环输出 top 20 -->
+
+          <li><a target="_blank" href="/Service/Partners/content?id=7">
+            上海路歌信息技术有限公司</a></li>
+
+          <li><a target="_blank" href="/Service/Partners/content?id=6">
+            上海悦孜企业信息咨询有限公司</a></li>
+
+          <li><a target="_blank" href="/Service/Partners/content?id=5">
+            上海敖维计算机科技发展有限公司</a></li>
+
+          <li><a target="_blank" href="/Service/Partners/content?id=4">
+            北京东方捷码科技开发中心</a></li>
+
+          <li><a target="_blank" href="/Service/Partners/content?id=3">
+            北京爱创科技股份有限公司</a></li>
+
+          <li><a target="_blank" href="/Service/Partners/content?id=2">
+            多米诺标识科技有限公司</a></li>
+
+          <li><a target="_blank" href="/Service/Partners/content?id=1">
+            北京嘉华汇诚科技股份有限公司</a></li>
+
+        </ul>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  data() {
+    return {
+      technology: '全部技术领域',
+      technologyList: [
+        {value: '全部技术领域'}, {value: '标识的打印和制作'}, {value: '系统集成'}, {value: '信息服务'}, {value: '咨询服务'}, {value: '其他'},
+      ],
+      service: '全部服务行业',
+      serviceList: [{value: '全部服务行业'}, {value: '医疗'}, {value: '零售'}, {value: '电子商务'}, {value: '食品烟酒'}, {value: '物流'}, {value: '服装'}, {value: '快速消费品'}, {value: '消费电子产品'}, {value: '制造和零部件'}, {value: '建材'}, {value: '其他'},]
+    }
+  },
+  methods: {},
+};
+</script>
+
+<style lang="scss">
+.n-service.partners-list {
+  .notice {
+    margin: 10px 0;
+  }
+
+  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;
+  }
+
+  .search {
+    .col-lg-4 {
+      margin-bottom: 15px;
+    }
+  }
+
+  .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>