update index template

This commit is contained in:
jack 2018-05-11 22:49:03 +08:00
parent 1265fc71e2
commit fb5b1dacdc
7 changed files with 111 additions and 216 deletions

View File

@ -35,10 +35,10 @@ class IndexController extends Zend_Controller_Action
$sql="select * from datafeature order by id desc";
$this->view->feature=$this->db->fetchRow($sql);
//下载最多数据(top 5)
$sql="select uuid,title,id from normalmetadata where id in (select m.id from normalmetadata m left join dataorder d on m.uuid=d.uuid group by m.id order by count(d.uuid) desc limit 5)";
$sql="select uuid,title,id from normalmetadata where id in (select m.id from normalmetadata m left join dataorder d on m.uuid=d.uuid group by m.id order by count(d.uuid) desc limit 8)";
$this->db->setFetchMode(Zend_Db::FETCH_OBJ);
$this->view->mdtop=$this->db->fetchAll($sql);
$sql="select uuid,title,id from normalmetadata where id in (select m.id from normalmetadata m left join dataorder d on m.uuid=d.uuid group by m.id order by id desc limit 5)";
$sql="select uuid,title,id from normalmetadata where id in (select m.id from normalmetadata m left join dataorder d on m.uuid=d.uuid group by m.id order by id desc limit 8)";
$this->view->offlinemdtop=$this->db->fetchAll($sql);
$sql="select m.uuid,m.title,m.id,m.description from normalmetadata m left join thumbnail t on m.id=t.id where length(t.data)>2 order by random()";
$this->view->mdrandom=$this->db->fetchRow($sql);

View File

@ -265,10 +265,10 @@
元数据 &nbsp;<span><?php echo $this->metanum; ?></span>
</li>
<li>
在线数据 &nbsp;<span><?php echo number_format($this->onlinesize/1000,2,'.',''); ?></span>GB
在线数据 &nbsp;<span><?php echo number_format($this->onlinesize / 1000,2,'.',''); ?></span>GB
</li>
<li>
总数据 &nbsp;<span><?php echo number_format(($this->onlinesize+$this->offlinesize)/1000,2,'.',''); ?></span>GB
总数据 &nbsp;<span><?php echo number_format(($this->onlinesize + $this->offlinesize)/1000,2,'.',''); ?></span>GB
</li>
<li>
总注册用户 &nbsp;<span><?php echo $this->usernum; ?></span>

View File

@ -1,17 +1,23 @@
<div id="myCarousel" class="carousel slide">
<div class="carousel-inner">
<div class="item item1 active">
</div>
<div class="item item2">
</div>
<div class="item item3">
</div>
<?php foreach($this->news as $k=>$v) { ?>
<?php
$description = "";
if (mb_strlen($v['description'])>100)
{
$description = mb_substr($v['description'],0,100,'utf-8').'...';
}else{
$description = $v['description'];
}
?>
<div class="item item<?= $k + 1 ?> <?= $k == 0 ? 'active':''?>" style="background-image: url('<?php echo $v['image']; ?>');"></div>
<?php } ?>
</div>
<a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev">
<span class="glyphicon glyphicon-chevron-left" aria-hidden="true"><img src="img/left.png" alt="" /></span>
<span class="glyphicon glyphicon-chevron-left" aria-hidden="true"><img src="/static-sanji-v2/img/left.png" alt="" /></span>
</a>
<a class="right carousel-control" href="#myCarousel" role="button" data-slide="next">
<span class="glyphicon glyphicon-chevron-right" aria-hidden="true"><img src="img/right.png" alt="" /></span>
<span class="glyphicon glyphicon-chevron-right" aria-hidden="true"><img src="/static-sanji-v2/img/right.png" alt="" /></span>
</a>
</div>
<!--专题数据-->
@ -110,29 +116,29 @@
<ul class="content_list">
<li>
<div>
<p class="number"><span class="counterDX" data-counter-value="432" id="projectNum">432</span></p>
<p class="title">总项目数(个)</p>
<p class="number"><span class="counterDX" data-counter-value="<?php echo $this->metanum; ?>" id="projectNum"><?php echo $this->metanum; ?></span></p>
<p class="title">元数据个数</p>
</div>
</li>
<li>
<div>
<p class="number"><span class="counterDX" data-counter-value="55435" id="buildingNum">55435</span></p>
<p class="title">总楼宇量(幢)</p>
<p class="number"><span class="counterDX" data-counter-value="<?php echo number_format($this->onlinesize/1000,2,'.',''); ?>" id="buildingNum"><?php echo number_format($this->onlinesize/1000,2,'.',''); ?></span></p>
<p class="title">在线数据(GB)</p>
</div>
</li>
<li>
<div>
<p class="number"><span class="counterDX" data-counter-value="5435" id="managementNum">5435</span></p>
<p class="title">管理面积(万m²)</p>
<p class="number"><span class="counterDX" data-counter-value="<?php echo number_format(($this->onlinesize+$this->offlinesize)/1000,2,'.',''); ?>" id="managementNum"><?php echo number_format(($this->onlinesize+$this->offlinesize)/1000,2,'.',''); ?></span></p>
<p class="title">数据(GB)</p>
</div>
</li>
<li>
<div>
<p class="number"><span class="counterDX" data-counter-value="54" id="allMoneyNum">5435</span></p>
<p class="title">楼宇总收入(万元)</p>
<p class="number"><span class="counterDX" data-counter-value="<?php echo $this->usernum; ?>" id="allMoneyNum"><?php echo $this->usernum; ?></span></p>
<p class="title">总注册用户(人)</p>
</div>
</li>
</ul>
@ -168,11 +174,11 @@
</div>
<div class="col-sm-6 col-md-4">
<div class="hotnews-box imgBox">
<a href="html/video.html" style="display: block;" target="_blank">
<a href="/static-sanji-v2/html/video.html" style="display: block;" target="_blank">
<video autoplay="" muted="" loop="" class="video">
<source src="/static-sanji-v2/img/tpe_1.mp4" type="video/mp4">
</video>
<p style="height: 60px;">数据变化</p>
<p style="height: 60px;">基于MODIS的2003年高亚洲积雪覆盖变化</p>
</a>
</div>
</div>
@ -188,90 +194,21 @@
</h3>
<div class="container">
<div class="moreBox">
<a href="" class="more">查看更多</a>
<a href="/data" class="more">查看更多</a>
</div>
<div class="row">
<?php foreach($this->mdtop as $i=>$md) : ?>
<div class="col-sm-3 col-md-3">
<a href="" target="_blank">
<div class="science p-box">
<img src="/static-sanji-v2/img/1.png" alt="">
<div class="p-title">
<p>南北极南北极南北极南北极南北极南北极南北极南北极</p>
</div>
</div>
</a>
</div>
<div class="col-sm-3 col-md-3">
<a href="" target="_blank">
<a href="/data/<?php echo $md->uuid; ?>">
<div class="science p-box">
<img src="/static-sanji-v2/img/banner2.jpg" alt="">
<div class="p-title">
<p>南北极南北极南北极南北极南北极南北极南北极南北极</p>
<p><?php echo $md->title; ?></p>
</div>
</div>
</a>
</div>
<div class="col-sm-3 col-md-3">
<a href="" target="_blank">
<div class="science p-box">
<img src="/static-sanji-v2/img/1.png" alt="">
<div class="p-title">
<p>南北极南北极南北极南北极南北极南北极南北极南北极</p>
</div>
</div>
</a>
</div>
<div class="col-sm-3 col-md-3">
<a href="" target="_blank">
<div class="science p-box">
<img src="/static-sanji-v2/img/20180206161540_37955.png" alt="">
<div class="p-title">
<p>南北极南北极南北极南北极南北极南北极南北极南北极</p>
</div>
</div>
</a>
</div>
<div class="col-sm-3 col-md-3">
<a href="" target="_blank">
<div class="science p-box">
<img src="/static-sanji-v2/img/1.png" alt="">
<div class="p-title">
<p>南北极南北极南北极南北极南北极南北极南北极南北极</p>
</div>
</div>
</a>
</div>
<div class="col-sm-3 col-md-3">
<a href="" target="_blank">
<div class="science p-box">
<img src="/static-sanji-v2/img/1.png" alt="">
<div class="p-title">
<p>南北极南北极南北极南北极南北极南北极南北极南北极</p>
</div>
</div>
</a>
</div>
<div class="col-sm-3 col-md-3">
<a href="" target="_blank">
<div class="science p-box">
<img src="/static-sanji-v2/img/1.png" alt="">
<div class="p-title">
<p>南北极南北极南北极南北极南北极南北极南北极南北极</p>
</div>
</div>
</a>
</div>
<div class="col-sm-3 col-md-3">
<a href="" target="_blank">
<div class="science p-box">
<img src="/static-sanji-v2/img/1.png" alt="">
<div class="p-title">
<p>南北极南北极南北极南北极南北极南北极南北极南北极</p>
</div>
</div>
</a>
</div>
<?php endforeach; ?>
</div>
</div>
</div>
@ -283,21 +220,21 @@
<div class="newsBox" >
<div class="container">
<div class="moreBox">
<a href="" class="more">查看更多</a>
<a href="/archives/news/localnews" class="more">查看更多</a>
</div>
<div class="row">
<div class="col-sm-5">
<div class="newsBoxL">
<img src="/static-sanji-v2/img/20180206161540_37955.png" alt="">
<img src="<?= $this->list_news[0] && $this->list_news[0]['image'] && $this->list_news[0]['image'] != '' ? $this->list_news[0]['image']:'/static-sanji-v2/img/20180206161540_37955.png' ?>" alt="">
<div class="newsBoxLTxt">
<div class="newsBoxLTxtL">
<i>15</i>
<span>2018-03</span>
<i><?= date('d',strtotime($this->list_news[0]['ts_published'])) ?></i>
<span><?= date('Y-m',strtotime($this->list_news[0]['ts_published'])) ?></span>
</div>
<div class="newsBoxLTxtR">
<a href="">
<h6>协同与对比课题组李金锋博士参加第34次南极科学考察</h6>
<p>协同与对比课题组李金锋博士参加第34次南极科学考察开展南极菲尔德斯半岛及周边岛屿的先锋植物及地衣群落的覆盖度和光谱特征调查为后期南极植物分布分类制图和变化研究提供本底信息。南极洲是地球上最寒冷、干燥、多风的大洲也是平均海拔最高的大洲。由于环境寒冷、土壤质量差、缺乏水分和阳光不足限制了植物的大面积生长。然而伴随南极增暖冰川退化南极地区的先锋植物在大陆边缘地带分布面积扩大、增绿。</p>
<a href="<?= $this->list_news[0]['url'] ?>">
<h6><?= $this->list_news[0]['title'] ?></h6>
<p><?= $this->list_news[0]['description'] ?></p>
</a>
</div>
</div>
@ -307,57 +244,57 @@
<div class="newsBoxR">
<ul>
<li>
<a href="">
<a href="<?= $this->list_news[1]['url'] ?>">
<div class="newsTop">
<div class="newsTopLeft">
<p>《中国科学数据》青藏高原雪、冰和环境数据集专题出版</p>
<p><?= $this->list_news[1]['title'] ?></p>
<div class="borBottom"></div>
</div>
<div class="rihgtTop">
<span>15</span>
<i>2018-03</i>
<span><?= date('d',strtotime($this->list_news[1]['ts_published'])) ?></span>
<i><?= date('Y-m',strtotime($this->list_news[1]['ts_published'])) ?></i>
</div>
</div>
<div class="newsBottom">
<p>专刊围绕青藏高原雪、冰、环境的主题遴选9篇数据论文其中冰川数据集3套涵盖多期次的藏东南冰川编目、慕士塔格峰山地冰川表面冬季运动分布和西藏卡若拉冰川面积变化等数据条目湖泊数据集2套涵盖20022016高原地区51个大型逐日湖冰物候及20002012年中大型高原湖泊水面变化数据集积雪数据</p>
<p><?= $this->list_news[1]['description'] ?></p>
<img src="/static-sanji-v2/img/rightArrow.png">
</div>
</a>
</li>
<li style="height: 5px;"></li>
<li>
<a href="">
<a href="<?= $this->list_news[2]['url'] ?>">
<div class="newsTop">
<div class="newsTopLeft">
<p>“数字丝路”国际科学计划(DBAR)和欧盟北极综合观测系统(INTAORS)项目签署谅解备忘录。</p>
<p><?= $this->list_news[2]['title'] ?></p>
<div class="borBottom"></div>
</div>
<div class="rihgtTop">
<span>20</span>
<i>2018-03</i>
<span><?= date('d',strtotime($this->list_news[2]['ts_published'])) ?></span>
<i><?= date('Y-m',strtotime($this->list_news[2]['ts_published'])) ?></i>
</div>
</div>
<div class="newsBottom">
<p>本谅解备忘录旨在启动“数字丝路”国际科学计划(DBAR)以及欧盟北极综合观测系统(INTAORS)项目之间的合作,涉及环境监测,数据收集、分析和信息服务等内容。具体内容主要包括:在北极和北部寒冷地区开展有关共同利益的联合研究项目;收集和分析北极的卫星地球观测数据,共享欧洲和中国卫星数据,实现可操作性,并参与机构、项目实施和地球大数据平台的推动;协调研究机构和参与科研活动的人员间的联合活动,包括卫星数据收集设计、相互比较、衍生数据产品的验证、分析和工具开发;基于合作与联合协议,对数据和出版物进行科</p>
<p><?= $this->list_news[2]['description'] ?></p>
<img src="/static-sanji-v2/img/rightArrow.png">
</div>
</a>
</li>
<li style="height: 5px;"></li>
<li>
<a href="">
<a href="<?= $this->list_news[3]['url'] ?>">
<div class="newsTop">
<div class="newsTopLeft">
<p>“数字丝路”国际科学计划(DBAR)和欧盟北极综合观测系统(INTAORS)项目签署谅解备忘录。</p>
<p><?= $this->list_news[3]['title'] ?></p>
<div class="borBottom"></div>
</div>
<div class="rihgtTop">
<span>10</span>
<i>2018-03</i>
<span><?= date('d',strtotime($this->list_news[3]['ts_published'])) ?></span>
<i><?= date('Y-m',strtotime($this->list_news[3]['ts_published'])) ?></i>
</div>
</div>
<div class="newsBottom">
<p>本谅解备忘录旨在启动“数字丝路”国际科学计划(DBAR)以及欧盟北极综合观测系统(INTAORS)项目之间的合作,涉及环境监测,数据收集、分析和信息服务等内容。具体内容主要包括:在北极和北部寒冷地区开展有关共同利益的联合研究项目;收集和分析北极的卫星地球观测数据,共享欧洲和中国卫星数据,实现可操作性,并参与机构、项目实施和地球大数据平台的推动;协调研究机构和参与科研活动的人员间的联合活动,包括卫星数据收集设计、相互比较、衍生数据产品的验证、分析和工具开发;基于合作与联合协议,对数据和出版物进行科</p>
<p><?= $this->list_news[3]['description'] ?></p>
<img src="/static-sanji-v2/img/rightArrow.png">
</div>
</a>
@ -379,87 +316,18 @@
<a href="" class="more">查看更多</a>
</div>
<div class="row">
<?php foreach($this->offlinemdtop as $i=>$md) : ?>
<div class="col-sm-3 col-md-3">
<a href="" target="_blank">
<div class="science p-box">
<img src="/static-sanji-v2/img/1.png" alt="">
<div class="p-title">
<p>南北极南北极南北极南北极南北极南北极南北极南北极</p>
</div>
</div>
</a>
</div>
<div class="col-sm-3 col-md-3">
<a href="" target="_blank">
<a href="/data/<?php echo $md->uuid; ?>" target="_blank">
<div class="science p-box">
<img src="/static-sanji-v2/img/banner2.jpg" alt="">
<div class="p-title">
<p>南北极南北极南北极南北极南北极南北极南北极南北极</p>
<p><?php echo $md->title; ?></p>
</div>
</div>
</a>
</div>
<div class="col-sm-3 col-md-3">
<a href="" target="_blank">
<div class="science p-box">
<img src="/static-sanji-v2/img/1.png" alt="">
<div class="p-title">
<p>南北极南北极南北极南北极南北极南北极南北极南北极</p>
</div>
</div>
</a>
</div>
<div class="col-sm-3 col-md-3">
<a href="" target="_blank">
<div class="science p-box">
<img src="/static-sanji-v2/img/20180206161540_37955.png" alt="">
<div class="p-title">
<p>南北极南北极南北极南北极南北极南北极南北极南北极</p>
</div>
</div>
</a>
</div>
<div class="col-sm-3 col-md-3">
<a href="" target="_blank">
<div class="science p-box">
<img src="/static-sanji-v2/img/1.png" alt="">
<div class="p-title">
<p>南北极南北极南北极南北极南北极南北极南北极南北极</p>
</div>
</div>
</a>
</div>
<div class="col-sm-3 col-md-3">
<a href="" target="_blank">
<div class="science p-box">
<img src="/static-sanji-v2/img/1.png" alt="">
<div class="p-title">
<p>南北极南北极南北极南北极南北极南北极南北极南北极</p>
</div>
</div>
</a>
</div>
<div class="col-sm-3 col-md-3">
<a href="" target="_blank">
<div class="science p-box">
<img src="/static-sanji-v2/img/banner3.jpg" alt="">
<div class="p-title">
<p>南北极南北极南北极南北极南北极南北极南北极南北极</p>
</div>
</div>
</a>
</div>
<div class="col-sm-3 col-md-3">
<a href="" target="_blank">
<div class="science p-box">
<img src="/static-sanji-v2/img/1.png" alt="">
<div class="p-title">
<p>南北极南北极南北极南北极南北极南北极南北极南北极</p>
</div>
</div>
</a>
</div>
<?php endforeach; ?>
</div>
</div>
</div>

View File

@ -1,15 +1,33 @@
<footer id="layout-page-footer">
<hr>
<p class="text-center">©寒区旱区科学数据中心 2006-2014 | <a class="footer-link" href="/about/contact">联系我们</a> | <a class="footer-link" href="/about/terms">使用条款和免费申明 </a> | <a class="footer-link" href="http://www.miibeian.gov.cn" target="_blank">陇ICP备05000491号</a></p>
</footer>
<?php if(!empty($this->pageID)) {?>
<script>$('#Nav-<?= $this->pageID?>').addClass("active");</script>
<?php } ?>
<?php if($this->pageIn) { ?>
<script>
$('#<?= $this->pageIn?>').addClass('in');
$('#<?= $this->pageIn?>').show();
$('#<?= $this->pageIn?>').prev('.accordion-heading').addClass('active');
$('#<?= $this->pageIn?>').prev('.accordion-heading').children('a.detail-link').children('i').addClass('icon-minus');
</script>
<?php } ?>
<!--底部copyright-->
<div class="copyright">
<div class="container">
<div class="row">
<div class="copyrightContent col-sm-12">
<div class="copyrightContentL">
<p style="margin-bottom: 15px;" class="title">联系方式</p>
<span><img src="/static-sanji-v2/img/icon_address.png">中国科学院寒区环境与</span>
<span style="margin-left: 23px;">工程研究院 6#1102</span>
<span><img src="/static-sanji-v2/img/icon_phone.png">0931-4967287</span>
<span><img src="/static-sanji-v2/img/icon_email.png">westdc@lzb.ac.cn</span>
</div>
<div class="copyrightContentR">
<p style="margin-bottom: 15px;" class="title">帮助信息</p>
<span><a href="/data/request">如何申请数据</a></span>
<span><a href="/data/submit">如何提交数据</a></span>
<span><a href="/archives/help/platform/archive-23.html">科学数据引用建议</a></span>
<span><a href="/archives/help/platform/archive-7.html">在线数据的下载问题</a></span>
<span><a href="/about/legal">隐私政策</a></span>
<span><a href="/about/terms">使用条款和免责申明</a></span>
<span><a href="/about/contact">联系我们</a></span>
</div>
<div class="borderOne">
<p style="height:5px;"></p>
</div>
<div class="bottomDiv">
<p class="left">时空三极环境大数据平台 &copy; 2018 陇ICP备05000491号</p>
<p class="right"></p>
</div>
</div>
</div>
</div>
</div>

View File

@ -9,7 +9,7 @@
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a href="#" class="navbar-brand scroll-top logo"><img src="/static-sanji-v2/img/logo_white.png" alt="" /><b>时空三环境大数据平台</b></a>
<a href="#" class="navbar-brand scroll-top logo"><img src="/static-sanji-v2/img/logo_white.png" alt="" /><b>时空三环境大数据平台</b></a>
</div>
<div id="main-nav" class="collapse navbar-collapse">
<ul class="nav navbar-nav" id="mainNav">

View File

@ -130,25 +130,21 @@ margin: 4px;
margin: 0;
position: absolute;
}
.carousel-inner .item1{
.carousel-inner .item{
height: 500px;
background: url(../img/banner1.jpg) no-repeat center;
background-size:100% ;
}
.carousel-inner .item1{
background: url(../img/banner1.jpg) no-repeat center;
}
.carousel-inner .item2{
height: 500px;
background: url(../img/banner2.jpg) no-repeat center;
background-size:100%
}
.carousel-inner .item3{
height: 500px;
background: url(../img/banner3.jpg) no-repeat center;
background-size:100% ;
}
.carousel-inner .item4{
height: 500px;
background: url(../img/banner4.jpg) no-repeat center;
background-size:100%
}
.glyphicon-chevron-left:before{
content: "";
@ -630,4 +626,4 @@ margin: 4px;
overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;
}
}

View File

@ -0,0 +1,13 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<title></title>
</head>
<body>
<video autoplay="" muted="" loop="" class="video">
<source src="../img/tpe_1.mp4" type="video/mp4">
</video>
</body>
</html>