文章页面修改：html 稿件追踪

article.html

@@ -134,6 +134,7 @@
                         <div class="tarfipdf">PDF</div>
                         <div class="tarfihml">HTML</div>
                         <li class="tarpdf">Supplementary Material</li>
+                        <li class="tarrecord">Manuscript processing</li>
                     </ul>
                     <div class="content-box">
                         <div class="content contercon contentin">
@@ -193,6 +194,7 @@
                                 <!--pdf 选项卡五-->
                             </ul>
                         </div>
+                        <div  class="content conterecord"></div>
                     </div>
                 </div>
                 <div style="background-color: #f4fafd;height: 20px"></div>

js/article.js

@@ -6501,6 +6501,29 @@ function at_list() {
 }
 
 
+// 时间戳格式化
+
+function timestampToTime(str) {
+    //str = str * 1000
+    var oDate = new Date(str*1000),
+    oYear = oDate.getFullYear(),
+    oMonth = oDate.getMonth()+1,
+    oDay = oDate.getDate(),
+    oHour = oDate.getHours(),
+    oMin = oDate.getMinutes(),
+    oSen = oDate.getSeconds(),
+    oTime = oYear +'-'+ getzf(oMonth) +'-'+ getzf(oDay) +' '+ getzf(oHour) +':'+
+            getzf(oMin) +':'+getzf(oSen);//最后拼接时间
+    return oTime;
+};
+//补0操作
+function getzf(num){
+if(parseInt(num) < 10){
+    num = '0'+num;
+}
+    return num;
+} 
+
 // 文章内容
 function article_con() {
     // 获取地址栏信息
@@ -6866,21 +6889,112 @@ function article_con() {
                         var refs = ''
                         var xuhao = 0
                         for(var rr = 0; rr < result.data.refers.length; rr++){
-                            
+                            // 如果格式不正确，或者信息不全
-                            if(result.data.refers[rr].author == ''){ // 如果格式不正确，或者信息不全
+                            let item= ''
-                                continue;
+                            if(result.data.refers[rr].refer_type=='journal' && result.data.refers[rr].doilink != '' ){ 
-                            }else{   
+                                // journal 
                                 xuhao ++                             
-                                let item = "<div><p>"+ xuhao + '.' + result.data.refers[rr].author + result.data.refers[rr].title + "<i>" + result.data.refers[rr].joura +"</i>" + result.data.refers[rr].dateno + ". Available at:<a class='refsLink' href='"+ result.data.refers[rr].doilink +"' target='_blank' style='color:#006699'>"+ result.data.refers[rr].doilink +"</a></p></div>"
+                                item = "<div><p>"+ xuhao + '.' + result.data.refers[rr].author + result.data.refers[rr].title + "<i>" + result.data.refers[rr].joura +"</i>" + result.data.refers[rr].dateno + ". <br/>Available at:<a class='refsLink' href='"+ result.data.refers[rr].doilink +"' target='_blank' style='color:#006699'>"+ result.data.refers[rr].doilink +"</a></p></div>"
+                                refs += item
+                            }else if(result.data.refers[rr].refer_type=='book' && result.data.refers[rr].isbn != ''){
+                                // book
+                                xuhao ++                             
+                                item = "<div><p>"+ xuhao + '.' + result.data.refers[rr].author + result.data.refers[rr].title + result.data.refers[rr].dateno + ". <br/>Available at:<a target='_blank' href='" + result.data.refers[rr].isbn + "'> </p></div>"
                                 refs += item
-                            }
 
+                            }else if(result.data.refers[rr].refer_type=='other' && result.data.refers[rr].refer_frag != '' && result.data.refers[rr].refer_frag.length > 15){
+                                // other
+                                xuhao ++                             
+                                item = "<div><p>"+ xuhao + '.' + result.data.refers[rr].refer_frag +"</p></div>"
+                                refs += item
+                            }else{   
+                                continue;
+                            }                            
                         }
                        // console.log(refs)
                         $('.wen_rong .content-box .conthtmn').append('<div id="ArticleRef" class="ArticleRef"><p><b>References</b></p>'+ refs +'</div>')
                     }
                 }
 
+                 // 稿件跟踪
+                 var lis = ''
+                  
+                 if(result.data.track && result.data.track.length > 0 ){
+                    // console.log(result.data.track.length,33) 
+                   // $('.wen_rong #tablist .tarrecord').css('display', 'block');                 
+                     // $('.wen_rong .content-box .conterecord').text(333)
+                     for(var tt = 0; tt<result.data.track.length; tt++){
+                         var ttypeName = ''
+                         var li = ""
+                         var ttime = ''
+                         switch (result.data.track[tt].type) {
+                             case (0):
+                                 ttypeName = 'Received'
+                                 break;
+                             case (1):
+                                 ttypeName = 'With editor'
+                                 break;
+                             case (2):
+                                 ttypeName = 'Under review'
+                                 break;
+                             case (3):
+                                 ttypeName = 'Reject'
+                                 break;
+                             case (4):
+                                 ttypeName = 'Revision'
+                                 break;
+                             case (5):
+                                 ttypeName = 'Accept'
+                                 break;
+                             case (6):
+                                 ttypeName = 'Pre-accept'
+                                 break;
+                            case (7):
+                                    ttypeName = 'Proof'
+                                    break;
+                            case (8):
+                                    ttypeName = 'Online'
+                                break; 
+                      }
+                      // 二级的时间
+                      var reviewers =""
+                      if(result.data.track[tt].reviewers && result.data.track[tt].reviewers.length > 0){
+                         for(var er=0; er < result.data.track[tt].reviewers.length; er++){
+                            var neiTag = ''
+                            var reviewerState = ''
+                            var reviewerItem = ''
+                            var time1 = '' // 创建时间
+                            var time2 = '' // 回应时间
+                             switch (result.data.track[tt].reviewers[er].state) {
+                                 case (1):
+                                     reviewerState = 'Accept with major revision'
+                                     break;
+                                 case (2):
+                                     reviewerState = 'Reject'
+                                     break;
+                                 case (3):
+                                     reviewerState = 'Accept with minor revision'
+                                     break;
+                             }
+                             time1 = timestampToTime(result.data.track[tt].reviewers[er].ctime)
+                             time2 = timestampToTime(result.data.track[tt].reviewers[er].qtime)
+                             reviewerItem = "<div class='reviewerBox'><span class='time1 time'>Invitation time: <br/>"+time1+"</span><div class='box'><span class='title'>"+reviewerState+"</span><span class='score'>Score: "+result.data.track[tt].reviewers[er].rated+"</span><span class='reviewer'>reviewer: "+result.data.track[tt].reviewers[er].reviewer_name+"</span><span class='time2'>Review comments received: "+time2+"</span></div></div>"
+                             reviewers += reviewerItem
+                         }
+                      }
+                      // 获得时间
+                      ttime = timestampToTime(result.data.track[tt].time)                    
+                      
+                      li = "<div class='trackItem'><span class='time'>"+ttime+"</span><div class='type'><span class='title'>" + ttypeName + "</span>"+reviewers+"</div></div>"
+                      lis += li
+                     }                   
+                      $('.wen_rong .content-box .conterecord').html(lis)
+    
+                 }else{
+                     // console.log(result.data.track.length)
+
+                     $('.wen_rong #tablist .tarrecord').css('display', 'none');
+                 }
 
                 if (j_artc.file_pdf == '') {
                     $('.wen_rong #tablist .tarfipdf').css('display', 'none');
@@ -6922,7 +7036,32 @@ function article_con() {
 
                 var pdf_list = ''
                 if (j_artc.file_sub != '') {
-                    pdf_list += '<li><div><img src="img/link_3.jpg" width="14" height="16"><b>PDF</b></div>' +
+                    var fileType = ''
+                    var imgLink = ''
+                    var fileTypeArr = j_artc.file_sub.split('.')
+                    fileType = fileTypeArr[fileTypeArr.length -1]
+                   // console.log(fileType)
+                   switch (fileType) {
+                    case 'xlsx':
+                        imgLink = 'img/xlsx.png'
+                        break;
+                    case 'zip':
+                        imgLink = 'img/zip.png'
+                        break;
+                    case 'rar':
+                        imgLink = 'img/zip.png'
+                        break;
+                    case 'docx':
+                        imgLink = 'img/link_1.png'
+                        break; 
+                    case 'pdf':
+                        imgLink = 'img/link_3.jpg'
+                        break; 
+                    default:
+                        imgLink = 'img/otherfile.png'
+                        break;                   
+                   }
+                    pdf_list += '<li><div><img src="' + imgLink + '" width="14" height="16"><b>' + fileType + '</b></div>' +
                         '<p>Supplementary Material for doi: ' + j_artc.doi + '----<a target="_blank" href="' + apiUrl + 'public/articleSUB/' + j_artc.file_sub + '">Download</a></p></li>';
                 }
                 if (j_artc.file_sub2 != '') {

style/style.css

@@ -4906,3 +4906,25 @@ ul li .ab_tad {
     display: block;
 }
 
+/* 稿件跟踪 */
+.conterecord{position: relative; overflow: hidden; margin: 20px 0;}
+.conterecord:after{
+    position: absolute; left: 123px; top:0; content: ''; width:2px; height: 100%; background-color: #2894ef; z-index: 0;
+}
+.trackItem .time{display: inline-block;width: 90px; text-align: right; padding-right: 30px; position: relative; color: #7b869f; }
+.trackItem .time:after{position: absolute; right: 0; top: 14px; content: ''; width: 9px; height: 9px; border: 2px solid #2894ef; border-radius: 20px; z-index: 1; background-color: #FFF;}
+.trackItem .type{display: inline-block; padding-left: 30px; vertical-align: top; padding: 10px;  color: #888; width: 534px;
+    border: 1px solid #2894ef; margin-bottom: 15px; transition: all 0.5s;
+    margin-left: 23px;
+    border-radius: 7px;}
+.trackItem .title{ font-size: 16px; background: #dfeefb; font-weight: bold;
+    display: inline-block !important;
+    padding: 5px;
+    border-radius: 5px;}    
+.trackItem .type:hover{ box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.4);margin-top: -2px; }
+.reviewerBox{font-size: 14px; position: relative; }
+.reviewerBox .time{width: 124px;}
+.reviewerBox .box{display: inline-block; padding: 10px;}
+.reviewerBox .box span{display: block; margin-bottom: 5px;}
+.reviewerBox:after{position: absolute; left: 145px; top:0; content: ''; width:2px; height: 100%; border-right: 2px dashed #2894ef; z-index: 0;}
+.trackItem .reviewerBox:first-child{padding-top: 15px;}