suojin
/
bcms
22
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity
包头项目
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
5 Commits
1 Branch
0 Tags
97 MiB
 
 
 
 
 
Tag: Branch: Tree: deda83dab5
Branches Tags
${ item.name }
Create tag ${ searchTerm }
Create branch ${ searchTerm }
from 'deda83dab5'
${ noResults }
bcms/src/main/webapp/html/web/index.html

783 lines
39 KiB
Raw Blame History

<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport"
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>包头市数据运营平台</title>
<meta name="keywords" content="">
<meta name="description" content="">
<link rel="stylesheet" href="/template/1/demo/css/index.css">
<link rel="stylesheet" href="/template/1/demo/css/header.css">
<link rel="stylesheet" href="/template/1/demo/css/common.css">
<script src="/template/1/demo/js/jquery-1.8.3.min.js"></script>
</head>
<body>
<div class="content" id="app">
<script type="text/javascript" src="/static/plugins/vue/2.6.9/vue.min.js"></script>
<script src="/static/plugins/element-ui/2.15.7/index.min.js"></script>
<link rel="stylesheet" href="/static/plugins/element-ui/2.15.7/theme-chalk/index.min.css">
<div id="header" class="nav">
<div class="header-content">
<div class="header-logo"><img src="/template/1/demo/images/logo.png" />包头市公共数据运营平台</div>
<div class="header-nav">
<ul>
<li>
<a href="/" title="门户首页">
<span class="b r">门户首页</span>
</a>
</li>
<!--定义变量typeid、ids，通过这两个变量判断是否选中-->
<li>
<a href="/html/web/compantDesc/index.html">
<span data-title="公司概况"
class="b ">公司概况</span>
<div class="son-noneson-cont ">
<div>
</div>
</div>
</a>
</li>
<li>
<a href="/html/web/datahall/index.html">
<span data-title="数据大厅"
class="b ">数据大厅</span>
<div class="son-noneson-cont ">
<div>
</div>
</div>
</a>
</li>
<li>
<a href="/html/web/productsquare/index.html">
<span data-title="产品广场"
class="b ">产品广场</span>
<div class="son-noneson-cont ">
<div>
</div>
</div>
</a>
</li>
<li>
<a href="">
<span data-title="专区介绍"
class="b ">专区介绍</span>
<div class="son-none ">
<div>
<a class="nav-a" href="/html/web/zone/medicaltreatment/index.html">
医疗专区
</a>
</div>
</div>
</a>
</li>
<li>
<a href="/html/web/serviceguide/index.html">
<span data-title="服务指南"
class="b ">服务指南</span>
<div class="son-noneson-cont ">
<div>
</div>
</div>
</a>
</li>
<li class="logo" v-if="!isLogin"><a href="http://127.0.0.1:8080/mcms/login.do">登录/注册</a>
</li>
<li class="logo" v-if="isLogin">公司信息
<div class="numb">
<div class="account-number">
<div style="width: 100%;">
<div class="company-name">包头市城市投资建设集团有限公司</div>
</div>
<div class="company-cont">
<div class="code">
<span>社会信用代码:</span><br />
5564FD448WDWXC5
</div>
<div class="number">
<span>账号:</span>
123 456 789
</div>
<div class="password">
<span>密码:</span>
<div class="encryption" v-show="!showPasswordValue">***********</div>
<div class="encryption" v-show="showPasswordValue">132465</div>
<div class="pas-icon">
<img @click="showPasswordBtn" src="/template/1/demo/images/index/password-icon.png" alt="">
</div>
</div>
<div class="back">
<div class="back-logo" @click="logOut">退出登录</div>
<div class="modify-password">修改密码</div>
</div>
</div>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
<script>
new Vue({
el: '#header',
data: function () {
return {
indexBanner: [],
isLogin: false, //是否登录
showPasswordValue: false, //是否显示密码
}
},
created() {
this.getIsLogin()
},
methods: {
showPasswordBtn() {
console.log(132465)
this.showPasswordValue = !this.showPasswordValue
},
//判断有没有登录
getIsLogin() {
console.log('判断登录')
if (sessionStorage.getItem('token')) {
this.isLogin = true;
// 会话数据存在的情况下执行的代码
console.log('Session data exists');
} else {
// 会话数据不存在的情况下执行的代码
this.isLogin = false;
}
},
//退出登录
logOut() {
console.log('退出登录')
},
}
})
</script> <!-- banner -->
<!--轮播图-->
<div class="slideshow">
<div id="slider">
<el-carousel height="950px">
<el-carousel-item>
<img src="/upload/1/cms/content/1716970612168.png" width="100%" alt="" />
</el-carousel-item>
<el-carousel-item>
<img src="/upload/1/cms/content/1717118075208.png" width="100%" alt="" />
</el-carousel-item>
<el-carousel-item>
<img src="/upload/1/cms/content/1716970645655.png" width="100%" alt="" />
</el-carousel-item>
</el-carousel>
</div>
<div class="roll">
<div class="roll-icon">
<img src="/template/1/demo/images/index/banner-icon.png" alt="">
</div>
<div class="roll-txt">向下滚动继续探索</div>
</div>
</div>
<!-- 公告 -->
<div class="notice">
<div class="notice-icon"><img src="/template/1/demo/images/index/notice-icon.png" alt=""></div>
<div style="width: 70%">
<marquee>
1 . testtest
</marquee>
</div>
</div>
<!-- 数据 -->
<div class="data-cont">
<div class="data-cont-txt">
<div class="txt-title-one">
<span style="font-size: 27px; font-weight: bold">致力于以高端服务为先导的</span>
</div>
<div class="txt-title-two">
<span>"数字+服务"新模式</span>
</div>
<div class="txt-num">
<div class="num-one first">
<div class="num-edit">
<div class="data-num-cont">
<div class="num">6755</div>
<div class="unit">项</div>
</div>
<div class="num-title">数据目录</div>
</div>
<div>
<div class="data-num-cont">
<div class="num">6755</div>
<div class="unit">个</div>
</div>
<div class="num-title">数据领域</div>
</div>
</div>
<div>
<div class="num-one first">
<div class="num-edit">
<div class="data-num-cont">
<div class="num">20</div>
<div class="unit">项</div>
</div>
<div class="num-title">数据项目</div>
</div>
<div>
<div class="data-num-cont">
<div class="num">55</div>
<div class="unit">个</div>
</div>
<div class="num-title">数据产品</div>
</div>
</div>
</div>
<div>
<div class="num-one">
<div class="num-edit">
<div class="data-num-cont">
<div class="num">206678765</div>
<div class="unit">条</div>
</div>
<div class="num-title">数据量</div>
</div>
<div>
<div class="data-num-cont">
<div class="num">55</div>
<div class="unit">家</div>
</div>
<div class="num-title">入驻企业</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- 热门服务数据 -->
<div class="popular">
<div class="popular-cont">
<div class="cont-title">
<span style="font-size: 27px; font-weight: bold">热门数据</span>
</div>
<div class="cont-title-two">海量数据, 开放流通。</div>
<div class="cont-title-two"> 发挥数据要素生产力，助力打造全球数字经济</div>
<div class="serve-data">
<div class="serve-son">
<div class="serve-data-title">大数据</div>
<div class="serve-solid"></div>
<div class="serve-txt">具备规范性、准确性、时效性的数据，帮助企业进行数据分析及模型训练</div>
<div class="data-arrow" style="cursor: pointer;" data-id="大数据">
<div class="more">下载更多方案</div>
<div class="arrow">→</div>
</div>
<!--
-->
<div class="punish-active">
<div class="punish-info">
<div class="punish-img"><img src="/template/1/demo/images/index/data-pic.jpg" alt="">
</div>
<div class="punish-txt">质量信用平台违法、行政处罚信息</div>
</div>
</div>
</div>
<div class="serve-son">
<div class="serve-data-title">API</div>
<div class="serve-solid"></div>
<div class="serve-txt">权威的数据源、产品种类齐全、成本低、效率高、调用方法统一</div>
<div class="data-arrow" style="cursor: pointer;" data-id="API">
<div class="more">下载更多方案</div>
<div class="arrow">→</div>
</div>
<!--
<a href="http://192.168.1.102:8080/ms/cms/content/download.do" target="downloadFile" download>
<div class="data-arrow">
<div class="more">下载更多方案</div>
<div class="arrow">→</div>
</div>
</a>
-->
<div class="punish-active">
<div class="punish-info">
<div class="punish-img"><img src="/template/1/demo/images/index/data-pic.jpg" alt="">
</div>
<div class="punish-txt">质量信用平台违法、行政处罚信息</div>
</div>
</div>
</div>
<div class="serve-son">
<div class="serve-data-title">模型算法</div>
<div class="serve-solid"></div>
<div class="serve-txt">稳定高效，预测效果好，助力业务范围拓展及能力提升</div>
<div class="data-arrow" style="cursor: pointer;" data-id="模型算法">
<div class="more">下载更多方案</div>
<div class="arrow">→</div>
</div>
<!--
<a href="http://192.168.1.102:8080/ms/cms/content/download.do" target="downloadFile" download>
<div class="data-arrow">
<div class="more">下载更多方案</div>
<div class="arrow">→</div>
</div>
</a>
-->
<div class="punish-active">
<div class="punish-info">
<div class="punish-img"><img src="/template/1/demo/images/index/data-pic.jpg" alt="">
</div>
<div class="punish-txt">质量信用平台违法、行政处罚信息</div>
</div>
</div>
</div>
<div class="serve-son">
<div class="serve-data-title">数据报告</div>
<div class="serve-solid"></div>
<div class="serve-txt">可视化表达、信息展示全面、提高需求满足效率</div>
<div class="data-arrow" style="cursor: pointer;" data-id="数据报告">
<div class="more">下载更多方案</div>
<div class="arrow">→</div>
</div>
<!--
<a href="http://192.168.1.102:8080/ms/cms/content/download.do" target="downloadFile" download>
<div class="data-arrow">
<div class="more">下载更多方案</div>
<div class="arrow">→</div>
</div>
</a>
-->
<div class="punish-active">
<div class="punish-info">
<div class="punish-img"><img src="/template/1/demo/images/index/data-pic.jpg" alt="">
</div>
<div class="punish-txt">质量信用平台违法、行政处罚信息</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- 新闻资讯 -->
<div class="news-info">
<div class="news-info-cont">
<div class="cont-title">
<span style="font-size: 27px; font-weight: bold">新闻资讯</span>
</div>
<div class="news-cont-title">
<div class="cont-title-two">政策利好频出</div>
<div class="news-sort">
<div
class="newTitle news-sort-title">
热点
</div>
<div
class="newTitle news-sort-title">
政策
</div>
<div
class="newTitle news-sort-title">
活动
</div>
<div class="news-sort-title"><a href="/html/web/news/index.html">更多</a></div>
</div>
</div>
<div class="news-cont-edit new-item-active">
<!-- 轮播-->
<div class="carousel">
<div class="news-banner">
<div class="slideshow-container">
<ul class="bxslider">
<el-carousel height="430px">
<el-carousel-item>
<div style="width: 100%; height: 307px; background: #FFFFFF">
<img src="/upload/1/cms/content/1716858923211.png" width="100%" style="height: 100%" alt="" />
</div>
<div class="carousel-bottom">
<div class="carousel-date">
2024-05-28
</div>
</div>
<div class="news-txt">
<a
href="/html/web/news/Newsupdates/1795262616134782977.html"> 全国数据资产登记评价及价值服务主题研讨会在京成功举办</a>
</div>
</el-carousel-item>
<el-carousel-item>
<div style="width: 100%; height: 307px; background: #FFFFFF">
<img src="/upload/1/cms/content/1716858872896.png" width="100%" style="height: 100%" alt="" />
</div>
<div class="carousel-bottom">
<div class="carousel-date">
2024-05-28
</div>
</div>
<div class="news-txt">
<a
href="/html/web/news/Newsupdates/1795262444289953793.html"> 青岛数据元素亮相数字中国建设峰会</a>
</div>
</el-carousel-item>
<el-carousel-item>
<div style="width: 100%; height: 307px; background: #FFFFFF">
<img src="/upload/1/cms/content/1716858807186.png" width="100%" style="height: 100%" alt="" />
</div>
<div class="carousel-bottom">
<div class="carousel-date">
2024-05-28
</div>
</div>
<div class="news-txt">
<a
href="/html/web/news/Newsupdates/1795262210520420353.html"> 青岛市公共数据运营沙龙活动（第十九期）暨数据要素×现代农业走进莱西成功举办</a>
</div>
</el-carousel-item>
</el-carousel>
</ul>
</div>
</div>
</div>
<!-- 简讯-->
<div class="news-edit">
<div class="news">
<div class="news-edit-date">
<div class="news-month">05/28</div>
<div class="news-year">2024</div>
</div>
<div class="news-edit-txt">
<div class="news-edit-txt-title"><a
href="/html/web/news/Newsupdates/1795261897407238145.html">数据要素×交通运输——青岛市公共数据运营平台交通专区上线试运行</a>
</div>
<div class="news-edit-txt-cont">
为贯彻国家数据局等17部门印发的《“数据要素×”三年行动计划（2024-2026年）》，华通智研院在市大数据局的指导下，打造了全国首个公共数据运营平台交通专区，于5月16日在“青岛市公共数据运营平台”上线试运行。专区汇聚公共数据与社会数据，融合动态与静态交通数据，挖掘“风险车辆识别”、“公共交通服务”、“城市规划与社会治理”三大类应用场景，是基于“治数据、搭平台、拓场景、聚生态”的公共数据运营“青岛模式”的又一成果。
</div>
</div>
</div>
</div>
</div>
<div class="news-cont-edit">
<!-- 轮播-->
<div class="carousel">
<div class="news-banner">
<div class="slideshow-container">
<ul class="bxslider">
<el-carousel height="430px">
<el-carousel-item>
<div style="width: 100%; height: 307px; background: #FFFFFF">
<img src="/upload/1/cms/content/1716859337448.jpg" width="100%" style="height: 100%" alt="" />
</div>
<div class="carousel-bottom">
<div class="carousel-date">
2024-05-28
</div>
</div>
<div class="news-txt">
<a
href="/html/web/news/policy/1795264441382637569.html"> 让数据变资产，青岛构建“数商”生态</a>
</div>
</el-carousel-item>
<el-carousel-item>
<div style="width: 100%; height: 307px; background: #FFFFFF">
<img src="/upload/1/cms/content/1716859291671.png" width="100%" style="height: 100%" alt="" />
</div>
<div class="carousel-bottom">
<div class="carousel-date">
2024-05-28
</div>
</div>
<div class="news-txt">
<a
href="/html/web/news/policy/1795264183705571330.html"> “青夜谈”数据要素沙龙2024第一期——对话数据资产，实践出真知</a>
</div>
</el-carousel-item>
<el-carousel-item>
<div style="width: 100%; height: 307px; background: #FFFFFF">
<img src="/upload/1/cms/content/1716859231809.png" width="100%" style="height: 100%" alt="" />
</div>
<div class="carousel-bottom">
<div class="carousel-date">
2024-05-28
</div>
</div>
<div class="news-txt">
<a
href="/html/web/news/policy/1795263980172775425.html"> 关于青岛市公共数据运营平台的声明</a>
</div>
</el-carousel-item>
</el-carousel>
</ul>
</div>
</div>
</div>
<!-- 简讯-->
<div class="news-edit">
<div class="news">
<div class="news-edit-date">
<div class="news-month">05/28</div>
<div class="news-year">2024</div>
</div>
<div class="news-edit-txt">
<div class="news-edit-txt-title"><a
href="/html/web/news/policy/1795263741361688578.html">华通智研院顺利通过数据安全能力成熟度二级认证</a></div>
<div class="news-edit-txt-cont">
华通智研院于2024年4月22日获颁DSMM数据安全能力成熟度（Data Security Capability Maturity Model）二级认证证书（以下简称“DSMM 2”），成为国内公共数据运营行业首个获得该等级认证的机构，这标志着华通智研院公共数据安全管理能力迈上新台阶，公共数据运营过程安全可控。
</div>
</div>
</div>
</div>
</div>
<div class="news-cont-edit">
<!-- 轮播-->
<div class="carousel">
<div class="news-banner">
<div class="slideshow-container">
<ul class="bxslider">
<el-carousel height="430px">
<el-carousel-item>
<div style="width: 100%; height: 307px; background: #FFFFFF">
<img src="/upload/1/cms/content/1716859587505.png" width="100%" alt="" style="height: 100%" />
</div>
<div class="carousel-bottom">
<div class="carousel-date">
2024-05-28
</div>
</div>
<div class="news-txt">
<a
href="/html/web/news/trends/1795265451899523074.html"> 政企联动 以数赋能——青岛市公共数据运营沙龙活动走进李沧区</a>
</div>
</el-carousel-item>
<el-carousel-item>
<div style="width: 100%; height: 307px; background: #FFFFFF">
<img src="/upload/1/cms/content/1716859537120.png" width="100%" alt="" style="height: 100%" />
</div>
<div class="carousel-bottom">
<div class="carousel-date">
2024-05-28
</div>
</div>
<div class="news-txt">
<a
href="/html/web/news/trends/1795265216011866114.html"> 青岛包头双城联动，核保场景驱动两城医疗公共数据运营统一大市场建设</a>
</div>
</el-carousel-item>
<el-carousel-item>
<div style="width: 100%; height: 307px; background: #FFFFFF">
<img src="/upload/1/cms/content/1716859456847.png" width="100%" alt="" style="height: 100%" />
</div>
<div class="carousel-bottom">
<div class="carousel-date">
2024-05-28
</div>
</div>
<div class="news-txt">
<a
href="/html/web/news/trends/1795264873446281217.html"> 青岛华通智研院受邀参加四川省公共数据授权运营交流座谈会</a>
</div>
</el-carousel-item>
</el-carousel>
</ul>
</div>
</div>
</div>
<!-- 简讯-->
<div class="news-edit">
<div class="news">
<div class="news-edit-date">
<div class="news-month">05/28</div>
<div class="news-year">2024</div>
</div>
<div class="news-edit-txt">
<div class="news-edit-txt-title"><a
href="/html/web/news/trends/1795264720765227010.html">数字经济的几个青岛“首次”</a>
</div>
<div class="news-edit-txt-cont">
在2023年各地晒出的成绩单中，经济大省山东成色颇足。数据显示，2023年山东地区生产总值首次突破9.2万亿元，比上年增长6%，增速跑赢全国。
</div>
</div>
</div>
</div>
</div>
<script>
$(function () {
$(".newTitle").eq(0).addClass("news-act")
$(".newTitle").click(function () {
$(this).addClass("news-act").siblings().removeClass("news-act");
var index = $(this).index();
$(".news-cont-edit").eq(index).addClass("new-item-active").siblings().removeClass("new-item-active");
});
});
</script>
</div>
</div>
<!-- 平台介绍 -->
<div class="platform-des">
<div class="platform-des-cont">
<div class="cont-title">
<span style="font-size: 27px; font-weight: bold">产品介绍</span>
</div>
<div class="cont-title-two">医保贷</div>
<div class="cont-title-two">依托医保数据与银行紧密合作，打造高质量“医保贷”金融数据产品，共同推动医疗数据运营业务发展。</div>
<div class="platform-txt">
<span><p><span style=";font-family:&#39;Segoe UI&#39;;color:rgb(44,44,54);font-size:16px;background:rgb(255,255,255)"><span style="font-family:宋体">银行</span></span><span style=";font-family:宋体;color:rgb(44,44,54);font-size:16px;background:rgb(255,255,255)"><span style="font-family:宋体">通过</span></span><span style=";font-family:&#39;Segoe UI&#39;;color:rgb(44,44,54);font-size:16px;background:rgb(255,255,255)"><span style="font-family:宋体">医疗机构</span></span><span style=";font-family:宋体;color:rgb(44,44,54);font-size:16px;background:rgb(255,255,255)"><span style="font-family:宋体">的</span></span><span style=";font-family:&#39;Segoe UI&#39;;color:rgb(44,44,54);font-size:16px;background:rgb(255,255,255)"><span style="font-family:宋体">医保结算数据来评估其财务健康状况和还款能力，进而计算出适宜的贷款额度，并基于这些数据分析向医疗机构提供定制化的贷款服务。不仅强化了银行的风险控制能力，也为医疗机构开辟了一条高效融资的新路径，促进了双方深度合作。这种合作模式不仅增强了金融服务的针对性与灵活性，还推动了医疗行业的资源优化和服务质量提升，共同提升了跨行业服务的竞争力和专业水平。</span></span></p><p><br/></p></span>
</div>
</div>
</div>
<!-- 产品推荐 -->
<div class="product-recommendations">
<div class="product-recommendations-cont">
<div class="cont-title">
<span style="font-size: 27px; font-weight: bold">平台优势</span>
</div>
<div class="cont-title-two">发展数字化、智能化技术经济的科技产业载体</div>
<div class="cont-title-two">DDI智能商保服务和PSA患者分层分析及展示应用服务</div>
<div class="produce-cont">
<!--二级栏目下的文章-->
<!--二级栏目下的文章-->
<!--二级栏目下的文章-->
<!--二级栏目下的文章-->
<!--二级栏目下的文章-->
<!--二级栏目下的文章-->
</div>
</div>
</div>
<!-- 底部 -->
<div class="footer">
<div class="fotter-one">包头市公共数据运营平台</div>
<div class="fotter-two">包头市公共数据运营平台 | 蒙ICP备20001557号-1</div>
</div>
</div>
<script>
new Vue({
el: '#app',
data: function () {
return {
indexBanner: [],
isLogin: false, //是否登录
showPasswordValue: false, //是否显示密码
}
},
created() {
this.getIsLogin()
},
methods: {
showPasswordBtn() {
console.log(132465)
this.showPasswordValue = !this.showPasswordValue
},
//判断有没有登录
getIsLogin() {
console.log('判断登录')
if (sessionStorage.getItem('token')) {
this.isLogin = true;
// 会话数据存在的情况下执行的代码
console.log('Session data exists');
} else {
// 会话数据不存在的情况下执行的代码
this.isLogin = false;
}
},
//退出登录
logOut() {
console.log('退出登录')
},
}
})
</script>
<script>
//刷新页面
// window.location.reload();
</script>
<script type="text/javascript" src="/template/1/demo/js/index.js"></script>
<script src="/template/1/demo/js/FileSaver.min.js"></script>
<script src="http://127.0.0.1:8080/static/plugins/axios/0.18.0/axios.min.js"></script>
<script>
$(window).on('scroll', function () {
if ($(this).scrollTop() >= 950) {
$('.header-content').css('background-color', 'white');
$('.nav-a').css('background-color', 'white');
} else {
$('.header-content').css('background-color', 'rgba(167,166,166,0.23)');
$('.nav-a').css('background-color', 'rgba(167,166,166,0.22)');
}
});
function download(code) {
axios({
method: 'get',
url: "/cms/content/download?code=" + code,
responseType: 'blob',
}).then(async (res) => {
console.log(res);
if (res.status == 200) {
const blob = new Blob([res.data])
let n = '文档.pdf'
if (res.headers['content-disposition']) {
let filename = res.headers['content-disposition'].split('=')
n = decodeURIComponent(filename[1]).replace(/"/g, '');
}
save(blob, n)
} else {
alert('下载失败！')
}
})
}
function save(text, name, opts) {
saveAs(text, name, opts);
alert('下载成功！')
}
$('.data-arrow').click(function () {
var dataId = $(this).attr('data-id');
var json = {
"数据集": 1,
"API": 2,
"模型算法": 3,
"数据报告": 4,
}
download(json[dataId])
})
</script>
</body>
</html>