<template>
|
<div class="center_box">
|
<div class="title">
|
<span>公共服务</span>
|
<img src="../../../assets/img/zonlan (9).png" alt="" />
|
</div>
|
<div class="department_data">
|
<div class="department_f" @click="geturl(url1)">
|
<a target="view_window">
|
<img src="../../../assets/img/dataApplications/蓝色.png" />
|
</a>
|
<img
|
class="img1"
|
src="../../../assets/img/dataApplications/nav_生存认证.png"
|
alt=""
|
/>
|
<p>生存认证系统</p>
|
</div>
|
|
<div class="department_f" @click="geturl(url2)">
|
<a target="view_window">
|
<img src="../../../assets/img/dataApplications/蓝色.png" />
|
</a>
|
<img
|
class="img1"
|
src="../../../assets/img/dataApplications/区司法局.png"
|
alt=""
|
/>
|
<p>义务教育入学服务系统</p>
|
</div>
|
|
<div class="department_f" @click="geturl(url3)">
|
<a target="view_window">
|
<img src="../../../assets/img/dataApplications/蓝色.png" />
|
</a>
|
<img
|
class="img1"
|
src="../../../assets/img/dataApplications/电子证照.png"
|
alt=""
|
/>
|
<p>公安局落户信息查询系统</p>
|
</div>
|
|
<div class="department_f" @click="geturl(url4)">
|
<a target="view_window">
|
<img src="../../../assets/img/dataApplications/蓝色.png" />
|
</a>
|
|
<img
|
class="img1"
|
src="../../../assets/img/dataApplications/公共卫生.png"
|
alt=""
|
/>
|
<p>司法局公证信息共享查询系统</p>
|
</div>
|
|
<div class="department_f" @click="geturl(url5)">
|
<a target="view_window">
|
<img src="../../../assets/img/dataApplications/蓝色.png" />
|
</a>
|
<img
|
class="img1"
|
src="../../../assets/img/dataApplications/道路.png"
|
alt=""
|
/>
|
<p>交通局从业人员继续教育报名系统</p>
|
</div>
|
|
<div class="department_f" @click="geturl(url6)">
|
<a target="view_window">
|
<img src="../../../assets/img/dataApplications/蓝色.png" />
|
</a>
|
<img
|
class="img1"
|
src="../../../assets/img/dataApplications/婴儿.png"
|
alt=""
|
/>
|
<p>统计局纳税百强企业排名系统</p>
|
</div>
|
|
<div class="department_f" @click="geturl(url7)">
|
<a target="view_window">
|
<img src="../../../assets/img/dataApplications/蓝色.png" />
|
</a>
|
<img
|
class="img1"
|
src="../../../assets/img/dataApplications/外部单位-公安局.png"
|
alt=""
|
/>
|
<p>社保中心网上服务系统</p>
|
</div>
|
|
<div class="department_f" @click="geturl(url8)">
|
<a target="view_window">
|
<img src="../../../assets/img/dataApplications/蓝色.png" />
|
</a>
|
<img
|
class="img1"
|
src="../../../assets/img/dataApplications/入学.png"
|
alt=""
|
/>
|
<p>户外广告设置申报系统</p>
|
</div>
|
|
<div class="department_f" @click="geturl(url9)">
|
<a target="view_window">
|
<img src="../../../assets/img/dataApplications/蓝色.png" />
|
</a>
|
|
<img
|
class="img1"
|
src="../../../assets/img/dataApplications/社保.png"
|
alt=""
|
/>
|
<p>电子证照核验系统</p>
|
</div>
|
|
<div class="department_f" @click="geturl(url10)">
|
<a target="view_window">
|
<img src="../../../assets/img/dataApplications/蓝色.png" />
|
</a>
|
|
<img
|
class="img1"
|
src="../../../assets/img/dataApplications/住建厅.png"
|
alt=""
|
/>
|
<p>新生儿出生一件事</p>
|
</div>
|
|
<div class="department_f" @click="geturl(url11)">
|
<a target="view_window">
|
<img src="../../../assets/img/dataApplications/蓝色.png" />
|
</a>
|
|
<img
|
class="img1"
|
src="../../../assets/img/dataApplications/交通局.png"
|
alt=""
|
/>
|
<p>在线踏勘</p>
|
</div>
|
|
<div class="department_f" @click="geturl(url12)">
|
<a target="view_window">
|
<img src="../../../assets/img/dataApplications/蓝色.png" />
|
</a>
|
|
<img
|
class="img1"
|
src="../../../assets/img/dataApplications/踏勘现场计划.png"
|
alt=""
|
/>
|
<p>公共卫生许可</p>
|
</div>
|
|
<div class="department_f" @click="geturl(url13)">
|
<a target="view_window">
|
<img src="../../../assets/img/dataApplications/蓝色.png" />
|
</a>
|
|
<img
|
class="img1"
|
src="../../../assets/img/dataApplications/纳税.png"
|
alt=""
|
/>
|
<p>道路运输经营许可证</p>
|
</div>
|
|
<div class="department_f" @click="geturl(url14)">
|
<a target="view_window">
|
<img src="../../../assets/img/dataApplications/蓝色.png" />
|
</a>
|
|
<img
|
class="img1"
|
src="../../../assets/img/dataApplications/1 绩效评价.png"
|
alt=""
|
/>
|
<p>工业企业综合绩效评价平台</p>
|
</div>
|
|
<div class="department_f" @click="geturl(url15)">
|
<a target="view_window">
|
<img src="../../../assets/img/dataApplications/蓝色.png" />
|
</a>
|
|
<img
|
class="img1"
|
src="../../../assets/img/dataApplications/疫苗管理.png"
|
alt=""
|
/>
|
<p>新冠疫苗接种登记平台</p>
|
</div>
|
|
<div class="department_f" @click="geturl(url16)">
|
<a target="view_window">
|
<img src="../../../assets/img/dataApplications/蓝色.png" />
|
</a>
|
|
<img
|
class="img1"
|
src="../../../assets/img/dataApplications/32-户外广告设置.png"
|
alt=""
|
/>
|
<p>购房通</p>
|
</div>
|
<div class="department_f" @click="geturl(url17)">
|
<a target="view_window">
|
<img src="../../../assets/img/dataApplications/蓝色.png" />
|
</a>
|
|
<img
|
class="img1"
|
src="../../../assets/img/dataApplications/32-户外广告设置.png"
|
alt=""
|
/>
|
<p>贫困户信息服务平台</p>
|
</div>
|
<div class="department_f" @click="geturl(url18)">
|
<a target="view_window">
|
<img src="../../../assets/img/dataApplications/蓝色.png" />
|
</a>
|
|
<img
|
class="img1"
|
src="../../../assets/img/dataApplications/32-户外广告设置.png"
|
alt=""
|
/>
|
<p>电子病历查询系统</p>
|
</div>
|
<div class="department_f" @click="geturl(url19)">
|
<a target="view_window">
|
<img src="../../../assets/img/dataApplications/蓝色.png" />
|
</a>
|
|
<img
|
class="img1"
|
src="../../../assets/img/dataApplications/32-户外广告设置.png"
|
alt=""
|
/>
|
<p>项目选址辅助分析系统</p>
|
</div>
|
<div class="department_f" @click="geturl(url20)">
|
<a target="view_window">
|
<img src="../../../assets/img/dataApplications/蓝色.png" />
|
</a>
|
|
<img
|
class="img1"
|
src="../../../assets/img/dataApplications/32-户外广告设置.png"
|
alt=""
|
/>
|
<p>红鸢在线党员流动系统</p>
|
</div>
|
<div class="department_f" @click="geturl(url21)">
|
<a target="view_window">
|
<img src="../../../assets/img/dataApplications/蓝色.png" />
|
</a>
|
|
<img
|
class="img1"
|
src="../../../assets/img/dataApplications/32-户外广告设置.png"
|
alt=""
|
/>
|
<p>洛城街道党员信息公示平台</p>
|
</div>
|
<div class="department_f" @click="geturl(url22)">
|
<a target="view_window">
|
<img src="../../../assets/img/dataApplications/蓝色.png" />
|
</a>
|
|
<img
|
class="img1"
|
src="../../../assets/img/dataApplications/32-户外广告设置.png"
|
alt=""
|
/>
|
<p>市福利企业管理系统</p>
|
</div>
|
<div class="department_f" @click="geturl(url23)">
|
<a target="view_window">
|
<img src="../../../assets/img/dataApplications/蓝色.png" />
|
</a>
|
|
<img
|
class="img1"
|
src="../../../assets/img/dataApplications/32-户外广告设置.png"
|
alt=""
|
/>
|
<p>营运车辆在线监管系统</p>
|
</div>
|
<div class="department_f" @click="geturl(url24)">
|
<a target="view_window">
|
<img src="../../../assets/img/dataApplications/蓝色.png" />
|
</a>
|
|
<img
|
class="img1"
|
src="../../../assets/img/dataApplications/32-户外广告设置.png"
|
alt=""
|
/>
|
<p>电子证照共享</p>
|
</div>
|
<div class="department_f" @click="geturl(url25)">
|
<a target="view_window">
|
<img src="../../../assets/img/dataApplications/蓝色.png" />
|
</a>
|
|
<img
|
class="img1"
|
src="../../../assets/img/dataApplications/32-户外广告设置.png"
|
alt=""
|
/>
|
<p>农村集体资金审批支付平台</p>
|
</div>
|
<div class="department_f" @click="geturl(url26)">
|
<a target="view_window">
|
<img src="../../../assets/img/dataApplications/蓝色.png" />
|
</a>
|
|
<img
|
class="img1"
|
src="../../../assets/img/dataApplications/32-户外广告设置.png"
|
alt=""
|
/>
|
<p>寿光高层次人才服务平台</p>
|
</div>
|
<div class="department_f" @click="geturl(url27)">
|
<a target="view_window">
|
<img src="../../../assets/img/dataApplications/蓝色.png" />
|
</a>
|
|
<img
|
class="img1"
|
src="../../../assets/img/dataApplications/32-户外广告设置.png"
|
alt=""
|
/>
|
<p>寿光市群众诉求办理平台</p>
|
</div>
|
|
<div class="department_f" @click="geturl(url28)">
|
<a target="view_window">
|
<img src="../../../assets/img/dataApplications/蓝色.png" />
|
</a>
|
|
<img
|
class="img1"
|
src="../../../assets/img/dataApplications/32-户外广告设置.png"
|
alt=""
|
/>
|
<p>学校招生范围</p>
|
</div>
|
<div class="department_f" @click="geturl(url29)">
|
<a target="view_window">
|
<img src="../../../assets/img/dataApplications/蓝色.png" />
|
</a>
|
|
<img
|
class="img1"
|
src="../../../assets/img/dataApplications/32-户外广告设置.png"
|
alt=""
|
/>
|
<p>植物检疫证书</p>
|
</div>
|
<div class="department_f" @click="geturl(url30)">
|
<a target="view_window">
|
<img src="../../../assets/img/dataApplications/蓝色.png" />
|
</a>
|
|
<img
|
class="img1"
|
src="../../../assets/img/dataApplications/32-户外广告设置.png"
|
alt=""
|
/>
|
<p>物管企业</p>
|
</div>
|
<div class="department_f" @click="geturl(url31)">
|
<a target="view_window">
|
<img src="../../../assets/img/dataApplications/蓝色.png" />
|
</a>
|
|
<img
|
class="img1"
|
src="../../../assets/img/dataApplications/32-户外广告设置.png"
|
alt=""
|
/>
|
<p>人口画像</p>
|
</div>
|
<div class="department_f" @click="geturl(url32)">
|
<a target="view_window">
|
<img src="../../../assets/img/dataApplications/蓝色.png" />
|
</a>
|
|
<img
|
class="img1"
|
src="../../../assets/img/dataApplications/32-户外广告设置.png"
|
alt=""
|
/>
|
<p>法人画像</p>
|
</div>
|
</div>
|
</div>
|
</template>
|
|
<script>
|
export default {
|
//import引入的组件需要注入到对象中才能使用
|
components: {},
|
data() {
|
//这里存放数据
|
return {
|
//生存认证系统
|
url1: "http://172.16.0.4:8090/yypt/",
|
//义务教育入学服务系统
|
url2: "http://172.16.0.4:8180/yypt/",
|
//公安局落户信息查询系统
|
url3: "http://172.16.1.18:8090/yypt/",
|
//司法局公证信息共享查询系统
|
url4: "http://172.16.1.18:8091/yypt/",
|
//交通局从业人员继续教育报名系统
|
url5: "http://192.168.200.36:8077/zhjt/?KEYDATA=B03DE68DDED0CFA9B0A6EA6609B600E5",
|
//统计局纳税百强企业排名系统
|
url6: "http://172.16.1.18:8092/yypt/",
|
//社保中心网上服务系统
|
url7: "http://172.16.0.4:8088/sbapi/",
|
//户外广告设置申报系统
|
url8: "http://172.16.0.4:8070/ggsq/",
|
//电子证照核验系统
|
url9: "http://192.168.200.36:8077/codemerge/",
|
//新生儿出生一件事
|
url10: "http://192.168.200.36:8077/xse/login.html",
|
//在线踏勘
|
url11: "http://192.168.200.36:8077/yctk/login.html",
|
//公共卫生许可
|
url12: "http://192.168.200.71/ggws/login.html",
|
//道路运输经营许可证
|
url13: "http://192.168.200.124:8085/dlysxkpt/",
|
//工业企业综合绩效评价平台
|
url14: "http://192.168.200.36:8077/gyqypj/",
|
//新冠疫苗接种登记平台
|
url15: "http://192.168.200.142:8068/cattle/login.html",
|
//购房通
|
url16: "https://bxgftht.shouguang.gov.cn/cattle/login.html",
|
//贫困户信息服务平台
|
url17: "http://172.16.0.4:8097/yypt/",
|
//电子病历查询系统
|
url18: "http://10.155.73.151:8083/admin",
|
//项目选址辅助分析系统
|
url19: "http://192.168.200.182:9991/#/",
|
//红鸢在线党员流动系统
|
url20: "http://192.168.200.36:8077/api/",
|
//洛城街道党员信息公示平台
|
url21: "http://192.168.200.36:8077/dygs/",
|
//市福利企业管理系统
|
url22: "http://192.168.200.36:8077/flqy/",
|
//营运车辆在线监管系统
|
url23: "http://221.1.82.253:8100/d?c=i",
|
// 电子证照共享
|
url24: "https://dzzz.shouguang.gov.cn/login.html",
|
//农村集体资金审批支付平台
|
url25: "http://192.168.200.36:8077/nczj/DefaultZFNew2.aspx",
|
//寿光高层次人才服务平台
|
url26: "http://192.168.200.36:8077/sgsgccrcfwpt/",
|
//寿光市群众诉求办理平台
|
url27: "http://172.16.1.53/#/user/login/redirect=%2F",
|
//学校招生范围
|
url28: "http://172.16.0.51/xxzsfw/index.html#/",
|
//植物检疫证书
|
url29: "http://172.16.0.51/zwjyzs/index.html#/",
|
//物管企业
|
url30: "http://172.16.0.51/wgqy/index.html#/",
|
//人口画像
|
url31: "http://172.16.0.51/rkhx/",
|
//法人画像
|
url32: "http://172.16.0.51/frhx/",
|
};
|
},
|
//方法集合
|
methods: {
|
geturl(rest) {
|
// var value = "http://58.59.29.50:11011/";
|
this.$emit("geturl", rest);
|
},
|
},
|
created() {},
|
};
|
</script>
|
<style lang="less" scoped>
|
//@import url(); 引入公共css类
|
.center_box {
|
.title {
|
margin-top: 20px;
|
width: 100%;
|
position: relative;
|
text-align: center;
|
img {
|
width: 2100px;
|
}
|
span {
|
font-size: 75px;
|
font-weight: 400;
|
color: #ffe86b;
|
background: linear-gradient(0deg, #bce7ff 0%, #69efff 98.6572265625%);
|
-webkit-background-clip: text;
|
-webkit-text-fill-color: transparent;
|
position: absolute;
|
left: 50%;
|
top: 0;
|
transform: translateX(-50%);
|
}
|
}
|
.department_data {
|
display: flex;
|
justify-content: space-evenly;
|
flex-wrap: wrap;
|
background-image: url("../../../assets/img/dataApplications/数字地球背景.png");
|
background-repeat: no-repeat;
|
background-position: center;
|
background-size: 2240px 2240px;
|
margin-top: -1%;
|
.department_f {
|
width: 12%;
|
height: 354px;
|
position: relative;
|
margin-top: 2.5%;
|
display: flex;
|
justify-content: center;
|
align-items: center;
|
text-align: center;
|
img {
|
width: 550px;
|
height: 354px;
|
position: relative;
|
}
|
.img1 {
|
width: 225px;
|
height: 151px;
|
position: absolute;
|
left: 50%;
|
top: 15%;
|
transform: translateX(-50%);
|
}
|
p {
|
position: absolute;
|
bottom: -60px;
|
color: white;
|
font-size: 46px;
|
font-weight: 400;
|
}
|
}
|
}
|
}
|
@media only screen and (max-width: 2560px) {
|
.center_box {
|
margin-top: 2%;
|
.department_data {
|
.department_f {
|
width: 17%;
|
}
|
}
|
}
|
}
|
</style>
|
