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

32
datail.html
View File

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

10
detail.css
View File

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

3519
js/html2canvas.js Normal file
View File

File diff suppressed because it is too large Load Diff