bob
/
westdc-zf1
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

更改三江源项目首页的布局和内容

This commit is contained in:
Li Jianxuan 2013-10-15 09:38:52 +00:00
parent 4d259cd05b
commit cacf667bb5
7 changed files with 134 additions and 152 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
application/default/views/scripts/footer.phtml
View File

@ -1,7 +1,8 @@
<hr>
<footer> <footer>
<p style="text-align:center;font-size:12px;">© 中国寒区旱区科学数据中心 2006-2013 | <a href="/about/contact" ><i class="icon-envelope"></i>联系我们</a> | <a href="/about/terms">使用条款和免责申明</a> <div class="container">
<p>© 青海省生态环境遥感监测中心 2013 | <a href="/about/contact" ><i class="icon-envelope"></i>联系我们</a> | <a href="/about/terms">使用条款和免责申明</a>
| <a href="http://www.miibeian.gov.cn" target="_blank">陇ICP备05000491号</a></p> | <a href="http://www.miibeian.gov.cn" target="_blank">陇ICP备05000491号</a></p>
</div>
</footer> </footer>
<?php if(!empty($this->pageID)) {?> <?php if(!empty($this->pageID)) {?>
<script>$('#Nav-<?= $this->pageID?>').addClass("active");</script> <script>$('#Nav-<?= $this->pageID?>').addClass("active");</script>
@ -11,9 +12,3 @@
$('#<?= $this->pageIn?>').prev('.accordion-heading').addClass('active'); $('#<?= $this->pageIn?>').prev('.accordion-heading').addClass('active');
</script> </script>
<?php } ?> <?php } ?>
<script src="http://www.google-analytics.com/urchin.js" type="text/javascript">
</script>
<script type="text/javascript">
_uacct = "UA-302912-6";
urchinTracker();
</script>

11
application/default/views/scripts/header.phtml
View File

@ -1,8 +1,9 @@
<div class="container">
<div class="masthead"> <div class="masthead">
<div class="row"> <div class="row banner">
<div class="span5"><a href="/"><img src="/images/heihe-logo.png" alt="Heihe Logo" /></a></div> <div class="span6"><h3 class="head-title">三江源生态监测数据的服务管理平台</h3></div>
<div class="span5"> <div class="span6">
<form method="get" action="/search" id="search" style="padding-top:17px;"> <form method="get" action="/search" id="search" class="pull-right">
<div class="input-append"> <div class="input-append">
<input type="text" value="" id="q" name="q" class="span4" placeholder="全文搜索"> <input type="text" value="" id="q" name="q" class="span4" placeholder="全文搜索">
<button type="submit" class="btn"><i class="icon-search"></i>搜索</button> <button type="submit" class="btn"><i class="icon-search"></i>搜索</button>
@ -17,7 +18,6 @@
<span class="icon-bar"></span> <span class="icon-bar"></span>
<span class="icon-bar"></span> <span class="icon-bar"></span>
</button> </button>
<a class="brand" href="/">WestDC</a>
<div class="nav-collapse collapse"> <div class="nav-collapse collapse">
<ul class="nav" id="mainmenu"> <ul class="nav" id="mainmenu">
<li id="main-nav-index"><a href="/"><span>首页</span></a></li> <li id="main-nav-index"><a href="/"><span>首页</span></a></li>
@ -47,3 +47,4 @@
</div> </div>
</div><!-- /.navbar --> </div><!-- /.navbar -->
</div> </div>
</div>

129
application/default/views/scripts/index/index.phtml
View File

@ -49,87 +49,60 @@
</ul> </ul>
</div> </div>
</div> </div>
<hr />
<div class="row">
<div class="span4">
<h4>在线下载热门数据</h4>
<ul class="unstyled">
<?php foreach($this->mdtop as $i=>$md) : ?>
<li><img src="/images/no<?php echo $i+1; ?>.gif" align="absmiddle" style="border-width:0px;" />
<a class="item" href="/data/<?php echo $md->uuid; ?>"><?php echo $md->title; ?></a>
</li>
<?php endforeach; ?>
</ul>
<h4>离线申请热门数据</h4>
<ul class="unstyled">
<?php foreach($this->offlinemdtop as $i=>$md) : ?>
<li><img src="/images/no<?php echo $i+1; ?>.gif" align="absmiddle" style="border-width:0px;" />
<a class="item" href="/data/<?php echo $md->uuid; ?>"><?php echo $md->title; ?></a>
</li>
<?php endforeach; ?>
</ul>
<h4>数据服务</h4>
<span><a href="/data/offlineapp"><i class="icon-user"></i>最近20条离线数据服务记录</a></span><span>(共<?= $this->offlinenum; ?>)</span><br />
<span><a class="btn btn-danger" href="/data/request"><i class="icon-tint"></i>如何申请数据</a></span>
<span><a class="btn btn-danger" href="/data/submit"><i class="icon-tint"></i>如何发布数据</a></span>
</div> <!-- 数据 -->
<div class="span8">
<h4><a href="/data/doi">最新注册DOI数据</a></h4>
<ul class="unstyled">
<?php foreach($this->dois as $doi) :
echo '<li class="well well-small">['.date('Y-m-d',strtotime($doi->ts_published)).']<a href="/data/'.$doi->uuid.'">'.substr($doi->authors,1,-1).'. '.$doi->title.'. '.$doi->publisher.', '.(empty($doi->publish_year)?date('Y',strtotime($doi->ts_published)):date('Y',strtotime($doi->publish_year))).'. doi:'.$doi->doi.'</a></li>';
//echo ' ['.str_replace('"','',substr($md->author_en,1,-1)).'. '.$md->title_en.'. '.$md->publisher_en.', '.$md->publish_year.'. doi:'.$md->doi.']';
endforeach;
?>
</ul>
</div>
</div>
<hr />
<div class="row"> <div class="row">
<div class="span4"> <div class="span4 data-unit">
<h4>专题数据集</h4> <div class="well well-small">
<h4>青海省生态环境遥感监测中心</h4>
<div class="data-list">
<ul class="unstyled"> <ul class="unstyled">
<li><a href="/hiwater" class="btn btn-danger"><i class="icon-folder-open"></i>黑河生态水文遥感试验(HiWATER)</a></li> <li><a href="">青海三江源区2012年度土地利用数据集</a></li>
<li><a href="/heihe" class="btn"><i class="icon-folder-open"></i>黑河计划数据管理中心</a></li> <li><a href="">青海三江源区重点生态工程区域草地监测数据集(2013年)</a></li>
<li><a href="/water" class="btn"><i class="icon-folder-open"></i>黑河综合遥感联合试验(WATER)</a></li> <li><a href="">青海三江源重点区域草地生态监测数据集</a></li>
</ul>
<!-- <hr />
<h4>友情链接</h4>
<ul class="unstyled">
<li><a href="http://heihe.westgis.ac.cn" target="_blank"><i class="icon-share"></i>数字黑河</a></li>
<li><a href="http://web.nuist.edu.cn/DQKX/nadsc/" target="_blank"><i class="icon-share"></i>南京大气资料服务中心</a></li>
<li><a href="http://www.sciencedata.cn" target="_blank"><i class="icon-share"></i>科学数据共享工程</a></li>
</ul> -->
</div>
<div class="span4">
<h4>数据导航</h4>
<ul class="unstyled">
<li>
<a href="/data/category"><i class="icon-th-large"></i>分类浏览</a>
</li>
<li>
<a href="/data/tag"><i class="icon-tags"></i>关键词导航</a>
</li>
<li>
<a href="/data/series"><i class="icon-th-list"></i>数据集序列</a>
</li>
<li>
<a href="/data/timeline"><i class="icon-calendar"></i>时间轴导航</a>
</li>
<li>
<a href="/data/timemap"><i class="icon-globe"></i>时空导航</a>
</li>
</ul>
</div>
<div class="span4">
<h4>统计</h4>
<ul class="unstyled">
<li><span class="symbol">•&nbsp;</span>元数据 <strong>
<span><?php echo $this->metanum; ?></span></strong> 条</li>
<li><span class="symbol">•&nbsp;</span>在线数据 <strong><?php echo number_format($this->onlinesize/1000,2,'.',''); ?> GB</strong></li>
<li><span class="symbol">•&nbsp;</span>总数据 <strong><?php echo number_format(($this->onlinesize+$this->offlinesize)/1000,2,'.',''); ?> GB</strong></li>
<li><span class="symbol">•&nbsp;</span>总注册用户&nbsp;<strong><span><?php echo $this->usernum; ?></span> </strong>&nbsp;人</li>
</ul> </ul>
</div> </div>
</div> </div>
</div>
<div class="span4 data-unit">
<div class="well well-small">
<h4>青海省环境监测中心站</h4>
</div>
</div>
<div class="span4 data-unit">
<div class="well well-small">
<h4>青海省草原总站</h4>
</div>
</div>
</div>
<div class="row">
<div class="span4 data-unit">
<div class="well well-small">
<h4>青海省气象科学研究所</h4>
</div>
</div>
<div class="span4 data-unit">
<div class="well well-small">
<h4>青海省林业调查规划院</h4>
</div>
</div>
<div class="span4 data-unit">
<div class="well well-small">
<h4>青海省水文水资源局</h4>
</div>
</div>
</div>
<div class="row">
<div class="span4 data-unit">
<div class="well well-small">
<h4>青海省水土保持局</h4>
</div>
</div>
<div class="span4 data-unit">
<div class="well well-small">
<h4>中国科学院寒区旱区环境与工程研究所</h4>
</div>
</div>
</div>

6
application/layouts/layout.phtml
View File

@ -10,6 +10,7 @@
<link rel="stylesheet" href="/js/lib/bootstrap/css/font-awesome-ie7.min.css"> <link rel="stylesheet" href="/js/lib/bootstrap/css/font-awesome-ie7.min.css">
<![endif]--> <![endif]-->
<link href="/js/lib/bootstrap/css/bootstrap-responsive.min.css" rel="stylesheet" media="screen"> <link href="/js/lib/bootstrap/css/bootstrap-responsive.min.css" rel="stylesheet" media="screen">
<link href="/css/style.css" rel="stylesheet" media="screen">
<script src="/js/lib/jquery.lasted.js"></script> <script src="/js/lib/jquery.lasted.js"></script>
<script src="/js/lib/bootstrap/js/bootstrap.min.js"></script> <script src="/js/lib/bootstrap/js/bootstrap.min.js"></script>
<script src="/js/navi.js"></script> <script src="/js/navi.js"></script>
@ -21,12 +22,11 @@
<link rel="pingback" href="http://westdc.westgis.ac.cn/data/pingback" /> <link rel="pingback" href="http://westdc.westgis.ac.cn/data/pingback" />
</head> </head>
<body> <body>
<div class="container">
<?= $this->render('header.phtml') ?> <?= $this->render('header.phtml') ?>
<!--<div class="breadcrumb"><?= $this->breadcrumb() ?> </div>--> <div class="container">
<?= $this->layout()->content ?> <?= $this->layout()->content ?>
<?= $this->render('footer.phtml') ?>
</div> </div>
<?= $this->render('footer.phtml') ?>
</body> </body>
<!-- Piwik --> <!-- Piwik -->
<script type="text/javascript"> <script type="text/javascript">

1
htdocs/css/index.css
View File

@ -141,3 +141,4 @@
#main-news{height:330px;overflow-y:auto;} #main-news{height:330px;overflow-y:auto;}
.item{height:330px;} .item{height:330px;}
hr{margin:0 auto;} hr{margin:0 auto;}
.data-unit .well{ box-shadow:none; border:none;}

12
htdocs/css/style.css Normal file
View File

@ -0,0 +1,12 @@
.masthead{
background:url('/images/banner-bg.jpg') top left no-repeat;
}
.masthead .banner{
height:100px;
}
.masthead .head-title{margin-left:15px;color:#FFFFFF;}
footer {
background-color: #f5f5f5;padding:20px 0;
}
footer p{ color: #777777;}

BIN
htdocs/images/banner-bg.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 55 KiB