|
@@ -1,46 +1,103 @@
|
|
|
<template>
|
|
|
- <div class="youlian_mian">
|
|
|
- <div class="friendship">
|
|
|
- <ul>
|
|
|
- <a href="http://www.mohurd.gov.cn/" target="_blank" style="height: 69px;overflow: hidden;">
|
|
|
+ <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/zhujianbu.png" />
|
|
|
+ <img alt="" src="/static/images/friendlink/福建省建设从业人员综合服务平台.jpg" />
|
|
|
</li>
|
|
|
</a>
|
|
|
- <a href="http://rcgz.mohurd.gov.cn" target="_blank" style="height: 69px;overflow: hidden;">
|
|
|
+
|
|
|
+
|
|
|
+ <a href="http://zjj.sm.gov.cn/" target="_blank" >
|
|
|
<li>
|
|
|
- <img alt=""
|
|
|
- src="/static/images/friendlink/congyeguanli.png" />
|
|
|
+ <img alt="" src="/static/images/friendlink/三明市住房和城乡建设局.jpg" />
|
|
|
</li>
|
|
|
</a>
|
|
|
|
|
|
- <a href="http://220.160.52.164:9081/portalWeb/webPortal/toIndexPage" target="_blank" style="height: 69px;overflow: hidden;">
|
|
|
+ <a href="http://110.83.229.16:8123/gaia/peelLogin.html" target="_blank" >
|
|
|
<li>
|
|
|
- <img alt="" src="/static/images/friendlink/fjjscyry.png" />
|
|
|
+ <img alt=""
|
|
|
+ src="/static/images/friendlink/三明市住房和城乡建设行政审批系统.jpg" />
|
|
|
</li>
|
|
|
</a>
|
|
|
|
|
|
- <a href="http://zjj.sm.gov.cn/" target="_blank" style="height: 69px;overflow: hidden;">
|
|
|
+
|
|
|
+
|
|
|
+ <a href="https://sm.hqedust.com" target="_blank" >
|
|
|
<li>
|
|
|
- <img src="/static/images/friendlink/sm.png" />
|
|
|
+ <img src="/static/images/friendlink/三明市建设人才服务中心.jpg" />
|
|
|
</li>
|
|
|
</a>
|
|
|
- </ul>
|
|
|
+ </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 li img {
|
|
|
- /* width: 100%; */
|
|
|
- width: 280px;
|
|
|
-}
|
|
|
+ .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>
|