commit

src/pages/home1/components/empennage/index.vue

@@ -2,14 +2,9 @@
 <template>
   <div class="link">
     <ul>
-      <li><a href="http://www.sac.gov.cn/">国家标准化管理委员会</a></li>
-      <li><a href="http://www.sac.gov.cn/">全国标准公共服务平台</a></li>
-      <li><a href="http://www.sac.gov.cn/">国家标准全文公开</a></li>
-      <li><a href="http://www.sac.gov.cn/">全国汽车标准化技术委员会</a></li>
-      <li><a href="http://www.sac.gov.cn/">交通运输标准化信息平台</a></li>
-      <li><a href="http://www.sac.gov.cn/">工信部装备工业发展中心</a></li>
-      <li><a href="http://www.sac.gov.cn/">中华人民共和国生态环境部</a></li>
-      <li><a href="">更多链接></a></li>
+      <li v-for="(link, index) in linkList" :key="index">
+        <a @click="openLinkUrl(link.newWebSite)" v-html="link.webName"></a>
+      </li>
     </ul>
   </div>
 </template>
@@ -20,12 +15,54 @@ export default {
   components: {},
   mixins: [],
   data() {
-    return {}
+    return {
+      linkList: [
+        {
+          newWebSite: 'http://www.sac.gov.cn/',
+          webName: '国家标准化管理委员会'
+        },
+        {
+          newWebSite: 'http://std.samr.gov.cn/',
+          webName: '全国标准公共服务平台'
+        },
+        {
+          newWebSite: 'http://www.catarc.org.cn/',
+          webName: '全国汽车标准化技术委员会'
+        },
+        {
+          newWebSite: 'http://jtst.mot.gov.cn/news/',
+          webName: '交通运输标准化信息平台'
+        },
+        {
+          newWebSite: 'http://www.miit-eidc.org.cn/',
+          webName: '工信部装备工业发展中心'
+        },
+        {
+          newWebSite: 'http://www.mee.gov.cn/',
+          webName: '中华人民共和国生态环境部'
+        },
+        {
+          newWebSite: '',
+          webName: '更多链接>'
+        }
+      ]
+    }
   },
   computed: {},
   watch: {},
   mounted() {},
-  methods: {},
+  methods: {
+    // 跳转链接
+    openLinkUrl (linkUri) {
+      let getHttp = linkUri.substring(0, 7)
+      let getHttps = linkUri.substring(0, 8)
+      if (getHttp === 'http://' || getHttps === 'https://') {
+        window.open(linkUri)
+      } else {
+        window.open('https://' + linkUri)
+      }
+    },
+  },
 }
 </script>