<template>
  <div class="youlian_mian">
    <div class="friendship">
      <ul>
        <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=""
              src="/static/images/friendlink/congyeguanli.png" class="friendship-a-img"/>
          </li>
        </a>

        <a href="http://220.160.52.118:9084/portalWeb/webPortal/toIndexPage" target="_blank" class="friendship-a">
          <li>
            <img alt="" src="/static/images/friendlink/fjjscyry.png"  class="friendship-a-img" />
          </li>
        </a>

        <a href="http://zjj.sm.gov.cn/" target="_blank" class="friendship-a">
          <li>
            <img src="/static/images/friendlink/sm.png" class="friendship-a-img"/>
          </li>
        </a>

        <a href="http://csjs.snjsrc.com/" target="_blank" class="friendship-a">
          <li>
            <img src="/static/images/friendlink/link5.png" class="friendship-a-img" />
          </li>
        </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:'danger', link:'http://220.160.52.118:9084/portalWeb/webPortal/toIndexPage'},
        {name:'三明市住房和城乡', name2:"建设局", type:'warning', 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;
  height: 70px;
}
.friendship ul {
  display: flex;
  justify-content: space-between;
}
.friendship-a {
  width: 220px;
  line-height: 20px;
  font-weight: 900;
  font-size: 16px;
  overflow: hidden;
}

</style>
