<template>
  <div>
    <div>
      <el-row :gutter="20">
        <el-col :span="6" class="py-4 px-2" v-for="(item, index) in links" :key="index">
          <el-button class="p20" style="width: 100%; border-radius: 10px;font-weight: 900;font-size: 16px;"
            @click="goto(item.link)" :type="item.type">
            {{ item.name }}
          </el-button>
        </el-col>
      </el-row>

      <!--  <ul>
        <a href="http://220.160.52.164:9081/portalWeb/webPortal/toIndexPage" target="_blank" >
          <li>
            <img alt=""  src="/static/images/friendlink/福建省建设从业人员综合服务平台.jpg" />
          </li>
        </a>


        <a href="http://zjj.sm.gov.cn/" target="_blank" >
          <li>
            <img alt="" src="/static/images/friendlink/三明市住房和城乡建设局.jpg"  />
          </li>
        </a>

        <a href="http://110.83.229.16:8123/gaia/peelLogin.html" target="_blank" >
          <li>
            <img alt=""
              src="/static/images/friendlink/三明市住房和城乡建设行政审批系统.jpg" />
          </li>
        </a>



        <a href="https://sm.hqedust.com" target="_blank" >
          <li>
            <img src="/static/images/friendlink/三明市建设人才服务中心.jpg" />
          </li>
        </a>
      </ul> -->
    </div>
  </div>
</template>

<script>
  export default {
    data() {
      return {
        links: [{
            name: "福建省建设从业人员综合服务平台",
            link: "http://220.160.52.164:9081/portalWeb/webPortal/toIndexPage",
            type:"primary"
          },
          {
            name: "三明市住房和城乡建设局",
            link: "http://zjj.sm.gov.cn/",
            type:"primary"
          },
          {
            name: "三明市住房和城乡建设行政审批系统",
            link: "http://110.83.229.16:8123/gaia/peelLogin.html",
            type:"primary"
          },
          {
            name: "三明市建设人才服务中心",
            link: "https://sm.hqedust.com",
            type:"primary"
          }
        ],
      }
    },
    methods: {
      goto(link){
        window.open( link, '_brank')
      }
    }
  }
</script>
<style scoped>
  .friendship {
    margin-top: 20px;
    height: 100px;
  }

  .friendship ul {
    display: flex;
    justify-content: space-between;
  }

  .friendship ul a {
    /* height: 70px; */
    padding: 8px;

    /* overflow: hidden; */
  }

  .friendship ul li img {
    /* width: 100%; */
    border-radius: 5px;
    width: 260px;
  }
</style>
