p85126437
/
geo_info_platform
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

yuyin

This commit is contained in:
caicai8 2019-12-25 14:53:08 +08:00
parent 2eee750f50
commit 6dd85eaa1c
4 changed files with 3546 additions and 24 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
Index.html
View File

@ -76,10 +76,10 @@
<a class="bottomItem" href="./machine.html"> <a class="bottomItem" href="./machine.html">
<img src="./image/2.png" />AI智能服务 <img src="./image/2.png" />AI智能服务
</a> </a>
<a class="bottomItem" href="javscript:void(0)"> <a class="bottomItem" href="javscript:void(0)">
<img src="./image/3.png" />战略目标库 <img src="./image/3.png" />战略目标库
</a> </a>
<a class="bottomItem" href="./datail.html"> <a class="bottomItem" href="./datail.html">
<img src="./image/4.png" />制式报告输出 <img src="./image/4.png" />制式报告输出
</a> </a>
</div> </div>
@ -131,6 +131,11 @@
function cancelVoice(){ function cancelVoice(){
$(".voicePanel").removeClass("active"); $(".voicePanel").removeClass("active");
} }
function sureVoice(){
$(".voicePanel").removeClass("active");
$(".fixed-left").addClass("collpased").css({left:"0px"});
init(name);
}
$(function(){ $(function(){
$(".show_detail").hover(function(){ $(".show_detail").hover(function(){
$(this).find(".detail_info").show(); $(this).find(".detail_info").show();

32
datail.html
View File

@ -5,22 +5,22 @@
<title>详细信息</title> <title>详细信息</title>
<link rel="stylesheet" href="./detail.css"/> <link rel="stylesheet" href="./detail.css"/>
<script src="./js/jQuery-1.8.3.min.js"></script> <script src="./js/jQuery-1.8.3.min.js"></script>
<script src="https://cdn.bootcss.com/html2canvas/0.5.0-beta4/html2canvas.js"></script> <script src="./js/html2canvas.js"></script>
<script src="https://cdn.bootcss.com/jspdf/1.3.4/jspdf.debug.js"></script> <script src="https://cdn.bootcss.com/jspdf/1.3.4/jspdf.debug.js"></script>
</head> </head>
<body> <body>
<div class="carouselBottom"> <div class="carouselBottom">
<a class="bottomItem" href="javscript:void(0)"> <a class="bottomItem" href="javscript:void(0)">
<img src="./image/1.png">服务优势 <img src="./image/1.png">服务优势
</a> </a>
<a class="bottomItem" href="./machine.html"> <a class="bottomItem" href="./machine.html">
<img src="./image/2.png">AI智能服务 <img src="./image/2.png">AI智能服务
</a> </a>
<a class="bottomItem" href="javscript:void(0)"> <a class="bottomItem" href="javscript:void(0)">
<img src="./image/3.png">战略目标库 <img src="./image/3.png">战略目标库
</a> </a>
<a class="bottomItem active" href="./datail.html"> <a class="bottomItem active" href="./datail.html">
<img src="./image/4.png">制式报告输出 <img src="./image/4.png">制式报告输出
</a> </a>
</div> </div>
@ -93,18 +93,18 @@
岩石组合为花岗斑岩、花岗闪长岩、闪长玢岩、石英闪长岩、英云闪长岩、二长花岗岩等 岩石组合为花岗斑岩、花岗闪长岩、闪长玢岩、石英闪长岩、英云闪长岩、二长花岗岩等
</div> </div>
<h3>冰川分布</h3> <h3>冰川分布</h3>
<div class="para"> <div class="para">
班公湖为藏北高原西缘东西长约125公里的狭长构造湖，按照国际冰川编目原则， 班公湖为藏北高原西缘东西长约125公里的狭长构造湖，按照国际冰川编目原则，
班公湖流域区是以该湖为主要流域， 并包括泽普错 、斯潘古尔湖、沙尔达湖和热帮错等若干 班公湖流域区是以该湖为主要流域， 并包括泽普错 、斯潘古尔湖、沙尔达湖和热帮错等若干
山间小湖群的一个三级流域区整个流域区地理位置介于32°40′～34°30′N和 78°38′～81°15′E之间， 山间小湖群的一个三级流域区整个流域区地理位置介于32°40′～34°30′N和 78°38′～81°15′E之间，
中国班公湖流域区总共有冰川959条，冰川总面积665.35 平方公里，冰储量为39.2316立方千米， 中国班公湖流域区总共有冰川959条，冰川总面积665.35 平方公里，冰储量为39.2316立方千米，
昌隆河流域、由昂则、展穷和展金等支流形成的多玛河流域、以及山间湖盆泽普错流域是班公湖 昌隆河流域、由昂则、展穷和展金等支流形成的多玛河流域、以及山间湖盆泽普错流域是班公湖
北岸的冰川主要分布区，南岸流域区冰川则主要分布在由巴扎雄、藏藏布河和曲垄藏布形成的玛 北岸的冰川主要分布区，南岸流域区冰川则主要分布在由巴扎雄、藏藏布河和曲垄藏布形成的玛
卡藏布河 、山间小湖盆斯潘古尔湖和沙尔达湖等流域。班公湖流域冰川分别占流域区总数的72.9%、67% 卡藏布河 、山间小湖盆斯潘古尔湖和沙尔达湖等流域。班公湖流域冰川分别占流域区总数的72.9%、67%
和64%，流域内冰川平均面积为0.64平方公里，最大的冰川面积23.68平方公里，长度10.5公里，泽普错是 和64%，流域内冰川平均面积为0.64平方公里，最大的冰川面积23.68平方公里，长度10.5公里，泽普错是
本流域区中冰川分布最为集中、冰川数量仅次于班公湖的小流域，其冰川数量分别占流域区总数的14.8%、 本流域区中冰川分布最为集中、冰川数量仅次于班公湖的小流域，其冰川数量分别占流域区总数的14.8%、
28.3%和33.3%，泽普错流域冰川平均面积达1.33平方公里，最大冰川面积16.60平方公里。 [4] 28.3%和33.3%，泽普错流域冰川平均面积达1.33平方公里，最大冰川面积16.60平方公里。 [4]
</div> </div>
<div class="level-2"> <div class="level-2">
<h2>军事价值</h2> <h2>军事价值</h2>
</div> </div>
@ -157,24 +157,24 @@
$("#pdf,#png").hide(); $("#pdf,#png").hide();
makeMpdf(); makeMpdf();
setTimeout(()=>{ setTimeout(()=>{
$("#pdf,#png").show(); $("#pdf,#png").show();
},2000) },2000)
}) })
// 导出png // 导出png
$("#png").on("click",() => { $("#png").on("click",() => {
$("#pdf,#png").hide(); $("#pdf,#png").hide();
saveCanvas(); saveCanvas();
setTimeout(()=>{ setTimeout(()=>{
$("#pdf,#png").show(); $("#pdf,#png").show();
},2000) },2000)
}) })
function makeMpdf () { function makeMpdf () {
if(confirm("您确认下载该PDF文件吗?")){ if(confirm("您确认下载该PDF文件吗?")){
var pdf = new jsPDF('p','pt','a4'); var pdf = new jsPDF('p','pt','a4');
// 打印比例 // 打印比例
pdf.internal.scaleFactor = 2; pdf.internal.scaleFactor = 2;
var options = { var options = {
pagesplit: true, pagesplit: true,
"background": '#FFFFFF' // 背景色 "background": '#FFFFFF' // 背景色
}; };
var printHtml = $('.box-con').get(0); var printHtml = $('.box-con').get(0);
@ -194,4 +194,4 @@
} }
</script> </script>
</body> </body>
</html> </html>

10
detail.css
View File

@ -55,9 +55,6 @@ h3{
font-weight: 400; font-weight: 400;
margin-left: 25px; margin-left: 25px;
} }
.img-con{
float: right;
}
.header{ .header{
clear: both; clear: both;
height: 40px; height: 40px;
@ -71,13 +68,14 @@ h3{
padding-left: 10px; padding-left: 10px;
} }
.img-list{ .img-list{
display: flex;
height: 120px; height: 120px;
padding-top: 15px; padding-top: 15px;
text-align: left; text-align: left;
} }
.img-list > div{ .img-list > div{
margin: auto; width: 250px;
height: 180px;
float: left;
} }
.img-list > div>img{ .img-list > div>img{
width: 80%; width: 80%;
@ -128,4 +126,4 @@ h3{
font-size: 14px; font-size: 14px;
transition: all 0.3s; transition: all 0.3s;
display: none; display: none;
} */ } */

3519
js/html2canvas.js Normal file
View File

File diff suppressed because it is too large Load Diff