update pages

application/default/views/scripts/breadcrumbs.phtml

@@ -1,11 +1,8 @@
 <?php if(!empty($this->nav)){ ?>
-<nav>
-  <ul class="breadcrumb">
-      <?php foreach ($this->nav as $k=>$v){?>
-      <li>
-          <a href="<?= $v['link'] ?>"><?= $v['title']?></a> <?php if(isset($this->nav[$k+1])) {?> <span class="divider">/</span> <?php } ?>
-      </li>
-      <?php }	?>
-  </ul>
-</nav>
+<div class="container top-position">
+    <?php foreach ($this->nav as $k=>$v){?>
+        <a href="<?= $v['link'] ?>"><?= $v['title']?></a>
+        <?php if(isset($this->nav[$k+1])) {?> <span class="divider">/</span> <?php } ?>
+    <?php }	?>
+</div>
 <?php } ?>

application/default/views/scripts/data/browse.phtml

@@ -2,10 +2,10 @@
 	$this->headTitle($this->config->title->site);
 	$this->headTitle($this->config->title->data);
 	$this->headTitle('全部浏览');
-$this->headTitle()->setSeparator(' - ');
-$this->headLink()->appendStylesheet('/static-sanji/css/data-list.css');
-$this->nav[] = array('link'=>"/data/browse",'title'=>'全部浏览');
-$this->theme->AppendPlus($this,'colorbox');
+    $this->headTitle()->setSeparator(' - ');
+    $this->headLink()->appendStylesheet('/static-sanji/css/data-list.css');
+    $this->nav[] = array('link'=>"/data/browse",'title'=>'全部浏览');
+    $this->theme->AppendPlus($this,'colorbox');
 ?>
 <hr class="c-f">
 <?= $this->partial('data/tools.phtml'); ?>
@@ -13,13 +13,15 @@ $this->theme->AppendPlus($this,'colorbox');
 <div class="container">
     <?php foreach($this->paginator as $md) : ?>
     <div class="row c-list">
-        <div class="col-md-4 c-img-box">
-            <div class="c-img" href="/service/bigthumb/uuid/<?= $md['uuid'] ?>" style="background:url('/service/thumb/id/<?php echo $md['id'];?>') no-repeat center"></div>
-<!--            <a href="/service/bigthumb/uuid/--><?//= $md['uuid'] ?><!--" class="pull-left colorbox">-->
-<!--                <img class="media-object" src="/service/thumb/id/--><?php //echo $md['id'];?><!--">-->
-<!--            </a>-->
+        <div class="col-md-3 c-img-box">
+            <div class="c-cover"></div>
+            <a class="c-cover" href="/data/<?php echo $md['uuid'];?>"></a>
+            <div class="c-img" style="background:url('/service/thumb/id/<?php echo $md['id'];?>') no-repeat center; background-size:cover"></div>
+            <!--            <a href="/service/bigthumb/uuid/--><?//= $md['uuid'] ?><!--" class="pull-left colorbox">-->
+            <!--                <img class="media-object" src="/service/thumb/id/--><?php //echo $md['id'];?><!--">-->
+            <!--            </a>-->
         </div>
-        <div class="col-md-8 c-list-box">
+        <div class="col-md-9 c-list-box">
             <h4><a href="/data/<?php echo $md['uuid'];?>"><?php echo $this->escape($md['title']);?></a></h4>
             <p class="c-info"><span class="c-author"></span><i>Admin</i> | &nbsp;<span class="c-click"></span><i>100</i> | &nbsp;<span class="c-time"></span><i><?php echo date("d,M,Y",strtotime( $md['ts_published'] )); ?></i></p>
             <p class="c-con">
@@ -28,9 +30,9 @@ $this->theme->AppendPlus($this,'colorbox');
             <div class="dam clear">
                 <div class="c-left">
                     <i>文件大小</i>
-                    <em><?php echo round($md['filesize'] / 2014, 2)?>MB</em>
+                    <em><?php echo round($md['filesize'] / 2014, 2) > 0.99 ? round($md['filesize'] / 2014, 2) : '小于1'?>MB</em>
                 </div>
-                <a class="c-right" href="">更多</a>
+                <a class="c-right" href="/data/<?php echo $md['uuid'];?>">更多</a>
             </div>
         </div>
     </div>

application/default/views/scripts/data/view.phtml

@@ -9,19 +9,421 @@
 	$this->breadcrumb()->setSeparator(' > ');
 	$this->theme->AppendPlus($this,'tianditu');
 	$this->theme->AppendPlus($this,'colorbox');
-	if(!empty($this->dataService)) {
-    	$this->theme->AppendModel($this,"dataservice");
-	}
+    $this->headLink()->appendStylesheet('/static-sanji/css/data-detail.css');
+    $this->nav[] = array('link'=>"/data/". $this->metadata->uuid,'title'=>$this->metadata->title);
 ?>
-<style>
-h3.gs_rt{font-size:110%;}
-#file-list li:hover {background-color: #f5f5f5;}
-#file-list li li:hover {background-color: #dedede;}
-#file-list li li li:hover {background-color: #eeeeee;}
-#watermap img {max-width:none;}
-</style>
-<?= $this->render('breadcrumbs.phtml'); ?>
-<?php $md=$this->metadata;if ($md):?>
+
+<div class="data-detail-warp">
+    <?= $this->render('breadcrumbs.phtml'); ?>
+    <?php $md=$this->metadata; if ($md):?>
+    <div class="container">
+        <div class="content-left col-sm-8">
+            <div class="data-content">
+                <h2><?php echo $this->escape($md->title); ?></h2>
+                <?php if ($md->title_en) echo '<h3>'.$this->escape($md->title_en).'</h3>';?>
+                <div class="data-info">
+                    <?php
+                    $kw=array('discipline'=>'学科','place'=>'地点','theme'=>'主题','temporal'=>'时间','stratum'=>'地层');
+                    $kt='';
+                    $i=0;
+                    foreach($this->keys as $cg) :
+                    if ($kt==$cg['keytype']) :
+                        $i+=1;
+                    else :
+                        if (!empty($kt)) echo '</span>';
+                        $kt=$cg['keytype'];
+                        $i=0;
+                    endif;
+                    if ($i==0) {
+                    ?>
+                    <span>
+                    <a href="/data/tag/keytype/<?php echo $kt; ?>"><?php echo $kw[$kt]; ?>: </a>
+                    <?
+                    }
+                    echo '<a href="/data/tag/key/'.urlencode($cg['keyword']).'">'.$cg['keyword'].'</a>';
+                    endforeach;
+                    ?>
+                </div>
+                <div class="thumb">
+                    <a class="colorbox" title="<?php echo $md->title; ?>" href="/service/bigthumb/uuid/<?php echo $md->uuid; ?>"><img src="/service/thumb/uuid/<?php echo $md->uuid;?>"/></a>
+                </div>
+                <p style="word-break:break-all;word-wrap:break-word;overflow:hidden;">
+                    <?php echo str_replace(array("\r\n", "\n", "\r"),'</p><p>',$md->description);?>
+                </p>
+            </div>
+
+            <div class="use-state">
+                <?php if ($this->mcitation && (count($this->mcitation)>1) ) : ?>
+                    <hr />
+                    <h4>本数据要求的多篇文献引用</h4>
+                    <ol>
+                        <?php foreach($this->mcitation as $ref) :
+                            echo '<li>'.$ref->reference;
+                            echo '<a href="/knowledge/paper/id/'.$ref->id.'"><i class="icon-info-sign text-success"></i>查看</a>';
+                            if (empty($ref->link))
+                            {
+                                if(!empty($ref->attid))
+                                    echo '<a href="/service/attach/id/'.$ref->attid.'"><i class="icon-download text-success"></i>下载</a>';
+                            }else{
+                                echo '<a href="'.$ref->link.'"><i class="icon-download text-success"></i>下载</a>';
+                            }
+                            echo "</li>";
+                        endforeach;
+                        ?>
+                    </ol>
+                <?php endif; ?>
+                <?php if (($md->citation) || (count($this->mcitation)==1)) :
+                if (!$md->citation) $md->citation=$this->mcitation[0]->reference;
+                ?>
+                    <hr />
+                    <h4><i class="icon-quote-left muted"></i>本数据引用方式<a class="btn btn-danger pull-right" href="/archives/help/platform/archive-23.html" ><i class="icon-comment"></i>数据引用帮助</a></h4>
+                    <p><?php  if (empty($md->datadoi) || !strpos($md->citation,$md->datadoi)) : ?><span class="label label-info">文章的引用</span>
+                        <?php endif; echo $this->escape($md->citation);if (strpos($md->citation,$md->datadoi)) : ?>
+                            (下载引用：<a href="/service/ris/lang/cn/uuid/<?php echo $md->uuid; ?>">RIS格式</a> | <a href="/service/ris/lang/en/uuid/<?php echo $md->uuid; ?>">RIS英文格式</a> | <a href="/service/bibtex/lang/cn/uuid/<?php echo $md->uuid; ?>">Bibtex格式</a> | <a href="/service/bibtex/lang/en/uuid/<?php echo $md->uuid; ?>">Bibtex英文格式</a>)
+                        <?php endif; ?>
+                    </p>
+                    <?php  if (!empty($md->datadoi) && !strpos($md->citation,$md->datadoi)) : ?>
+                    <p><span class="label label-info">数据的引用</span><?php
+                        echo substr($md->authors,1,-1).'. '.$md->title.'. '.$md->publisher.', '.(empty($md->ts_published)?$md->publish_year:date('Y',strtotime($md->ts_published))).'. doi:'.$md->doi;
+                        echo ' ['.str_replace('"','',substr($md->author_en,1,-1)).'. '.$md->title_en.'. '.$md->publisher_en.', '.(empty($md->ts_published)?$md->publish_year:date('Y',strtotime($md->ts_published))).'. doi:'.$md->doi.']';
+                        ?> (下载引用：<a href="/service/ris/lang/cn/uuid/<?php echo $md->uuid; ?>">RIS格式</a> | <a href="/service/ris/lang/en/uuid/<?php echo $md->uuid; ?>">RIS英文格式</a> | <a href="/service/bibtex/lang/cn/uuid/<?php echo $md->uuid; ?>">Bibtex格式</a> | <a href="/service/bibtex/lang/en/uuid/<?php echo $md->uuid; ?>">Bibtex英文格式</a>)</p>
+                <?php endif; endif; ?>
+
+                <?php if ($this->ref) : ?>
+                    <hr />
+                    <h4><i class="icon-eye-open text-success"></i>相关文献（作者推荐）</h4>
+                    <div class="col-lg-12">
+                        <ul>
+                            <?php foreach($this->ref as $ref) :
+                                echo '<li>'.$ref->reference;
+                                echo '<a href="/knowledge/paper/id/'.$ref->id.'"><i class="icon-info-sign text-success"></i>查看</a>';
+                                if (empty($ref->link))
+                                {
+                                    if(!empty($ref->attid))
+                                        echo '<a href="/service/attach/id/'.$ref->attid.'"><i class="icon-download text-success"></i>下载</a>';
+                                }else{
+                                    echo '<a href="'.$ref->link.'"><i class="icon-download text-success"></i>下载</a>';
+                                }
+                                echo "</li>";
+                            endforeach;
+                            ?>
+                        </ul>
+                    </div>
+                <?php endif;?>
+
+                <?php if ($this->themeref) :?>
+                    <hr />
+                    <h4><i class="icon-eye-open text-success"></i>专题文献</h4>
+                    <div class="col-lg-12">
+                        <ul>
+                            <?php foreach($this->themeref as $ref) :
+                                echo '<li>'.$ref->reference;
+                                echo '<a href="/knowledge/paper/id/'.$ref->id.'"><i class="icon-info-sign text-success"></i>查看</a>';
+                                if (empty($ref->link))
+                                {
+                                    if(!empty($ref->attid))
+                                        echo ' | <a href="/service/attach/id/'.$ref->attid.'"><i class="icon-download text-success"></i>下载</a>';
+                                }else{
+                                    echo ' | <a href="'.$ref->link.'"><i class="icon-download text-success"></i>下载</a>';
+                                }
+                                echo "</li>";
+                            endforeach;
+                            ?>
+                        </ul>
+                    </div>
+                <?php endif; ?>
+
+                <?php if ($this->userref) : ?>
+                <hr />
+                <h4><i class="icon-eye-open text-success"></i>数据施引文献</h4>
+                <div class="col-lg-12">
+                    <ul>
+                        <?php foreach($this->userref as $ref) :
+                            echo '<li>'.$ref->reference;
+                            echo '<a href="/knowledge/paper/id/'.$ref->id.'"><i class="icon-info-sign text-success"></i>查看</a>';
+                            if (empty($ref->link))
+                            {
+                                if(!empty($ref->attid))
+                                    echo '<a href="/service/attach/id/'.$ref->attid.'"><i class="icon-download text-success"></i>下载</a>';
+                            }else{
+                                echo '<a href="'.$ref->link.'"><i class="icon-download text-success"></i>下载</a>';
+                            }
+                            echo "</li>";
+                        endforeach;
+                        if (count($this->userref)==15)
+                        {
+                            echo '<a class="btn btn-success pull-right" href="/knowledge/user/uuid/'.$md->uuid.'" ><i class="icon-info-sign"></i>更多施引文献</a>';
+                        }
+                        ?>
+                    </ul>
+                </div>
+                <?php endif; ?>
+
+                <hr />
+                <h4>数据使用声明</h4>
+                <?php
+                if ($this->uselimits) :
+                    foreach($this->uselimits as $uselimit) :
+                        echo '<p>'.str_replace(array("\r\n", "\n", "\r"),'</p><p>',$this->escape($uselimit->uselimit)).'</p>';
+                    endforeach;
+                    ?>
+                <?php else : ?>
+                    <p>为尊重知识产权、保障数据作者的权益、扩展数据中心的服务、评估数据的应用潜力，请数据使用者在使用数据所产生的研究成果中（包括公开发表的论文、论著、数据产品和未公开发表的研究报告、数据产品等成果），明确注明数据来源和数据作者。对于转载（二次或多次发布）的数据，作者还须注明原始数据来源。</p>
+                    <p>中文发表的成果参考以下规范注明： 数据来源于时空三极大数据平台(http://www.poles.ac.cn)</p>
+                    <p>英文发表的成果依据以下规范注明： The data set is provided by Cold and Arid Regions Sciences Data Center at Lanzhou (http://www.poles.ac.cn)</p>
+                <?php endif; ?>
+
+                <?php if($this->data_archives){ ?>
+                    <h4>数据相关新闻</h4>
+                    <div class="col-lg-12">
+                        <ul>
+                            <?php
+                            foreach($this->data_archives as $v){?>
+                                <li><a href="<?= $v['url']['archive_url']?>"><?= $v['title']?></a></li>
+                            <?php } ?>
+                        </ul>
+                    </div>
+                <?php }?>
+
+                <?php if ($md->suppinfo || $this->fund) : ?>
+                    <hr />
+                    <h4><i class="icon-money text-info"></i>资助项目</h4>
+                    <?php if(!empty($this->fund)) : ?>
+                        <div class="col-lg-12">
+                            <ul>
+                            <?php foreach($this->fund as $k=>$v) : ?>
+                                <li><?= $v['fund_type'] ?>：<a href="/data/fund/id/<?= $v['id'] ?>"><?= $v['title'] ?></a>(项目编号:<?= $v['fund_id']?>) [<?= $v['fund_type_en'] ?>(No. <?= $v['fund_id']?>)]</li>
+                            <?php endforeach; ?>
+                            </ul>
+                        </div>
+                    <?php elseif(!empty($md->suppinfo)) : ?>
+                        <?php echo '<p>'.str_replace(array("\r\n", "\n", "\r"),'</p><p>',$this->escape($md->suppinfo)).'</p>';?>
+                    <?php endif; ?>
+                    <hr />
+                <?php endif; ?>
+
+                <?php if ($this->resources) : ?>
+                    <h4><i class="icon-bolt text-warning"></i>相关资源</h4>
+                    <div class="col-lg-12">
+                        <ul class="unstyled inline"><?php foreach($this->resources as $link) : ?>
+                                <li><a class="label" href="<?php echo $link->linkage; ?>" title="<?php echo $link->description; ?>">
+                                        <?php
+                                        if (!empty($link->name))
+                                            echo $link->name;
+                                        elseif (!empty($link->description))
+                                            echo $link->description;
+                                        else
+                                            echo $link->linkage;
+                                        ?></a></li>
+                            <?php endforeach; ?>
+                        </ul>
+                    </div>
+                <?php endif; ?>
+            </div>
+
+            <div class="data-share">
+                <div class="col-sm-2">Share This：</div>
+                <!-- JiaThis Button BEGIN -->
+                <div class="jiathis_style col-sm-10">
+                    <a class="jiathis_button_qzone"></a>
+                    <a class="jiathis_button_tsina"></a>
+                    <a class="jiathis_button_tqq"></a>
+                    <a class="jiathis_button_weixin"></a>
+                    <a class="jiathis_button_renren"></a>
+                    <a href="http://www.jiathis.com/share" class="jiathis jiathis_txt jtico jtico_jiathis" target="_blank"></a>
+                    <a class="jiathis_counter_style"></a>
+                </div>
+                <p style="clear: both"></p>
+                <!-- JiaThis Button END -->
+            </div>
+
+            <div class="relate-data">
+                <div>
+                    <!-- Nav tabs -->
+                    <ul class="nav nav-tabs" role="tablist">
+                        <li role="presentation" class="active"><a href="#home" aria-controls="home" role="tab" data-toggle="tab">相关数据</a></li>
+                        <li role="presentation"><a href="#profile" aria-controls="profile" role="tab" data-toggle="tab">服务记录</a></li>
+                        <li role="presentation"><a href="#messages" aria-controls="messages" role="tab" data-toggle="tab">给我推荐</a></li>
+                    </ul>
+                    <!-- Tab panes -->
+                    <div class="tab-content">
+                        <div role="tabpanel" class="tab-pane active tab-div" id="home">
+                            <div>
+                                <dl class="col-sm-12">
+                                    <dt class="col-sm-3">
+                                        <a href="#"><img src="./images/chakan_03.png" alt=""></a>
+                                    </dt>
+                                    <dd class="col-sm-9">
+                                        <h1><a href="#">中国地区土地覆盖综合数据集中国地区土地覆盖综合数据集</a></h1>
+                                        <p>推荐指数：<span>13</span></p>
+                                    </dd>
+                                </dl>
+                                <p style="clear: both;margin: 0;"></p>
+                            </div>
+                            <div>
+                                <dl class="col-sm-12">
+                                    <dt class="col-sm-3">
+                                        <a href="#"><img src="./images/chakan_03.png" alt=""></a>
+                                    </dt>
+                                    <dd class="col-sm-9">
+                                        <h1><a href="#">中国地区土地覆盖综合数据集中国地区土地覆盖综合数据集</a></h1>
+                                        <p>推荐指数：<span>13</span></p>
+                                    </dd>
+                                </dl>
+                                <p style="clear: both;margin: 0;"></p>
+                            </div>
+                        </div>
+                        <div role="tabpanel" class="tab-pane tab-div" id="profile">
+                            <?php if ($this->downhistory) : ?>
+                                <p>最近10条服务记录如下：</p>
+                                <ul start="1">
+                                    <?php
+                                    foreach($this->downhistory as $v){
+                                        echo '<li>'.date("Y-m-d",strtotime($v->ts_created))." ".$v->unit." ".$v->realname;
+                                        if (!empty($v->offlineproject))
+                                            echo ' 用途：'.$v->offlineproject;
+                                        elseif (!empty($v->onlineproject))
+                                            echo ' 用途：'.$v->onlineproject;
+                                        echo '</li>';
+                                    }
+                                    ?>
+                                </ul>
+                            <?php else : ?>
+                                暂时没有服务记录，欢迎您下载使用！
+                            <?php endif; ?>
+                        </div>
+                        <div role="tabpanel" class="tab-pane tab-div" id="messages">
+                            <div>
+                                <dl class="col-sm-12">
+                                    <dt class="col-sm-3">
+                                        <a href="#"><img src="./images/map_03.jpg" alt=""></a>
+                                    </dt>
+                                    <dd class="col-sm-9">
+                                        <h1><a href="#">中国地区土地覆盖综合数据集中国地区土地覆盖综合数据集</a></h1>
+                                        <p>推荐指数：<span>13</span></p>
+                                    </dd>
+                                </dl>
+                                <p style="clear: both;margin: 0;"></p>
+                            </div>
+                            <div>
+                                <dl class="col-sm-12">
+                                    <dt class="col-sm-3">
+                                        <a href="#"><img src="./images/chakan_03.png" alt=""></a>
+                                    </dt>
+                                    <dd class="col-sm-9">
+                                        <h1><a href="#">中国地区土地覆盖综合数据集中国地区土地覆盖综合数据集</a></h1>
+                                        <p>推荐指数：<span>13</span></p>
+                                    </dd>
+                                </dl>
+                                <p style="clear: both;margin: 0;"></p>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <div class="content-right col-sm-3 col-sm-offset-1">
+            <div class="space-position">
+                <div class="right-list-title">空间位置</div>
+                <div style="width: 20px;height: 2px;background: #9b58b5;"></div>
+                <div id='watermap' style="width:100%;height:300px;"></div>
+            </div>
+            <div class="data-details-list right-list">
+                <div class="right-list-title">数据细节</div>
+                <div style="width: 20px;height: 2px;background: #9b58b5;"></div>
+                <ul>
+                    <?php if ($md->fileformat) : ?>
+                    <li>+&nbsp;&nbsp;格式：<span><?php echo $md->fileformat; ?></span></li>
+                    <?php endif; ?>
+                    <li>+&nbsp;&nbsp;大小：<span><?php echo $md->filesize; ?>MB</span></li>
+                    <?php if ($this->downloaded>9) :?>
+                    <li>+&nbsp;&nbsp;下载：<span><?php echo $this->downloaded; ?>次</span></li>
+                    <?php endif; ?>
+                    <li>+&nbsp;&nbsp;浏览：<span><?php echo $this->viewed; ?>次</span></li>
+                    <?php if (!empty($md->timebegin)) : ?>
+                    <li>+&nbsp;&nbsp;数据时间范围：<span><?php echo date('Y-m-d',strtotime($md->timebegin));if (!empty($md->timeend)) echo " 至 ".date('Y-m-d',strtotime($md->timeend)); ?></span></li>
+                    <?php endif; ?>
+                    <li>+&nbsp;&nbsp;数据共享方式：<span><?php if ($md->datatype) print "离线"; else print "在线（可直接下载）";?></span></li>
+                    <li>+&nbsp;&nbsp;元数据更新时间：<span><?php print date('Y-m-d',strtotime($md->ts_created)); ?></span></li>
+                    <?php if ($this->attachments) : ?>
+                    <li id="attach">+&nbsp;&nbsp;相关文档：
+                        <?php foreach ($this->attachments as $k=>$a) : ?>
+                            <span><a href="/service/attach/id/<?php echo $a->id; ?>" title="<?php echo $a->realname; ?>"><img src="/images/document.png"></a></span>
+                        <?php endforeach; ?>
+                        <span><a href="/service/attach/zip/<?php echo $md->uuid; ?>"><img src="/images/zip_icon.gif" title="打包下载"/></a></span>
+                    </li>
+                    <?php endif; ?>
+                    <?php if($this->version->c>0):?>
+                    <li>+&nbsp;&nbsp;历史版本：<span><a href="javascript:void(0);" onclick="dataVersion('<?php echo $md->uuid;?>')" title=""><?= $this->version->c ?> 个 <img src="/images/list_extensions.gif" style="vertical-align:middle" /></a></span></li>
+                    <?php endif;?>
+                    <li>+&nbsp;&nbsp;下载元数据：
+                        <a href="/service/pdf/uuid/<?php echo $md->uuid; ?>"><img src="/static-sanji/images/data/data_03_13.jpg" alt="Adobe PDF格式" title="Adobe PDF格式"></a>
+                        <a href="/service/odt/uuid/<?php echo $md->uuid; ?>"><img src="/static-sanji/images/data/data_03_14.jpg" alt="OpenOffice odt格式" title="OpenOffice odt格式"></a>
+                        <a href="/service/doc/uuid/<?php echo $md->uuid; ?>"><img src="/static-sanji/images/data/data_03_15.jpg" alt="Word doc格式" title="Word doc格式"></a>
+                        <a href="/service/xml/uuid/<?php echo $md->uuid; ?>"><img src="/static-sanji/images/data/data_03_16.jpg" alt="查看XML源文件" title="查看XML源文件"></a>
+                    </li>
+                    <?php if ($md->status>0 and $md->status<5) : ?>
+                        <a href="/review/review/uuid/<?php echo $md->uuid; ?>" class="download-btn">数据评审</a>
+                    <?php else : if (!$md->datatype) : ?>
+                        <a href="/data/todownload/?uuid=<?= $md->uuid?>" class="download-btn">下载数据</a>
+                    <?php else: ?>
+                    <?php
+                    if(!empty($this->dataService)) { ?>
+                    <?php  $this->theme->AppendPlus($this,'datepicker'); ?>
+                        <a href="javascript:void(0);" class="download-btn" title="此数据需要选择要下载的子集" onclick="westdc.dataservice.choiceData('<?= $md->uuid ?>',this);">
+                        <?php }else{ ?>
+                        <a href="/data/order/uuid/<?php echo $md->uuid; ?>" class="download-btn" title="免费！离线申请此数据（在线数据和离线数据都可申请）">放入数据篮</a>
+                        <?php } ?>
+                            放入数据篮
+                        </a>
+                        <?php endif;endif; ?>
+
+                </ul>
+            </div>
+            <div class="relate-info-list right-list">
+                <div class="right-list-title">联系信息</div>
+                <div style="width: 20px;height: 2px;background: #9b58b5;"></div>
+                <ul>
+                    <?php
+                    $party_zh=array('resourceProvider'=>'资源提供者','custodian'=>'维护者','owner'=>'拥有者','user'=>'用户','distributor'=>'数据服务联系人','originator'=>'创建者','pointOfContact'=>'联系人','principalInvestigator'=>'数据调查与处理者','processor'=>'处理者','publisher'=>'元数据发布者','author'=>'元数据作者');
+                    $r='';
+                    $i=0;
+                    foreach($this->authors as $k=>$author) :
+                        if ($author->role!=$r)
+                        {
+                            $r=$author->role;
+                            $i=0;
+                            if ($k>0) echo '</li>';
+                            echo '<li>'.$party_zh[$author->role].'：';
+                        }
+                        if ($i>0) echo '，';
+                        $i+=1;
+                        if (!empty($author->email) && $r!='principalInvestigator')
+                            echo '<a href="mailto:'.$author->email.'">';
+                        echo '<strong title="'.$author->organisation.'">';
+                        if (!empty($author->individual))
+                            echo $author->individual;
+                        else
+                            echo $author->organisation;
+                        echo '</strong>';
+                        if (!empty($author->email)) echo '</a>';
+                        if ($k+1==count($this->authors)) echo '</li>';
+                    endforeach;
+                    ?>
+                </ul>
+            </div>
+
+        </div>
+    </div><!-- container -->
+    <?php else: ?>
+        <p>Cannot find the metadata.</p>
+        <p>没有找到对应的元数据。</p>
+    <?php endif;?>
+    <p style="clear: both;"></p>
+</div>
+
+
+<?php $md=$this->metadata; if ($md):?>
 <h3><?php echo $this->escape($md->title);
 if ($md->title_en) echo '<br />'.$this->escape($md->title_en);?>
 </h3>
@@ -40,16 +442,16 @@ if ($md->title_en) echo '<br />'.$this->escape($md->title_en);?>
             <h4><i class="icon-eye-open text-success"></i>本数据要求的多篇文献引用</h4>
             <ol>
             <?php foreach($this->mcitation as $ref) :
-		echo '<li>'.$ref->reference;
-		echo '<a href="/knowledge/paper/id/'.$ref->id.'"><i class="icon-info-sign text-success"></i>查看</a>';
+		    echo '<li>'.$ref->reference;
+		    echo '<a href="/knowledge/paper/id/'.$ref->id.'"><i class="icon-info-sign text-success"></i>查看</a>';
             if (empty($ref->link))
             { 
 			if(!empty($ref->attid)) 
 				echo '<a href="/service/attach/id/'.$ref->attid.'"><i class="icon-download text-success"></i>下载</a>';
-	}else{ 
-		echo '<a href="'.$ref->link.'"><i class="icon-download text-success"></i>下载</a>';
-	}
-	echo "</li>";
+            }else{
+                echo '<a href="'.$ref->link.'"><i class="icon-download text-success"></i>下载</a>';
+            }
+            echo "</li>";
             endforeach;
             ?>
             </ol>
@@ -206,9 +608,9 @@ if ($md->title_en) echo '<br />'.$this->escape($md->title_en);?>
                     <div id="literature" class="tab-pane">
                     	<div class="">
                         	<ul class="nav nav-pills lit-nav">
-                            	<li><a href="javascript:;" class="literatures lit-nav-btn">西部计划知识库</a></li>
-                            	<li><a href="javascript:;" class="scholar lit-nav-btn">Google学术搜索</a></li>
-                        		<li><a href="javascript:;" class="cnkiSearch lit-nav-btn">CNKI学术搜索</a></li>
+                            	<li><a href="javascript:void(0);" class="literatures lit-nav-btn">西部计划知识库</a></li>
+                            	<li><a href="javascript:void(0);" class="scholar lit-nav-btn">Google学术搜索</a></li>
+                        		<li><a href="javascript:void(0);" class="cnkiSearch lit-nav-btn">CNKI学术搜索</a></li>
                             </ul>
                         </div>
                         <div id="literature-list">
@@ -607,3 +1009,4 @@ function addfavorite(url,title){
 	<p>没有找到对应的元数据。</p>
 <?php endif;?>
 <script type="text/javascript" src="http://v3.jiathis.com/code_mini/jia.js?uid=1336100079460458" charset="utf-8"></script>
+<script src="/static-sanji/js/bootstrap.min.js"></script>

application/default/views/scripts/index/index.phtml

@@ -207,8 +207,8 @@
                     <dd><a></a></dd>
                     <dd><a href="/data/request">如何申请数据</a></dd>
                     <dd><a href="/data/submit">如何提交数据</a></dd>
-                    <dd><a href="">[2014-05-15] Data Citation Help</a></dd>
-                    <dt>本文介绍如何引用数据</dt>
+                    <dd><a href="/archives/help/platform/archive-23.html">科学数据引用建议</a></dd>
+                    <dt><a href="/archives/help/platform/archive-7.html">在线数据的下载问题</a></dt>
                     <dd><a href="">[2014-05-15] Data Citation Help</a></dd>
                     <dd><a href="">[2014-05-15] Data Citation Help</a></dd>
                     <dd><a href="">[2014-05-15] Data Citation Help</a></dd>
@@ -233,38 +233,92 @@
             <div class="swiper-wrapper">
                 <div class="swiper-slide">
                     <div class="col-md-3">
-                        <p>华东师范大学</p>
-                        <p>华东师范大学</p>
+                        <img src="/static-sanji/images/cooperator/cooperator1.jpg"><p>北京林业大学</p>
+                        <img src="/static-sanji/images/cooperator/cooperator2.jpg"><p>北京师范大学</p>
                     </div>
                     <div class="col-md-3">
-                        <p>华东师范大学</p>
-                        <p>华东师范大学</p>
+                        <img src="/static-sanji/images/cooperator/cooperator3.jpg"><p>成都高原气象研究所</p>
+                        <img src="/static-sanji/images/cooperator/cooperator4.jpg"><p>成都信息工程大学</p>
                     </div>
                     <div class="col-md-3">
-                        <p>华东师范大学</p>
-                        <p>华东师范大学</p>
+                        <img src="/static-sanji/images/cooperator/cooperator5.jpg"><p>俄罗斯莫斯科州立大学</p>
+                        <img src="/static-sanji/images/cooperator/cooperator6.png"><p>芬兰气象研究所</p>
                     </div>
                     <div class="col-md-3">
-                        <p>华东师范大学</p>
-                        <p>华东师范大学</p>
+                        <img src="/static-sanji/images/cooperator/cooperator7.jpg"><p>西南科技大学</p>
+                        <img src="/static-sanji/images/cooperator/cooperator8.png"><p>华东师范大学</p>
                     </div>
                 </div>
                 <div class="swiper-slide">
                     <div class="col-md-3">
-                        <p>华东师范大学</p>
-                        <p>华东师范大学</p>
+                        <img src="/static-sanji/images/cooperator/cooperator9.jpg"><p>兰州大学</p>
+                        <img src="/static-sanji/images/cooperator/cooperator10.jpg"><p>美国德克萨斯大学</p>
                     </div>
                     <div class="col-md-3">
-                        <p>华东师范大学</p>
-                        <p>华东师范大学</p>
+                        <img src="/static-sanji/images/cooperator/cooperator11.jpg"><p>美国华盛顿大学</p>
+                        <img src="/static-sanji/images/cooperator/cooperator12.jpg"><p>美国加州大学洛杉矶分校</p>
                     </div>
                     <div class="col-md-3">
-                        <p>华东师范大学</p>
-                        <p>华东师范大学</p>
+                        <img src="/static-sanji/images/cooperator/cooperator13.png"><p>美国犹他大学</p>
+                        <img src="/static-sanji/images/cooperator/cooperator14.jpg"><p>南方科技大学</p>
                     </div>
                     <div class="col-md-3">
-                        <p>华东师范大学</p>
-                        <p>华东师范大学</p>
+                        <img src="/static-sanji/images/cooperator/cooperator15.png"><p>挪威南森环境遥感中心</p>
+                        <img src="/static-sanji/images/cooperator/cooperator16.png"><p>清华大学</p>
+                    </div>
+                </div>
+                <div class="swiper-slide">
+                    <div class="col-md-3">
+                        <img src="/static-sanji/images/cooperator/cooperator17.png"><p>瑞士苏黎世大学</p>
+                        <img src="/static-sanji/images/cooperator/cooperator18.png"><p>上海师范大学</p>
+                    </div>
+                    <div class="col-md-3">
+                        <img src="/static-sanji/images/cooperator/cooperator19.jpg"><p>西北大学</p>
+                        <img src="/static-sanji/images/cooperator/cooperator20.png"><p>西南大学</p>
+                    </div>
+                    <div class="col-md-3">
+                        <img src="/static-sanji/images/cooperator/cooperator21.jpg"><p>香港大学</p>
+                        <img src="/static-sanji/images/cooperator/cooperator22.jpg"><p>香港中文大学</p>
+                    </div>
+                    <div class="col-md-3">
+                        <img src="/static-sanji/images/cooperator/cooperator23.jpg"><p>中国地质大学(武汉)</p>
+                        <img src="/static-sanji/images/cooperator/cooperator24.jpg"><p>中国极地研究中心</p>
+                    </div>
+                </div>
+                <div class="swiper-slide">
+                    <div class="col-md-3">
+                        <img src="/static-sanji/images/cooperator/cooperator25.png"><p>中国科学院测量与地球物理研究所</p>
+                        <img src="/static-sanji/images/cooperator/cooperator26.jpg"><p>中国科学院大气物理研究所</p>
+                    </div>
+                    <div class="col-md-3">
+                        <img src="/static-sanji/images/cooperator/cooperator27.jpg"><p>中国科学院大学</p>
+                        <img src="/static-sanji/images/cooperator/cooperator28.jpg"><p>中国科学院地理科学与资源研究所</p>
+                    </div>
+                    <div class="col-md-3">
+                        <img src="/static-sanji/images/cooperator/cooperator29.jpg"><p>中国科学院地质与地球物理研究所</p>
+                        <img src="/static-sanji/images/cooperator/cooperator30.jpg"><p>中国科学院东北地理与农业生态研究所</p>
+                    </div>
+                    <div class="col-md-3">
+                        <img src="/static-sanji/images/cooperator/cooperator31.jpg"><p>中国科学院南京地理与湖泊研究所</p>
+                        <img src="/static-sanji/images/cooperator/cooperator32.jpg"><p>中国科学院青藏高原研究所</p>
+                    </div>
+                </div>
+                <div class="swiper-slide">
+                    <div class="col-md-3">
+                        <img src="/static-sanji/images/cooperator/cooperator33.jpg"><p>中国科学院上海天文台</p>
+                        <img src="/static-sanji/images/cooperator/cooperator34.png"><p>中国科学院西北生态环境资源研究院</p>
+                    </div>
+                    <div class="col-md-3">
+                        <img src="/static-sanji/images/cooperator/cooperator35.jpg"><p>中国科学院遥感与数字地球研究所</p>
+                        <img src="/static-sanji/images/cooperator/cooperator36.jpg"><p>中国科学院植物研究所</p>
+                    </div>
+                    <div class="col-md-3">
+                        <img src="/static-sanji/images/cooperator/cooperator37.jpg"><p>中国气象科学研究院</p>
+                        <img src="/static-sanji/images/cooperator/cooperator1.jpg"><p>华东师范大学</p>
+                    </div>
+                    <div class="col-md-3">
+                        <img src="/static-sanji/images/cooperator/cooperator1.jpg"><p>华东师范大学</p>
+                        <img src="/static-sanji/images/cooperator/cooperator1.jpg"><p>华东师范大学</p>
                     </div>
                 </div>
             </div>

htdocs/static-sanji/css/data-detail.css

@@ -0,0 +1,210 @@
+*{
+    margin: 0;padding: 0;
+}
+.data-detail-warp{
+    padding: 30px 0 40px 0;
+    border-top: 1px solid #eee;
+    border-bottom: 1px solid #eee;
+}
+.data-detail-warp .container, .data-detail-warp .col-sm-8, .data-detail-warp .col-sm-3, .data-detail-warp .col-sm-2, .data-detail-warp .col-sm-10, .data-detail-warp .col-sm-12, .data-detail-warp .col-sm-9{
+    padding-right: 0;
+    padding-left: 0;
+}
+.data-detail-warp .top-position{
+    height: 55px;
+    line-height: 55px;
+    padding-left: 20px;
+    background: #f4f4f4;
+    font-size: 16px;
+    margin-bottom: 50px;
+}
+.data-detail-warp .top-position a{
+    color: #959595;
+    text-decoration: none;
+}
+.data-detail-warp .top-position a:last-child{
+    color: #000
+}
+.data-content{
+    padding-bottom: 20px;
+    /*border-bottom: 2px solid #eee;*/
+}
+.data-content h2, .data-content h3{
+    margin-top: 0px;
+    margin-bottom: 0px;
+    font-weight: normal;
+}
+.data-content h2{
+    line-height: 18px;
+    font-size: 18px;
+    color: #272727;
+}
+.data-content h3{
+    height: 28px;
+    line-height: 28px;
+    font-size: 16px;
+    color: #272727;
+}
+.data-info>span{
+    margin-right: 20px;
+    font-size: 12px;
+    color: #959595;
+}
+.data-info>span a{
+    color: #959595;
+    text-decoration: none;
+    margin-right: 5px;
+}
+.data-info>span:first-child{
+    /*padding-left: 15px;*/
+}
+.data-content .thumb{
+    text-align: center;
+}
+.data-content img{
+    margin: 25px 0 40px 0;
+    border: none;
+}
+.data-content p{
+    width: 100%;
+    font-size: 14px;
+    color: #959595;
+    line-height: 24px;
+}
+.data-share, .use-state{
+    /*border-bottom: 2px solid #eee;*/
+    overflow: hidden;
+}
+
+.use-state div.col-lg-12{
+    overflow: hidden;
+}
+
+.data-share .col-sm-2{
+    width: 11.5%;
+    color: #959595;
+}
+.data-share>div{
+    padding: 15px 0 3px 0;
+}
+.use-state h4{
+    line-height: 16px;
+    font-size: 16px;
+    margin: 20px 0 15px 0;
+}
+.use-state p{
+    width: 100%;
+    font-size: 14px;
+    color: #858585;
+    line-height: 24px;
+    padding-bottom: 20px;
+}
+.relate-data{
+    padding:30px 0 0 0;
+}
+.relate-data li a{
+    color: #858585;
+    font-size: 16px;
+}
+.tab-div>div{
+    margin-top: 30px;
+    background: #f5f5f5;
+}
+.tab-div dl{
+    width: 100%;
+    border: 2px solid #cdcdcd;
+    border-radius: 5px;
+    margin-bottom: 0;
+}
+.tab-div dl dt img{
+    width: 95%;
+    /*height: 146px;*/
+    padding: 2.5%;
+    border: 2px solid #cdcdcd;
+    border-radius: 10px;
+    margin: 12px 0 12px 10px;
+    background: #fff;
+}
+.tab-div dl dd h1{
+    height: 58px;
+    line-height: 30px;
+    font-size: 30px;
+    padding-top: 28px;
+    width: 100%;
+    overflow: hidden;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+}
+.tab-div dl dd h1 a{
+    color: #2480c9;
+    text-decoration: none;
+}
+.tab-div dl dd p{
+    font-size: 22px;
+    color: #2f202a;
+    margin-top: 22px;
+}
+
+.data-detail-warp .content-right{
+    height: 100px;
+}
+.right-list-title{
+    height: 30px;
+    font-size: 18px;
+    color: #272727;
+}
+.right-list{
+    padding-bottom: 30px;
+}
+.right-list ul li{
+    font-size: 14px;
+    color: #959595;
+    line-height: 42px;
+    padding-left: 5px;
+    list-style: none;
+}
+.right-list ul li:first-child{
+    margin-top: 16px;
+}
+.space-position img{
+    width: 100%;
+    margin: 30px 0 50px 0;
+}
+.quote-mode-list a{
+    display: inline-block;
+    width:95px;
+    height: 28px;
+    text-align: center;
+    line-height: 28px;
+    background: #9b58b5;
+    font-size: 12px;
+    color: #fff;
+    text-decoration: none;
+}
+.quote-mode-list a:hover{
+    color: #fff;
+    text-decoration: none;
+}
+
+.quote-mode-list a, .download-btn{
+    display: inline-block;
+    width:95px;
+    height: 28px;
+    text-align: center;
+    line-height: 28px;
+    background: #9b58b5;
+    font-size: 12px;
+    color: #fff;
+    text-decoration: none;
+}
+
+a.download-btn:hover{
+    color:white;
+}
+
+.download-btn{
+    width:100%;
+    height: 32px;
+    font-size: 14px;
+    line-height: 32px;
+}

htdocs/static-sanji/css/data-list.css

@@ -16,6 +16,10 @@ a:hover{
 .c-f{
     margin: 28px 0;
 }
+.product-nav .col-xs-12{
+    padding-right: 0 !important;
+    padding-left: 0 !important;
+}
 .product-nav .fication{
     background: #f4f4f4;
     height: 56px;
@@ -33,7 +37,7 @@ a:hover{
     position: absolute;
     right:10px;
     top:18px;
-    background: url('./images/c-down.png') no-repeat center;
+    background: url('../images/c-down.png') no-repeat center;
     background-size: contain;
 }
 .product-nav ul.fication li{
@@ -70,14 +74,30 @@ a:hover{
 
 /* 列表 */
 .c-img{
-    width:240px;
+    width:100%;
     height:220px;
-    background-size:contain;
 }
-
+.c-img-box:hover .c-cover{
+    display: block;
+}
+.c-cover{
+    display: none;
+    position: absolute;
+    width:276px;
+    height: 220px;
+    background: url('../images/data/cover.jpg') no-repeat center;
+    background-size: cover;
+    transition: all .5s;
+    cursor: pointer;
+}
+.c-cover:hover{
+    display: block;
+}
 .c-img-box{
     padding:8px;
+    position: relative;
 }
+
 .c-list{
     border:1px solid #ccc;
     border-radius: 4px;
@@ -86,6 +106,9 @@ a:hover{
 .c-list-box{
     padding-right: 20px;
 }
+.c-list-box h4 a{
+    color:#4d4d4d;
+}
 .c-list-box h4{
     margin: 20px 0px;
     font-size: 16px;
@@ -98,13 +121,13 @@ a:hover{
     background-size: contain;
 }
 .c-list-box .c-author{
-    background: url('./images/c-author.png') no-repeat center;
+    background: url('../images/c-author.png') no-repeat center;
 }
 .c-list-box .c-click{
-    background: url('./images/c-click.png') no-repeat center;
+    background: url('../images/c-click.png') no-repeat center;
 }
 .c-list-box .c-time{
-    background: url('./images/c-time.png') no-repeat center;
+    background: url('../images/c-time.png') no-repeat center;
 }
 .c-list-box .c-info {
     color: #a6a6a6;
@@ -138,7 +161,7 @@ a:hover{
     display: inline-block;
     width: 40px;
     height: 12px;
-    background: url('./images/c-downloads.png') no-repeat center;
+    background: url('../images/c-downloads.png') no-repeat center;
     background-size: contain;
 }
 
@@ -154,6 +177,7 @@ a:hover{
     text-align: center;
     font-size: 12px;
     margin-top:20px;
+    color:#309fc9;
 }
 .c-right:hover{
     background: #309fc9;

htdocs/static-sanji/css/index.css

@@ -319,5 +319,31 @@ h1{
     top:0;
     right:4px;
     bottom:0;
-
 }
+
+ /* 合作单位 */
+ .cooperation p{
+     width: 177px;
+     height: 24px;
+     /*background: url('../images/index/cooperation.jpg') no-repeat 60px center;*/
+     line-height: 24px;
+     /*padding-left:20px;*/
+     font-size: 14px;
+     font-weight: 700;
+     color: #222;
+     margin: 55px auto;
+     float: right;
+     padding-left: 20px;
+ }
+ .cooperation img{
+     margin-top: 50px;
+     margin-bottom: 35px;
+     margin-left: 20px;
+ }
+
+ .cooperation .swiper-button-prev, .swiper-button-next{
+     background:none !important;
+     line-height: 44px;
+     font-size: 25px;
+     color:#ccc;
+ }

htdocs/static-sanji/js/data-list.js

@@ -1,9 +1,32 @@
-const cDown = document.querySelector('.c-down');
-const ul    = document.querySelector('.product-nav ul:nth-child(2)');
-cDown.addEventListener('click', function(){
-    if(ul.style.height != 'auto'){
-        ul.style.height = "auto";        
-    }else{
-        ul.style.height = "56px"
-    }
-})
+// var cDown = document.querySelector('.c-down');
+//
+// var ul    = document.querySelector('.product-nav ul:nth-child(2)');
+// cDown.addEventListener('click', function(){
+//     if(ul.style.height != 'auto'){
+//         ul.style.height = "auto";
+//     }else{
+//         ul.style.height = "56px"
+//     }
+// });
+//
+//
+// var cImg      = document.querySelectorAll('.c-img');
+// var cCover    = document.querySelectorAll('.c-cover');
+//
+// for(var i = 0;i < cImg.length; i++)(function(i){
+//     cImg[i].addEventListener('mouseover', function(e){
+//         for(var j = 0; j < cCover.length; j++){
+//             if(i == j){
+//                 cCover[j].style.display = 'block';
+//             }
+//         }
+//     })
+// })(i)
+//
+//
+// for(var c = 0;c < cImg.length; c++){
+//     cCover[c].addEventListener('mouseout', function(e){
+//         this.style.display = "none";
+//     })
+// }
+