首页连接跳转70%

d6ae8d1f · 林家欣 · 656f1275 · d6ae8d1f · d6ae8d1f
Commit d6ae8d1f authored Oct 25, 2021 by 林家欣
Show whitespace changes
Inline Side-by-side

Showing with 119 additions and 9 deletions

list.vue src/views/Home/comps/list.vue +13 -1

index.vue src/views/Home/index.vue +106 -8

No files found.
--- a/src/views/Home/comps/list.vue
+++ b/src/views/Home/comps/list.vue
@@ -8,10 +8,21 @@
      <div class="col-lg-4 list-right">2020-10-20</div>
    </div>
    <div class="row">
-      <div class="col more"><span>更多></span></div>
+      <div class="col more" @click="handelMore"><span>更多></span></div>
    </div>
  </div>
 </template>
+<script>
+export default {
+  methods: {
+    handelMore() {
+      this.$router.push({
+        path: '/News/index'
+      });
+    }
+  },
+}
+</script>
 <style lang="scss" scoped>
 .list {
  margin: 0;
@@ -47,6 +58,7 @@
  }
  .more{
    text-align: right;
+    cursor: pointer;
    span{
      color: #F26335;
      font-size: 14px;

--- a/src/views/Home/index.vue
+++ b/src/views/Home/index.vue
@@ -270,16 +270,16 @@
                    <span>我还不是系统成员</span>
                    <span>（企业初次申请）</span>
                  </div>
-                  <button class="wbsxtcy-btn">我要申请商品条码</button>
+                  <button class="wbsxtcy-btn" @click="wysqsptmHandelClick">我要申请商品条码</button>
                  <div class="row ywdt-kj">
-                    <div class="col-lg-6" v-for="(tmp, i) in whbsxtcy" :key="i">
+                    <div class="col-lg-6" v-for="(tmp, i) in whbsxtcy" :key="i" @click="whbsxtcyHandelClick(i)">
                      <div class="ywdt-tp">
                        <img
                          :src="tmp.ico"
                          alt=""
                        />
                      </div>
-                      <div class="ywdt-bt">{{tmp.name}}</div>
+                      <div class="ywdt-bt">{{tmp.name}}1</div>
                    </div>
                  </div>
                </div>
@@ -289,7 +289,7 @@
                    <span>（成员专区）</span>
                  </div>
                  <div class="row ywdt-kj">
-                    <div class="col-lg-6" v-for="(tmp, i) in wsxtcy" :key="i">
+                    <div class="col-lg-6" v-for="(tmp, i) in wsxtcy" :key="i" @click="wsxtcyHandelClick(i)">
                      <div class="ywdt-tp">
                        <img
                          :src="tmp.ico"
@@ -307,7 +307,7 @@
                    <span>我是医疗企业</span>
                  </div>
                  <div class="row ywdt-kj">
-                    <div class="col-lg-6" v-for="(tmp, i) in wsylqy" :key="i">
+                    <div class="col-lg-6" v-for="(tmp, i) in wsylqy" :key="i" @click="wsylqyHandelClick(i)">
                      <div class="ywdt-tp">
                        <img
                          :src="tmp.ico"
@@ -323,7 +323,7 @@
                    <span>跨境业务办理专区</span>
                  </div>
                  <div class="row ywdt-kj">
-                    <div class="col-lg-6" v-for="(tmp, i) in kjywblzq" :key="i">
+                    <div class="col-lg-6" v-for="(tmp, i) in kjywblzq" :key="i" @click="kjywblzqHandelClick(i)">
                      <div class="ywdt-tp">
                        <img
                          :src="tmp.ico"
@@ -479,7 +479,7 @@
      <div class="container">
        <div class="spqqsfz-cate">
          <div class="spqqsfz-cate-left">商品全球身份证</div>
-          <div class="spqqsfz-cate-right">更多></div>
+          <div class="spqqsfz-cate-right" @click="spqqsfzHandelClick">更多></div>
        </div>
        <div class="spqqsfz-cont row">
          <div class="spqqsfz-cont-left col-lg-3">
@@ -504,7 +504,7 @@
              </div>
              <div class="row">
                <div class="col offset-2 offset-lg-3">
-                  <button>更多商品信息</button>
+                  <button  @click="spqqsfzHandelClick">更多商品信息</button>
                </div>
              </div>
            </div>
@@ -678,60 +678,85 @@ export default {
        {
          ico: require("../../assets/image/home/wbsxtcy-ico1.png"),
          name: '收费公示',
+          url: '/Business/Corppaynew'
        },
        {
          ico: require("../../assets/image/home/wbsxtcy-ico2.png"),
          name: '操作指南',
+          url: '/Business/Guide1'
        },
        {
          ico: require("../../assets/image/home/wbsxtcy-ico3.png"),
          name: '条码注册公告',
+          url: '/Business/Notice',
+          query: {
+            id: 'zhuce'
+          }
        },
        {
          ico: require("../../assets/image/home/wbsxtcy-ico4.png"),
          name: '条码注销公告',
+          url: '/Business/Notice',
+          query: {
+            id: 'zhuxiao'
+          }
        }
      ],
      wsxtcy: [
        {
          ico: require("../../assets/image/home/wsxtcy-ico1.png"),
          name: '培训',
+          url: '/Service/Training'
        },
        {
          ico: require("../../assets/image/home/wsxtcy-ico2.png"),
          name: '续展',
+          url: '/Business/Renewal'
        },
        {
          ico: require("../../assets/image/home/wsxtcy-ico3.png"),
          name: '编码',
+          url: '/Business/Code1',
+          query: {
+            id: '1-1'
+          }
        },
        {
          ico: require("../../assets/image/home/wsxtcy-ico4.png"),
          name: '通报编码信息',
+          url: '/Business/Guide3',
+          query: {
+            id: '3-1'
+          }
        },
        {
          ico: require("../../assets/image/home/wsxtcy-ico5.png"),
          name: '追溯',
+          url: '/Business/FoodSafety',
        },
        {
          ico: require("../../assets/image/home/wsxtcy-ico6.png"),
          name: '查找服务商',
+          url: '/Service/Partners/List'
        }
      ],
      wsylqy: [
        {
          ico: require("../../assets/image/home/wsylqy-ico1.png"),
          name: '申请医疗器械唯一标识（UDI）',
+          url: '/Business/UDI'
        },
        {
          ico: require("../../assets/image/home/wsylqy-ico2.png"),
          name: '申请药品追溯码',
+          url: '/Business/ypzs'
        }
      ],
      kjywblzq: [
        {
          ico: require("../../assets/image/home/kjywblzq-ico1.png"),
          name: 'GLN业务办理',
+          url: '/Business/GLN'
        },
        {
          ico: require("../../assets/image/home/kjywblzq-ico2.png"),
@@ -743,41 +768,54 @@ export default {
          ico: require("../../assets/image/home/dzfw-ico1.png"),
          name: "商品信息服务平台",
          isChecked: true,
+          url: '/Service/GDS',
        },
        {
          ico: require("../../assets/image/home/dzfw-ico2.png"),
          name: "进口商品数据通报",
          isChecked: true,
+          url: 'http://import.gds.org.cn/Content/staticpage/serviceIntroduct.html',
+          type: 'link',
        },
        {
          ico: require("../../assets/image/home/dzfw-ico3.png"),
          name: "条码微站",
          isChecked: true,
+          url: 'http://static.gds.org.cn/ws/index.html',
+          type: 'link',
        },
        {
          ico: require("../../assets/image/home/dzfw-ico4.png"),
          name: "商品二维码",
          isChecked: true,
+          url: 'http://www.2dcode.org/',
+          type: 'link',
        },
        {
          ico: require("../../assets/image/home/dzfw-ico5.png"),
          name: "GDSN",
          isChecked: true,
+          url: 'http://b2b.gds.org.cn/Content/Index/GDSN_introduction.html',
+          type: 'link',
        },
        {
          ico: require("../../assets/image/home/dzfw-ico6.png"),
          name: "条码信息查询",
          isChecked: true,
+
        },
        {
          ico: require("../../assets/image/home/dzfw-ico7.png"),
          name: "条码商桥",
          isChecked: true,
+          url: 'http://so.anccnet.com/Home/Login',
+          type: 'link'
        },
        {
          ico: require("../../assets/image/home/dzfw-ico8.png"),
          name: "产品服务",
          isChecked: false,
+          url: '/Service/BarcodeV',
        },
        {
          ico: require("../../assets/image/home/dzfw-ico9.png"),
@@ -788,16 +826,19 @@ export default {
          ico: require("../../assets/image/home/dzfw-ico10.png"),
          name: "平台服务",
          isChecked: false,
+          url: '/Service/GDS'
        },
        {
          ico: require("../../assets/image/home/dzfw-ico11.png"),
          name: "条码/射频(RFID)/软件检测服务",
          isChecked: true,
+          url: '/Service/jcyxz/Barcode'
        },
        {
          ico: require("../../assets/image/home/dzfw-ico12.png"),
          name: "追溯平台",
          isChecked: true,
+          url: '/Service/Chinatrace'
        },
        {
          ico: require("../../assets/image/home/dzfw-ico13.png"),
@@ -828,6 +869,44 @@ export default {
    this.dzfw.push(this.dzfLastChild);
  },
  methods: {
+    // 我要申请商品条码
+    wysqsptmHandelClick() {
+      this.$router.push({
+        path: '/Business/Register',
+      })
+    },
+    // 我还不是系统成员点击事件
+    whbsxtcyHandelClick(i) {
+      console.log(i, '我还不是系统成员点击事件');
+      this.$router.push({
+        path: this.whbsxtcy[i].url,
+        query: this.whbsxtcy[i].query,
+      })
+    },
+    // 我是系统成员点击事件
+    wsxtcyHandelClick(i) {
+      console.log(i, '我是系统成员点击事件');
+      this.$router.push({
+        path: this.wsxtcy[i].url,
+        query: this.wsxtcy[i].query,
+      })
+    },
+    // 我是医疗企业点击事件
+    wsylqyHandelClick(i) {
+      console.log(i, '我是医疗企业点击事件');
+      this.$router.push({
+        path: this.wsylqy[i].url,
+        query: this.wsylqy[i].query,
+      })
+    },
+    // 跨境业务办理专区
+    kjywblzqHandelClick(i) {
+      console.log(i, '跨境业务办理专区');
+      this.$router.push({
+        path: this.kjywblzq[i].url,
+        query: this.kjywblzq[i].query,
+      })
+    },
    dzfwHandelChange(i) {
      this.dzfw[i].isChecked = !this.dzfw[i].isChecked;
      const currentCheck = this.dzfw[i].isChecked;
@@ -848,15 +927,28 @@ export default {
    },
    dzfwHandelClick(i) {
      console.log(i, "i");
+      // 打开定制服务更多
      if (this.dzfw[i].method) {
        this.dzfw[i].method(true);
      }
+      // 定制服务跳转
+      if (this.dzfw[i].type === 'link') {
+        window.open(this.dzfw[i].url, '_blank');
+      }  else {
+        this.$router.push({
+          path: this.dzfw[i].url
+        })
+      }
    },
    // 打开更多定制
    dzfwMoreHandel(status) {
      console.log(status, "打开更多定制");
      this.dzfwMoreDialog.isShow = status;
    },
+    // 商品全球身份证
+    spqqsfzHandelClick() {
+      window.open('http://so.anccnet.com/', '_blank')
+    }
  },
 };
 </script>
@@ -1118,10 +1210,12 @@ export default {
      }
      .ywdt-tp {
        margin-bottom: 20px;
+        cursor: pointer;
      }
      .ywdt-bt {
        color: #0e2c6b;
        font-size: 14px;
+        cursor: pointer;
        
      }
    }
@@ -1215,6 +1309,9 @@ export default {
      color: #ffffff;
      font-size: 24px;
      margin-bottom: 30px;
+      .spqqsfz-cate-right{
+        cursor: pointer;
+      }
    }
    .spqqsfz-cont {
      // background: #fff url("../../assets/image/home/spqqsfz-bj2.png") no-repeat;
@@ -1274,6 +1371,7 @@ export default {
                border-radius: 4px;
                color: #f26335;
                font-size: 18px;
+                cursor: pointer;
              }
            }
          }