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.
4 Commits
1 Branch
0 Tags
97 MiB
Tag: Branch: Tree: 8df81f6afc
Branches Tags
${ item.name }
Create tag ${ searchTerm }
Create branch ${ searchTerm }
from '8df81f6afc'
${ noResults }
bcms/src/main/webapp/html/web/index.html

882 lines
46 KiB
Raw Normal View History Unescape

初始化代码-前端
2 years ago
<!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://192.168.1.102: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/1704694659889.png" width="100%" alt="" />
</el-carousel-item>
<el-carousel-item>
<img src="/upload/1/cms/content/1704180415001.png" width="100%" alt="" />
</el-carousel-item>
<el-carousel-item>
<img src="/upload/1/cms/content/1704165016624.png" width="100%" alt="" />
</el-carousel-item>
<el-carousel-item>
<img src="/upload/1/cms/content/1704165037633.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="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>
<!--
<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">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/1704176154445.png" width="100%" style="height: 100%" alt="" />
</div>
<div class="carousel-bottom">
<div class="carousel-date">
2023-12-18
</div>
</div>
<div class="news-txt">
<a
href="/html/web/news/Newsupdates/1736649515728150529.html"> 1.青岛包头双城联动，实现公共数据运营 统一大市场联盟首例成果</a>
</div>
</el-carousel-item>
<el-carousel-item>
<div style="width: 100%; height: 307px; background: #FFFFFF">
<img src="/upload/1/cms/content/1704176219249.png" width="100%" style="height: 100%" alt="" />
</div>
<div class="carousel-bottom">
<div class="carousel-date">
2023-12-18
</div>
</div>
<div class="news-txt">
<a
href="/html/web/news/Newsupdates/1736643582103670786.html"> 2.包头市公共数据产品交易启动仪式在包头青山宾馆会议中心隆重举行。</a>
</div>
</el-carousel-item>
<el-carousel-item>
<div style="width: 100%; height: 307px; background: #FFFFFF">
<img src="/upload/1/cms/content/1704176360835.png" width="100%" style="height: 100%" alt="" />
</div>
<div class="carousel-bottom">
<div class="carousel-date">
2023-11-28
</div>
</div>
<div class="news-txt">
<a
href="/html/web/news/Newsupdates/1729398956244922369.html"> 3.青岛包头双城联动，实现公共数据运营 统一大市场联盟首例成果</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">11/28</div>
<div class="news-year">2023</div>
</div>
<div class="news-edit-txt">
<div class="news-edit-txt-title"><a
href="/html/web/news/Newsupdates/1729398832584257538.html">4.翼方健数技术赋能，助力包头市达成内蒙古自,助力包头市达成内蒙古自</a>
</div>
<div class="news-edit-txt-cont">
9月11日，在2023年国家网络安全宣传周内蒙古自治区活动暨包头市公共数据产品交易启动仪式上。
</div>
</div>
</div>
<div class="news">
<div class="news-edit-date">
<div class="news-month">11/15</div>
<div class="news-year">2023</div>
</div>
<div class="news-edit-txt">
<div class="news-edit-txt-title"><a
href="/html/web/news/Newsupdates/1724777690362634242.html">5.青岛包头双城联动，实现公共数据运营 统一大市场联盟首例成果</a>
</div>
<div class="news-edit-txt-cont">
2023年9月11日，包头市公共数据产品交易启动仪式在包头青山宾馆会议中心隆重举行。借助市政府开展的公共数据运营试点工作的重要契机，包头市实现了内蒙古自治区首单
</div>
</div>
</div>
<div class="news">
<div class="news-edit-date">
<div class="news-month">11/15</div>
<div class="news-year">2023</div>
</div>
<div class="news-edit-txt">
<div class="news-edit-txt-title"><a
href="/html/web/news/Newsupdates/1724767125389008898.html">6.青岛包头双城联动，实现公共数据运营统一大市场联盟首例成果</a>
</div>
<div class="news-edit-txt-cont">
2023年9月11日，包头市公共数据产品交易启动仪式在包头青山宾馆会议中心隆重举行。借助市政府开展的公共数据运营试点工作的重要契机，包头市实现了内蒙古自治区首单,借助市政府开展的公共2023年9月11日，包头市公共数据产品交易启动仪式在包头青山宾馆会议中心隆重举行。借助市政府开展的公共数据运营试点工作的重要契机，包头市实现了内蒙古自治区首单,借助市政府开展的公共
</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/1706087541620.png" width="100%" style="height: 100%" alt="" />
</div>
<div class="carousel-bottom">
<div class="carousel-date">
2024-01-24
</div>
</div>
<div class="news-txt">
<a
href="/html/web/news/policy/1750084190910578689.html"> 中共中央 国务院关于促进民营经济发展壮大的意见</a>
</div>
</el-carousel-item>
<el-carousel-item>
<div style="width: 100%; height: 307px; background: #FFFFFF">
<img src="/upload/1/cms/content/1706145098915.png" width="100%" style="height: 100%" alt="" />
</div>
<div class="carousel-bottom">
<div class="carousel-date">
2024-01-24
</div>
</div>
<div class="news-txt">
<a
href="/html/web/news/policy/1750083979010146306.html"> 财政部印发《企业数据资源相关会计处理暂行规定》</a>
</div>
</el-carousel-item>
<el-carousel-item>
<div style="width: 100%; height: 307px; background: #FFFFFF">
<img src="/upload/1/cms/content/1706087415195.png" width="100%" style="height: 100%" alt="" />
</div>
<div class="carousel-bottom">
<div class="carousel-date">
2024-01-24
</div>
</div>
<div class="news-txt">
<a
href="/html/web/news/policy/1750083778350448641.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">01/24</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/1750080821349351425.html">中华人民共和国网络安全法</a></div>
<div class="news-edit-txt-cont">
为了保障网络安全，维护网络空间主权和国家安全、社会公共利益，保护公民、法人和其他组织的合法权益，促进经济社会信息化健康发展，制定本法。
</div>
</div>
</div>
<div class="news">
<div class="news-edit-date">
<div class="news-month">12/20</div>
<div class="news-year">2023</div>
</div>
<div class="news-edit-txt">
<div class="news-edit-txt-title"><a
href="/html/web/news/policy/1737367628195110913.html">中共中央 国务院关于构建更加完善的要素市场化配置体制机制的意见</a></div>
<div class="news-edit-txt-cont">
完善要素市场化配置是建设统一开放、竞争有序市场体系的内在要求，是坚持和完善社会主义基本经济制度、加快完善社会主义市场经济体制的重要内容。
</div>
</div>
</div>
<div class="news">
<div class="news-edit-date">
<div class="news-month">11/27</div>
<div class="news-year">2023</div>
</div>
<div class="news-edit-txt">
<div class="news-edit-txt-title"><a
href="/html/web/news/policy/1729076472938577922.html">国家互联网信息办公室关于《网络数据安全管理条例（征求意见稿）》公开征求意见的通知</a></div>
<div class="news-edit-txt-cont">
最多可上传10张图片，文章缩略图,支持jpg格式；多图情况下，{@ms:file field.litpic/}会只取第一张缩略图，其他用法参考文档arclist标签
</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/1706087195449.png" width="100%" alt="" style="height: 100%" />
</div>
<div class="carousel-bottom">
<div class="carousel-date">
2024-01-24
</div>
</div>
<div class="news-txt">
<a
href="/html/web/news/trends/1750082707762741250.html"> “三创两优”活动</a>
</div>
</el-carousel-item>
<el-carousel-item>
<div style="width: 100%; height: 307px; background: #FFFFFF">
<img src="/upload/1/cms/content/1706087157145.png" width="100%" alt="" style="height: 100%" />
</div>
<div class="carousel-bottom">
<div class="carousel-date">
2024-01-24
</div>
</div>
<div class="news-txt">
<a
href="/html/web/news/trends/1750082543106949121.html"> “青夜谈”数据要素沙龙第一期</a>
</div>
</el-carousel-item>
<el-carousel-item>
<div style="width: 100%; height: 307px; background: #FFFFFF">
<img src="/upload/1/cms/content/1706087109300.png" width="100%" alt="" style="height: 100%" />
</div>
<div class="carousel-bottom">
<div class="carousel-date">
2024-01-24
</div>
</div>
<div class="news-txt">
<a
href="/html/web/news/trends/1750082354073862146.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">01/24</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/1750082163958644737.html">“青数营”公共数据运营沙龙第七期-走进即墨区</a>
</div>
<div class="news-edit-txt-cont">
“青数营”公共数据运营沙龙第七期“走进即墨区”活动在位于即墨蓝谷的青岛国实科技集团成功举办。来自发改、科技、文旅、海洋等当地有关政府部门、供电供水等公共服务企业、青岛大学计算机学院等学术研究机构、杭州迪普科技等专业技术公司、太平洋保险等金融服务机构以及山东泓涂涂料科技有限公司等实体领域“专精特新”民营企业等的近80位专家学者参加活动
</div>
</div>
</div>
<div class="news">
<div class="news-edit-date">
<div class="news-month">11/29</div>
<div class="news-year">2023</div>
</div>
<div class="news-edit-txt">
<div class="news-edit-txt-title"><a
href="/html/web/news/trends/1729766541560692738.html">数据处理主体责任清单</a>
</div>
<div class="news-edit-txt-cont">
为引导培育我市数据交易市场,规范数据交易行为,促进数据依法有序流动,推动数字化发展,根据《中华人民共和国网络安全法》《中华人民共和国数据安全法》《中华人民共和国个人信息保护法》《浙江省公共数据开放与安全管理暂行办法》《浙江省公共数据条例》等有关法律、法规、规章的规定,结合本市实际,制定本责任清单。
</div>
</div>
</div>
<div class="news">
<div class="news-edit-date">
<div class="news-month">11/29</div>
<div class="news-year">2023</div>
</div>
<div class="news-edit-txt">
<div class="news-edit-txt-title"><a
href="/html/web/news/trends/1729766132297285634.html">包头市公共数据运营核保场景交易启动仪式</a>
</div>
<div class="news-edit-txt-cont">
2023年9月11日，包头市公共数据运营核保场景交易启动仪式在“2023年国家网络安全宣传周内蒙古自治区活动”上发布
</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 style="margin-top: 5px; text-align: left; text-indent: 2em;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;平台的整体设计从最底层开始，完全基于隐私计算的原理和应用。它是一个安全的、弹性的、分布式的平台。</p><p style="margin-top: 5px; text-align: left; text-indent: 2em;"><br/></p><p style="margin-top: 5px; text-align: left; text-indent: 2em;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;它采用了<span style="box-sizing: inherit; outline: none; padding: 0px; margin: 0px; color: rgb(214, 21, 24);">安全计算、差分隐私、高性能存储、容器编排、区块链、智能合约</span>等最先进的计算机技术，解决数据全生命周期过程中的安全授权使用、隐私保护、数据价值分享等一系列技术挑战，让各方数据工作者可以高效地分工合作。</p><p style="margin-top: 5px; text-align: left; text-indent: 2em;"><br/></p><p style="margin-top: 5px; text-align: left; text-indent: 2em;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;平台在<span style="box-sizing: inherit; outline: none; padding: 0px; margin: 0px; color: rgb(214, 21, 24);">数据安全、个人隐私保护和数据授权使用</span>的前提下，为平台用户提供丰富的AI.统计、数据挖掘等应用，大大提升数据的使用效率，为各行业提供丰富的数据产品和服务。</p><p style="margin-top: 5px; text-align: left; text-indent: 2em;"><br/></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 class="product-img">
<img src="/upload/1/cms/content/1704955594181.png" alt="">
<img class="hoverimg" src="/upload/1/cms/content/1704955596912.png" alt="">
</div>
<!--二级栏目下的文章-->
<div class="product-img">
<img src="/upload/1/cms/content/1704955896244.png" alt="">
<img class="hoverimg" src="/upload/1/cms/content/1704955898707.png" alt="">
</div>
</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://192.168.1.102: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>