friendlink

src/containers/login/components/friendlink/friendlink.vue

@@ -2,11 +2,11 @@
   <div class="youlian_mian">
     <div class="friendship">
       <ul>
-        <a href="http://110.83.229.16:8123/gaia/peelLogin.html" target="_blank" class="friendship-a">
-          <li>
-            <img alt=""  src="/static/images/friendlink/link1.png" class="friendship-a-img" />
-          </li>
-        </a>
+        <li v-for="(item, index) in links">
+          <el-button :type="item.type" @click="openLink(index)" class="friendship-a">{{item.name}}<br/> {{item.name2}}</el-button>
+        </li>
+
+<!--        <el-button type="primary" @click="Window.open('http://110.83.229.16:8123/gaia/peelLogin.html')"></el-button>
         <a href="http://rcgz.mohurd.gov.cn" target="_blank"  class="friendship-a">
           <li>
             <img alt=""
@@ -30,12 +30,33 @@
           <li>
             <img src="/static/images/friendlink/link5.png" class="friendship-a-img" />
           </li>
-        </a>
+        </a> -->
       </ul>
     </div>
   </div>
 </template>
+<script>
 
+export default {
+  data(){
+    return {
+      links:[
+        {name:'三明市住房和城乡', name2:"建设行政审批系统", type:'primary', link:'http://110.83.229.16:8123/gaia/peelLogin.html'},
+        {name:'住房城乡建设行业', name2:"人员培训管理信息系统", type:'success', link:'http://rcgz.mohurd.gov.cn'},
+        {name:'福建省',          name2:"建设从业人员综合服务", type:'warning', link:'http://220.160.52.118:9084/portalWeb/webPortal/toIndexPage'},
+        {name:'三明市', name2:"住房和城乡建设局", type:'danger', link:'http://zjj.sm.gov.cn/'},
+        {name:'施工现场专业人员', name2:"培训测试管理信息系统", type:'primary', link:'http://csjs.snjsrc.com/'},
+      ]
+    }
+  },
+  methods: {
+    openLink(index){
+      let item = this.links[index];
+      window.open( item.link, '_brank')
+    }
+  }
+}
+</script>
 <style scoped>
 .friendship {
   margin-top:20px;
@@ -47,14 +68,9 @@
 }
 .friendship-a {
   width: 220px;
-  height: 60px;
-  overflow: hidden;
-}
-
-.friendship-a-img {
-  width: 220px;
-  height: 55px;
-  padding: 3px;
+  line-height: 20px;
+  font-weight: 900;
+  font-size: 16px;
   overflow: hidden;
 }