<!-- SSI首页外壳html最新版 -->
<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="utf-8">
  <title>
工程研究&mdash;跨学科视野中的工程  </title>  
  <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1">
  <meta name="robots" content="all">
  <meta name="description" content="《工程研究&mdash;&mdash;跨学科视野中的工程》是由中国科学院主管，中国科学院大学主办，科学出版社出版的跨学科、综合性的学术期刊。2009年创刊，2016年起由季刊改为双月刊。本刊旨在面向国内外工程建设和工程发展的实际，前瞻性地研究和传播工程建设的新思想、新理念和新进展、实事求是地研究工程实践的经验和教训，多学科视角地研究工程与社会发展的复杂关系，探讨工程与创新的公共政策议题，努力推动有关领域的学术发展，进而服务于我国全面建设小康社会和构建和谐社会的任务。" />
  <!-- 使用mathjax渲染公式 -->
  <link rel="dns-prefetch" href="https://cdn.mathjax.org">
  <link rel="icon" href="/images/favicon.ico" type="image/x-icon">
  <!--<link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">-->
  <link rel="stylesheet" href="/static/upgrade/bootstrap-3.3.7/bootstrap.min.css"></link>
  <link href="/css/bootstrapValidator.min.css" rel="stylesheet">
  <link rel="stylesheet" href="/static-template/css/bootstrap-datetimepicker.css">
  <link rel="stylesheet" href="/css/sweet/sweet-alert.css">
  <!-- <link href="https://cdn.bootcdn.net/ajax/libs/Swiper/4.5.1/css/swiper.css" rel="stylesheet" /> -->
  <link href="/static/upgrade/swiper-4.5.1/swiper.css" rel="stylesheet" />
  <link rel="stylesheet" href="/static-template/font-awesome-4.7.0/css/font-awesome.min.css">
  <link rel="stylesheet" href="/template/css/f6b93559715e43f3a93b245a7386cf0e_3.css">
  <link rel="stylesheet" href="/static-template/css/font-awesome.min.css">
  <script type="text/javascript" src="/js/common/ie_browser.js"></script>
  <script type="text/javascript" src="/static-template/js/jquery-3.0.0.min.js"></script>
  <!-- <script src="https://cdn.bootcdn.net/ajax/libs/Swiper/4.5.1/js/swiper.js"></script> -->
  <script src="/static/upgrade/swiper-4.5.1/swiper.js"></script>
  <!-- <script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script> -->
  <script src="/static/upgrade/bootstrap-3.3.7/bootstrap.min.js"></script>
  <!-- <script src="https://unpkg.com/sweetalert/dist/sweetalert.min.js"></script> -->
  <script src="/static/upgrade/sweetalert/sweetalert.min.js"></script>
  <script type="text/javascript" src="/static-template/js/bootstrap-datetimepicker.js"></script>
  <script type="text/javascript" src="/static-template/js/bootstrap-datetimepicker.zh-CN.js"></script>
  <script src="/js/bootstrapValidator.min.js"></script>

  <script type="text/javascript" charset="utf-8" src="/template/js/f6b93559715e43f3a93b245a7386cf0e_3.js"></script>
  <script type="text/javascript" charset="utf-8" src="/template/js/f6b93559715e43f3a93b245a7386cf0e_-3.js"></script>
  <script src="/js/tinymce/tinymce.min.js"></script>
  <script type="text/javascript">
    var ctx = '';
    NodeList.prototype.forEach = Array.prototype.forEach;
  </script>
  <!-- mathjax配置 -->
  <script type="text/x-mathjax-config">
    MathJax.Hub.Config({
      showProcessingMessages: false, //关闭js加载过程信息
      messageStyle: "none", //不显示信息
      tex2jax: { inlineMath: [['$','$'],['\\(','\\)']] , displayMath: [ ['$$','$$'], ["\\[","\\]"] ], processEscapes: true},
      menuSettings: {
          zoom: "None",        //  when to do MathZoom
          CTRL: false,         //    require CTRL for MathZoom?
          ALT: false,          //    require Alt or Option?
          CMD: false,          //    require CMD?
          Shift: false,        //    require Shift?
          zscale: "150%",      //  the scaling factor for MathZoom
          font: "Auto",        //  what font HTML-CSS should use
          context: "MathJax",  //  or "Browser" for pass-through to browser menu
          mpContext: false,    //  true means pass menu events to MathPlayer in IE
          mpMouse: false,      //  true means pass mouse events to MathPlayer in IE
          texHints: true,      //  include class names for TeXAtom elements
          semantics: false     //  add semantics tag with original form in MathML output
      },
      TeX: {
          Macros: {
              dag: ["\\dagger"],
              uppi:["\\pi"],
              emph:["\\textit{}"]
          }
      }
    });
  </script>
  <script async src="/mathjax2.7.9/MathJax.js?config=TeX-MML-AM_CHTML"></script>
</head>

<body id="body" style="visibility:hidden;">
  <div id="abbs">
    <!-- 头部区 -->
<link rel="stylesheet" href="/platformTemplate/css/platform_201.css">
<script type="text/javascript" charset="utf-8" src="/platformTemplate/js/platform_201.js"></script>
<script src="https://res.wx.qq.com/connect/zh_CN/htmledition/js/wxLogin.js"></script>
<input id='ipInfo' type="text" style="display: none" value="">
<!-- 搜索下拉插件 -->
<link href="/css/select2.min.css" rel="stylesheet" />
<script src="/js/select2.min.js"></script>
<input id='ipInfo' type="text" style="display: none" value="">
<!-- 头部 -->
<div class="globalHeaderBoxPc" id="globalHeaderBox">
  <div class="left">
    <!-- <img class="img-new" src="/static/upgrade/img/logo.png" onclick="jumpHome()" style="cursor: pointer;"/> -->
    <img src="https://files.sciengine.com/template/platform/img/SciEngine-logo.png" class="img-new"
      onclick="jumpHome()" style="cursor: pointer;">
    <span class="text" style="font-size: 29px;
    color: #333333;
    font-weight: bold;
    font-family: 'Montserrat Bold', 'Montserrat Regular', 'Montserrat', 'Microsoft YaHei';
    margin-left: 5px;
    cursor: pointer;" onclick="jumpHome()">SciEngine</span>
    <!-- h5端图书和期刊 -->
    <!-- <div class="chaolianH5" style="margin-left:10px">
      <div class="dropdown">
        <div class="dropdown-toggle" data-toggle="dropdown">
          <span class="caret"></span>
        </div>
        <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1">
          <li>
            <a href="/publications">期刊</a>
          </li>
          <li>
            <a href="/books">图书</a>
          </li>
        </ul>
      </div>
    </div> -->
  </div>
  <div class="right">
    <!-- PC端期刊和图书 -->
    <div class="chaolian">
      <a class="link" href="/publications">期刊</a>
      <span>&</span>
      <a class="link" href="/books">图书</a>
    </div>
    <div class="img search" title="搜索"></div>
    <div class="img shop" title='购物车' onclick="shopcar()"></div>
      <div class="img customerMenus" title="客服" onclick="jumpToChat()">
        <div class="weChatImgBox">
          <img class="imgwei" src="https://files.sciengine.com/template/img/sciengine/wxCode.png" />
        </div>
      </div>
          <div class="dropdown">
                <div class="img user loginIcon" title="" onclick="loginRef();"></div>
                <!-- <a href="#" onclick="loginRef();">登录</a>
            <a href="/loginController/ParseToRegist" style="margin-left:10px">注册</a> -->
          </div>
              <div title="English" class="img language zhLang"></div>
  </div>
  <div class="img searchTow"></div>
  <i class="fa fa-bars fa-2x" aria-hidden="true"></i>
  <div class="rightH5">
    <div class="menuHeader">
      <i class="fa fa-times fa-lg" aria-hidden="true" style="color: #000000;"></i>
    </div>
    <div class="rlist">
      <div class="list">
        <a href="/publications" style="text-decoration: none;">
          <img class="img journalsImg" src="/static/upgrade/Common/img/journals.svg" />
        </a>
        <a href="/publications" style="text-decoration: none;"><span
            class="text">期刊</span></a>
      </div>
      <div class="list">
        <a href="/books" style="text-decoration: none;">
          <img class="img booksImg"
            src="https://files.sciengine.com/template/img/sciengine/book-gray.svg" />
        </a>
        <a href="/books" style="text-decoration: none;"><span
            class="text">图书</span></a>
      </div>
      <div class="list">
        <img class="img cartImg" src="https://files.sciengine.com/template/platform/icon/shop_new.png"
          onclick="shopcar()" />
        <span class="text" onclick="shopcar()">购物车</span>
      </div>
      <div class="list">
        <img class="img customerImg" onclick="jumpToChat()"
          src="https://files.sciengine.com/template/img/sciengine/customer-black.svg" />
          <span class="text" onclick="jumpToChat()">客服</span>
      </div>
      <div class="weChatImgBox">
        <img class="img" src="https://files.sciengine.com/template/img/sciengine/wxCode.png" />
      </div>
          <div class="list">
            <img class="img languageImg zhLang"
              src="https://files.sciengine.com/template/platform/icon/language_new.png" />
            <span class="text zhLang">ENGLISH</span>
          </div>
                      <div class="list">
                        <img class="img userImg"
                          src="https://files.sciengine.com/template/platform/icon/user_new.png"
                          onclick="loginRef()" />
                        <span class="text" onclick="loginRef()">登录</span>
                      </div>

    </div>

  </div>
  <!-- 搜索框(PC) -->
  <div class="searchBox">
    <div class="head_box_search">
      <form method="get" id="searchForm" action="/">
        <div class="search_newdiv">
          <input id="queryField_a" placeholder="关键词"
            onmouseover="this.title=this.value" />
          <input id="fullName" placeholder="作者名" onmouseover="this.title=this.value" />
          <select style="width: 180px;color: #8e8186" id="journalTitle"></select>
          <input id="volume" placeholder="卷" onmouseover="this.title=this.value" />
          <input id="issue" placeholder="期" onmouseover="this.title=this.value" />
          <input id="pageNumber" placeholder="起始页" onmouseover="this.title=this.value" />
          <div class="aoisud">
            <button class="btn btn-sm nusolx" type="button" onclick="checkQueryInfo();">
              <i class="fa fa-search" aria-hidden="true"></i>
            </button>
            <a class="hebush" href="/search/selectSearch">高级搜索</a>
          </div>
        </div>
      </form>
    </div>
  </div>
</div>
<!-- 登录页弹窗 -->
<div class="modal fade" id="loginModal">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
          <img class="img" src="https://files.sciengine.com/template/platform/img/close.svg" />
        </button>
        <h4 class="modal-title">
          <img class="img" src="https://files.sciengine.com/template/platform/img/loginLogo.png" />
        </h4>
      </div>
      <div class="modal-body">
        <div class="title" style="border: none">LOG IN TO SciEngine
        </div>
        <div class="loginBox">
          <div class="tabs">
            <div class="tab active" style="margin-left: 0px;" onclick="changeLoginTab('accounttab',this)"
              id="accounttab">
              账号登录</div>
            <!-- <div class="tab" onclick="changeLoginTab('smstab',this)" id="smstab">SMS
                    Login</div> -->
          </div>
          <form id="accountLoginForm" class="loginForm" action="/loginController/login" method="post"
            onsubmit="return toVaild();">
            <div class="uesrNameBox inputBox">
              <input type="text" class="input" id="userNameInput" placeholder="邮箱或用户名" />
            </div>
            <div class="passwordBox inputBox">
              <input type="password" class="input" placeholder="请输入密码" id="passwordInput" />
              <img class="img" src="https://files.sciengine.com/template/platform/img/eye.png"
                onclick="hidePassword(this)" id="eyeCloseIcon" style="display:none" />
              <i class="fa fa-eye" aria-hidden="true" onclick="showPassword(this)" id="eyeIcon"></i>
            </div>
            <!-- 邮箱验证码 -->
            <div class="verifyCodeBox inputBox" style="display: none;">
              <input type="text" class="input" id="verifyCodeInput"
                placeholder="请输入验证码">
              <button class="btn btn-default" type="button" onclick="sendMailCode(this)"
                id="mailCodeBtnLogin">获取验证码</button>
            </div>

            <div class="forgotText" onclick="showForgotPassword()">
              忘记密码</div>
          </form>
          <form id="smsLoginForm" class="loginForm" style="display:none">
            <div class="uesrNameBox inputBox">
              <input type="text" class="input" placeholder="Enter your phone number" />
            </div>
            <div class="codeBox inputBox">
              <input type="text" class="input" placeholder="Enter code" />
              <div class="codeBtn" onclick="getCode()">Get code</div>
            </div>
          </form>
          <div class="btns">
            <div class="loginBtn btn" onclick="loginClick()" type="button">
              登录</div>
            <div class="registerBtn btn" onclick="goRegister()" type="button">
              注册</div>
          </div>
        </div>
      </div>
      <div class="modal-footer">
        <div class="otherLoginMethodsTextBox">
          <span class="line"></span>
          <span class="text">
              第三方登录
          </span>
          <span class="line"></span>
        </div>
        <div class="imgBox">
          <img class="img wxImg" src="https://files.sciengine.com/template/platform/img/weixin.png"
            onclick="wxLogin()" />
          <!-- <img class="img qqImg"
                src="https://files.sciengine.com/template/platform/img/qq.png"
                onclick="qqLogin()" />
            <img class="img fImg"
                src="https://files.sciengine.com/template/platform/img/facebook.png"
                onclick="fLogin()" /> -->
        </div>
      </div>
    </div>
  </div>
</div>

<!-- 忘记密码页弹窗 -->
<div class="modal fade" id="forgotPasswordModal">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
          <img class="img" src="https://files.sciengine.com/template/platform/img/close.svg" />
        </button>
        <h4 class="modal-title">
          <img class="img" src="https://files.sciengine.com/template/platform/img/loginLogo.png" />
        </h4>
      </div>
      <div class="modal-body">
        <form role="form" class="forgotPasswordform">
          <div class="form-group">
            <label for="userName">重置密码</label>
            <div class="inputBox">
              <input type="text" id="resetEmailInput" class="input form-control"
                placeholder="邮箱">
            </div>
          </div>
        </form>
      </div>
      <div class="modal-footer">
        <button id="resetBtn" type="button" class="btn btn-default"
          onclick="resetPassword(this)">确定</button>
      </div>
    </div>
  </div>
</div>

<!-- 重置密码成功弹窗 -->
<div class="modal fade" id="resetSuccessModal">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
          <img class="img" src="https://files.sciengine.com/template/platform/img/close.svg" />
        </button>
        <h4 class="modal-title">
          <img class="img" src="https://files.sciengine.com/template/platform/img/loginLogo.png" />
        </h4>
      </div>
      <div class="modal-body">
        <div class="desc">
            重置密码链接已发送到您的邮箱，请到邮箱查看。
        </div>
      </div>
    </div>
  </div>
</div>
<!-- 微信认证登录 -->
<div class="modal fade" id="weixinLoginModal">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <h4 class="modal-title">
          <img class="img" src="https://files.sciengine.com/template/platform/img/loginLogo.png"
            style="height: 60px;" />
        </h4>
      </div>
      <div class="modal-body">
        <div class="weixinQrCode" id="weixinQrCode" style="text-align: center;">

        </div>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" onclick="closeWxModal()">关闭</button>
      </div>
    </div>
  </div>
</div>
<script type="text/javascript">
  var time;
  var checkNeedMailCodeToLogin;
  $(function () {
    //出版物
    $.ajax({
      type: "post",
      url: "/SciSearch/title",
      dataType: "json",
      contentType: "application/json",
      success: function (data) {
        var html = '<option value="">出版物名称</option> ';
        for (var i = 0; i < data.length; i++) {
          // html += '<option value="' + data[i].id + '" data-type="' + data[i].searchType + '" abbreviated="' + data[i].abbreviated + '" pKey="' + data[i].pKey + '">' + data[i].title + ' (' + data[i].pKey + ')' + '</option>';
          html += '<option value="' + data[i].id + '" data-type="' + data[i].searchType + '" abbreviated="' + data[i].abbreviated + '" pKey="' + data[i].pKey + '">' + data[i].title + '</option>';
        }
        $("#journalTitle").html(html);
        $("#journalTitle").select2();
      },
      error: function (data) {

      }
    });
    //隐藏用户ip数据
    $.ajax({
      type: "post",
      url: "/doi/getIpInfo",
      dataType: "json",
      contentType: "application/json",
      success: function (data) {
        if (data[0].ipInfo != null && data[0].ipInfo != '10.0.0.28') {
          $("#ipInfo").val(data[0].ipInfo);
          //存储ip数据到localstorage
          storage = window.localStorage;
          storage.setItem("ipInfo", $("#ipInfo").val());
        } else {
          getRealIp();
        }
      },
    });
    function watchWindowSize() {
      (function (doc, win) {
        var docEl = doc.documentElement
        var resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize'
        var recalc = function () {
          var clientWidth = docEl.clientWidth
          if (!clientWidth) return
          if (clientWidth > 750) { // 设备宽度超过750内容显示区域
            docEl.style.width = '100%'
            if ($('.globalHeaderBoxH5')) {
              $('.globalHeaderBoxH5').attr('class', 'globalHeaderBoxPc')
            }
          } else {
            $('.globalHeaderBoxPc').attr('class', 'globalHeaderBoxH5')
          }
        }
        if (!doc.addEventListener) return
        win.addEventListener(resizeEvt, recalc, false)
        doc.addEventListener('DOMContentLoaded', recalc, false)
      })(document, window)
    };
    function switchHeader() {
      (function (doc, win) {
        var docEl = doc.documentElement;
        var clientWidth = docEl.clientWidth;
        if (!clientWidth) return
        if (clientWidth > 750) { // 设备宽度超过750内容显示区域
          docEl.style.width = '100%'
          if ($('.globalHeaderBoxH5')) {
            $('.globalHeaderBoxH5').attr('class', 'globalHeaderBoxPc')
          }
        } else {
          $('.globalHeaderBoxPc').attr('class', 'globalHeaderBoxH5')
        }
      })(document, window)
    }
    watchWindowSize();
    switchHeader();
  });
  //通过第三方服务获取ip
  function getRealIp() {
    $.ajax({
      method: "GET",
      url: "http://pv.sohu.com/cityjson?ie=utf-8",
      dataType: "script",
    }).done(function () {
      if (returnCitySN.cip != null && returnCitySN.cip != '') {
        $("#ipInfo").val(returnCitySN.cip);
        //存储ip数据到localstorage
        storage = window.localStorage;
        storage.setItem("ipInfo", $("#ipInfo").val());
      }
    });
  }
  function changeVal(lang) {
    $.ajax({
      type: "POST",
      url: "/common/language",
      data: {
        language: lang,
        fla: 'JES',
        r_: new Date().getTime()
      },
      success: function (data) {
        // 刷新页面
        window.location.reload(true);
      },
      error: function (data) {
        art.dialog.tips(data, 1, 'error');
      }
    });
  }
  function shopcar() {
    if ('') {
      window.location.href = "/cart/toIns";
    } else {
      $('#loginModal').modal({
        backdrop: "static",
        show: true
      })
      checkNeedMailCodeToLogin()
    }
  }
  function loginRef() {
    var ref = window.location.href;
    var pos = ref.indexOf("?ref=");
    if (pos > 0) {
      ref = ref.substring(0, pos);
    }
    if (ref.indexOf("/loginController/ParseToLogin") > 0) {
      ref = "";
    }
    ref = encodeURIComponent(ref);
    window.location.href = "/loginController/ParseToLogin?ref=" + ref;
  }
  function jumpHome() {
    window.location.href = "/";
  }
  function checkQueryInfo() {
    var queryField_a = $("#queryField_a").val().trim();//综合查询
    var fullName = $("#fullName").val().trim();//作者
    var journalTitle = $("#journalTitle").val().trim();//刊  出版物
    var volume = $("#volume").val().trim();//卷
    var issue = $("#issue").val().trim();//期
    var pageNumber = $("#pageNumber").val().trim();//页码
    $("#themeSearch").val("");
    if ((queryField_a == "" || queryField_a == null)
      && (fullName == "" || fullName == null)
      && (journalTitle == "" || journalTitle == null)
      && (volume == "" || volume == null)
      && (issue == "" || issue == null)
      && (pageNumber == "" || pageNumber == null)) {
    } else {
      //参数不为空 给input添加name属性值
      if (queryField_a) {
        $("#queryField_a").attr("name", "queryField_a");
      }
      if (fullName) {
        $("#fullName").attr("name", "fullName");
      }
      if (journalTitle) {
        var dataType = $("#journalTitle option:selected").attr("data-type");
        if (2 == dataType) {
          $("#journalTitle").attr("name", "jouranlId");
        }
        if (3 == dataType) {
          $("#journalTitle").attr("name", "bookId");
        }
      }
      if (volume) {
        $("#volume").attr("name", "volume");
      }
      if (issue) {
        $("#issue").attr("name", "issue");
      }
      if (pageNumber) {
        $("#pageNumber").attr("name", "pageNumber");
      }
      document.getElementById("searchForm").action = "/search/search";
      document.getElementById("searchForm").submit();
    }
  }
  function loginOutRef() {
    var ref = window.location.href;
    window.location.href = "/out?ref=" + ref;
  }
  function jumpToChat() {
    if ($('.weChatImgBox').css('display') === 'none') {
      $('.weChatImgBox').show()
      clearTimeout(time)
      time = setTimeout(function () {
        $('.weChatImgBox').hide()
      }, 10000)
    } else {
      $('.weChatImgBox').hide()
    }
  }
  function jumpToChat() {
    if ($('.weChatImgBox').css('display') === 'none') {
      $('.weChatImgBox').show()
      if ($('.weChatImgBox').css('display') === 'block') {
        setTimeout(function () {
          $('.weChatImgBox').css('display', 'none')
        }, 10000)
      }
    } else {
      $('.weChatImgBox').hide()
    }
  }
  function changeLoginTab(tabId, obj) {
    $(obj).addClass("active");
    if (tabId == "smstab") {
      $("#accountLoginForm").hide();
      $("#smsLoginForm").show();
      $("#accounttab").removeClass("active");
    } else {
      $("#accountLoginForm").show();
      $("#smsLoginForm").hide();
      $("#smstab").removeClass("active");
    }
  }
  function showPassword(obj) {
    $("#passwordInput").attr("type", "text");
    $(obj).hide();
    $("#eyeCloseIcon").show();
  }
  function hidePassword(obj) {
    $("#passwordInput").attr("type", "password");
    $(obj).hide();
    $("#eyeIcon").show();
  }
  // 发送验证码
  function sendMailCode(obj) {
    if (countdown == 0) {
      let mail = $("#userNameInput").val();
      if (mail == '') {
        swal({
          text: "用户名不能为空",
          icon: "warning",
          confirmButtonText: '确定'
        });
        return;
      }
      //发送
      operateSendMail();
      $("#mailCodeBtnLogin").attr("disabled", "disabled");
      return;
    }
  }
  function showForgotPassword() {
    $('#loginModal').modal('hide')
    setTimeout(function () {
      $("#resetBtn").removeAttr("disabled");
      $('#forgotPasswordModal').modal({
        backdrop: "static",
        show: true
      })
    }, 500)
  }
  function loginClick() {
    let username = $("#userNameInput").val();
    let password = $("#passwordInput").val();
    mailCode = checkNeedMailCodeToLogin ? $("#verifyCodeInput").val() : 'Tke!Wsd'
    if (!$("#smsLoginForm").is(":hidden")) {
      swal({
        text: 'The Function Developing...',
        icon: "warning",
        confirmButtonText: '确定'
      });
    } else if (mailCode === '') {
      swal({
        text: '请输入验证码',
        icon: "warning",
        confirmButtonText: '确定'
      });
    } else {
      $.ajax({
        type: "POST",
        url: "/restLogin/login",
        data: {
          username: username,
          password: password,
          mailCode: mailCode
        },
        success: function (data) {
          // 刷新页面
          if (data.flag == 0) {
            window.location.reload(true);
          } else {
            swal({
              text: data.message,
              icon: "warning",
              confirmButtonText: '确定'
            });
          }

        },
        error: function (data) {
        }
      });
    }

  }
  function goRegister() {
    window.location.href = "/plat/register";
  }
  function wxLogin() {
    // var ref = window.location.href;
    // var pos = ref.indexOf("?ref=");
    // if (pos > 0) {
    //     ref = ref.substring(0, pos);
    // }
    // if (ref.indexOf("/loginController/ParseToLogin") > 0) {
    //     ref = "";
    // }
    var ref = "";
    ref = encodeURIComponent(ref);
    var redirectUrl = "https://www.sciengine.com/plat/weixinback";
    redirectUrl = encodeURIComponent(redirectUrl);
    var obj = new WxLogin({
      self_redirect: false,
      id: "weixinQrCode",
      appid: "wx646e688925384153",
      scope: "snsapi_login",
      redirect_uri: redirectUrl,
      state: "sciengine",
      style: "",
      href: ""
    });
    $("#loginModal").modal("hide");
    setTimeout(function () {
      $('#weixinLoginModal').modal({
        backdrop: "static",
        show: true
      })
    }, 500)
  }
  function closeWxModal() {
    $("#weixinLoginModal").modal("hide");
    setTimeout(function () {
      var loginPageHide = $("#loginPageHide").val();
      if (loginPageHide != undefined && loginPageHide != '') {

      } else {
        $('#loginModal').modal({
          backdrop: "static",
          show: true
        })
        checkNeedMailCodeToLogin()
      }

    }, 500)
  }

  function resetPassword(obj) {
    $(obj).attr("disabled", "disabled");
    let email = $("#resetEmailInput").val();
    let check = '^[a-zA-Z0-9_-]+@[a-zA-Z0-9_-]+(\.[a-zA-Z0-9_-]+)+$';
    if (!email.match(check) || email == "") {
      swal({
        text: "邮箱格式不正确，请重新填写",
        icon: "error",
        confirmButtonText: '确定'
      });
      $("#resetBtn").removeAttr("disabled");
      return false;
    }

    $.ajax({
      type: "POST",
      url: "/restLogin/toRestPwdPage",
      data: {
        email: email
      },
      success: function (data) {
        if (data) {
          $('#forgotPasswordModal').modal('hide')
          setTimeout(function () {
            $('#resetSuccessModal').modal({
              backdrop: "static",
              show: true
            })
          }, 500)
        } else {
          let lang = "zh_CN";
          let msg = "您输入的邮箱没有被注册，请重新输入";
          if (lang == "en_US") {
            msg = "Your email may not be registered，Please try again";
          }
          swal({
            text: msg,
            icon: "error",
            confirmButtonText: '确定'
          });
          $("#resetBtn").removeAttr("disabled");
          return false;
        }
      },
      error: function (data) {
        $("#resetBtn").removeAttr("disabled");
        swal({
          text: "请联系平台管理员",
          icon: "error",
          confirmButtonText: '确定'
        });
      }
    });
  }
  // 判断是否开启登录验证码功能
  function checkNeedMailCodeToLogin() {
    $.ajax({
      type: 'GET',
      url: '/restLogin/checkNeedMailCodeToLogin',
      success: function (res) {
        if (res) { //启用
          $('.verifyCodeBox').show()
          checkNeedMailCodeToLogin = true
        } else { //禁用
          $('.verifyCodeBox').hide()
          checkNeedMailCodeToLogin = false
        }
      }
    })
  }
</script>

<script>
  var _hmt = _hmt || [];
  (function () {
    var hm = document.createElement("script");
    hm.src = "https://hm.baidu.com/hm.js?9603ca85d5ace8f69e73b5ab267f89c5";
    var s = document.getElementsByTagName("script")[0];
    s.parentNode.insertBefore(hm, s);
  })();
//   (function () {
//       var hm2 = document.createElement("script");
//       hm2.setAttribute('async', 'async');
//       hm2.src = "https://scholar.google.com/scholar_js/casa.js";
//       var s2 = document.getElementsByTagName("script")[0];
//       s2.parentNode.insertBefore(hm2, s2);
//     })();
</script>

<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-SB5SCK5F77"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag() { dataLayer.push(arguments); }
  gtag('js', new Date());

  gtag('config', 'G-SB5SCK5F77');
</script>

<script src="/static/upgrade/js/drift.js"></script>
<script>
  var _paq = _paq || [];
  (function () {
    //页面加载时初始化
    //设置统计地址
    _paq.push(["setTrackerUrl", "https://tool.scichina.com/mini-ci-clean/api/v1/reportData/nm.gif"]);
    //设置统计id 后台创建统计渠道时自动生成
    _paq.push(["setTraceId", "1567872193412334199"]);
    //设置用户id 未登录为空
    var userId = "";
    _paq.push(["setUserId", userId ? userId : '']);
  })();
</script>
<script type="text/javascript">
  function minici_load() {
    var minici_baseId = "";
    var minici_isbn = "";
    var minici_journalBaseId = "cb0aaa6eaea44178ab0065affa119dfd";
    var minici_publisherId = "AdzCNomQMn4meBv2N";
    var currentUrl = window.location.href;
    if (minici_publisherId != null && minici_publisherId != '') {
      //出版商
      _paq.push(["reportItem", minici_publisherId,
        {
          "categoryId": "AdzCNomQMn4meBv2N",
          "title": "科学出版社",
          "type": "publisher",
          "url": currentUrl,
        }]);
    }
    if (minici_journalBaseId != null && minici_journalBaseId != '') {
      //期刊
      _paq.push(["reportItem", minici_journalBaseId,
        {
          "fla": "JES",
          "categoryId": "AdzCNomQMn4meBv2N",
          "title": "工程研究&mdash;跨学科视野中的工程",
          "type": "journal",
          "url": currentUrl,
          "theme": "7"
        }]);

      if (minici_baseId != null && minici_baseId != '') {
        //如果是文章详情页，则不上报期刊的浏览事件，避免统计重复
      } else {
        //浏览事件
        _paq.push(["eventBrowse", minici_journalBaseId, {}]);
      }

    }
    if (minici_baseId != null && minici_baseId != '') {
      //文章上报
      _paq.push(["reportItem", minici_baseId,
        {
          "doi": "",
          "categoryId": "",
          "title": "",
          "type": "article",
          "url": currentUrl,
          "theme": ""
        }]);

      //浏览事件
      _paq.push(["eventBrowse", minici_baseId, {}]);
    }
    if (minici_isbn != null && minici_isbn != '') {
      //图书上报
      _paq.push(["reportItem", minici_isbn,
        {
          "isbn": minici_isbn,
          "categoryId": "",
          "title": "",
          "type": "book",
          "url": currentUrl,
          "theme": ""
        }]);
      _paq.push(["eventBrowse", minici_isbn, {}]);
    }
  }

  $(document).ready(function () {
    // 可选：禁用 Bootstrap 的 enforceFocus
    $.fn.modal.Constructor.prototype.enforceFocus = function() {};
  })
</script>
<!-- ABBS定版-头部(最新) -->
<link rel="stylesheet" href="/template/css/f6b93559715e43f3a93b245a7386cf0e_1.css">
<script type="text/javascript">
  var lang = 'zh_CN';
  var journalBaseId = 'cb0aaa6eaea44178ab0065affa119dfd'
  function emailAlerts() {
    $.ajax({
      type: "POST",
      url: "/publisher/emailAlerts",
      data: {
        "journalBaseId": journalBaseId
      },
      success: function (result) {
        if (result == "success") {
          if (lang == "zh_CN") {
            swal({
              icon: 'success',
              type: 'success',
              title: '订阅成功',
              showConfirmButton: true
            });
          } else {
            swal({
              icon: 'success',
              type: 'success',
              title: 'Subscription succeeded!',
              showConfirmButton: true
            });
          }
		  //关注事件
		  _paq.push(["eventWatch", journalBaseId, {}]);
        } else {
          var ref = window.location.href;
          window.location.href = "/loginController/ParseToLogin?ref=" + ref;
        }
      }
    });
  }
  function searchNormal() {
    console.log("普通搜索");
    var jouranlId = "";
    var currentLang = lang;
    console.log("currentLang: " + currentLang);
    if (currentLang == "zh_CN") {
      jouranlId = "生物化学与生物物理学报（英）";
    } else {
      jouranlId = "Acta Biochimica et Biophysica Sinica";
    }
    if ($("#searchInput").val() == '') {
      console.log("搜索的值为空，退出方法");
      return;
    }
    console.log("搜索值不为空");
    window.location.href = ctx + "/search/search?jouranlId=" + jouranlId + "&searchType=commonSearch&pageCount=20&curpage=0&queryField_a=" + $("#searchInput").val();
  }
  function addMenu(parentId) {
    $("#menuParentId").val(parentId);
    $("#menuNameEn").val("");
    $("#menuNameZh").val("");
    $("#menuUrl").val("");
    $("#menuSort").val("");
    $("#menuTarget").val("_self");
    $("#addMenu").modal("show");
  }

  function createMenu() {
	$("#createMenuBtn").attr("disabled", "disabled"); 
    $.ajax({
      type: "POST",
      url: "/restMenu/insertMenu",
      data: $("#menuForm").serialize(),
      async: false,
      success: function success(data) {
        window.location.reload();
      }
    });
  }
  function editMenu(id) {
    $.ajax({
      type: "POST",
      url: "/restMenu/selectMenu",
      data: {
        id: id
      },
      async: false,
      success: function success(data) {
        $("#updateMenuParentId").val(data.parentId);
        $("#updateMenuNameEn").val(data.nameEn);
        $("#updateMenuNameZh").val(data.nameZh);
        $("#updateMenuUrl").val(data.url);
        $("#updateMenuSort").val(data.sort);
        $("#updateMenuTarget").val(data.target);
        $("#updateMenuId").val(data.id);
        $("#updateMenuModal").modal("show");
      }
    });
  }
  function updateMenuSubmit() {
	$("#updateMenuBtn").attr("disabled", "disabled"); 
    $.ajax({
      type: "POST",
      url: "/restMenu/updateMenu",
      data: $("#updateMenuForm").serialize(),
      async: false,
      success: function success(data) {
        window.location.reload();
      }
    });
  }
  function deleteMenu(id) {
  	swal('确认删除', "", "warning", {
  		buttons: {
  			cancel: {
  				text: '取消',
  				value: null,
  				visible: true,
  				className: "",
  				closeModal: true,
  			},
  			confirm: {
  				text: '确认',
  				value: 'confirm',
  				closeModal: false
  			},
  		}
  	}).then(function(value) {
  		switch (value) {
  			case "confirm":
  				$.ajax({
  				  type: "POST",
  				  url: "/restMenu/deleteMenu",
  				  data: {
  				    id: id,
              fla: 'JES'
  				  },
  				  async: false,
  				  success: function success(data) {
  				    window.location.reload();
  				  }
  				});
  				break;
  		}
  	});
    
  }
  function ableEditMenu(obj) {
    $(obj).hide();
    $("#pcNavRight").hide();
    $("#disableMenuIcon").show();
    $(".menu-switch").each(function (i) {
      $(this).css('cssText', 'display: inline !important;');
    })
  }
  function disableEditMenu(obj) {
    $(obj).hide();
    $("#pcNavRight").show();
    $("#ableMenuIcon").show();
    $(".menu-switch").each(function (i) {
      $(this).css('cssText', 'display: none !important;');
    })
  }
  function expendMenuChild(parentId, obj) {
    let str = 'hideMenuChild("' + parentId + '",this)';
    $(obj).attr("onclick", str);
    $(obj).find('.fa').removeClass("fa-angle-down");
    $(obj).find('.fa').addClass("fa-angle-up");
    $(".child_" + parentId).each(function (i) {
      $(this).slideDown();
    })
  }
  function hideMenuChild(parentId, obj) {
    let str = 'expendMenuChild("' + parentId + '",this)';
    $(obj).attr("onclick", str);
    $(obj).find('.fa').removeClass("fa-angle-up");
    $(obj).find('.fa').addClass("fa-angle-down");
    $(".child_" + parentId).each(function (i) {
      $(this).slideUp();
    })
  }
</script>
<script type="text/javascript" charset="utf-8" src="/template/js/f6b93559715e43f3a93b245a7386cf0e_1.js"></script>
<div class="header bgC1">
  <input type="hidden" id="slug" value="abstracts">
  <!-- <div class="logo" style="width: 100%!important;">
    <img style="width: 100%;height: 100%;" src="https://files.sciengine.com/template/img/JES/banner1.png" alt="">
  </div> -->
  <img class="bannerImg" src="https://files.sciengine.com/template/img/JES/banner2.png"/>
  <div class="logo">
    <div class="logoLeft">
        <img src="https://files.sciengine.com/template/img/JES/banner3.png"/>
    </div>
    <div class="logoRight">
      <div class="cemcImg">
        <img src="https://files.sciengine.com/template/img/JES/banner5.png"/>
      </div>
      <div class="information">
        <div>CN : 11-5780/TB</div>
        <div>ISSN : 1674-4969</div>
        <!-- <div>ISSN :  (Online)</div> -->
      </div>
    </div>
  </div>
</div>

<!-- 导航 -->
<div class="navBox bgC2">

  <!-- h5导航 -->
  <div class="navH5">
    <div class="navLeft menus">
      <i class="fa fa-bars" aria-hidden="true"></i>
      <span class="text">菜单</span>
    </div>
    <div class="navRight">
      <input class="search" id="searchInputH5" type="search" />
      <i id="normalSearchH5" class="fa fa-search colorC1" aria-hidden="true"></i>
      <p class="desc" style="cursor: pointer;">
            <span id="advancedSearch">高级搜索</span>
      </p>
    </div>
  </div>
    <div class="menuH5">
        <div class="tab">
          <div class="tabItem" onclick='expendMenuChild("6990d6f483524e68a03100ddbab0b083",this)' style="height: 100%;">
              <a href="#">
                      
              </a>
          </div>
        </div>
        <div class="tab">
          <div class="tabItem" onclick='expendMenuChild("JESf66cce4f47",this)' style="height: 100%;">
              <a href="/JES/home" target="_self" class="menuLink">
                      主页
              </a>
          </div>
        </div>
        <div class="tab">
          <div class="tabItem" onclick='expendMenuChild("JESd7ad7da7d2",this)' style="height: 100%;">
              <a href="#">
                      出版目录
              </a>
              <i class="fa fa-angle-down fa-lg" aria-hidden="true" style="font-size: 20px;"></i>
          </div>
        </div>
            <div class="tab tab-white child_JESd7ad7da7d2" style="display: none;">
              <div class="tabItem">
                  <a href="/JES/issue" target="_self" class="menuLink">
                              当期出版
                      </a>
              </div>
            </div>
            <div class="tab tab-white child_JESd7ad7da7d2" style="display: none;">
              <div class="tabItem">
                  <a href="/JES/catalogue" target="_self" class="menuLink">
                              全部目录
                      </a>
              </div>
            </div>
            <div class="tab tab-white child_JESd7ad7da7d2" style="display: none;">
              <div class="tabItem">
                  <a href="/JES/coverStories" target="_self" class="menuLink">
                              封面故事
                      </a>
              </div>
            </div>
            <div class="tab tab-white child_JESd7ad7da7d2" style="display: none;">
              <div class="tabItem">
                  <a href="/JES/collections" target="_self" class="menuLink">
                              虚拟专题
                      </a>
              </div>
            </div>
            <div class="tab tab-white child_JESd7ad7da7d2" style="display: none;">
              <div class="tabItem">
                  <a href="/JES/specialTopics" target="_self" class="menuLink">
                              专题
                      </a>
              </div>
            </div>
            <div class="tab tab-white child_JESd7ad7da7d2" style="display: none;">
              <div class="tabItem">
                  <a href="/JES/special-issue-list" target="_self" class="menuLink">
                              专刊
                      </a>
              </div>
            </div>
            <div class="tab tab-white child_JESd7ad7da7d2" style="display: none;">
              <div class="tabItem">
                  <a href="/JES/special-column-list" target="_self" class="menuLink">
                              专栏
                      </a>
              </div>
            </div>
        <div class="tab">
          <div class="tabItem" onclick='expendMenuChild("JES4ac40888c5",this)' style="height: 100%;">
              <a href="/JES/authorCenter?scroll=section_1" target="_self" class="menuLink">
                      作者中心
              </a>
              <i class="fa fa-angle-down fa-lg" aria-hidden="true" style="font-size: 20px;"></i>
          </div>
        </div>
            <div class="tab tab-white child_JES4ac40888c5" style="display: none;">
              <div class="tabItem">
                  <a href="https://www.sciengine.com/JES/authorCenter?scroll=section_1" target="_self" class="menuLink">
                              投稿须知
                      </a>
              </div>
            </div>
            <div class="tab tab-white child_JES4ac40888c5" style="display: none;">
              <div class="tabItem">
                  <a href="https://www.sciengine.com/JES/authorCenter?scroll=section_2" target="_self" class="menuLink">
                              论文模板
                      </a>
              </div>
            </div>
            <div class="tab tab-white child_JES4ac40888c5" style="display: none;">
              <div class="tabItem">
                  <a href="https://www.sciengine.com/JES/authorCenter?scroll=section_3" target="_self" class="menuLink">
                              修改说明模板
                      </a>
              </div>
            </div>
            <div class="tab tab-white child_JES4ac40888c5" style="display: none;">
              <div class="tabItem">
                  <a href="https://www.sciengine.com/JES/authorCenter?scroll=section_4" target="_self" class="menuLink">
                              参考文献简则
                      </a>
              </div>
            </div>
            <div class="tab tab-white child_JES4ac40888c5" style="display: none;">
              <div class="tabItem">
                  <a href="https://www.sciengine.com/JES/authorCenter?scroll=section_5" target="_self" class="menuLink">
                              授权许可
                      </a>
              </div>
            </div>
        <div class="tab">
          <div class="tabItem" onclick='expendMenuChild("JES18658c4362",this)' style="height: 100%;">
              <a href="/JES/editorial" target="_self" class="menuLink">
                      编委会
              </a>
          </div>
        </div>
        <div class="tab">
          <div class="tabItem" onclick='expendMenuChild("95c907b10801491db28539ff8868e350",this)' style="height: 100%;">
              <a href="/JES/aboutus" target="_self" class="menuLink">
                      关于我们
              </a>
              <i class="fa fa-angle-down fa-lg" aria-hidden="true" style="font-size: 20px;"></i>
          </div>
        </div>
            <div class="tab tab-white child_95c907b10801491db28539ff8868e350" style="display: none;">
              <div class="tabItem">
                  <a href="/JES/aboutus?scroll=section_1" target="_self" class="menuLink">
                              期刊介绍
                      </a>
              </div>
            </div>
            <div class="tab tab-white child_95c907b10801491db28539ff8868e350" style="display: none;">
              <div class="tabItem">
                  <a href="/JES/aboutus?scroll=section_2" target="_self" class="menuLink">
                              期刊政策
                      </a>
              </div>
            </div>
            <div class="tab tab-white child_95c907b10801491db28539ff8868e350" style="display: none;">
              <div class="tabItem">
                  <a href="/JES/aboutus?scroll=section_3" target="_self" class="menuLink">
                              出版道德声明
                      </a>
              </div>
            </div>
            <div class="tab tab-white child_95c907b10801491db28539ff8868e350" style="display: none;">
              <div class="tabItem">
                  <a href="/JES/aboutus?scroll=section_4" target="_self" class="menuLink">
                              AIGC使用边界指南2.0
                      </a>
              </div>
            </div>
            <div class="tab tab-white child_95c907b10801491db28539ff8868e350" style="display: none;">
              <div class="tabItem">
                  <a href="/JES/aboutus?scroll=section_5" target="_self" class="menuLink">
                              版权许可
                      </a>
              </div>
            </div>
            <div class="tab tab-white child_95c907b10801491db28539ff8868e350" style="display: none;">
              <div class="tabItem">
                  <a href="/JES/aboutus?scroll=section_6" target="_self" class="menuLink">
                              开放获取政策
                      </a>
              </div>
            </div>
            <div class="tab tab-white child_95c907b10801491db28539ff8868e350" style="display: none;">
              <div class="tabItem">
                  <a href="/JES/aboutus?scroll=section_7" target="_self" class="menuLink">
                              联系我们
                      </a>
              </div>
            </div>
            <div class="tab tab-white child_95c907b10801491db28539ff8868e350" style="display: none;">
              <div class="tabItem">
                  <a href="/JES/aboutus?scroll=section_8" target="_self" class="menuLink">
                              友情链接
                      </a>
              </div>
            </div>
        <div class="tab">
          <div class="tabItem" onclick='expendMenuChild("59e4e44c9a4d433aa5f9c4392aac56b3",this)' style="height: 100%;">
              <a href="/JES/news" target="_self" class="menuLink">
                      新闻
              </a>
          </div>
        </div>
    </div>

    <!-- Pc导航 -->
      <div class="navPc">
        <div class="navLeft">
              <div class="tabBox" style="position: absolute;">
                  <div class='tab menu-dropdown' slug='' style="padding: 0 15px;">
                              <a href="#">
                      
                                      
      
                              </a>
      
                  </div>
                  <div class='tab menu-dropdown' slug='' style="padding: 0 15px;">
                          <a href="/JES/home" target="_self">
                      
                                      主页
      
                              </a>
      
                  </div>
                  <div class='tab menu-dropdown' slug='' style="padding: 0 15px;">
                              <a href="#">
                      
                                      出版目录
      
                                          <!-- <span class="caret"></span> -->
                                          <i class="fa fa-angle-down fa-lg" aria-hidden="true" style="color: #fff;"></i>
                              </a>
                                <ul class="dropdown-menu">
                                    <li>
                                        <a href="/JES/issue" target="_self" class="childA">
                                                    当期出版
                                            </a>
                                    </li>
                                    <li>
                                        <a href="/JES/catalogue" target="_self" class="childA">
                                                    全部目录
                                            </a>
                                    </li>
                                    <li>
                                        <a href="/JES/coverStories" target="_self" class="childA">
                                                    封面故事
                                            </a>
                                    </li>
                                    <li>
                                        <a href="/JES/collections" target="_self" class="childA">
                                                    虚拟专题
                                            </a>
                                    </li>
                                    <li>
                                        <a href="/JES/specialTopics" target="_self" class="childA">
                                                    专题
                                            </a>
                                    </li>
                                    <li>
                                        <a href="/JES/special-issue-list" target="_self" class="childA">
                                                    专刊
                                            </a>
                                    </li>
                                    <li>
                                        <a href="/JES/special-column-list" target="_self" class="childA">
                                                    专栏
                                            </a>
                                    </li>
                                </ul>
      
                  </div>
                  <div class='tab menu-dropdown' slug='' style="padding: 0 15px;">
                          <a href="/JES/authorCenter?scroll=section_1" target="_self">
                      
                                      作者中心
      
                                          <!-- <span class="caret"></span> -->
                                          <i class="fa fa-angle-down fa-lg" aria-hidden="true" style="color: #fff;"></i>
                              </a>
                                <ul class="dropdown-menu">
                                    <li>
                                        <a href="https://www.sciengine.com/JES/authorCenter?scroll=section_1" target="_self" class="childA">
                                                    投稿须知
                                            </a>
                                    </li>
                                    <li>
                                        <a href="https://www.sciengine.com/JES/authorCenter?scroll=section_2" target="_self" class="childA">
                                                    论文模板
                                            </a>
                                    </li>
                                    <li>
                                        <a href="https://www.sciengine.com/JES/authorCenter?scroll=section_3" target="_self" class="childA">
                                                    修改说明模板
                                            </a>
                                    </li>
                                    <li>
                                        <a href="https://www.sciengine.com/JES/authorCenter?scroll=section_4" target="_self" class="childA">
                                                    参考文献简则
                                            </a>
                                    </li>
                                    <li>
                                        <a href="https://www.sciengine.com/JES/authorCenter?scroll=section_5" target="_self" class="childA">
                                                    授权许可
                                            </a>
                                    </li>
                                </ul>
      
                  </div>
                  <div class='tab menu-dropdown' slug='' style="padding: 0 15px;">
                          <a href="/JES/editorial" target="_self">
                      
                                      编委会
      
                              </a>
      
                  </div>
                  <div class='tab menu-dropdown' slug='' style="padding: 0 15px;">
                          <a href="/JES/aboutus" target="_self">
                      
                                      关于我们
      
                                          <!-- <span class="caret"></span> -->
                                          <i class="fa fa-angle-down fa-lg" aria-hidden="true" style="color: #fff;"></i>
                              </a>
                                <ul class="dropdown-menu">
                                    <li>
                                        <a href="/JES/aboutus?scroll=section_1" target="_self" class="childA">
                                                    期刊介绍
                                            </a>
                                    </li>
                                    <li>
                                        <a href="/JES/aboutus?scroll=section_2" target="_self" class="childA">
                                                    期刊政策
                                            </a>
                                    </li>
                                    <li>
                                        <a href="/JES/aboutus?scroll=section_3" target="_self" class="childA">
                                                    出版道德声明
                                            </a>
                                    </li>
                                    <li>
                                        <a href="/JES/aboutus?scroll=section_4" target="_self" class="childA">
                                                    AIGC使用边界指南2.0
                                            </a>
                                    </li>
                                    <li>
                                        <a href="/JES/aboutus?scroll=section_5" target="_self" class="childA">
                                                    版权许可
                                            </a>
                                    </li>
                                    <li>
                                        <a href="/JES/aboutus?scroll=section_6" target="_self" class="childA">
                                                    开放获取政策
                                            </a>
                                    </li>
                                    <li>
                                        <a href="/JES/aboutus?scroll=section_7" target="_self" class="childA">
                                                    联系我们
                                            </a>
                                    </li>
                                    <li>
                                        <a href="/JES/aboutus?scroll=section_8" target="_self" class="childA">
                                                    友情链接
                                            </a>
                                    </li>
                                </ul>
      
                  </div>
                  <div class='tab menu-dropdown' slug='' style="padding: 0 15px;">
                          <a href="/JES/news" target="_self">
                      
                                      新闻
      
                              </a>
      
                  </div>
              </div>
        </div>
        <div class="navRight" id="pcNavRight">
          <input class="search" id="searchInput" type="search" />
          <!-- <i class="fa fa-search colorC1" aria-hidden="true"  style="cursor: pointer;" id="searchNormal" onclick="searchNormal()"></i> -->
          <i class="fa fa-search colorC1" aria-hidden="true" style="cursor: pointer;" id="searchNormal"></i>
          <p class="desc" style="cursor: pointer;">
                  <span id="advancedSearch">高级搜索</span>
          </p>
        </div>
      </div>

</div>

<!---------------------------------------------创建菜单----------------------------------------------->
<div class="modal fade" id="addMenu" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-dialog modal-lg">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">×</span>
        </button>
        <h4 class="modal-title">添加
        </h4>
      </div>
      <form id="menuForm" novalidate="novalidate" method="post">
        <div class="modal-body">
          <div class="panel panel-default">
            <div class="panel-heading">
              <h3 class="panel-title">菜单名</h3>
            </div>
            <div class="panel-body">
              <div class="form-group">
                <label class="control-label">英文</label>
                <input type="text" name="nameEn" id="menuNameEn" autocomplete="off" class="form-control">
                <span class="nameEn"></span>
              </div>
              <div class="form-group">
                <label class="control-label">中文</label>
                <input type="text" name="nameZh" id="menuNameZh" autocomplete="off" class="form-control">
                <span class="nameZh"></span>
              </div>
            </div>
          </div>
          <div class="panel panel-default">
            <div class="panel-heading">
              <h3 class="panel-title">URL</h3>
            </div>
            <div class="panel-body">
              <div class="form-group">
                <input type="text" name="url" id="menuUrl" autocomplete="off" class="form-control">
              </div>
            </div>
          </div>
          <div class="panel panel-default">
            <div class="panel-heading">
              <h3 class="panel-title">排序</h3>
            </div>
            <div class="panel-body">
              <div class="form-group">
                <input type="number" class="form-control" name="sort" id="menuSort" />
              </div>
            </div>
          </div>
          <div class="panel panel-default">
            <div class="panel-heading">
              <h3 class="panel-title">跳转方式</h3>
            </div>
            <div class="panel-body">
              <div class="form-group">
                <select class="form-control" name="target" id="menuTarget">
                  <option value="_self">_self</option>
                  <option value="_blank">_blank</option>
                </select>
              </div>
            </div>
          </div>
          <div class="form-group">
            <input type="hidden" name="fla" value="JES">
            <input type="hidden" name="parentId" id="menuParentId" value="0">
          </div>
        </div>
      </form>
      <div class="modal-footer">
        <button type="button" id="createMenuBtn" onclick="createMenu()" class="btn btn-default">新建</button>
      </div>
    </div>
  </div>
</div>

<!---------------------------------------------编辑菜单----------------------------------------------->
<div class="modal fade" id="updateMenuModal" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-dialog modal-lg">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">×</span>
        </button>
        <h4 class="modal-title">修改
        </h4>
      </div>
      <form id="updateMenuForm" novalidate="novalidate" method="post">
        <div class="modal-body">
          <div class="panel panel-default">
            <div class="panel-heading">
              <h3 class="panel-title">菜单名</h3>
            </div>
            <div class="panel-body">
              <div class="form-group">
                <label class="control-label">英文</label>
                <input type="text" name="nameEn" id="updateMenuNameEn" autocomplete="off" class="form-control">
                <span class="nameEn"></span>
              </div>
              <div class="form-group">
                <label class="control-label">中文</label>
                <input type="text" name="nameZh" id="updateMenuNameZh" autocomplete="off" class="form-control">
                <span class="nameZh"></span>
              </div>
            </div>
          </div>
          <div class="panel panel-default">
            <div class="panel-heading">
              <h3 class="panel-title">URL</h3>
            </div>
            <div class="panel-body">
              <div class="form-group">
                <input type="text" name="url" id="updateMenuUrl" autocomplete="off" class="form-control">
              </div>
            </div>
          </div>
          <div class="panel panel-default">
            <div class="panel-heading">
              <h3 class="panel-title">排序</h3>
            </div>
            <div class="panel-body">
              <div class="form-group">
                <input type="number" class="form-control" name="sort" id="updateMenuSort" />
              </div>
            </div>
          </div>
          <div class="panel panel-default">
            <div class="panel-heading">
              <h3 class="panel-title">跳转方式</h3>
            </div>
            <div class="panel-body">
              <div class="form-group">
                <select class="form-control" name="target" id="updateMenuTarget">
                  <option value="_self">_self</option>
                  <option value="_blank">_blank</option>
                </select>
              </div>
            </div>
          </div>
          <div class="form-group">
            <input type="hidden" name="fla" value="JES">
            <input type="hidden" name="parentId" id="updateMenuParentId" value="0">
            <input type="hidden" name="id" id="updateMenuId" value="">
          </div>
        </div>
      </form>
      <div class="modal-footer">
        <button type="button" id="updateMenuBtn" onclick="updateMenuSubmit()" class="btn btn-default">修改</button>
      </div>
    </div>
  </div>
</div>

<script>
    $(function () {
      // 回车事件
      $('.navRight .search').keydown(function(e){
        let keyCode = e.keyCode
        if (keyCode === 13) {
          var jouranlId = 'cb0aaa6eaea44178ab0065affa119dfd';
          if ($("#searchInput").val() == '' && $("#searchInputH5").val() == '') {
            return;
          }
          window.location.href = "/search/search?jouranlId=" + jouranlId + "&searchType=commonSearch&pageCount=20&curpage=0&queryField_a=" + $("#searchInput").val();
        }
      })
  
      // 普通搜索(PC)
      $('#searchNormal').click(function () {
        var jouranlId = 'cb0aaa6eaea44178ab0065affa119dfd';
        if ($("#searchInput").val() == '') {
          return;
        }
        window.location.href = ctx + "/search/search?jouranlId=" + jouranlId + "&searchType=commonSearch&pageCount=20&curpage=0&queryField_a=" + $("#searchInput").val();
      });
  
      // 普通搜索(H5)
      $('#normalSearchH5').click(function () {
        var jouranlId = 'cb0aaa6eaea44178ab0065affa119dfd';
        if ($("#searchInputH5").val() == '') {
          return;
        }
        window.location.href = ctx + "/search/search?jouranlId=" + jouranlId + "&searchType=commonSearch&pageCount=20&curpage=0&queryField_a=" + $("#searchInputH5").val(); // window.location.href=ctxPath+"/search/search?jouranlId=中国科学: 技术科学&searchType=commonSearch&pageCount=20&curpage=0&queryField_a="+$("#searchInput").val();
      }); 
    })
  </script>
    <!-- 内容区 -->
<!-- SSI首页html最新版 -->
<link rel="stylesheet" href="/template/css/f6b93559715e43f3a93b245a7386cf0e_4.css">
<script type="text/javascript" charset="utf-8" src="/template/js/f6b93559715e43f3a93b245a7386cf0e_4.js"></script>
<script src="/static/upgrade/vue-2.5.20/vue.min.js"></script>
<script src="https://files.sciengine.com/template/html-to-text.js"
  type="text/javascript"></script>
<div class="container contentBox" id="journal-content">
    <input type="hidden" id="content_journalBaseId" value="cb0aaa6eaea44178ab0065affa119dfd" />
    <input type="hidden" id="language" value="zh_CN" />
    <div class="row">
      <div class="col-lg-9 col-md-9">
        <!-- 影响因子移动端 -->
<link rel="stylesheet" href="/template/css/f6b93559715e43f3a93b245a7386cf0e_-4.css">
  <div class="bannersBoxH5">
    <div class="bannerEditText">
      <p class="textBox" style="display: none;"><span>影响因子</span><span id="impactFactor"
          class="number "></span></p>
      <p class="textBox line" style="display: none;">|</p>
      <p class="textBox" style="display: none;"><span>近5年影响因子</span><span
          id="fiveImpactFactor" class="number "></span></p>
      <p class="textBox line" style="display: none;">|</p>
          <p class="textBox" style="display: none;"><span>引用分数</span><span id="citeScore"
              class="number "></span></p>
          <p class="textBox line" style="display: none;">|</p>
          <p class="textBox"><span>主编</span><span id="editorChiefName"
              class="number">王艳芬；王大洲</span></p>
    </div>
    <div class="bannerBtn">
        <div class="submitBtn bgC4">
          <a href="https://www.scicloudcenter.com/ES/login/index" target="_blank">
            <i class="fa fa-location-arrow" aria-hidden="true" style="color: white;float: left;"></i>
            <div class="submit" style="float: left;">投审稿入口</div>
          </a>
        </div>
          <div class="submitBtn bgC4" onclick="emailAlerts()">
            <i class="fa fa-bell" aria-hidden="true" style="color: white; float: left;"></i>
            <div class="submit" style="float: left;">订阅推送邮件</div>
          </div>
    </div>
  </div>        <!-- 模板1 -->
        <div class="module1Box">
          <div class="module1Tabs">
                <div>
                </div>
          </div>

          <div
            :class="[featureList!=null && featureList.length == 1 ? 'swiper-container-one swiper-no-swiping' : 'swiper-container swiper-no-swiping']">
            <div class="swiper-wrapper">
              <template v-if="featureList!=null && featureList.length > 0">
                <div class="swiper-slide" v-for="(dto,i) in featureList">
                  <input type="hidden" class="hide-fa-id" :value="dto.id">
                  <input type="hidden" class="hide-fa-link" :value="dto.link">
                  <div class="imgBox">
                    <img :src="'/img/new/'+dto.graphUrl" />
                  </div>
                  <div class="rightBox">
                    <div class="right">
                      <div class="title" :title="lang == 'zh_CN' ? dto.titleZh : dto.titleEn"
                        v-text="lang == 'zh_CN' ? dto.titleZh : dto.titleEn" onclick="jumpFeatureArticle()">
                      </div>
                      <div class="desc" v-text="lang == 'zh_CN' ? dto.authorZh : dto.authorEn">
                      </div>
                      <div class="depict" :title="lang == 'zh_CN' ? dto.abstractZh : dto.abstractEn">
                        <p v-text="lang == 'zh_CN' ? dto.abstractZh : dto.abstractEn"></p>
                        <span class="ellipsisIe" style="display: none;position: absolute;right: 0;
							  bottom: 0;background: linear-gradient(to right, transparent, #fff 0%);">...
                        </span>
                      </div>
                    </div>
                  </div>
                </div>
              </template>
            </div>
            <div class="swiper-pagination"></div>
          </div>
        </div>
        <!-- 模板2 -->
        <div class="module2Box">
          <div class="module2Tabs">
            <div>
              <div id="currentIssueTab" class="module2Tab active" tabfor="currentIssue">
                当前期</div>
                <div id="latestOnlineTab" class="module2Tab" tabfor="latestOnline">{{lang == 'en_US' ? 'Online First' :
                  '在线出版'}} </div>
                <div id="latestAccepdedTab" class="module2Tab" tabfor="latestAccepted">{{lang == 'en_US' ? 'Just Accepted' : '已接受'}} </div>
            </div>
            <div class="preNext" v-if="document.querySelectorAll('.module2Tab').length >= 2">
              <i class="fa fa-angle-left fa-2x" aria-hidden="true" style="color:gray;margin-right: 20px;"></i>
              <i class="fa fa-angle-right fa-2x" aria-hidden="true"></i>
            </div>
            <!-- <div class="more colorC1" onclick="module2Jump()">更多</div> -->
          </div>

          <div id="currentIssueContent" class="module2ContentBox forcurrentIssue" style="display: none;">
            <div v-if="currentIssueLoading === true">
              <i class="fa fa-spinner fa-spin" aria-hidden="true"></i>
            </div>
            <div v-else>
              <div class="content" v-for="(item,i) in currentIssue" :key="item.id">
                <div class="tag">
                  <template
                    v-if="item.articleTypeStr != null && item.articleTypeStr != undefined && item.articleTypeStr != ''">
                    <span @click="searchArticleType(item.articleTypeStr)" style="cursor: pointer;">{{
                      item.articleTypeStr }}</span>
                  </template>
                  <!-- <template v-if="(item.articleTypeStr != null && item.articleTypeStr != undefined && item.articleTypeStr != '' && item.createTimeStr != null && item.createTimeStr != undefined && item.createTimeStr != '') 
                  || (item.articleTypeStr != null && item.articleTypeStr != undefined && item.articleTypeStr != '' && item.resourceTypeStr != null && item.resourceTypeStr != undefined && item.resourceTypeStr != '')">
                    <b style="font-weight: normal;">|</b>
                  </template>
                  <template v-if="item.createTimeStr != null && item.createTimeStr != undefined && item.createTimeStr != ''">
                    <span>{{ item.createTimeStr }}</span>
                  </template> -->
                  <!-- <template v-if="item.articleTypeStr != null && item.articleTypeStr != undefined && item.articleTypeStr != '' && item.resourceTypeStr != null && item.resourceTypeStr != undefined && item.resourceTypeStr != ''">
                    <b style="font-weight: normal;">|</b>
                  </template>
                  <template v-if="item.resourceTypeStr != null && item.resourceTypeStr != undefined && item.resourceTypeStr != ''">
                    <span class="special">{{ item.resourceTypeStr }}</span>
                  </template> -->

                  <template v-if="item.articleRight!=null&& item.articleRight!=''&& item.articleRight!=undefined">
                    <b style="font-weight: normal;"
                      v-if="item.articleTypeStr != null && item.articleTypeStr != undefined && item.articleTypeStr != '' && item.articleRight != null && item.articleRight != undefined && item.articleRight != ''">|</b>

                    <span class="special" style="color: #AAAAAA;">
                      <div class="label-point-orange" v-if="item.articleRight.access && item.articleRight.code=='OA'">
                      </div>
                      <div class="label-point-green" v-if="item.articleRight.access && item.articleRight.code!='OA'">
                      </div>
                      <div class="label-point-gray " v-if="!item.articleRight.access"></div>
                      {{item.articleRight.displayResorceName}}
                    </span>
                  </template>
                  <template v-else>
                    <b style="font-weight: normal;"
                      v-if="item.articleTypeStr != null && item.articleTypeStr != undefined && item.articleTypeStr != '' &&item.resourceTypeStr != '' && item.resourceTypeStr!=null&& item.resourceTypeStr!=undefined">|</b>
                    <span class="special">{{item.resourceTypeStr}}</span>
                  </template>
                </div>
                <div class="title">
                  <a :href="ctxPath + '/doi/'+item.doi" target="_blank" :title="titleText(item.titleStr)"><span
                      v-html='item.titleStr'></span></a>
                </div>
                <div class="imgText">
                  <div class="imgBox" v-show="item.imgPath !=null && item.imgPath != ''">
                    <img :src="baseFiguresUrl+item.imgPath" @click="imgZoomModal(baseFiguresUrl+item.imgPath)" />
                  </div>
                  <div class="descBox"
                    :style="{width: (item.imgPath !=null && item.imgPath != '' ? 'calc(100% - 126px)' : '100%')}">
                    <div class="textBox">
                      <!-- <div class="desc">
                        {{ item.authorStr }}
                      </div> -->
                      <div class="authors" v-if="item.authorStr && item.authorStr.split(',').length > 1">
                        <div class="author">{{ item.authorStr.split(',')[0]}},</div>
                        <div class="popoverAuthor" data-html="true" data-placement="bottom" data-trigger="click"
                          :data-content="item.authorStr" @click="authorOpen($event)"
                          v-if="item.authorStr && item.authorStr.split(',').length > 2">
                          <div class="ellipsis"> […] </div>
                        </div>
                        <div class="author">{{ item.authorStr.split(',')[item.authorStr.split(',').length -1]}}</div>
                      </div>
                      <div class="authors" v-if="item.authorStr && item.authorStr.split(',').length === 1">
                        <div class="author">{{ item.authorStr.split(',')[0]}}</div>
                      </div>
                      <template v-if="item.articleTypeStr != '观点'">
                        <div class="depict" :title="item.introStr | filterTags">
                          <p v-html='item.introStr'></p>
                          <span class="ellipsisIe"
                            style="display: none;position: absolute;right: 0;bottom: 0;background: linear-gradient(to right, transparent, #fff 0%);">...</span>
                        </div>
                      </template>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
            <!-- 旧版优先出版数据, 未整合预出版 -->
            <!-- <div id="latestOnlineContent" class="module2ContentBox forlatestOnline" style="display: none;">
            <div v-if="onlineFirstLoading === true">
              <i class="fa fa-spinner fa-spin" aria-hidden="true"></i>
            </div>
            <div v-else>
              <div class="content" v-for="(item,i) in onlineFirst" :key="item.id">
                <div class="tag">
                  <template v-if="item.articleTypeStr != null && item.articleTypeStr != undefined && item.articleTypeStr != ''">
                    <span @click="searchArticleType(item.articleTypeStr)" style="cursor: pointer;">{{ item.articleTypeStr }}</span>
                  </template>
                  <template v-if="(item.articleTypeStr != null && item.articleTypeStr != undefined && item.articleTypeStr != '' && item.createTimeStr != null && item.createTimeStr != undefined && item.createTimeStr != '') 
                  || (item.articleTypeStr != null && item.articleTypeStr != undefined && item.articleTypeStr != '' && item.resourceTypeStr != null && item.resourceTypeStr != undefined && item.resourceTypeStr != '')">
                    <b style="font-weight: normal;">|</b>
                  </template>
                  <template v-if="item.createTimeStr != null && item.createTimeStr != undefined && item.createTimeStr != ''">
                    <span>{{ item.createTimeStr }}</span>
                  </template>
                  <template v-if="item.createTimeStr != null && item.createTimeStr != undefined && item.createTimeStr != '' && item.resourceTypeStr != null && item.resourceTypeStr != undefined && item.resourceTypeStr != ''">
                    <b style="font-weight: normal;">|</b>
                  </template>
                  <template v-if="item.resourceTypeStr != null && item.resourceTypeStr != undefined && item.resourceTypeStr != ''">
                    <span class="special">{{ item.resourceTypeStr }}</span>
                  </template>
                </div>
                <div class="title" :title='item.titleStr'>
                  <a :href="ctxPath + '/doi/'+item.doi" target="_blank"><span v-html='item.titleStr'></span></a>
                </div>
                <div class="imgText">
                  <div class="imgBox" v-show="item.imgPath !=null && item.imgPath != ''">
                    <img :src="baseFiguresUrl+item.imgPath"
                      onerror="this.src='/static-template/image/errorcover.png'" @click="imgZoomModal(baseFiguresUrl+item.imgPath)"/>
                  </div>
                  <div class="descBox" :style="{width: (item.imgPath !=null && item.imgPath != '' ? 'calc(100% - 126px)' : '100%')}">
                    <div class="textBox">
                      <div class="authors" v-if="item.authorStr && item.authorStr.split(',').length > 1">
                        <div class="author">{{ item.authorStr.split(',')[0]}},</div>
                        <div class="popoverAuthor" data-html="true" data-placement="bottom" data-trigger="click" :data-content="item.authorStr" @click="authorOpen($event)" v-if="item.authorStr && item.authorStr.split(',').length > 2">
                          <div class="ellipsis"> […] </div>
                        </div>
                        <div class="author">{{ item.authorStr.split(',')[item.authorStr.split(',').length -1]}}</div>
                      </div>
                      <div class="authors" v-if="item.authorStr && item.authorStr.split(',').length === 1">
                        <div class="author">{{ item.authorStr.split(',')[0]}}</div>
                      </div>
                      <template v-if="item.articleTypeStr != '观点'">
                        <div class="depict" :title="item.introStr | filterTags">
                            <p v-html='item.introStr'></p>
                            <span class="ellipsisIe" style="display: none;position: absolute;right: 0;bottom: 0;background: linear-gradient(to right, transparent, #fff 0%);">...</span>
                        </div>
                      </template>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div> -->

            <div id="latestOnlineContent" class="module2ContentBox forlatestOnline" style="display: none;">
              <div v-if="onlineFirstLoading === true">
                <i class="fa fa-spinner fa-spin" aria-hidden="true"></i>
              </div>
              <div v-else>
                <div class="content" v-for="(item,i) in onlineFirst" :key="item.id">
                  <div class="tag">
                    <template v-if="item.advancePub!=null&&item.advancePub!=null">
                      <span class="tagContent" v-if="item.advancePub.includes('accepted')"
                        style="color: #B94685;cursor: text">已接受</span>
                      <span class="tagContent" v-if="item.advancePub.includes('online_first')"
                        style="color: #B94685;cursor: text">在线出版</span>
                      <span class="tagContent" v-if="item.advancePub.includes('CorrectedProof')"
                        style="color: #B94685;cursor: text">已校对</span>
                      <span class="tagContent" v-if="item.advancePub.includes('UncorrectedProof')"
                        style="color: #B94685;cursor: text">未校对</span>
                      <!-- <span class="tagLine"> | </span> -->
                      <b style="font-weight: normal;">|</b>
                    </template>
                    <template v-if="lang == 'zh_CN'">
                      <template
                        v-if="item.articleType_cn != null && item.articleType_cn != undefined && item.articleType_cn != ''">
                        <span @click="searchArticleType(item.articleType_cn)" style="cursor: pointer;">{{
                          item.articleType_cn }}</span>
                      </template>
                      <template
                        v-if="(item.articleType_cn != null && item.articleType_cn != undefined && item.articleType_cn != '' && item.creatTimeStr != null && item.creatTimeStr != undefined && item.creatTimeStr != '') 
                    || (item.articleType_cn != null && item.articleType_cn != undefined && item.articleType_cn != '' && item.resourceTypeStr != null && item.resourceTypeStr != undefined && item.resourceTypeStr != '')">
                        <b style="font-weight: normal;">|</b>
                      </template>
                      <template
                        v-if="item.creatTimeStr != null && item.creatTimeStr != undefined && item.creatTimeStr != ''">
                        <span>{{ item.creatTimeStr }}</span>
                      </template>
                      <!-- <template v-if="item.creatTimeStr != null && item.creatTimeStr != undefined && item.creatTimeStr != '' && item.resourceTypeStr != null && item.resourceTypeStr != undefined && item.resourceTypeStr != ''">
                        <b style="font-weight: normal;">|</b>
                    </template>
                    <template v-if="item.resourceTypeStr != null && item.resourceTypeStr != undefined && item.resourceTypeStr != ''">
                        <span class="special">{{ item.resourceTypeStr }}</span>
                    </template> -->
                      <template v-if="item.articleRight!=null&& item.articleRight!=''&& item.articleRight!=undefined">
                        <b style="font-weight: normal;"
                          v-if="item.creatTimeStr != null && item.creatTimeStr != undefined && item.creatTimeStr != '' && item.articleRight != null && item.articleRight != undefined && item.articleRight != ''">|</b>
                        <span class="  special" style="color: #AAAAAA;">
                          <div class="label-point-orange"
                            v-if="item.articleRight.access && item.articleRight.code=='OA'"></div>
                          <div class="label-point-green"
                            v-if="item.articleRight.access && item.articleRight.code!='OA'"></div>
                          <div class="label-point-gray " v-if="!item.articleRight.access"></div>
                          {{item.articleRight.displayResorceName}}
                        </span>
                      </template>
                      <template v-else>
                        <template
                          v-if="item.resourceTypeStr!=null&&item.resourceTypeStr!=''&& item.resourceTypeStr!=undefined">
                          <b style="font-weight: normal;"
                            v-if="item.creatTimeStr != null && item.creatTimeStr != undefined && item.creatTimeStr != '' && item.resourceTypeStr != null && item.resourceTypeStr != undefined && item.resourceTypeStr != ''">|</b>
                          <span class="special" v-text="item.resourceTypeStr"></span>
                        </template>
                      </template>



                    </template>

                    <template v-if="lang == 'en_US'">
                      <template
                        v-if="item.articleType_en != null && item.articleType_en != undefined && item.articleType_en != ''">
                        <span @click="searchArticleType(item.articleType_en)" style="cursor: pointer;">{{
                          item.articleType_en }}</span>
                      </template>
                      <template
                        v-if="(item.articleType_en != null && item.articleType_en != undefined && item.articleType_en != '' && item.creatTimeStr != null && item.creatTimeStr != undefined && item.creatTimeStr != '') 
                    || (item.articleType_en != null && item.articleType_en != undefined && item.articleType_en != '' && item.resourceTypeStr != null && item.resourceTypeStr != undefined && item.resourceTypeStr != '')">
                        <b style="font-weight: normal;">|</b>
                      </template>
                      <template
                        v-if="item.creatTimeStr != null && item.creatTimeStr != undefined && item.creatTimeStr != ''">
                        <span>{{ item.creatTimeStr }}</span>
                      </template>

                      <!-- <template v-if="item.creatTimeStr != null && item.creatTimeStr != undefined && item.creatTimeStr != '' && item.resourceTypeStr != null && item.resourceTypeStr != undefined && item.resourceTypeStr != ''">
                        <b style="font-weight: normal;">|</b>
                    </template>
                    <template v-if="item.resourceTypeStr != null && item.resourceTypeStr != undefined && item.resourceTypeStr != ''">
                        <span class="special">{{ item.resourceTypeStr }}</span>
                    </template> -->

                      <template v-if="item.articleRight!=null&& item.articleRight!=''&& item.articleRight!=undefined">
                        <b style="font-weight: normal;"
                          v-if="item.creatTimeStr != null && item.creatTimeStr != undefined && item.creatTimeStr != '' && item.articleRight != null && item.articleRight != undefined && item.articleRight != ''">|</b>
                        <span class="  special" style="color: #AAAAAA;">
                          <div class="label-point-orange"
                            v-if="item.articleRight.access && item.articleRight.code=='OA'"></div>
                          <div class="label-point-green"
                            v-if="item.articleRight.access && item.articleRight.code!='OA'"></div>
                          <div class="label-point-gray " v-if="!item.articleRight.access"></div>
                          {{item.articleRight.displayResorceName}}
                        </span>
                      </template>
                      <template v-else>
                        <template
                          v-if="item.resourceTypeStr!=null&&item.resourceTypeStr!=''&& item.resourceTypeStr!=undefined">
                          <b style="font-weight: normal;"
                            v-if="item.creatTimeStr != null && item.creatTimeStr != undefined && item.creatTimeStr != '' && item.resourceTypeStr != null && item.resourceTypeStr != undefined && item.resourceTypeStr != ''">|</b>
                          <span class="special" v-text="item.resourceTypeStr"></span>
                        </template>
                      </template>
                    </template>
                  </div>
                  <div class="title">
                    <a :href="ctxPath + '/doi/'+item.doi" target="_blank" :title="titleText(item.title)"><span
                        v-html='item.title'></span></a>
                  </div>
                  <div class="imgText">
                    <div class="imgBox" v-show="item.imgPath !=null && item.imgPath != ''">
                      <img :src="baseFiguresUrl+item.imgPath"
                        onerror="this.src='/static-template/image/errorcover.png'"
                        @click="imgZoomModal(baseFiguresUrl+item.imgPath)" />
                    </div>
                    <div class="descBox"
                      :style="{width: (item.imgPath !=null && item.imgPath != '' ? 'calc(100% - 126px)' : '100%')}">
                      <div class="textBox">
                        <template v-if="lang == 'zh_CN'">
                          <div class="authors" v-if="item.fullname_cn && item.fullname_cn.length > 1">
                            <div class="author">{{ item.fullname_cn[0]}},</div>
                            <div class="popoverAuthor" data-html="true" data-placement="bottom" data-trigger="click"
                              :data-content="item.fullname_cn | latestAuthorFilter" @click="authorOpen($event)"
                              v-if="item.fullname_cn && item.fullname_cn.length > 2">
                              <div class="ellipsis"> […] </div>
                            </div>
                            <div class="author">{{ item.fullname_cn[item.fullname_cn.length -1]}}</div>
                          </div>
                          <div class="authors" v-if="item.fullname_cn && item.fullname_cn.length === 1">
                            <div class="author">{{ item.fullname_cn[0]}}</div>
                          </div>
                          <template v-if="item.articleType_cn != '观点'">
                            <div class="depict" :title="item.intro_cn | filterTags">
                              <p v-html='item.intro_cn'></p>
                              <span class="ellipsisIe"
                                style="display: none;position: absolute;right: 0;bottom: 0;background: linear-gradient(to right, transparent, #fff 0%);">...</span>
                            </div>
                          </template>
                        </template>
                        <template v-if="lang == 'en_US'">
                          <div class="authors" v-if="item.fullname_en && item.fullname_en.length > 1">
                            <div class="author">{{ item.fullname_en[0] }},</div>
                            <div class="popoverAuthor" data-html="true" data-placement="bottom" data-trigger="click"
                              :data-content="item.fullname_en | latestAuthorFilter" @click="authorOpen($event)"
                              v-if="item.fullname_en && item.fullname_en.length > 2">
                              <div class="ellipsis"> […] </div>
                            </div>
                            <div class="author">{{ item.fullname_en[item.fullname_en.length -1]}}</div>
                          </div>
                          <div class="authors" v-if="item.fullname_en && item.fullname_en.length === 1">
                            <div class="author">{{ item.fullname_en[0]}}</div>
                          </div>
                          <template v-if="item.articleType_en != '观点'">
                            <div class="depict" :title="item.intro_en | filterTags">
                              <p v-html='item.intro_en'></p>
                              <span class="ellipsisIe"
                                style="display: none;position: absolute;right: 0;bottom: 0;background: linear-gradient(to right, transparent, #fff 0%);">...</span>
                            </div>
                          </template>
                        </template>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <div id="latestAcceptedContent" class="module2ContentBox forlatestAccepted" style="display: none;">
              <div v-if="justAcceptedLoading === true">
                <i class="fa fa-spinner fa-spin" aria-hidden="true"></i>
              </div>
              <div v-else>
                <div class="content" v-for="(item,i) in justAccepted" :key="item.id">
                  <div class="tag">
                    <template v-if="item.advancePub!=null&&item.advancePub!=null">
                      <span v-if="item.advancePub.includes('accepted')"
                        style="color: #B94685;cursor: text">已接受</span>
                      <span v-if="item.advancePub.includes('online_first')"
                        style="color: #B94685;cursor: text">在线出版</span>
                      <span v-if="item.advancePub.includes('CorrectedProof')"
                        style="color: #B94685;cursor: text">已校对</span>
                      <span v-if="item.advancePub.includes('UncorrectedProof')"
                        style="color: #B94685;cursor: text">未校对</span>
                      <b style="font-weight: normal;">|</b>
                    </template>
                    <template v-if="lang == 'zh_CN'">
                      <template
                        v-if="item.articleType_cn != null && item.articleType_cn != undefined && item.articleType_cn != ''">
                        <span @click="searchArticleType(item.articleType_cn)" style="cursor: pointer;">{{
                          item.articleType_cn }}</span>
                      </template>
                      <template
                        v-if="(item.articleType_cn != null && item.articleType_cn != undefined && item.articleType_cn != '' && item.creatTimeStr != null && item.creatTimeStr != undefined && item.creatTimeStr != '') 
                          || (item.articleType_cn != null && item.articleType_cn != undefined && item.articleType_cn != '' && item.resourceTypeStr != null && item.resourceTypeStr != undefined && item.resourceTypeStr != '')">
                        <b style="font-weight: normal;">|</b>
                      </template>
                      <template
                        v-if="item.creatTimeStr != null && item.creatTimeStr != undefined && item.creatTimeStr != ''">
                        <span>{{ item.creatTimeStr }}</span>
                      </template>
                      <!-- <template v-if="item.creatTimeStr != null && item.creatTimeStr != undefined && item.creatTimeStr != '' && item.resourceTypeStr != null && item.resourceTypeStr != undefined && item.resourceTypeStr != ''">
                              <b style="font-weight: normal;">|</b>
                          </template>
                          <template v-if="item.resourceTypeStr != null && item.resourceTypeStr != undefined && item.resourceTypeStr != ''">
                              <span class="special">{{ item.resourceTypeStr }}</span>
                          </template> -->
                      <template v-if="item.articleRight!=null&& item.articleRight!=''&& item.articleRight!=undefined">
                        <b style="font-weight: normal;"
                          v-if="item.creatTimeStr != null && item.creatTimeStr != undefined && item.creatTimeStr != '' && item.articleRight != null && item.articleRight != undefined && item.articleRight != ''">|</b>
                        <span class="  special" style="color: #AAAAAA;">
                          <div class="label-point-orange"
                            v-if="item.articleRight.access && item.articleRight.code=='OA'"></div>
                          <div class="label-point-green"
                            v-if="item.articleRight.access && item.articleRight.code!='OA'"></div>
                          <div class="label-point-gray " v-if="!item.articleRight.access"></div>
                          {{item.articleRight.displayResorceName}}
                        </span>
                      </template>
                      <template v-else>
                        <template
                          v-if="item.resourceTypeStr!=null&&item.resourceTypeStr!=''&& item.resourceTypeStr!=undefined">
                          <b style="font-weight: normal;"
                            v-if="item.creatTimeStr != null && item.creatTimeStr != undefined && item.creatTimeStr != '' && item.resourceTypeStr != null && item.resourceTypeStr != undefined && item.resourceTypeStr != ''">|</b>
                          <span class="special" v-text="item.resourceTypeStr"></span>
                        </template>
                      </template>


                    </template>





                    </template>
                    <template v-if="lang == 'en_US'">
                      <template
                        v-if="item.articleType_en != null && item.articleType_en != undefined && item.articleType_en != ''">
                        <span @click="searchArticleType(item.articleType_en)" style="cursor: pointer;">{{
                          item.articleType_en }}</span>
                      </template>
                      <template
                        v-if="(item.articleType_en != null && item.articleType_en != undefined && item.articleType_en != '' && item.creatTimeStr != null && item.creatTimeStr != undefined && item.creatTimeStr != '') 
                          || (item.articleType_en != null && item.articleType_en != undefined && item.articleType_en != '' && item.resourceTypeStr != null && item.resourceTypeStr != undefined && item.resourceTypeStr != '')">
                        <b style="font-weight: normal;">|</b>
                      </template>
                      <template
                        v-if="item.creatTimeStr != null && item.creatTimeStr != undefined && item.creatTimeStr != ''">
                        <span>{{ item.creatTimeStr }}</span>
                      </template>
                      <!-- <template v-if="item.creatTimeStr != null && item.creatTimeStr != undefined && item.creatTimeStr != '' && item.resourceTypeStr != null && item.resourceTypeStr != undefined && item.resourceTypeStr != ''">
                              <b style="font-weight: normal;">|</b>
                          </template>
                          <template v-if="item.resourceTypeStr != null && item.resourceTypeStr != undefined && item.resourceTypeStr != ''">
                              <span class="special">{{ item.resourceTypeStr }}</span>
                          </template> -->

                      <template v-if="item.articleRight!=null&& item.articleRight!=''&& item.articleRight!=undefined">
                        <b style="font-weight: normal;"
                          v-if="item.creatTimeStr != null && item.creatTimeStr != undefined && item.creatTimeStr != '' && item.articleRight != null && item.articleRight != undefined && item.articleRight != ''">|</b>
                        <span class="  special" style="color: #AAAAAA;">
                          <div class="label-point-orange"
                            v-if="item.articleRight.access && item.articleRight.code=='OA'"></div>
                          <div class="label-point-green"
                            v-if="item.articleRight.access && item.articleRight.code!='OA'"></div>
                          <div class="label-point-gray " v-if="!item.articleRight.access"></div>
                          {{item.articleRight.displayResorceName}}
                        </span>
                      </template>
                      <template v-else>
                        <template
                          v-if="item.resourceTypeStr!=null&&item.resourceTypeStr!=''&& item.resourceTypeStr!=undefined">
                          <b style="font-weight: normal;"
                            v-if="item.creatTimeStr != null && item.creatTimeStr != undefined && item.creatTimeStr != '' && item.resourceTypeStr != null && item.resourceTypeStr != undefined && item.resourceTypeStr != ''">|</b>
                          <span class="special" v-text="item.resourceTypeStr"></span>
                        </template>
                      </template>


                    </template>
                    </template>
                  </div>
                  <div class="title">
                    <a :href="ctxPath + '/doi/'+item.doi" target="_blank" :title="titleText(item.title)"><span
                        v-html='item.title'></span></a>
                  </div>
                  <div class="imgText">
                    <div class="imgBox" v-show="item.imgPath !=null && item.imgPath != ''">
                      <img :src="baseFiguresUrl+item.imgPath"
                        onerror="this.src='/static-template/image/errorcover.png'"
                        @click="imgZoomModal(baseFiguresUrl+item.imgPath)" />
                    </div>
                    <div class="descBox"
                      :style="{width: (item.imgPath !=null && item.imgPath != '' ? 'calc(100% - 126px)' : '100%')}">
                      <div class="textBox">
                        <!-- <div class="desc">
                          {{ item.authorStr }}
                        </div> -->
                        <template v-if="lang == 'zh_CN'">
                          <div class="authors" v-if="item.fullname_cn && item.fullname_cn.length > 1">
                            <div class="author">{{ item.fullname_cn[0]}},</div>
                            <div class="popoverAuthor" data-html="true" data-placement="bottom" data-trigger="click"
                              :data-content="item.fullname_cn | latestAuthorFilter" @click="authorOpen($event)"
                              v-if="item.fullname_cn && item.fullname_cn.length > 2">
                              <div class="ellipsis"> […] </div>
                            </div>
                            <div class="author">{{ item.fullname_cn[item.fullname_cn.length -1]}}</div>
                          </div>
                          <div class="authors" v-if="item.fullname_cn && item.fullname_cn.length === 1">
                            <div class="author">{{ item.fullname_cn[0]}}</div>
                          </div>
                          <template v-if="item.articleType_cn != '观点'">
                            <div class="depict" :title="item.intro_cn | filterTags">
                              <p v-html='item.intro_cn'></p>
                              <span class="ellipsisIe"
                                style="display: none;position: absolute;right: 0;bottom: 0;background: linear-gradient(to right, transparent, #fff 0%);">...</span>
                            </div>
                          </template>
                        </template>
                        <template v-if="lang == 'en_US'">
                          <div class="authors" v-if="item.fullname_en && item.fullname_en.length > 1">
                            <div class="author">{{ item.fullname_en[0] }},</div>
                            <div class="popoverAuthor" data-html="true" data-placement="bottom" data-trigger="click"
                              :data-content="item.fullname_en | latestAuthorFilter" @click="authorOpen($event)"
                              v-if="item.fullname_en && item.fullname_en.length > 2">
                              <div class="ellipsis"> […] </div>
                            </div>
                            <div class="author">{{ item.fullname_en[item.fullname_en.length -1]}}</div>
                          </div>
                          <div class="authors" v-if="item.fullname_en && item.fullname_en.length === 1">
                            <div class="author">{{ item.fullname_en[0]}}</div>
                          </div>
                          <template v-if="item.articleType_en != '观点'">
                            <div class="depict" :title="item.intro_en | filterTags">
                              <p v-html='item.intro_en'></p>
                              <span class="ellipsisIe"
                                style="display: none;position: absolute;right: 0;bottom: 0;background: linear-gradient(to right, transparent, #fff 0%);">...</span>
                            </div>
                          </template>
                        </template>


                        <!-- <div class="authors" v-if="item.authorStr.split(',').length > 1">
                          <div class="author">{{ item.authorStr.split(',')[0]}},</div>
                          <div class="popoverAuthor" data-html="true" data-placement="bottom" data-trigger="click" :data-content="item.authorStr" @click="authorOpen($event)">
                            <div class="ellipsis"> […] </div>
                          </div>
                          <div class="author">{{ item.authorStr.split(',')[item.authorStr.split(',').length -1]}}</div>
                        </div>
                        <div class="authors" v-if="item.authorStr.split(',').length === 1">
                          <div class="author">{{ item.authorStr.split(',')[0]}}</div>
                        </div>
                        <div class="depict" :title="item.introStr">
                          <p v-html='item.introStr'></p>
                        </div>
                        <span class="ellipsisIe" style="display: none;position: absolute;right: 0;
                          bottom: 0;background: linear-gradient(to right, transparent, #fff 0%);">...</span> -->
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>



              <div class="moreBox" onclick="module2Jump()">
                <div class="more colorC1">更多</div>
              </div>
        </div>

        <!-- 模板3 -->
        <div class="module3Box">
          <div class="module3Tabs">
            <div>
              <div class="module3Tab active" tabfor="mostRead" id="module3TabMostRead">热读文章
              </div>
              <div class="module3Tab" tabfor="mostCited" id="module3TabMostCited">最多引用
              </div>
              <div class="module3Tab" tabfor="editorRecommend"
                v-if="isManager || (editorRecommendList!=null && editorRecommendList.length>0)">
                编辑推荐</div>
            </div>
            <div class="preNext" v-if="document.querySelectorAll('.module3Tab').length >= 2">
              <i class="fa fa-angle-left fa-2x" aria-hidden="true" style="color:gray;margin-right: 20px;"></i>
              <i class="fa fa-angle-right fa-2x" aria-hidden="true"></i>
            </div>
          </div>
          <div class="module3ContentBox formostRead" style="display: none;">
            <div v-if="mostReadLoading === true">
              <i class="fa fa-spinner fa-spin" aria-hidden="true"></i>
            </div>
            <div v-else>
              <div class="module3Content" v-for="(item,i) in mostReadList.slice(0, 5)" :key="item.id">
                <div class="tag">
                  <template v-if="item.advancePub!=null&&item.advancePub!=''&&item.advancePub != undefined">
                    <span v-if="item.advancePub.includes('accepted')" style="color: #B94685;cursor: text">
                      已接受</span>
                    <span v-if="item.advancePub.includes('online_first')" style="color: #B94685;cursor: text">
                      在线出版</span>
                    <span v-if="item.advancePub.includes('CorrectedProof')" style="color: #B94685;cursor: text">
                      已校对</span>
                    <span v-if="item.advancePub.includes('UncorrectedProof')" style="color: #B94685;cursor: text">
                      未校对</span>
                    <b style="font-weight: normal;" v-if="!item.advancePub.includes('normal')"> | </b>
                  </template>
                  <template
                    v-if="item.articleTypeStr != null && item.articleTypeStr != undefined && item.articleTypeStr != ''">
                    <span @click="searchArticleType(item.articleTypeStr)" style="cursor: pointer;">{{
                      item.articleTypeStr }}</span>
                    <b style="font-weight: normal;">|</b>
                  </template>
                  <template v-if="lang == 'zh_CN'">
                    <template v-if="item.theme_cn">
                      <span v-text="item.theme_cn[0]" @click="jumpTheme(item)" style="cursor: pointer;"></span>
                      <b style="font-weight: normal;">|</b>
                    </template>
                  </template>
                  <template v-if="lang=='en_US'">
                    <template v-if="item.theme_en">
                      <span v-text="item.theme_en[0]" @click="jumpTheme(item)" style="cursor: pointer;"></span>
                      <b style="font-weight: normal;">|</b>
                    </template>
                  </template>
                  <template v-if="item.pubDateStr!=null&&item.pubDateStr!=''&&item.pubDateStr!=undefined">
                    <span v-text="item.pubDateStr"></span>
                    <b style="font-weight: normal;">|</b>
                  </template>
                  <template
                    v-if="item.articleRight != null && item.articleRight != undefined && item.articleRight != ''">
                    <span class="special" style="color: #AAAAAA;">
                      <div class="label-point-orange" v-if="item.articleRight.access && item.articleRight.code=='OA'">
                      </div>
                      <div class="label-point-green" v-if="item.articleRight.access && item.articleRight.code!='OA'">
                      </div>
                      <div class="label-point-gray " v-if="!item.articleRight.access"></div>
                      {{item.articleRight.displayResorceName}}
                    </span>
                  </template>
                  <template v-else>
                    <span v-text="item.resourceTypeStr" class="special"></span>
                  </template>
                  <!-- <template v-if="(item.articleTypeStr != null && item.articleTypeStr != undefined && item.articleTypeStr != '' && item.createTimeStr != null && item.createTimeStr != undefined && item.createTimeStr != '') 
                  || (item.articleTypeStr != null && item.articleTypeStr != undefined && item.articleTypeStr != '' && item.resourceTypeStr != null && item.resourceTypeStr != undefined && item.resourceTypeStr != '')">
                    <b style="font-weight: normal;">|</b>
                  </template>
                  <template v-if="item.resourceTypeStr != null && item.resourceTypeStr != undefined && item.resourceTypeStr != ''">
                    <span class="special">{{ item.resourceTypeStr }}</span>
                  </template> -->

                </div>
                <div class="title"><a :href="ctxPath + '/doi/'+item.doi" target="_blank" v-html="item.title"
                    :title="titleText(item.title)"></a></div>
                <div class="authors" v-if="item.authorStr && item.authorStr.split(',').length > 1">
                  <div class="author">{{ item.authorStr.split(',')[0]}},</div>
                  <div class="popoverAuthor" data-html="true" data-placement="bottom" data-trigger="click"
                    :data-content="item.authorStr" @click="authorOpen($event)"
                    v-if="item.authorStr && item.authorStr.split(',').length > 2">
                    <div class="ellipsis"> […] </div>
                  </div>
                  <div class="author">{{ item.authorStr.split(',')[item.authorStr.split(',').length -1]}}</div>
                </div>
                <div class="authors" v-if="item.authorStr && item.authorStr.split(',').length === 1">
                  <div class="author">{{ item.authorStr.split(',')[0]}}</div>
                </div>
                <template v-if="item.articleTypeStr != '观点'">
                  <div class="detailedDesc">
                    <span v-html="item.intro" :title="item.intro | filterTags"></span>
                    <span class="ellipsisIe"
                      style="display: none;position: absolute;right: 0;bottom: 0;background: linear-gradient(to right, transparent, #fff 0%);">...</span>
                    <!-- 工程研究&mdash;跨学科视野中的工程 
                    <span v-if="item.volumeCode != null && item.volumeCode != ''">
                        Volume {{ item.volumeCode }} 
                    </span>
                    <span v-if="item.issueCode != null && item.issueCode != ''">
                        Issue {{ item.issueCode }} 
                    </span>
                    <span v-if="item.elocationid != null && item.elocationid != ''">
                        {{ item.elocationid }}
                    </span>
                    <span v-if="item.epage != null && item.epage != ''">
                        - {{ item.epage }}
                    </span>
                    <span v-if="item.pubYear != null && item.pubYear != ''">
                         ({{ item.pubYear }})
                    </span> -->
                  </div>
                </template>
              </div>

            </div>

            <div v-if="mostReadList !=null && mostReadList.length > 0" class="moreBox" onclick="module3Jump()">
              <div class="more colorC1">更多</div>
            </div>
          </div>

          <div class="module3ContentBox formostCited" style="display: none;">
            <div v-if="mostCitedLoading === true">
              <i class="fa fa-spinner fa-spin" aria-hidden="true"></i>
            </div>
            <div v-else>
              <div class="module3Content" v-for="(item,i) in mostCitedList.slice(0, 5)" :key="item.id">
                <div class="tag">
                  <template v-if="item.advancePub!=null&&item.advancePub!=''&&item.advancePub != undefined">
                    <span v-if="item.advancePub.includes('accepted')" style="color: #B94685;cursor: text">
                      已接受</span>
                    <span v-if="item.advancePub.includes('online_first')" style="color: #B94685;cursor: text">
                      在线出版</span>
                    <span v-if="item.advancePub.includes('CorrectedProof')" style="color: #B94685;cursor: text">
                      已校对</span>
                    <span v-if="item.advancePub.includes('UncorrectedProof')" style="color: #B94685;cursor: text">
                      未校对</span>
                    <b style="font-weight: normal;" v-if="!item.advancePub.includes('normal')"> | </b>
                  </template>
                  <template
                    v-if="item.articleTypeStr != null && item.articleTypeStr != undefined && item.articleTypeStr != ''">
                    <span @click="searchArticleType(item.articleTypeStr)" style="cursor: pointer;">{{
                      item.articleTypeStr }}</span>
                    <b style="font-weight: normal;">|</b>
                  </template>
                  <template v-if="lang == 'zh_CN'">
                    <template v-if="item.themeZh">
                      <span v-text="item.themeZh" @click="jumpTheme(item)" style="cursor: pointer;"></span>
                      <b style="font-weight: normal;">|</b>
                    </template>
                  </template>
                  <template v-if="lang=='en_US'">
                    <template v-if="item.themeEn">
                      <span v-text="item.themeEn" @click="jumpTheme(item)" style="cursor: pointer;"></span>
                      <b style="font-weight: normal;">|</b>
                    </template>
                  </template>
                  <template v-if="item.pubDateStr!=null&&item.pubDateStr!=''&&item.pubDateStr!=undefined">
                    <span v-text="item.pubDateStr"></span>
                    <b style="font-weight: normal;">|</b>
                  </template>
                  <template
                    v-if="item.articleRight != null && item.articleRight != undefined && item.articleRight != ''">
                    <span class="special" style="color: #AAAAAA;">
                      <div class="label-point-orange" v-if="item.articleRight.access && item.articleRight.code=='OA'">
                      </div>
                      <div class="label-point-green" v-if="item.articleRight.access && item.articleRight.code!='OA'">
                      </div>
                      <div class="label-point-gray " v-if="!item.articleRight.access"></div>
                      {{item.articleRight.displayResorceName}}
                    </span>
                  </template>
                  <template v-else>
                    <span v-text="item.resourceTypeStr" class="special"></span>
                  </template>
                </div>
                <div class="title"><a :href="ctxPath + '/doi/'+item.doi" target="_blank" v-html="item.title"
                    :title="titleText(item.title)"></a></div>
                <!-- <div class="desc" :title="item.authorStr">{{ item.authorStr }}</div> -->
                <div class="authors" v-if="item.authorStr && item.authorStr.split(',').length > 1">
                  <div class="author">{{ item.authorStr.split(',')[0]}},</div>
                  <div class="popoverAuthor" data-html="true" data-placement="bottom" data-trigger="click"
                    :data-content="item.authorStr" @click="authorOpen($event)"
                    v-if="item.authorStr && item.authorStr.split(',').length > 2">
                    <div class="ellipsis"> […] </div>
                  </div>
                  <div class="author">{{ item.authorStr.split(',')[item.authorStr.split(',').length -1]}}</div>
                </div>
                <div class="authors" v-if="item.authorStr && item.authorStr.split(',').length === 1">
                  <div class="author">{{ item.authorStr.split(',')[0]}}</div>
                </div>
                <template v-if="item.articleTypeStr != '观点'">
                  <div class="detailedDesc">
                    <span v-html="item.intro" :title="item.intro | filterTags"></span>
                    <span class="ellipsisIe"
                      style="display: none;position: absolute;right: 0;bottom: 0;background: linear-gradient(to right, transparent, #fff 0%);">...</span>
                    <!-- 工程研究&mdash;跨学科视野中的工程 
                    <span v-if="item.volumeCode != null && item.volumeCode != ''">
                        Volume {{ item.volumeCode }} 
                    </span>
                    <span v-if="item.issueCode != null && item.issueCode != ''">
                        Issue {{ item.issueCode }} 
                    </span>
                    <span v-if="item.elocationid != null && item.elocationid != ''">
                        {{ item.elocationid }}
                    </span>
                    <span v-if="item.epage != null && item.epage != ''">
                        - {{ item.epage }}
                    </span>
                    <span v-if="item.pubYear != null && item.pubYear != ''">
                         ({{ item.pubYear }})
                    </span> -->
                  </div>
                </template>
              </div>
            </div>
            <div v-if="mostCitedList !=null && mostCitedList.length > 0" class="moreBox" onclick="module3Jump()">
              <div class="more colorC1">更多</div>
            </div>
          </div>

          <div class="module3ContentBox foreditorRecommend" style="display: none;">
                <div v-if="editorRecommendLoading === true">
                  <i class="fa fa-spinner fa-spin" aria-hidden="true"></i>
                </div>
                <div v-else>
                  <div class="module3Content" v-for="(item,i) in editorRecommendList" :key="item.id">
                    <div class="tag">
                      <template
                        v-if="item.articleTypeStr != null && item.articleTypeStr != undefined && item.articleTypeStr != ''">
                        <span @click="searchArticleType(item.articleTypeStr)" style="cursor: pointer;">{{
                          item.articleTypeStr }}</span>
                      </template>
                      <template
                        v-if="item.articleRight != null && item.articleRight != undefined && item.articleRight != ''">
                        <b style="font-weight: normal;"
                          v-if="(item.articleRight != null && item.articleRight != undefined && item.articleRight != '') &&(item.articleTypeStr != null && item.articleTypeStr != undefined && item.articleTypeStr != '') ">|</b>
                        <span class="special" style="color: #AAAAAA;">
                          <div class="label-point-orange"
                            v-if="item.articleRight.access && item.articleRight.code=='OA'"></div>
                          <div class="label-point-green"
                            v-if="item.articleRight.access && item.articleRight.code!='OA'"></div>
                          <div class="label-point-gray " v-if="!item.articleRight.access"></div>
                          {{item.articleRight.displayResorceName}}
                        </span>
                      </template>
                      <template v-else>
                        <b style="font-weight: normal;"
                          v-if="(item.resourceTypeStr != null && item.resourceTypeStr != undefined && item.resourceTypeStr != '') &&(item.articleTypeStr != null && item.articleTypeStr != undefined && item.articleTypeStr != '') ">|</b>
                        <span v-text="item.resourceTypeStr" class="special"></span>
                      </template>
                    </div>
                    <div class="title"><a :href="ctxPath + '/doi/'+item.doi" target="_blank" v-html="item.title"
                        :title="titleText(item.title)"></a></div>
                    <!-- <div class="desc" :title="item.authorStr">{{ item.authorStr }}</div> -->
                    <div class="authors" v-if="item.authorStr && item.authorStr.split(',').length > 1">
                      <div class="author">{{ item.authorStr.split(',')[0]}},</div>
                      <div class="popoverAuthor" data-html="true" data-placement="bottom" data-trigger="click"
                        :data-content="item.authorStr" @click="authorOpen($event)"
                        v-if="item.authorStr && item.authorStr.split(',').length > 2">
                        <div class="ellipsis"> […] </div>
                      </div>
                      <div class="author">{{ item.authorStr.split(',')[item.authorStr.split(',').length -1]}}</div>
                    </div>
                    <div class="authors" v-if="item.authorStr && item.authorStr.split(',').length === 1">
                      <div class="author">{{ item.authorStr.split(',')[0]}}</div>
                    </div>
                    <template v-if="item.articleTypeStr != '观点'">
                      <div class="detailedDesc">
                        <span v-html="item.intro" :title="item.intro | filterTags"></span>
                        <span class="ellipsisIe"
                          style="display: none;position: absolute;right: 0;bottom: 0;background: linear-gradient(to right, transparent, #fff 0%);">...</span>
                      </div>
                    </template>
                  </div>
                </div>
          </div>

          <!-- <div class="moreBox" onclick="module3Jump()">
            <div class="more colorC1">更多</div>
          </div> -->
        </div>

        <!-- 模板4 -->
          <div class="module4Box">
            <div class="module4Tabs">
              <div>
                  <div class="module4Tab" tabfor="specialTopics">专题</div>
                      <div class="module4Tab" tabfor="collections">文章集</div>
                          <div class="module4Tab" tabfor="specialIssue">{{lang == 'en_US' ? 'Special Issue':'专刊'}}</div>
                              <div class="module4Tab" tabfor="specialColumn">{{lang == 'en_US' ? 'Special Column':'专栏'}}
                              </div>
              </div>
              <div class="preNext" v-if="document.querySelectorAll('.module4Tab').length >= 2">
                <i class="fa fa-angle-left fa-2x" aria-hidden="true" style="color:gray;margin-right: 20px;"></i>
                <i class="fa fa-angle-right fa-2x" aria-hidden="true"></i>
              </div>
            </div>

              <div class="module4ContentBox forspecialTopics" style="display: none;">
                <div v-if="specialTopicLoading === true">
                  <i class="fa fa-spinner fa-spin" aria-hidden="true"></i>
                </div>
                <div v-else>
                  <div class="swiperModule4 lists swiper-no-swiping">
                    <div class="swiper-wrapper">
                      <div class="swiper-slide list" v-for="(item,i) in specialTopicList.slice(0, 3)" :key="item.id">
                        <div class="imgBox">
                          <template
                            v-if="item.coverPath != null && item.coverPath != undefined && item.coverPath != ''">
                            <img :src="specailCoverUrl+item.coverPath"
                              onerror="this.src='/static-template/image/errorcover.png'"
                              @click="window.open('/JES/specialTopicDetail?fla=JES&specialId='+item.id, '_self')"
                              style="cursor: pointer;" />
                          </template>
                          <template v-else>
                            <img :src="baseFiguresUrl+item.imgPath"
                              onerror="this.src='/static-template/image/errorcover.png'"
                              @click="window.open('/JES/specialTopicDetail?fla=JES&specialId='+item.id, '_self')"
                              style="cursor: pointer;" />
                          </template>
                        </div>
                        <div class="name">
                          <template v-if="lang == 'en_US'">
                            <a :href="ctxPath +'/JES/specialTopicDetail?fla=JES&specialId='+item.id"
                              v-html='item.nameEn' :title="titleText(item.nameEn)"></a>
                          </template>
                          <template v-else>
                            <a :href="ctxPath +'/JES/specialTopicDetail?fla=JES&specialId='+item.id"
                              v-html='item.nameZh' :title="titleText(item.nameZh)"></a>
                          </template>
                          <span class="ellipsisIe" style="display: none;position: absolute;right: 0;
                            bottom: 0;background: linear-gradient(to right, transparent, #fff 0%);">...</span>
                        </div>
                      </div>
                    </div>
                    <div class="swiper-button-next"></div>
                    <div class="swiper-button-prev"></div>
                  </div>

                  <div class="h5Module4 lists">
                    <div class="list" v-for="(item,i) in specialTopicList" :key="item.id">
                      <div class="imgBox">
                        <template v-if="item.coverPath != null && item.coverPath != undefined && item.coverPath != ''">
                          <img :src="specailCoverUrl+item.coverPath"
                            onerror="this.src='/static-template/image/errorcover.png'"
                            @click="window.open('/JES/specialTopicDetail?fla=JES&specialId='+item.id, '_self')"
                            style="cursor: pointer;" />
                        </template>
                        <template v-else>
                          <img :src="baseFiguresUrl+item.imgPath"
                            onerror="this.src='/static-template/image/errorcover.png'"
                            @click="window.open('/JES/specialTopicDetail?fla=JES&specialId='+item.id, '_self')"
                            style="cursor: pointer;" />
                        </template>
                      </div>
                      <div class="name">
                        <template v-if="lang == 'en_US'">
                          <a :href="ctxPath +'/JES/specialTopicDetail?fla=JES&specialId='+item.id"
                            v-html='item.nameEn' :title="titleText(item.nameEn)"></a>
                        </template>
                        <template v-else>
                          <a :href="ctxPath +'/JES/specialTopicDetail?fla=JES&specialId='+item.id"
                            v-html='item.nameZh' :title="titleText(item.nameZh)"></a>
                        </template>
                        <span class="ellipsisIe" style="display: none;position: absolute;right: 0;
                        bottom: 0;background: linear-gradient(to right, transparent, #fff 0%);">...</span>
                      </div>
                    </div>
                  </div>
                </div>
              </div>

                  <div class="module4ContentBox forcollections" style="display: none;">
                    <div v-if="collectionListLoading === true">
                      <i class="fa fa-spinner fa-spin" aria-hidden="true"></i>
                    </div>
                    <div v-else>
                      <div class="swiperModule4 lists swiper-no-swiping">
                        <div class="swiper-wrapper">
                          <div class="swiper-slide list" v-for="(item,i) in collectionList" :key="item.id">
                            <div class="imgBox" v-if="item.cover">
                              <img :src="item.cover"
                                onerror="this.src='/static-template/image/errorcover.png'"
                                @click="window.open('/JES/collectionsDetails?slug=collections&abbreviated=CSPM&specialId='+item.id, '_self')"
                                style="cursor: pointer;" />
                            </div>
                            <div class="imgBox" v-else>
                              <img :src="specailCoverUrl+item.pJournal.coverPath"
                                onerror="this.src='/static-template/image/errorcover.png'"
                                @click="window.open('/JES/collectionsDetails?slug=collections&abbreviated=CSPM&specialId='+item.id, '_self')"
                                style="cursor: pointer;" />
                            </div>
                            <div class="name"><a
                                :href="ctxPath +'/JES/collectionsDetails?slug=collections&abbreviated=CSPM&specialId='+item.id"
                                v-html='item.titleStr' :title="titleText(item.titleStr)"></a></div>
                          </div>
                        </div>
                        <div class="swiper-button-next"></div>
                        <div class="swiper-button-prev"></div>
                      </div>

                      <div class="h5Module4 lists">
                        <div class="list" v-for="(item,i) in collectionList" :key="item.id">
                          <div class="imgBox" v-if="item.cover">
                            <img :src="item.cover"
                              onerror="this.src='/static-template/image/errorcover.png'"
                              @click="window.open('/JES/collectionsDetails?slug=collections&abbreviated=CSPM&specialId='+item.id, '_self')"
                              style="cursor: pointer;" />
                          </div>
                          <div class="imgBox" v-else>
                            <img :src="specailCoverUrl+item.pJournal.coverPath"
                              onerror="this.src='/static-template/image/errorcover.png'"
                              @click="window.open('/JES/collectionsDetails?slug=collections&abbreviated=CSPM&specialId='+item.id, '_self')"
                              style="cursor: pointer;" />
                          </div>
                          <div class="name"><a
                              :href="ctxPath +'/JES/collectionsDetails?slug=collections&abbreviated=CSPM&specialId='+item.id"
                              v-html='item.titleStr' :title="titleText(item.titleStr)"></a></div>
                        </div>
                      </div>
                    </div>
                  </div>
                      <div class="module4ContentBox forspecialIssue" style="display: none;">
                        <div v-if="specialIssueLoading === true">
                          <i class="fa fa-spinner fa-spin" aria-hidden="true"></i>
                        </div>
                        <div v-else>
                          <div class="swiperModule4 lists swiper-no-swiping">
                            <div class="swiper-wrapper">
                              <div class="swiper-slide list" v-for="(item,i) in specialIssueList.slice(0, 3)"
                                :key="item.id">
                                <div class="imgBox">
                                  <template
                                    v-if="item.coverPath != null && item.coverPath != undefined && item.coverPath != ''">
                                    <img :src="specailCoverUrl+item.coverPath"
                                      onerror="this.src='/static-template/image/errorcover.png'"
                                      @click="window.open('/JES/specialIssueDetail/'+item.id, '_self')"
                                      style="cursor: pointer;" />
                                  </template>
                                  <template v-else>
                                    <img :src="baseFiguresUrl+item.imgPath"
                                      onerror="this.src='/static-template/image/errorcover.png'"
                                      @click="window.open('/JES/specialIssueDetail/'+item.id, '_self')"
                                      style="cursor: pointer;" />
                                  </template>
                                </div>
                                <div class="name">
                                  <template v-if="lang == 'en_US'">
                                    <a :href="ctxPath +'/JES/specialIssueDetail/'+item.id" v-html='item.nameEn'
                                      :title="titleText(item.nameEn)"></a>
                                  </template>
                                  <template v-else>
                                    <a :href="ctxPath +'/JES/specialIssueDetail/'+item.id" v-html='item.nameZh'
                                      :title="titleText(item.nameZh)"></a>
                                  </template>
                                  <span class="ellipsisIe" style="display: none;position: absolute;right: 0;
                                  bottom: 0;background: linear-gradient(to right, transparent, #fff 0%);">...</span>
                                </div>
                              </div>
                            </div>
                            <div class="swiper-button-next"></div>
                            <div class="swiper-button-prev"></div>
                          </div>

                          <div class="h5Module4 lists">
                            <div class="list" v-for="(item,i) in specialIssueList" :key="item.id">
                              <div class="imgBox">
                                <template
                                  v-if="item.coverPath != null && item.coverPath != undefined && item.coverPath != ''">
                                  <img :src="specailCoverUrl+item.coverPath"
                                    onerror="this.src='/static-template/image/errorcover.png'"
                                    @click="window.open('/JES/specialIssueDetail/'+item.id, '_self')"
                                    style="cursor: pointer;" />
                                </template>
                                <template v-else>
                                  <img :src="baseFiguresUrl+item.imgPath"
                                    onerror="this.src='/static-template/image/errorcover.png'"
                                    @click="window.open('/JES/specialIssueDetail/'+item.id, '_self')"
                                    style="cursor: pointer;" />
                                </template>
                              </div>
                              <div class="name">
                                <template v-if="lang == 'en_US'">
                                  <a :href="ctxPath +'/JES/specialIssueDetail/'+item.id" v-html='item.nameEn'
                                    :title="titleText(item.nameEn)"></a>
                                </template>
                                <template v-else>
                                  <a :href="ctxPath +'/JES/specialIssueDetail/'+item.id" v-html='item.nameZh'
                                    :title="titleText(item.nameZh)"></a>
                                </template>
                                <span class="ellipsisIe" style="display: none;position: absolute;right: 0;
                              bottom: 0;background: linear-gradient(to right, transparent, #fff 0%);">...</span>
                              </div>
                            </div>
                          </div>
                        </div>
                      </div>
                          <div class="module4ContentBox forspecialColumn" style="display: none;">
                            <div v-if="specialColumnLoading === true">
                              <i class="fa fa-spinner fa-spin" aria-hidden="true"></i>
                            </div>
                            <div v-else>
                              <div class="swiperModule4 lists swiper-no-swiping">
                                <div class="swiper-wrapper">
                                  <div class="swiper-slide list" v-for="(item,i) in specialColumnList.slice(0, 3)"
                                    :key="item.id">
                                    <div class="imgBox">
                                      <template
                                        v-if="item.coverPath != null && item.coverPath != undefined && item.coverPath != ''">
                                        <img :src="specailCoverUrl+item.coverPath"
                                          onerror="this.src='/static-template/image/errorcover.png'"
                                          @click="window.open('/JES/specialColumnDetail/'+item.id, '_self')"
                                          style="cursor: pointer;" />
                                      </template>
                                      <template v-else>
                                        <img :src="baseFiguresUrl+item.imgPath"
                                          onerror="this.src='/static-template/image/errorcover.png'"
                                          @click="window.open('/JES/specialColumnDetail/'+item.id, '_self')"
                                          style="cursor: pointer;" />
                                      </template>
                                    </div>
                                    <div class="name">
                                      <template v-if="lang == 'en_US'">
                                        <a :href="ctxPath +'/JES/specialColumnDetail/'+item.id"
                                          v-html='item.nameEn' :title="titleText(item.nameEn)"></a>
                                      </template>
                                      <template v-else>
                                        <a :href="ctxPath +'/JES/specialColumnDetail/'+item.id"
                                          v-html='item.nameZh' :title="titleText(item.nameZh)"></a>
                                      </template>
                                      <span class="ellipsisIe" style="display: none;position: absolute;right: 0;
                                    bottom: 0;background: linear-gradient(to right, transparent, #fff 0%);">...</span>
                                    </div>
                                  </div>
                                </div>
                                <div class="swiper-button-next"></div>
                                <div class="swiper-button-prev"></div>
                              </div>

                              <div class="h5Module4 lists">
                                <div class="list" v-for="(item,i) in specialColumnList" :key="item.id">
                                  <div class="imgBox">
                                    <template
                                      v-if="item.coverPath != null && item.coverPath != undefined && item.coverPath != ''">
                                      <img :src="specailCoverUrl+item.coverPath"
                                        onerror="this.src='/static-template/image/errorcover.png'"
                                        @click="window.open('/JES/specialColumnDetail/'+item.id, '_self')"
                                        style="cursor: pointer;" />
                                    </template>
                                    <template v-else>
                                      <img :src="baseFiguresUrl+item.imgPath"
                                        onerror="this.src='/static-template/image/errorcover.png'"
                                        @click="window.open('/JES/specialColumnDetail/'+item.id, '_self')"
                                        style="cursor: pointer;" />
                                    </template>
                                  </div>
                                  <div class="name">
                                    <template v-if="lang == 'en_US'">
                                      <a :href="ctxPath +'/JES/specialColumnDetail/'+item.id"
                                        v-html='item.nameEn' :title="titleText(item.nameEn)"></a>
                                    </template>
                                    <template v-else>
                                      <a :href="ctxPath +'/JES/specialColumnDetail/'+item.id"
                                        v-html='item.nameZh' :title="titleText(item.nameZh)"></a>
                                    </template>
                                    <span class="ellipsisIe" style="display: none;position: absolute;right: 0;
                                bottom: 0;background: linear-gradient(to right, transparent, #fff 0%);">...</span>
                                  </div>
                                </div>
                              </div>
                            </div>
                          </div>
                            <div class="moreBox" onclick="module4Jump()">
                              <div class="more colorC1">更多</div>
                            </div>
          </div>
      </div>
      <div class="col-lg-3 col-md-3">
<!-- SSI右侧共通最新版-html -->
<link rel="stylesheet" href="/template/css/f6b93559715e43f3a93b245a7386cf0e_-3.css">
  <div class="bannersBox">
    <div id="hiddenDescZh" style="display: none;"></div>
    <div id="hiddenDescEn" style="display: none;"></div>
    <input type="hidden" id="journalHighQualityCoverPath" value="" />
    <div class="bannerEditBox">
      <div class="pencilBox">
      </div>
      <div class="bennerEditBox">
        <div class="bannerEditImg">
          <img src="/img/issue/1935276256668942336" id="journalVolumeAndIssueCoverImg"
            class="journalVolumeAndIssueCoverImgBase"
            onerror="this.src='/static-template/image/errorcover.png'" onclick="showJournalLargeCover();" />
          <img src="" id="journalVolumeAndIssueCoverImg" class="journalVolumeAndIssueCoverImgBrowse"
            onerror="this.src='/static-template/image/errorcover.png'" onclick="showJournalLargeCover();" />
        </div>

        <div class="bannerEditText">
          <p class="textBox" style="display: none;"><span>影响因子</span><span
              id="impactFactor" class="number"></span></p>
          <p class="textBox" style="display: none;"><span>近5年影响因子</span><span
              id="fiveImpactFactor" class="number"></span></p>
              <p class="textBox" style="display: none;"><span>引用分数</span><span
                  id="citeScore" class="number"></span></p>
                  <p class="editorBox"><span>主编</span><span id="editorChiefName"
                      class="number">王艳芬；王大洲</span>
                  </p>
                  <p style="display: none;"><span id="editorChiefNameEn"
                      class="number">Wang Yanfen;Wang Dazhou</span>
                  </p>
                  <p style="display: none;"><span id="editorChiefNameCn"
                      class="number">王艳芬；王大洲</span>
                  </p>
        </div>
        <div class="journalBox">
          <div class="nameBox">
            <div class="name" v-text="lang == 'zh_CN' ? '关于期刊' : 'About the Journal'"></div>
          </div>
          <div class="descBox">
            <div class="desc descNormal"></div>
            <div class="desc descEllipsis"></div>
            <div class="scope" onclick="journalDescToggle()">
              <i class="fa fa-angle-double-down" aria-hidden="true"></i>
              <span class="text">{{lang == 'zh_CN' ? '展开' : 'open'}}</span>
            </div>
          </div>
        </div>
      </div>
    </div>

    <div class="bannerBtn">

        <div class="submitBtn bgC4">
          <a href="https://www.scicloudcenter.com/ES/login/index" target="_blank">
            <i class="fa fa-location-arrow" aria-hidden="true" style="color: white;float: left;"></i>
            <div class="submit" style="float: left;">投审稿入口</div>
          </a>
        </div>

            <!-- <div class="submitBtn bgC2" onclick="openPaperJournalDialog('cb0aaa6eaea44178ab0065affa119dfd',7);">
          <i class="fa fa-shopping-cart" aria-hidden="true" style="color: white;float: left;"></i>
          <div class="submit" style="float: left;">纸刊购买</div>
        </div> -->

            <div class="submitBtn bgC2" onclick="openPaperJournalDialog();">
              <i class="fa fa-shopping-cart" aria-hidden="true" style="color: white;float: left;"></i>
              <div class="submit" style="float: left;">纸刊购买</div>
            </div>

              <div class="submitBtn bgC4" onclick="emailAlerts()">
                <i class="fa fa-bell" aria-hidden="true" style="color: white; float: left;"></i>
                <div class="submit" style="float: left;">订阅推送邮件</div>
              </div>
    </div>

    <div class="connected">
      <div class="connectedText borderC1">Connected</div>
      <div class="connectedContent">
        <div class="imgText">
          <a href="" target="_blank">
            <div class="imgBox faceBook">
              <i class="fa fa-facebook" aria-hidden="true"></i>
            </div>
            <div class="text">Facebook</div>
          </a>
        </div>
        <div class="imgText">
          <a onclick="emailAddress()">
            <div class="imgBox email">
              <i class="fa fa-envelope" aria-hidden="true"></i>
            </div>
            <div class="text">Email</div>
          </a>
        </div>
      </div>
    </div>

    <div class="bannerAdvertisement">
    </div>
  </div>

  <!-- about the cover -->
  <div class="modal fade" id="coverModal" role="dialog" aria-hidden="true">
    <div class="modal-dialog">
      <div class="modal-content">
        <div class="modal-header">
          <h4 class="modal-title" id="myModalLabel">关于期刊</h4>
        </div>
        <div class="modal-body">
          <p class="text" id="journalIntro"></p>
        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
        </div>
      </div>
    </div>
  </div>

  <!-- about the cover新增or编辑弹窗 -->
  <div class="modal fade" id="coverEditModal" role="dialog" aria-hidden="true">
    <div class="modal-dialog modal-lg">
      <div class="modal-content">
        <div class="modal-header">
          <h4 class="modal-title" id="myModalLabel">编辑</h4>
        </div>
        <div class="modal-body">
          <div class="panel panel-default">
            <div class="panel-heading">
              <h3 class="panel-title">摘要</h3>
            </div>
            <div class="panel-body">
              <div class="form-group">
                <label class="control-label">英文</label>
<textarea rows="4" name="" id="englishCoverText" class="form-control" style=""></textarea>
              </div>
              <div class="form-group">
                <label for="5JYbfAEfyTcBc7yWk" class="control-label">中文</label>
<textarea rows="4" name="" id="chineseCoverText" class="form-control" style=""></textarea>
              </div>
            </div>
          </div>
        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
          <button style="color:white" type="button" class="btn bgC4" id="coverTextDialogSubmitBtn"
            onclick="submitAboutTheCover()">提交</button>
        </div>
      </div>
    </div>
  </div>

  <!-- 右侧图片放大弹窗 -->
  <!-- <div class="modal fade" id="figureModal" role="dialog" aria-hidden="true">
    <div class="modal-dialog">
      <div class="modal-content">
        <div class="modal-header">
          <button type="button" class="close" onclick="closeJournalLargeCover();" aria-label="Close"><span aria-hidden="true">×</span></button>
          <h4 class="modal-title" id="myModalLabel">Cover Image</h4>
        </div>
        <div class="modal-body">
          <div class="imgBox">
            <img id="journalCoverOfCurrentIssue" src="/img/issue/" onerror="this.src='/static-template/image/errorcover.png'"/>
          </div>
        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-default downloadBtn" id="downloadHighQualityCoverButton" onclick="downloadHighQualityCover();">高品质封面图</button>
          <span class="downloadHD">
            点击此处可下载高清封面图
        </span>
         
          <button type="button" class="btn btn-default" onclick="closeJournalLargeCover();">关闭</button>
        </div>
      </div>
    </div>
  </div> -->
  <div class="modal fade" id="readMoreModal">
    <div class="modal-dialog modal-lg">
      <div class="modal-content">
        <div class="modal-header">
          <button type="button" class="close" data-dismiss="modal" aria-hidden="true"
            onclick="closeJournalLargeCover();">
            ×
          </button>
          <h4 class="modal-title" id="myModalLabel">Cover Image</h4>
        </div>
        <div class="modal-body">
          <div class="leftBox">
            <img id="journalCoverOfCurrentIssue" src="/img/issue/"
              onerror="this.src='/static-template/image/errorcover.png'" />
          </div>
          <div class="rightBox">
            <div class="timeLine" style="font-size: 16px; color: #333333;font-weight: bold;"></div>
            <div class="desc" id="readMoreJournalIntro">
            </div>
          </div>
        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-default downloadBtn" id="downloadHighQualityCoverButton"
            onclick="downloadHighQualityCover();">高品质封面图</button>
          <span class="downloadHD">
            点击此处可下载高清封面图
          </span>

          <button type="button" class="btn btn-default"
            onclick="closeJournalLargeCover();">关闭</button>
        </div>
      </div>
    </div>
  </div>


  <!-- 右侧新增or编辑文本弹窗 -->
  <div class="modal fade bannerDialog" id="factorModal" role="dialog" aria-hidden="true">
    <div class="modal-dialog">
      <div class="modal-content">
        <div class="modal-header">
          <h4 class="modal-title" id="myModalLabel">编辑</h4>
        </div>
        <form id="impactFactorForm" class="formDialog impactFactorClass" method="post" novalidate="novalidate"
          enctype="multipart/form-data">
          <div class="modal-body">
            <div class="panel panel-default">
              <input id="impactFactorUrl" type="hidden" value="/impactFactor/updateJournalBaseInfo">
              <div class="panel-body">
                <input type="hidden" name="journalId" value="cb0aaa6eaea44178ab0065affa119dfd" />
                <div class="form-group factor">
                  <label class="control-label">影响因子</label>
                  <input class="form-control" type="text" name="impactFactor" value="" />
                </div>
                <div class="form-group year">
                  <label class="control-label">近5年影响因子</label>
                  <input class="form-control" type="text" name="fiveImpactFactor" value="" />
                </div>
                <div class="form-group cscd">
                  <label class="control-label">{{lang == 'en_US' ? 'CSCD Impact Factor' : 'CSCD影响因子'}}</label>
                  <input class="form-control" type="text" name="cscdImpactFactor" value="" />
                </div>
                <div class="form-group score">
                  <label class="control-label">引用分数</label>
                  <input class="form-control" type="text" name="citeScore" value="" />
                </div>
                <label class="control-label">主编</label>
                <div style="border: 1px solid #ccc; border-radius: 4px; padding: 10px;">
                  <div class="form-group chief en">
                    <label class="control-label">英文</label>
                    <input class="form-control" type="text" name="chiefNameEn" id="chiefNameEn" value="" />
                  </div>
                  <div class="form-group chief cn">
                    <label class="control-label">中文</label>
                    <input class="form-control" type="text" name="chiefNameCn" id="chiefNameCn" value="" />
                  </div>
                </div>

              </div>
              <!-- <div class="panel-body uploadBox">
					  <input name="file" type="file" class="bannerFileBtn" />
					  <div class="uploadBtn bgC4"></div>
					  <div class="imgBox">
					    <img class="bannerDialogImg" />
					  </div>
				  </div> -->
            </div>
          </div>
          <div class="modal-footer">
            <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
            <button style="color:white" type="button" class="btn submitBtn bgC4"
              id="impactFactorSubmitBtn">提交</button>
          </div>
        </form>
      </div>
    </div>
  </div>

  <!-- 纸刊购买 提交 -->
  <div class="modal fade" id="paperJournalContentDialog" tabindex="-1" role="dialog"
    aria-labelledby="paperJournalModalLabel" aria-hidden="true">
    <form class="form-horizontal" role="form" id="paperFastBuyForm" action="/cart/paperFastBuy" method="post">
      <div class="modal-dialog" style="width: 40%;">
        <div class="modal-content">
          <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
            <h4 class="modal-title" id="paperJournalModalLabel">选择期</h4>
          </div>
          <div class="modal-body">
            <div class="panel-group" id="accordion">

            </div>
            <input name="type" value="" type="hidden" />
            <input name="productId" value="" type="hidden" />
            <input id="strYearsMap" name="strYearsMap" value="" type="hidden" />
          </div>
          <div class="modal-footer">
            <button type="button" onclick="paperSubmitForm()" class="btn btn-default">
              确定
            </button>
          </div>
        </div><!-- /.modal-content -->
      </div><!-- /.modal -->
    </form>
  </div>

  <script type="application/javascript" src="/js/common/calculation.js"></script>
  <script type="text/javascript">
    var lang = 'zh_CN';
    var slugFlag = 'abstracts';
    var coverPrefix = "/img/issue/";
    $(document).ready(function () {
      // dom加载完毕初始化
      if (slugFlag == 'browse') {
        $('.journalVolumeAndIssueCoverImgBase').remove()
      } else {
        $('.journalVolumeAndIssueCoverImgBrowse').remove()
      }

      // 期刊介绍接口
      var journalBaseId = "cb0aaa6eaea44178ab0065affa119dfd";
      $.ajax({
        url: ctx + '/publisher/selectJournalIntro?journalBaseId=' + journalBaseId + '&lang=' + lang,
        success: function (result) {
          $(".journalBox .desc").html(result.introStr);
          var descHeight = $('.journalBox .descNormal').height()
          if (descHeight > 170) {
            $('.journalBox .descNormal').hide()
            $('.journalBox .descEllipsis').css('display', '-webkit-box')
            $('.journalBox .scope').css('display', 'flex')
          }
        }
      });
    });
    // function openPaperJournalDialog(productId, type) {
    //   var title = '登录或注册';
    //   var content = '请注册并登录到系统之后再使用此功能';
    //   var ok = '确定';
    //   var stockout = '缺货';
    //   $.ajax({
    //     type: "POST",
    //     url: "/pubPaperJournal/getPaperJournalMap?baseId=" + productId,
    //     async: false,
    //     dataType: "json",
    //     success: function (data) {
    //       if (data.loginStatus == false) {
    //         swal({
    //           title: title,
    //           text: content,
    //           type: "info",
    //           confirmButtonText: ok
    //         });
    //         return;
    //       }
    //       $("input[name='productId']").val(productId);
    //       $("input[name='type']").val(type);
    //       var html = '';
    //       var i = 0;
    //       for (var key in data.paperJournalMap) {
    //         html += '<div class="panel panel-default">';
    //         html += '	<div class="panel-heading">';
    //         html += '		<h3 class="panel-title">';
    //         var keys = key.split("_");
    //         var volume = keys[0], year = keys[1];
    //         if (lang == 'zh_CN') {
    //           html += '			<div style="cursor:  pointer;" data-toggle="collapse" data-parent="#accordion" href="#collapse_' + key + '">第' + volume + '卷(' + year + ')</div>';
    //         } else {
    //           html += '			<div style="cursor:  pointer;" data-toggle="collapse" data-parent="#accordion" href="#collapse_' + key + '">Volume ' + volume + '(' + year + ')</div>';
    //         }
    //         html += '		</h3>';
    //         html += '	</div>';
    //         if (i == 0) {
    //           html += '	<div id="collapse_' + key + '" class="panel-collapse collapse in">';
    //         } else {
    //           html += '	<div id="collapse_' + key + '" class="panel-collapse collapse">';
    //         }
    //         html += '		<div class="panel-body">';
    //         /*html +='			<div class="btn-group">';*/
    //         for (var j = 0; j < data.paperJournalMap[key].length; j++) {
    //           var disabledflag = 'disabled="disabled"';
    //           var color = 'color: #777;';
    //           if (data.paperJournalMap[key][j].inventory > 0 && data.paperJournalMap[key][j].status == 1) {
    //             disabledflag = '';
    //             color = '';
    //           }
    //           var checked = '';
    //           if (data.defaultId == data.paperJournalMap[key][j].id) {
    //             checked = 'checked="checked"';
    //           }
    //           var issueCodeHtml = '';
    //           if (lang == 'zh_CN') {
    //             issueCodeHtml = '第' + data.paperJournalMap[key][j].issueCode + '期';
    //           } else {
    //             issueCodeHtml = 'Issue ' + data.paperJournalMap[key][j].issueCode;
    //           }
    //           html += '					<label class="fp-select" style="width: 120px;' + color + '">' + issueCodeHtml + '<input type="checkbox" name="issueCode" pricedata="' + data.paperJournalMap[key][j].price + '" pricedata2="' + data.paperJournalMap[key][j].discountPrice + '" onclick="selectIssue(this,\'' + key + '\')" ' + disabledflag + ' ' + checked + ' value="' + data.paperJournalMap[key][j].issueCode + '"></label>';
    //         }
    //         /*html +='			</div>';*/
    //         html += '			<p class="text-right">';
    //         var defaultSinglePrice = "0.00";
    //         html += '				选中单价：￥<span id="singlePrice_' + key + '">' + defaultSinglePrice + '</span>';
    //         html += '				选中折扣价：￥<span id="discountPrice_' + key + '">' + defaultSinglePrice + '</span>';
    //         html += '				<input type="checkbox" name="years" onclick="selectAllPaper(this,\'' + key + '\')" value="' + key + '">原价总计：￥<span id="yearTotalPrice_' + key + '">0.00</span>';
    //         html += '			</p>';
    //         html += '		</div>';
    //         html += '	</div>';
    //         html += '</div>';
    //         i++;
    //       }
    //       if (i == 0) {
    //         swal({
    //           title: stockout,
    //           type: "info",
    //           confirmButtonText: ok
    //         });
    //         return;
    //       } else {
    //         $("#accordion").html(html);
    //         $('#paperJournalContentDialog').modal('show');
    //       }
    //     }
    //   });
    // }
    function openPaperJournalDialog() {
      window.open("https://www.sciengine.com/shop/journal/JES", "_blank");
    }
    function sortKey(obj) {
      var arr = [];
      for (var i in obj) {
        arr.push([i]);
      };
      arr.reverse();
      return arr;
    }
    function selectIssue(obj, year) {
      if ($(obj).parent().hasClass('on')) {
        $(obj).parent().removeClass('on');
      } else {
        $(obj).parent().addClass('on');
      }
      $("#singlePrice_" + year).html(parseFloat($(obj).attr("pricedata")).toFixed(2));
      $("#discountPrice_" + year).html(parseFloat($(obj).attr("pricedata2")).toFixed(2));
      yearPrice(year);
    }
    function yearPrice(year) {
      var total = accAdd(0, 0);
      $("#collapse_" + year).find('input[name="issueCode"]').each(function () {
        if (this.checked) {
          total = accAdd(total, $(this).attr("pricedata2"));
        }
      });
      $("#yearTotalPrice_" + year).html(total);
    }
    function selectAllPaper(obj, year) {
      var total = accAdd(0, 0);
      if (obj.checked) {
        $("#collapse_" + year).find('input[name="issueCode"]').each(function () {
          if (!$(this).prop("disabled")) {
            total = accAdd(total, $(this).attr("pricedata"));
            $(this).prop("checked", true);
            $(this).parent().addClass('on');
          }
        });
      } else {
        $("#collapse_" + year).find('input[name="issueCode"]').prop("checked", false);
        $("#collapse_" + year).find(".fp-select").removeClass('on');
      }
      $("#yearTotalPrice_" + year).html(total);
    }
    function paperSubmitForm() {
      var ok = '确定';
      var selectProduct = '请选择商品';
      var yearsMap = {}, productNum = 0;
      $('input[name="years"]').each(function () {//多个总计按钮
        var yearsObj = $(this);
        var issueArray = new Array();
        if (this.checked) {//如果是选中的
          $('#collapse_' + yearsObj.val()).find("input[name='issueCode']").each(function () {
            if (!$(this).prop("disabled")) {
              issueArray.push($(this).val());
              productNum++;
            }
          });
        } else {
          $('#collapse_' + yearsObj.val()).find("input[name='issueCode']").each(function () {
            if (this.checked && !$(this).prop("disabled")) {
              issueArray.push($(this).val());
              productNum++;
            }
          });
        }
        yearsMap[yearsObj.val()] = issueArray;
      });
      if (productNum == 0) {
        swal({
          title: selectProduct,
          type: "info",
          confirmButtonText: ok
        });
        return;
      }
      var strYearsMap = JSON.stringify(yearsMap);
      $("#strYearsMap").val(strYearsMap);
      $("#ref1").val(window.location.href);
      $("#paperFastBuyForm").submit();
    }
    function adClick(id, url) {
      $.ajax({
        url: "/advertisement/click",
        type: "POST",
        data: {
          "id": id
        },
        success: function (data) {
        }
      });
      if (url != "") {
        window.open(url);
      }
    }
    function showJournalLargeCover() {

      var slug = "abstracts";
      if (slug == "browse") {
        // 出版目录页
        var journalBaseId = "cb0aaa6eaea44178ab0065affa119dfd";
        var volumeCode = $("#journalCurrentVolume").val();
        var issueCode = $("#journalCurrentIssue").val();
        var coverPath = $("#journalVolumeAndIssueCoverImg")[0].src;
        $("#journalCoverOfCurrentIssue").attr("src", coverPath);
        // 获取当前选择卷期相对最新的高清封面图
        $.ajax({
          url: '/journalCover/getJournalLatestHighCoverOfVolumeAndCode',
          data: {
            "journalId": journalBaseId,
            "volumeCode": volumeCode,
            "issueCode": issueCode,
          },
          success: function (result) {
            if (result != undefined && result != null && result != "") {
              $("#journalHighQualityCoverPath").val(coverPrefix + result);
              $("#downloadHighQualityCoverButton").css("display", "block");
              $(".downloadHD").css("display", "block");
            } else {
              $("#downloadHighQualityCoverButton").css("display", "none");
              $(".downloadHD").css("display", "none");

            }
          }
        });
      } else {
        // 其它页面
        // 高清图
        var coverPathHigh = "1935276257335836672";
        if (coverPathHigh == undefined || null == coverPathHigh || "" == coverPathHigh) {
          $("#downloadHighQualityCoverButton").css("display", "none");
          $(".downloadHD").css("display", "none");
        };
        var coverPath = $("#journalVolumeAndIssueCoverImg")[0].src;
        $("#journalCoverOfCurrentIssue").attr("src", coverPath);


        var year = '2025'
        var code = '3'
        var volume = '17'
        $('.timeLine').html('');
        $("#readMoreJournalIntro").html('');
        //高清按钮
        //readMore右侧卷期显示
        if (lang == "zh_CN") {
          $("#readMoreJournalIntro").html($('#hiddenDescZh').html());
          var newContentZh = year + ", 第" + volume + "卷"
          if (code != null && code != "" && code != 0) {
            newContentZh = newContentZh + ", 第" + code + "期"
            // } else {
            //     newContentZh = newContentZh + "第" + 0 + "期"
          }
          $('.timeLine').html(newContentZh);

        } else {
          $("#readMoreJournalIntro").html($('#hiddenDescEn').html());
          var newContentCn = " Volume " + volume
          if (code != null && code != "" && code != 0) {
            newContentCn = newContentCn + ", Issue " + code
            // } else {
            //     newContentCn = newContentCn + ", Issue0"
          }
          newContentCn = newContentCn + ", " + year
          $('.timeLine').html(newContentCn);
        }
      }
      $("#readMoreModal").modal("show");
      // $("#figureModal").addClass("in");
      // $("#figureModal").css("display","block");
    }
    function closeJournalLargeCover() {
      $("#readMoreModal").modal("hide");
      // $("#figureModal").css("display","none");
      // $("#figureModal").removeClass("in");
    }
    function downloadHighQualityCover() {
      var slug = "abstracts";
      var prefix = "/img/issue/";
      if (slug == "browse") {
        // 出版目录页
        var coverPath = $("#journalHighQualityCoverPath").val();
        window.open(coverPath);
      } else {
        // 其它页
        var coverPath = "1935276257335836672";
        window.open(prefix + coverPath);
      }
    }
    // email复制地址
    function emailAddress() {
      let e = 'jescas@ucas.ac.cn'
      const input = document.createElement("input");
      document.body.appendChild(input);
      input.setAttribute("value", e);
      input.select();
      if (document.execCommand("copy")) {
        document.execCommand("copy");
      }
      document.body.removeChild(input);
      if (language.value == "en_US") {
        swal("", "Copied to clipboard!", "success");
      } else {
        swal("", "已复制到剪切板!", "success");
      }
    }

    // 期刊描述展开
    function journalDescToggle() {
      if ($('.journalBox .scope .fa').attr('class') === 'fa fa-angle-double-down') {
        $('.journalBox .descEllipsis').attr('class', 'descAll')
        $('.journalBox .scope').attr('class', 'scopePack')
        $('.journalBox .scopePack .fa').attr('class', 'fa fa-angle-double-up')
        language.value === 'en_US' ? $('.journalBox .scopePack .text').text('pack') : $('.journalBox .scopePack .text').text('收起')
      } else {
        $('.journalBox .descAll').attr('class', 'descEllipsis')
        $('.journalBox .scopePack').attr('class', 'scope')
        $('.journalBox .scope .fa').attr('class', 'fa fa-angle-double-down')
        language.value === 'en_US' ? $('.journalBox .scope .text').text('open') : $('.journalBox .scope .text').text('展开')
      }
    }
  </script>      </div>
    </div>

    <!-- 模态框弹出 -->
    <div class="modal fade" id="detailModal" role="dialog" aria-labelledby="newsdetailLabel" aria-hidden="true">
      <div class="modal-dialog modal-lg">
        <div class="modal-content">
          <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
                aria-hidden="true">×</span></button>
            <h4 class="modal-title">添加</h4>
          </div>
          <form id="updateNewsModalForm" novalidate="novalidate" method="post" enctype="multipart/form-data">
            <div class="modal-body">
              <div class="panel panel-default">
                <div class="panel-heading">
                  <h3 class="panel-title">链接</h3>
                </div>
                <div class="panel-body">
                  <div class="form-group">
                    <input type="text" name="link" id="linkId" class="form-control" autocomplete="off">
                    <span class="link"></span>
                  </div>
                </div>
              </div>
              <div class="panel panel-default">
                <div class="panel-heading">
                  <h3 class="panel-title">标题</h3>
                </div>
                <div class="panel-body">
                  <div class="form-group">
                    <label class="control-label">英文</label>
                    <input type="text" name="titleEn" id="29xa3oZtYbkbCbYS6" class="form-control" autocomplete="off">
                    <span class="titleEn"></span>
                  </div>
                  <div class="form-group">
                    <label class="control-label">中文</label>
                    <input type="text" name="titleZh" id="epm67BJsvQWk7bgdm" class="form-control" autocomplete="off">
                    <span class="titleZh"></span>
                  </div>
                </div>

              </div>
              <div class="panel panel-default">
                <div class="panel-heading">
                  <h3 class="panel-title">作者</h3>
                </div>
                <div class="panel-body">
                  <div class="form-group">
                    <label class="control-label">英文</label>
                    <input type="text" name="authorEn" id="9KtJRL56bBHpALY3E" class="form-control" autocomplete="off">
                  </div>
                  <div class="form-group">
                    <label class="control-label">中文</label>
                    <input type="text" name="authorZh" id="29iofinyZzC35B8fe" class="form-control" autocomplete="off">
                  </div>
                </div>
              </div>
              <div class="panel panel-default">
                <div class="panel-heading">
                  <h3 class="panel-title">摘要</h3>
                </div>
                <div class="panel-body">
                  <div class="form-group">
                    <label class="control-label">英文</label>
<textarea rows="4" name="abstractEn" id="iBE8GMAhs3Mar4EtB" class="form-control" style=""></textarea>

                  </div>
                  <div class="form-group">
                    <label for="5JYbfAEfyTcBc7yWk" class="control-label">中文</label>
<textarea rows="4" name="abstractZh" id="5JYbfAEfyTcBc7yWk" class="form-control" style=""></textarea>
                  </div>
                </div>
              </div>
              <div class="panel panel-default">
                <div class="panel-heading">
                  <h3 class="panel-title">内容全文</h3>
                </div>
                <div class="panel-body">
                  <div class="form-group">
                    <label class="control-label">英文</label>
<textarea rows="4" name="fulltextEn" id="o3tiJn9HQEpfQafm6" class="form-control tinymce-textarea" style=""></textarea>
                  </div>
                  <div class="form-group">
                    <label class="control-label">中文</label>
<textarea rows="4" name="fulltextZh" id="Cv64GEcLb2WWTr9S2" class="form-control tinymce-textarea" style=""></textarea>
                  </div>
                </div>
              </div>
              <div class="form-group">
                <label class="control-label">发布时间</label>
                <input type="text" name="releaseTime" id="vhaboK5S7dEgsyDST" class="form-control" readonly="readonly">
                <span class="help-block"></span>
              </div>
              <div class="panel panel-default">
                <div class="panel-heading">
                  <p>
                    选择图片
                    <span id="imageMessage1"></span>
                  </p>
                </div>
                <div class="panel-body">
                  <div class="form-group">
                    <div style="width:200px;">
                      <img style="width:100%;" id="CmgDXqcdiKHKw8kkQ" src=""
                        onerror="this.src='/images/cover/errorcover.png'">
                    </div>
                    <br>
                    <input id="YL4hnuGKX5Wx4WwDP" type="file" name="imgcoverpath">
                  </div>
                </div>
              </div>
            </div>
            <input type="hidden" name="id" id="KnLJssWuHTRs9GpJg">
            <input type="hidden" name="journalId" value="cb0aaa6eaea44178ab0065affa119dfd">
            <div class="modal-footer">
              <button type="button" onclick="submitFeatureArticle()" class="btn btn-default">
                保存
              </button>
            </div>
          </form>
        </div>
      </div>
    </div>

    <!-- 模块2图片放大弹窗 -->
    <div class="modal fade" id="module2ImgModal" role="dialog">
      <div class="modal-dialog">
        <div class="modal-content">
          <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-label="Close" @click="closeDialog()">
              <span aria-hidden="true">×</span>
            </button>
          </div>
          <div class="modal-body">
            <div class="imgBox">
              <img class="img" :src="pictureZoomUrl" />
            </div>
          </div>
          <div class="modal-footer">
            <button type="button" class="btn btn-default" data-dismiss="modal" @click="closeDialog()">
              关闭
            </button>
          </div>
        </div>
      </div>
    </div>

    <!-- 添加编辑推荐 -->
    <div class="modal fade" id="addLatestArticlesModal" role="dialog" aria-labelledby="addLatestArticlesModalLabel"
      aria-hidden="true">
      <div class="modal-dialog">
        <div class="modal-content">
          <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
            <h4 class="modal-title" id="addLatestArticlesModalLabel">添加</h4>
          </div>
          <form id="addLatestArticlesModalForm" action="/publisher/insertArticle" method="post"
            novalidate="novalidate" enctype="multipart/form-data">
            <div class="modal-body">
              <div class="form-group" data-required="true">
                <label class="control-label">
                  <h5>标题</h5>
                </label><br>
                <select id="scrollId" href="/collections/SelectArticles"
                  class="js-example-basic-single form-control" name="articleBaseId" style="width: 100%;"
                  inputMessage="">

                </select>
                <span class="help-block"></span>
              </div>
              <div class="form-group">
                <input id="addLatestfile" name="file" type="file" style="display:none" />
              </div>
              <input name="pjId" value="cb0aaa6eaea44178ab0065affa119dfd" type="hidden">
            </div>
            <div class="modal-footer">
              <button id="addLatestArticles" type="button"
                class="btn btn-default">提交</button>
            </div>
          </form>
        </div>
      </div>
    </div>
</div>
<script src="/js/uploadPreview.min.js" type="text/javascript"></script>
<script src="/js/tinymce-init.js" type="text/javascript"></script>
<script src="https://files.sciengine.com/template/test/clamp.js"></script>
<script>
  "use strict";
  var lang = 'zh_CN';
  $(function () {
    $("#scrollId").select2({
      language: "zh_CN",// 指定语言为中文，国际化才起效
      inputMessage: $("#scrollId").attr("inputMessage"),// 添加默认参数
      ajax: {
        url: $("#scrollId").attr("href"),
        dataType: 'json',
        delay: 50,// 延迟显示
        data: function (params) {
          return {
            keyword: params.term, // 搜索框内输入的内容，传递到Java后端的parameter为username
            page: params.page || 1,// 第几页，分页哦
            rows: 10// 每页显示多少行
          };
        },
        // 分页
        processResults: function (data, params) {
          params.page = params.page || 1;

          return {
            results: data.results,// 后台返回的数据集
            pagination: {
              more: (params.page * 10) < data.total
            }
          };
        },
        cache: false
      },

      escapeMarkup: function (markup) {
        return markup;
      }, // let our custom formatter work
      minimumInputLength: 1,// 最少输入一个字符才开始检索
      templateResult: function (repo) {// 显示的结果集格式，这里需要自己写css样式，可参照demo


        // 正在检索
        if (repo.loading)
          return repo.text;

        var markup = "";
        if (lang == 'zh_CN') {
          markup = "<div style='font-size:13px'  class='select2-result-repository__description'>" + repo.title_cn + "</div>";
          markup += "<div style='font-size:13px'  class='select2-result-repository__description'>" + repo.journalTitle_cn + " " + repo.volumeCode + "(" + repo.issueCode + ")," + repo.elocationid + "(" + repo.pubYear + ")," + " " + repo.doi + "</div>";
        } else {
          markup = "<div  style='font-size:13px' class='select2-result-repository__description'>" + repo.title_en + "</div>";
          markup += "<div style='font-size:13px'  class='select2-result-repository__description'>" + repo.journalTitle_en + " " + repo.volumeCode + "(" + repo.issueCode + ")," + repo.elocationid + "(" + repo.pubYear + "), " + " " + repo.doi + "</div>";
        }


        return markup;
      },
      templateSelection: function (repo) {
        if (lang == 'zh_CN') {
          return "<div style='font-size:13px'  class='select2-result-repository__description'>" + repo.title_cn + "</div>";
        } else {
          return "<div style='font-size:13px'  class='select2-result-repository__description'>" + repo.title_en + "</div>";
        }

      }// 列表中选择某一项后显示到文本框的内容
    });

    $("#addLatestArticles").on("click", function () {
      $("#addLatestArticlesModalForm").bootstrapValidator('validate');//提交验证
      if ($("#addLatestArticlesModalForm").data('bootstrapValidator').isValid()) {
        //获取验证结果，如果成功，执行下面代
        document.getElementById("addLatestArticlesModalForm").submit()
      }

    });
    //添加文章验证
    $('#addLatestArticlesModalForm').bootstrapValidator({
      excluded: ':disabled',
      feedbackIcons: {

      },
      fields: {
        articleBaseId: {
          validators: {
            notEmpty: {
              message: '必须输入'
            }
          }
        }
      }
    });
  });

  var content_journalBaseId = $("#content_journalBaseId").val();
  new Vue({
    el: '#journal-content',
    data: {
      ctxPath: '',
      lang: 'zh_CN',
      baseFiguresUrl: '/figures/',
      specailCoverUrl: '/img/issue/',
      onlineFirstLoading: true,
      onlineFirst: [],
      justAcceptedLoading: true,
      justAccepted: [],
      currentIssueLoading: true,
      currentIssue: [],
      specialTopicLoading: true,
      specialTopicList: [],
      collectionListLoading: true,
      collectionList: [],
      specialIssueList: [],
      specialIssueLoading: true,
      specialColumnList: [],
      specialColumnLoading: true,
      mostReadLoading: true,
      mostReadList: [],
      mostCitedLoading: true,
      mostCitedList: [],
      editorRecommendLoading: true,
      editorRecommendList: [],
      journalIntroEn: "",
      journalIntroZh: "",
      pictureZoomUrl: '',//图片放大路径
      isManager: false,
      featureList: [],
      sort: 'default',

    },
    created: function created() {
      this.isManager = false;
      this.$nextTick(function () {
        this.loadFeatureArticle();
        this.loadOnlineFirst();
        this.loadJustAccepted();
        this.loadCurrentIssue();
        this.loadMostReadList();
        this.loadMostCitedList();
        this.loadEditorRecommendList();
        this.loadSpecialTopicList();
        this.loadCollectionList();
        this.loadSpecialIssueList();
        this.loadSpecialColumnList();
        this.loadJournalIntro();
      });
    },
    mounted: function () {
      // 模块1省略号兼容ie
      if (window.navigator.userAgent.indexOf("Trident") > -1) {
        this.$nextTick(function () {
          var lineHeight = parseFloat($('.module1Box .depict').css('line-height'))
          var box = document.querySelectorAll('.module1Box .depict')
          box.forEach(function (item, index) {
            if ($(item).height() > lineHeight * 6) {
              $(document.querySelectorAll('.module1Box .depict')[index]).css('height', (lineHeight * 6) + 'px')
              $(document.querySelectorAll('.module1Box .depict')[index]).find('.ellipsisIe').css('display', 'block')
            }
          })
        })
      }
    },
    methods: {
      titleText: function titleText(text) {
        text = htmlToText(text);
        return text;
      },
      addListenForModule3: function addListenForModule3() {
        var module3tabs = document.querySelectorAll('.module3Tab');

        if (module3tabs != null && module3tabs.length > 0) {
          //第一个激活
          this.$nextTick(function () {
            module3tabs[0].classList.add('active', 'borderC2');
          })
        }

        var module3ContentBoxs = document.querySelectorAll('.module3ContentBox');

        if (module3ContentBoxs != null && module3ContentBoxs.length > 0) {
          //第一个显示
          module3ContentBoxs[0].style.display = '';
        } // 模板3tab切换

        module3tabs.forEach(function (item, index) {
          module3tabs[index].onclick = function () {
            module3tabs.forEach(function (prop, i) {
              module3tabs[i].classList.remove('active');
              module3tabs[i].classList.remove('borderC2');
              var name = 'for' + module3tabs[i].getAttribute('tabfor');
              document.getElementsByClassName(name)[0].style.display = "none";
            });
            module3tabs[index].classList.add('active');
            module3tabs[index].classList.add('borderC2');
            var name = 'for' + module3tabs[index].getAttribute('tabfor');
            document.getElementsByClassName(name)[0].style.display = '';

            // 兼容ie省略号
            if (window.navigator.userAgent.indexOf("Trident") > -1) { //ie浏览器
              console.log('ie')
              var lineHeight = parseFloat($('.module3Box .formostCited .detailedDesc').css('line-height'))
              console.log('lineHeight', lineHeight)
              var box = document.querySelectorAll('.module3Box .formostCited .detailedDesc')
              box.forEach(function (item, index) {
                console.log('height', $(item).height())
                if ($(item).height() > lineHeight * 3) {
                  $(document.querySelectorAll('.module3Box .formostCited .detailedDesc')[index]).css('height', (lineHeight * 3) + 'px')
                  $(document.querySelectorAll('.module3Box .formostCited .detailedDesc')[index]).find('.ellipsisIe').css('display', 'block')
                }
              })
              var lineHeight1 = parseFloat($('.module3Box .foreditorRecommend .detailedDesc').css('line-height'))
              console.log('lineHeight1', lineHeight1)
              var box1 = document.querySelectorAll('.module3Box .foreditorRecommend .detailedDesc')
              box1.forEach(function (item, index) {
                console.log('height', $(item).height())
                if ($(item).height() > lineHeight1 * 3) {
                  $(document.querySelectorAll('.module3Box .foreditorRecommend .detailedDesc')[index]).css('height', (lineHeight1 * 3) + 'px')
                  $(document.querySelectorAll('.module3Box .foreditorRecommend .detailedDesc')[index]).find('.ellipsisIe').css('display', 'block')
                }
              })
            }
          };
        });
      },
      loadOnlineFirst: function loadOnlineFirst() {
        var self = this;
        $.ajax({
          type: "POST",
          //   url: '/restData/journalDetailOnlineFirst?pageNo=0&pageSize=5&journalBaseId=' + content_journalBaseId,
          url: '/publish/selectSingle?id=' + content_journalBaseId + '&indexNum=' + 9,
          // 请求数据地址
          success: function success(result) {
            // 不为空
            // self.onlineFirst = result;
            if (result.rpublishList.length > 5) {
              self.onlineFirst = result.rpublishList.slice(0, 5);
            } else {
              self.onlineFirst = result.rpublishList
            }

            // 判断online first是否有数据
            if (self.onlineFirst.length === 0) {
              $('#latestOnlineTab').hide()
            }

            self.onlineFirstLoading = false;
            self.$nextTick(function () {
              // 后台返回的italic标签增加斜体样式
              $('italic').attr('style', 'font-style: italic')
            })
            MathJax.Hub.Queue(["Typeset", MathJax.Hub]);
            // 兼容ie省略号
            if (window.navigator.userAgent.indexOf("Trident") > -1) { //ie浏览器
              self.$nextTick(function () {
                var lineHeight = parseFloat($('.module2Box .forlatestOnline .depict').css('line-height'))
                var box = document.querySelectorAll('.module2Box .forlatestOnline .depict')
                box.forEach(function (item, index) {
                  if ($(item).height() > lineHeight * 3) {
                    $(document.querySelectorAll('.module2Box .forlatestOnline .depict')[index]).css('height', (lineHeight * 3) + 'px')
                    $(document.querySelectorAll('.module2Box .forlatestOnline .depict')[index]).find('.ellipsisIe').css('display', 'block')
                  }
                })
              })
            }
          }
        });

      },
      loadJustAccepted: function () {
        var self = this;
        $.ajax({
          type: "POST",
          url: '/publish/justAccepted?id=' + content_journalBaseId,
          success: function (result) {
            if (result.rpublishList.length > 5) {
              self.justAccepted = result.rpublishList.slice(0, 5);
            } else {
              self.justAccepted = result.rpublishList
            }

            // 判断just accepted是否有数据
            if (self.justAccepted.length === 0) {
              $('#latestAccepdedTab').hide()
            }

            self.justAcceptedLoading = false;
            self.$nextTick(function () {
              // 后台返回的italic标签增加斜体样式
              $('italic').attr('style', 'font-style: italic')
            })
            // 兼容ie省略号
            if (window.navigator.userAgent.indexOf("Trident") > -1) { //ie浏览器
              self.$nextTick(function () {
                var lineHeight = parseFloat($('.module2Box .forlatestAccepted .depict').css('line-height'))
                var box = document.querySelectorAll('.module2Box .forlatestAccepted .depict')
                box.forEach(function (item, index) {
                  if ($(item).height() > lineHeight * 3) {
                    $(document.querySelectorAll('.module2Box .forlatestAccepted .depict')[index]).css('height', (lineHeight * 3) + 'px')
                    $(document.querySelectorAll('.module2Box .forlatestAccepted .depict')[index]).siblings('.ellipsisIe').css('display', 'block')
                  }
                })
              })
            }
          }
        })
      },
      loadCurrentIssue: function loadCurrentIssue() {
        var self = this;
        $.ajax({
          url: '/restData/journalDetailCurrentIssue?pageNo=1&pageSize=5&journalBaseId=' + content_journalBaseId,
          // 请求数据地址
          success: function success(result) {
            self.currentIssue = result;
            self.currentIssueLoading = false;
            self.$nextTick(function () {
              // 后台返回的italic标签增加斜体样式
              $('italic').attr('style', 'font-style: italic')
            })
            MathJax.Hub.Queue(["Typeset", MathJax.Hub]);
            // 兼容ie省略号
            if (window.navigator.userAgent.indexOf("Trident") > -1) { //ie浏览器
              self.$nextTick(function () {
                var lineHeight = parseFloat($('.module2Box .forcurrentIssue .depict').css('line-height'))
                var box = document.querySelectorAll('.module2Box .forcurrentIssue .depict')
                box.forEach(function (item, index) {
                  if ($(item).height() > lineHeight * 3) {
                    $(document.querySelectorAll('.module2Box .forcurrentIssue .depict')[index]).css('height', (lineHeight * 3) + 'px')
                    $(document.querySelectorAll('.module2Box .forcurrentIssue .depict')[index]).find('.ellipsisIe').css('display', 'block')
                  }
                })
              })
            }
          }
        });
      },
      loadSpecialTopicList: function loadSpecialTopicList() {
        var self = this;
        $.ajax({
          type: "POST",
          url: '/rest/v4/heading/selectListPage',
          data: {
            "journalId": content_journalBaseId,
            "curpage": 0,
            "pageCount": 4,
            "title": '',
            "volume": '',
            "issue": '',
            "headingType": 1,
            "subSite": '',
          },
          // 请求数据地址
          success: function success(result) {
            self.specialTopicList = result.list;
            self.specialTopicLoading = false;
            MathJax.Hub.Queue(["Typeset", MathJax.Hub]);
            // 初始化轮播图
            self.$nextTick(function () {
              var swiperModule4 = new Swiper('.swiperModule4', {
                slidesPerView: 'auto',
                spaceBetween: 25,
                slidesPerGroup: 1,
                navigation: {
                  nextEl: ".swiper-button-next",
                  prevEl: ".swiper-button-prev",
                },
              })
            })
            // 兼容ie省略号
            if (window.navigator.userAgent.indexOf("Trident") > -1) { //ie浏览器
              self.$nextTick(function () {
                var lineHeight = parseFloat($('.module4Box .name a').css('line-height'))
                var box = document.querySelectorAll('.module4Box .name a')
                box.forEach(function (item, index) {
                  if ($(item).height() > lineHeight * 3) {
                    $(document.querySelectorAll('.module4Box .name')[index]).css('height', (lineHeight * 3) + 'px')
                    $(document.querySelectorAll('.module4Box .name')[index]).children('.ellipsisIe').css('display', 'block')
                  }
                })

              })
            }
          }
        });
      },
      loadSpecialIssueList: function loadSpecialIssueList() {
        var self = this;
        $.ajax({
          type: "POST",
          url: '/rest/v4/heading/selectListPage',
          data: {
            "journalId": content_journalBaseId,
            "curpage": 0,
            "pageCount": 4,
            "title": '',
            "volume": '',
            "issue": '',
            "headingType": 2,
            "subSite": '',
          },
          // 请求数据地址
          success: function success(result) {
            self.specialIssueList = result.list;
            self.specialIssueLoading = false;
            MathJax.Hub.Queue(["Typeset", MathJax.Hub]);
            // 初始化轮播图
            self.$nextTick(function () {
              var swiperModule4 = new Swiper('.swiperModule4', {
                slidesPerView: 'auto',
                spaceBetween: 25,
                slidesPerGroup: 1,
                navigation: {
                  nextEl: ".swiper-button-next",
                  prevEl: ".swiper-button-prev",
                },
              })
            })
            // 兼容ie省略号
            if (window.navigator.userAgent.indexOf("Trident") > -1) { //ie浏览器
              self.$nextTick(function () {
                var lineHeight = parseFloat($('.module4Box .name a').css('line-height'))
                var box = document.querySelectorAll('.module4Box .name a')
                box.forEach(function (item, index) {
                  if ($(item).height() > lineHeight * 3) {
                    $(document.querySelectorAll('.module4Box .name')[index]).css('height', (lineHeight * 3) + 'px')
                    $(document.querySelectorAll('.module4Box .name')[index]).children('.ellipsisIe').css('display', 'block')
                  }
                })

              })
            }
          }
        });
      },
      loadSpecialColumnList: function loadSpecialColumnList() {
        var self = this;
        $.ajax({
          type: "POST",
          url: '/rest/v4/heading/selectListPage',
          data: {
            "journalId": content_journalBaseId,
            "curpage": 0,
            "pageCount": 4,
            "title": '',
            "volume": '',
            "issue": '',
            "headingType": 0,
            "subSite": '',
          },
          // 请求数据地址
          success: function success(result) {
            self.specialColumnList = result.list;
            self.specialColumnLoading = false;
            MathJax.Hub.Queue(["Typeset", MathJax.Hub]);
            // 初始化轮播图
            self.$nextTick(function () {
              var swiperModule4 = new Swiper('.swiperModule4', {
                slidesPerView: 'auto',
                spaceBetween: 25,
                slidesPerGroup: 1,
                navigation: {
                  nextEl: ".swiper-button-next",
                  prevEl: ".swiper-button-prev",
                },
              })
            })
            // 兼容ie省略号
            if (window.navigator.userAgent.indexOf("Trident") > -1) { //ie浏览器
              self.$nextTick(function () {
                var lineHeight = parseFloat($('.module4Box .name a').css('line-height'))
                var box = document.querySelectorAll('.module4Box .name a')
                box.forEach(function (item, index) {
                  if ($(item).height() > lineHeight * 3) {
                    $(document.querySelectorAll('.module4Box .name')[index]).css('height', (lineHeight * 3) + 'px')
                    $(document.querySelectorAll('.module4Box .name')[index]).children('.ellipsisIe').css('display', 'block')
                  }
                })

              })
            }
          }
        });
      },
      loadCollectionList: function loadCollectionList() {
        var self = this;
        $.ajax({
          url: '/restData/collectionList?limit=4&journalBaseId=' + content_journalBaseId,
          // 请求数据地址
          success: function success(result) {
            self.collectionList = result;
            self.collectionListLoading = false;
            MathJax.Hub.Queue(["Typeset", MathJax.Hub]);
            // 初始化轮播图
            self.$nextTick(function () {
              var swiperModule4 = new Swiper('.swiperModule4', {
                slidesPerView: 'auto',
                spaceBetween: 25,
                slidesPerGroup: 1,
                navigation: {
                  nextEl: ".swiper-button-next",
                  prevEl: ".swiper-button-prev",
                },
              })
            })
          }
        });
      },
      loadMostReadList: function loadMostReadList() {
        var self = this;
        $.ajax({
          url: '/sciMostRead/getMorePjMostRead?start=0&end=19&sort=' + self.sort + '&pjId=' + content_journalBaseId,
          //   url: '/restData/mostReadList?pageNo=1&pageSize=5&journalBaseId=' + content_journalBaseId,
          // 请求数据地址
          success: function success(result) {
            self.mostReadList = result.pArticleList;
            self.mostReadLoading = false;
            MathJax.Hub.Queue(["Typeset", MathJax.Hub]);
            if (self.mostReadList.length === 0) {
              $('#module3TabMostRead').remove()
              $('.module3Box .formostRead').remove()
            }
            self.$nextTick(function () {
              $(".popoverAuthor").popover({ html: true }); //作者气泡初始化
              // 后台返回的italic标签增加斜体样式
              $('italic').attr('style', 'font-style: italic')
              // 兼容ie省略号
              if (window.navigator.userAgent.indexOf("Trident") > -1) {//ie浏览器
                setTimeout(function () {
                  var lineHeight = parseFloat($('.module3Box .formostRead .detailedDesc').css('line-height'))
                  var box = document.querySelectorAll('.module3Box .formostRead .detailedDesc')
                  console.log(box)
                  box.forEach(function (item, index) {
                    console.log($(item).height())
                    if ($(item).height() > lineHeight * 3) {
                      console.log('大于')
                      $(document.querySelectorAll('.module3Box .formostRead .detailedDesc')[index]).css('height', (lineHeight * 3) + 'px')
                      $(document.querySelectorAll('.module3Box .formostRead .detailedDesc')[index]).find('.ellipsisIe').css('display', 'block')
                    }
                  })
                }, 1000)
              }
            })
          }
        });
      },
      loadMostCitedList: function loadMostCitedList() {
        var self = this;
        $.ajax({
          url: '/sciMostCited/getMorePjMostCited?start=0&end=20&sort=' + self.sort + '&pjId=' + content_journalBaseId,
          //   url: '/restData/mostCitedList?pageNo=1&pageSize=5&journalBaseId=' + content_journalBaseId,
          // 请求数据地址
          success: function success(result) {
            self.mostCitedList = result.pArticleList;
            self.mostCitedLoading = false;
            MathJax.Hub.Queue(["Typeset", MathJax.Hub]);
            if (self.mostCitedList.length === 0) {
              $('#module3TabMostCited').remove()
              $('.module3Box .formostCited').remove()
              console.log('cited', self.mostCitedList.length)
            }
            self.$nextTick(function () {
              $(".popoverAuthor").popover({ html: true }); //作者气泡初始化
              // 后台返回的italic标签增加斜体样式
              $('italic').attr('style', 'font-style: italic')
              // 兼容ie省略号
              if (window.navigator.userAgent.indexOf("Trident") > -1) {//ie浏览器
                var lineHeight = parseFloat($('.module3Box .formostCited .detailedDesc').css('line-height'))
                var box = document.querySelectorAll('.module3Box .formostCited .detailedDesc')
                box.forEach(function (item, index) {
                  if ($(item).height() > lineHeight * 3) {
                    $(document.querySelectorAll('.module3Box .formostCited .detailedDesc')[index]).css('height', (lineHeight * 3) + 'px')
                    $(document.querySelectorAll('.module3Box .formostCited .detailedDesc')[index]).find('.ellipsisIe').css('display', 'block')
                  }
                })
              }
            })
          }
        });
      },
      loadEditorRecommendList: function loadEditorRecommendList() {
        var self = this;
        $.ajax({
          url: '/restData/getPjEditRecommend',
          data: {
            "pjId": content_journalBaseId,
            "amount": 6
          },
          // 请求数据地址
          success: function success(result) {
            self.editorRecommendList = result;
            self.editorRecommendLoading = false;
            MathJax.Hub.Queue(["Typeset", MathJax.Hub]);
            self.$nextTick(function () {
              if (!self.isManager) {
                setTimeout(function () {
                  if ((self.editorRecommendList && self.editorRecommendList.length === 0) && (self.mostCitedList && self.mostCitedList.length === 0) && (self.mostReadList && self.mostReadList.length === 0)) {
                    $('.module3Box').remove()
                  }
                }, 1000)
              }
              $(".popoverAuthor").popover({ html: true }); //作者气泡初始化
              // 后台返回的italic标签增加斜体样式
              $('italic').attr('style', 'font-style: italic')
              self.addListenForModule3();
              // 兼容ie省略号
              if (window.navigator.userAgent.indexOf("Trident") > -1) {
                var lineHeight = parseFloat($('.module3Box .foreditorRecommend .detailedDesc').css('line-height'))
                var box = document.querySelectorAll('.module3Box .foreditorRecommend .detailedDesc')
                box.forEach(function (item, index) {
                  if ($(item).height() > lineHeight * 3) {
                    $(document.querySelectorAll('.module3Box .foreditorRecommend .detailedDesc')[index]).css('height', (lineHeight * 3) + 'px')
                    $(document.querySelectorAll('.module3Box .foreditorRecommend .detailedDesc')[index]).find('.ellipsisIe').css('display', 'block')
                  }
                })
              }
            })
          }
        });
      },
      loadJournalIntro: function loadJournalIntro() {
        var self = this; // let language = $("#language").val();
        // self.language = language;

        $.ajax({
          //   url: '/publisher/selectJournalIntro?journalBaseId=' + content_journalBaseId + '&lang=' + language,
          url: '/publisher/selectJournalIntro?journalBaseId=' + content_journalBaseId + '&lang=zh_CN',
          success: function success(result) {
            $("#journalIntro").html(result.introStr);
            self.journalIntroEn = result.introEn;
            self.journalIntroZh = result.introZh;
          }
        });
      },
      searchArticleType: function searchArticleType(articleTypeStr) {
        let url = '/search/search?articleTypeFilter=' + articleTypeStr + '&searchType=commonSearch';
        window.open(url, '_blank');
      },
      jumpTheme: function jumpTheme(item) {
        var self = this;
        var url = null;
        if (self.lang == 'zh_CN') {
          if (item.theme_cn) {
            url = '/search/search?filterThemeFilter=' + item.theme_cn[0] + '&searchType=commonSearch';
          } else {
            url = '/search/search?filterThemeFilter=' + item.themeZh + '&searchType=commonSearch';
          }
        } else {
          if (item.theme_en) {
            url = '/search/search?filterThemeFilter=' + item.theme_en[0] + '&searchType=commonSearch';
          } else {
            url = '/search/search?filterThemeFilter=' + item.themeEn + '&searchType=commonSearch';
          }
        }
        window.open(url, '_blank');
      },
      // 检测是中文还是英文
      checkCh: function checkCh(str) {
        var reg = new RegExp("[\\u4E00-\\u9FFF]", 'g');

        if (reg.test(str)) {
          $('body, html, .module2Tabs, .module2ContentBox .title, .module3Tabs, .module3Content .title, .module4Tabs, .module4ContentBox .name, .more').css('cssText', 'font-family: "微软雅黑" !important');
        }
      },
      emailAlerts: function emailAlerts() {
        var lang = $("#language").val();
        $.ajax({
          type: "POST",
          url: "/publisher/emailAlerts",
          async: true,
          data: {
            "journalBaseId": content_journalBaseId
          },
          success: function success(result) {
            if (result == "success") {
              if (lang == "zh_CN") {
                swal("", "订阅成功!", "success");
              } else {
                swal("", "Subscription succeeded!", "success");
              }
            } else {
              swal("", result, "warning");
            }
          }
        });
      },
      // 图片放大弹窗
      imgZoomModal: function imgZoomModal(url) {
        $('#module2ImgModal').modal({
          backdrop: "static",
          show: true
        });
        this.pictureZoomUrl = url;
      },
      authorOpen: function (event) {
        if (!$(event.currentTarget).data('lastCk')) {
          $('.popoverAuthor').removeData('lastCk');
          $(event.currentTarget).data('lastCk', true);
          $('.popoverAuthor').popover('destroy');
          $(event.currentTarget).popover('show');
        } else {
          if ($(event.currentTarget).siblings('.popover').hasClass('in')) {
            $(event.currentTarget).unbind()
          } else {
            $(event.currentTarget).popover('show');
          }
        }
      },
      delPra: function delPra(item) {
        swal('警告', "", "warning", {
          buttons: {
            cancel: {
              text: '取消',
              value: null,
              visible: true,
              className: "",
              closeModal: true,
            },
            confirm: {
              text: '好的，删除它',
              value: 'confirm',
              closeModal: false
            },
          }
        }).then(function (value) {
          switch (value) {
            case "confirm":
              $.ajax({
                type: "POST",
                url: "/publisher/delPra/" + item.recommendId,
                success: function success(data) {
                  window.location.reload(true);
                }
              });
              break;
          }
        });
      },
      loadFeatureArticle: function loadFeatureArticle() {
        let self = this;
        $.ajax({
          type: "POST",
          url: "/featureArticle/selectListByJournal/list?id=" + content_journalBaseId,
          success: function success(data) {
            self.featureList = data;

            // 初始化轮播图
            self.$nextTick(function () {
              initSwiperFirst()
              // 计算模块1右侧高度，让左侧图片自适应
              var numberList = []
              for (var i = 0; i < $('.module1Box .rightBox').length; i++) {
                if (window.navigator.userAgent.indexOf("Trident") > -1) { //ie

                } else { //非ie
                  numberList.push($('.module1Box .rightBox')[i].clientHeight)
                }
              }
              function myFunction(x) {
                var max = x[0];    //首先定义第一个数为最大数   
                for (var i = 0; i < x.length; i++) {
                  if (x[i] > max) { max = x[i]; }
                }
                $('.module1Box .imgBox').height(max - 35 + 'px')
              }
              myFunction(numberList)
              setTimeout(function () {
                // 方程过滤
                MathJax.Hub.Queue(["Typeset", MathJax.Hub]);
              }, 10)
            })
          }
        });
      }
      //Twitter和LinkedIn暂缓开发
      // reminderSwal: function (){
      //   swal("coming soon", "", "warning");
      // }
    },
    filters: {
      titleFormat: function titleFormat(msg) {
        if (msg != undefined) {
          var reg = /<[^<>]+>/g;
          msg = msg.replace(reg, '').replace('Abstract', '');
          return msg;
        }
        return '';
      },
      // 过滤标签
      filterTags: function (val) {
        if (val) {
          return val.replace(/<[^>]*>/g, '');
        }
      },
      // 过滤latest online作者数据
      latestAuthorFilter: function (val) {
        return val.join(', ')
      }
    }
  });

  function module2Jump() {
    var activeTab = document.querySelectorAll('.module2Tabs .active');

    if (activeTab != null) {
      var name = activeTab[0].getAttribute('tabfor');

      if (name == 'latestOnline') {
        window.open("/JES/articles-in-press?articleType=online", "_blank");
        // window.open("/publisher/CSPM/journal/JES?slug=firstpublish&articleType=online", "_blank");
      } else if (name == 'latestAccepted') {
        window.open("/JES/articles-in-press?articleType=accept", "_blank");
        // window.open("/publisher/CSPM/journal/JES?slug=firstpublish&articleType=accept", "_blank");
      } else if (name == 'currentIssue') {
        window.open("/publisher/CSPM/journal/JES?slug=browse", "_blank");
      }
    }
  }

  function module3Jump() {
    var activeTab = document.querySelectorAll('.module3Tabs .active');

    if (activeTab != null) {
      var name = activeTab[0].getAttribute('tabfor');

      if (name == 'mostRead') {
        var pjId = content_journalBaseId;
        var url;

        if (pjId != "") {
          url = "/publisher/getMorePjMostRead";
        } else {
          url = "/getMoreMostRead";
        }

        url = url + "?start=0&end=19&sort=default&pjId=" + pjId + "&fla=JES&abbreviated=CSPM";
        window.open(url, "_blank");
      } else if (name == 'mostCited') {
        var pjId = content_journalBaseId;
        var url;

        if (pjId != "") {
          url = "/publisher/getMorePjMostCited";
        } else {
          url = "/getMoreMostCited";
        }

        url = url + "?start=0&end=19&sort=default&pjId=" + pjId + "&fla=JES&abbreviated=CSPM";
        window.open(url, "_blank");
      }
    }
  }

  function module4Jump() {
    var activeTab = document.querySelectorAll('.module4Tabs .active');

    if (activeTab != null) {
      var name = activeTab[0].getAttribute('tabfor');

      if (name == 'specialTopics') {
        window.open("/publisher/CSPM/journal/JES?slug=specialTopics", "_blank");
        // window.open("/viewPageDetail/journalSpecialTopicList?fla=JES", "_blank");
      } else if (name == 'collections') {
        window.open("/publisher/CSPM/journal/JES?slug=collections", "_blank");
      }else if (name == 'specialIssue') {
        window.open("/JES/special-issue-list", "_blank");
      }else if (name == 'specialColumn') {
        window.open("/JES/special-column-list", "_blank");
      }
    }
  } //初始化时间控件

  Date.prototype.toLocaleString = function () {
    return (this.getMonth() + 1) + "/" + this.getDate() + "/" + this.getFullYear();
  };

  $('#vhaboK5S7dEgsyDST').datetimepicker({
    minView: "month",
    //选择日期后，不会再跳转去选择时分秒
    language: 'zh-CN',
    format: 'mm/dd/yyyy',
    autoclose: true,
    clearBtn: true,
    container: "#detailModal .modal-content" //悬浮在模态框上面

  }).on('hide', function (e) {
    $('#updateNewsModalForm').data('bootstrapValidator').updateStatus('releaseTime', 'NOT_VALIDATED', null).validateField('releaseTime');
  });
  $(function () {
    //图片控件
    $("#YL4hnuGKX5Wx4WwDP").uploadPreview({
      Img: "CmgDXqcdiKHKw8kkQ",
      Width: 400,
      Height: 400
    }); //Modal可见时触发

    $('#detailModal').on('shown.bs.modal', function () {
      initValidator();
    }); //Modal验证销毁重构

    $('#detailModal').on('hidden.bs.modal', function () {
      if ($("#updateNewsModalForm").data('bootstrapValidator') != undefined && $("#updateNewsModalForm").data('bootstrapValidator') != null) {
        $("#updateNewsModalForm").data('bootstrapValidator').destroy();
        $('#updateNewsModalForm').data('bootstrapValidator', null);
      }
    });

    $(body).click(function () {
      var target = event.target
      if (!$(target).hasClass('popoverAuthor') && !$(target).hasClass('ellipsis')) {
        $('.popoverAuthor').popover('destroy')
      }
    })
  });

  function initValidator() {
    $("#updateNewsModalForm").bootstrapValidator({
      feedbackIcons: {
        valid: 'glyphicon glyphicon-ok',
        invalid: 'glyphicon glyphicon-remove',
        validating: 'glyphicon glyphicon-refresh'
      },
      fields: {
        titleEn: {
          validators: {
            notEmpty: {
              message: "必须填写英文"
            }
          }
        },
        titleZh: {
          validators: {
            notEmpty: {
              message: "必须填写中文"
            }
          }
        },
        releaseTime: {
          validators: {
            notEmpty: {
              message: "必须填写时间"
            }
          }
        }
      }
    });
  }

  function addFeatureArticle() {
    $("#linkId").val("");
    $("#KnLJssWuHTRs9GpJg").val("");
    $("#29xa3oZtYbkbCbYS6").val("");
    $("#epm67BJsvQWk7bgdm").val("");
    $("#9KtJRL56bBHpALY3E").val("");
    $("#29iofinyZzC35B8fe").val("");
    $("#iBE8GMAhs3Mar4EtB").val("");
    $("#5JYbfAEfyTcBc7yWk").val("");
    tinymce.get('o3tiJn9HQEpfQafm6').setContent('');
    tinymce.get('Cv64GEcLb2WWTr9S2').setContent('');
    $("#vhaboK5S7dEgsyDST").val("");
    $("#CmgDXqcdiKHKw8kkQ").attr("src", "");
    $("#KnLJssWuHTRs9GpJg").val("");
    $("#YL4hnuGKX5Wx4WwDP").val("");
    $("#detailModal").modal('show');
  }

  function submitFeatureArticle() {
    $("#updateNewsModalForm").data("bootstrapValidator").validate();
    setTimeout(function () {
      if ($("#updateNewsModalForm").data("bootstrapValidator").isValid()) {
        tinyMCE.triggerSave();
        var formData = new FormData($("#updateNewsModalForm")[0]);
        let url = "/featureArticle/addDetial";
        let featureArticleId = $("#KnLJssWuHTRs9GpJg").val();
        if (featureArticleId != undefined && featureArticleId != "") {
          //判断为更新
          url = "/featureArticle/updateDetial";
        }
        $.ajax({
          type: "POST",
          url: url,
          data: formData,
          cache: false,
          processData: false,
          contentType: false,
          success: function success(data) {
            window.location.reload(true);
          }
        });
      }
    }, 200);
  }

  function jumpFeatureArticle() {
    var faId = $(".swiper-slide-active .hide-fa-id").val();
    var link = $(".swiper-slide-active .hide-fa-link").val();

    if (link != null && link != undefined && link != '') {
      window.open(link, '_blank');
    } else {
      // var url = "/featureArticle/index/" + faId;
      var url = '/JES/featureArticle/' + faId;
      window.open(url, '_blank');
    }
  }

  function editFeatureArticle() {
    var faId = $(".swiper-slide-active .hide-fa-id").val();

    if (faId != null && faId != "" && faId != undefined) {
      $.ajax({
        type: "POST",
        url: "/featureArticle/selectArticle",
        data: { "id": faId },
        async: false,
        success: function (data) {
          $("#linkId").val(data.article.link)
          $("#KnLJssWuHTRs9GpJg").val(data.article.id);
          $("#29xa3oZtYbkbCbYS6").val(data.article.titleEn);
          $("#epm67BJsvQWk7bgdm").val(data.article.titleZh);
          $("#9KtJRL56bBHpALY3E").val(data.article.authorEn);
          $("#29iofinyZzC35B8fe").val(data.article.authorZh);
          $("#iBE8GMAhs3Mar4EtB").val(data.article.abstractEn);
          $("#5JYbfAEfyTcBc7yWk").val(data.article.abstractZh);
          if (data.article.fulltextEn == null) {
            tinymce.get('o3tiJn9HQEpfQafm6').setContent('');
          } else {
            tinymce.get('o3tiJn9HQEpfQafm6').setContent(data.article.fulltextEn);
          }
          if (data.article.fulltextZh == null) {
            tinymce.get('Cv64GEcLb2WWTr9S2').setContent('');
          } else {
            tinymce.get('Cv64GEcLb2WWTr9S2').setContent(data.article.fulltextZh);
          }
          if (data.article.releaseTime != null) {
            $("#vhaboK5S7dEgsyDST").val(new Date(data.article.releaseTime).toLocaleString());
          }
          $("#CmgDXqcdiKHKw8kkQ").attr("src", "/img/new/" + data.article.graphUrl);
          $("#detailModal").modal('show');
        }
      });
    }
  }

  function deleteFeatureArticle() {
    var faId = $(".swiper-slide-active .hide-fa-id").val();

    if (faId != null && faId != "" && faId != undefined) {
      var text = $(".swiper-slide-active").find(".title").text();

      swal('警告', text, "warning", {
        buttons: {
          cancel: {
            text: '取消',
            value: null,
            visible: true,
            className: "",
            closeModal: true,
          },
          confirm: {
            text: '好的，删除它',
            value: 'confirm',
            closeModal: false
          },
        }
      }).then(function (value) {
        switch (value) {
          case "confirm":
            $.ajax({
              type: "POST",
              url: "/featureArticle/deleteDetial/" + faId,
              success: function success(data) {
                window.location.reload(true);
              }
            });
            break;
        }
      });
    }
  }

  function resetModule3ContentHeight() {
    let oddHeight1 = $('.formostRead .module3Content:nth-of-type(1)').height() + 20
    let evenHeight1 = $('.formostRead .module3Content:nth-of-type(2)').height() + 20
    let oddHeight2 = $('.formostRead .module3Content:nth-of-type(3)').height() + 20
    let evenHeight2 = $('.formostRead .module3Content:nth-of-type(4)').height() + 20
    let oddHeight3 = $('.formostRead .module3Content:nth-of-type(5)').height() + 20
    let evenHeight3 = $('.formostRead .module3Content:nth-of-type(6)').height() + 20
    if (oddHeight1 > evenHeight1) {
      $('.formostRead .module3Content:nth-of-type(1), .formostRead .module3Content:nth-of-type(2)').css('height', oddHeight1 + 'px')
    } else {
      $('.formostRead .module3Content:nth-of-type(1), .formostRead .module3Content:nth-of-type(2)').css('height', evenHeight1 + 'px')
    }
    if (oddHeight2 > evenHeight2) {
      $('.formostRead .module3Content:nth-of-type(3), .formostRead .module3Content:nth-of-type(4)').css('height', oddHeight2 + 'px')
    } else {
      $('.formostRead .module3Content:nth-of-type(3), .formostRead .module3Content:nth-of-type(4)').css('height', evenHeight2 + 'px')
    }
    if (oddHeight3 > evenHeight3) {
      $('.formostRead .module3Content:nth-of-type(5), .formostRead .module3Content:nth-of-type(6)').css('height', oddHeight3 + 'px')
    } else {
      $('.formostRead .module3Content:nth-of-type(5), .formostRead .module3Content:nth-of-type(6)').css('height', evenHeight3 + 'px')
    }
    $(".popoverAuthor").popover({ html: true }); //作者气泡初始
  }

  function updatePra() {
    $("#addLatestArticlesModal").modal('show');
    $(".preview").attr("src", "");
    $("#scrollId").val();

  }

  function initSwiperFirst() {
    // 轮播(多张图片)
    var swiper = new Swiper('.swiper-container', {
      loop: true,
      autoplay: {
        disableOnInteraction: false
      },
      observer: true,
      observeParents: true,
      noSwiping: true,
      pagination: {
        el: '.swiper-pagination',
        clickable: true
      },
      on: {
        //添加此是事件主要是针对换肤
        slideChangeTransitionStart: function slideChangeTransitionStart() {
          $('.swiper-pagination-bullet').removeClass('bgC1');
          $('.swiper-pagination-bullet-active').addClass('bgC1');
        }
      }
    }); // 轮播(1张图片)

    var swiper = new Swiper('.swiper-container-one', {
      observer: true,
      observeParents: true,
      noSwiping: true,
      pagination: {
        el: '.swiper-pagination',
        clickable: true
      },
      on: {
        //添加此是事件主要是针对换肤
        slideChangeTransitionStart: function slideChangeTransitionStart() {
          $('.swiper-pagination-bullet').removeClass('bgC1');
          $('.swiper-pagination-bullet-active').addClass('bgC1');
        }
      }
    });
    $('.swiper-pagination-bullet-active').addClass('bgC1'); //当前轮播页码的背景色
  }

</script>
    <!-- 底部 -->
<link rel="stylesheet" href="/template/css/f6b93559715e43f3a93b245a7386cf0e_2.css">
<script type="text/javascript" charset="utf-8" src="/template/js/f6b93559715e43f3a93b245a7386cf0e_2.js"></script>
<div class="footerBox bgC1">
  <div class="footer container">
    <div class="footerTop row">
      <div class="col-md-3 col-sm-4">
        <div class="footerLeft">
          <!-- <div class="footerLogo">
            <img src="/static-template/image/mini/header/logo.png"/>
          </div> -->
          <div class="footerCode">
            <img class="img" src="https://files.sciengine.com/template/img/JES/wx.jpg"/>
          </div>
          <div class="imgLeft">
            <a href="" target="_blank">
              <i class="fa fa-facebook" aria-hidden="true" style="color: white"></i>
            </a>
            <a onclick="emailAddress()">
              <i class="fa fa-envelope-o" aria-hidden="true" style="color: white"></i>
            </a>
          </div>
        </div>
      </div>
      <div class="col-md-9 col-sm-8">
        <div class="row footerRight clearfix">
          <div class="sitemapColumn col-md-4 col-sm-4 col-xs-12 about">
            <div class="aboutTop">
              <div class="title">关于</div>
              <i class="fa fa-plus faPlus" aria-hidden="true" style="display: none;"></i>
              <i class="fa fa-minus" aria-hidden="true"></i>
            </div>
            <div class="desc" id="desc">
                  <p onclick='footerJump("/publisher/CSPM/journal/JES?slug=aboutus","_self")'>关于工程研究&mdash;跨学科视野中的工程</p>
                  <p onclick='footerJump("/publisher/CSPM/journal/JES?slug=news","_self")'>新闻</p>
              <p onclick="emailAlerts()">订阅推送邮件</p>
                <p onclick='footerJump("https://www.scicloudcenter.com/ES/login/index","_blank")'>投审稿入口</p>
              <!-- <p>政策</p> -->
            </div>
          </div>
          <div class="sitemapColumn col-md-4 col-sm-4 col-xs-12 contact">
            <div class="contactTop">
              <div class="title">联系我们</div>
              <i class="fa fa-plus faPlus" aria-hidden="true" style="display: none;"></i>
              <i class="fa fa-minus" aria-hidden="true"></i>
            </div>
            <div class="desc" id="descContact">
                  <p title="">
                    地址：北京市石景山区玉泉路19号甲中国科学院大学综合楼317室
                  </p>
                  <p title="">
                    电话/传真：010-88256710/6711
                  </p>
                  <p title="">
                    Email：jescas@ucas.ac.cn
                  </p>
            </div>
          </div>
          <div class="sitemapColumn col-md-4 col-sm-4 col-xs-12 related">
            <div class="relatedTop">
              <div class="title">相关链接</div>
              <i class="fa fa-plus faPlus" aria-hidden="true" style="display: none;"></i>
              <i class="fa fa-minus" aria-hidden="true"></i>
            </div>
            <div class="desc" id="descRelated">
                      <p>
                        <a href="https://www.cas.cn/" target="_blank">中国科学院</a>
                      </p>
                      <p>
                        <a href="https://www.ucas.ac.cn/" target="_blank">中国科学院大学</a>
                      </p>
                      <p>
                        <a href="https://kns.cnki.net/knavi/journals/GCKG/detail?uniplatform=NZKPT" target="_blank">知网</a>
                      </p>
                      <p>
                        <a href="https://sns.wanfangdata.com.cn/perio/gcyj" target="_blank">万方</a>
                      </p>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="footerBottom row">
      <div class="col-md-3 col-sm-4">
        <div class="imgLeft">
          <a href="https://www.facebook.com/ScienceChinaPress" target="_blank">
            <i class="fa fa-facebook" aria-hidden="true" style="color: white"></i>
          </a>
          <a onclick="emailAddress()">
            <i class="fa fa-envelope-o" aria-hidden="true" style="color: white"></i>
          </a>
        </div>
      </div>
      <div class="col-md-9 col-sm-8" style="display: none;">
            <div class="desc">ISSN 1674-4969         版权所有 <span style="display: inline-block;font-size: 20px;vertical-align: middle;">©</span>《工程研究——跨学科视野中的工程》编辑部</div>
      </div>
      <div class="col-md-9 col-sm-8">
        <div class="desc">ISSN 1674-4969</div>
      </div>
    </div>
  </div>
</div>
<script>
function footerJump(url,target){
  window.open(url,target);
}
function reminderSwal () {
  swal("coming soon", "", "warning");
}
// email复制地址
function emailAddress () {
  let e = 'jescas@ucas.ac.cn'
  const input = document.createElement("input");
  document.body.appendChild(input);
  input.setAttribute("value", e);
  input.select();
  if (document.execCommand("copy")) {
    document.execCommand("copy");
  }
  document.body.removeChild(input);
  if(language.value == "en_US"){
    swal("", "Copied to clipboard!", "success");
  } else {
    swal("", "已复制到剪切板!", "success");
  }
}
</script>
<link rel="stylesheet" href="/template/css/f6b93559715e43f3a93b245a7386cf0e_-1.css">
<link rel="stylesheet" type="text/css" href="/static/upgrade/css/footer.css">
<!-- 表单验证 -->
<link href="/css/bootstrapValidator.min.css" rel="stylesheet">
<script src="/js/bootstrapValidator.min.js"></script>
<!-- 富文本 -->
<script type="text/javascript">
var ctx = '';
</script>
<script src="/static-template/publisher/common/tinymce/tinymce.min.js"></script>
<script src="/static-template/publisher/common/js/tinymce-init.js"></script>
<div class="globalFooterBox">
    <!-- back to top -->
    <div class="backToTop clearfix" onclick="backTop()">
      <i class="fa fa-angle-up" aria-hidden="true"></i>
            <span class="hidden-xs hidden-sm top-text">返回顶部</span>
            <span class="hidden-lg hidden-md top-text">顶部</span>
    </div>
    <div class="row">
        <div class="col-md-12">
            <p id="companyInfoCh"></p>
            <p id="companyInfoEn"></p>
        </div>
        <div class="col-md-12">
            <p id="registerInfos"></p>
        </div>
    </div>
</div>
<div class="modal fade" id="myFooterEditModal" tabindex="-1" role="dialog" aria-labelledby="myFooterModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal"
                        aria-hidden="true">×</button>
                <h4 id="title" class="modal-title"></h4>
            </div>
            <form id="updateFooterForm" method="post" action="/publishers/submitFooterInfo" novalidate="novalidate" enctype="multipart/form-data">
                <div class="modal-body">
                    <!-- 公司信息英文 -->
                    <div class="form-group">
                        <label class="control-label">公司信息(英文)</label>
                        <input type="text" autocomplete="off" id="CompanyEnName" name="CompanyEnName" class="form-control">
                    </div>
                    <!-- 公司信息中文 -->
                    <div class="form-group">
                        <label class="control-label">公司信息(中文)</label>
                        <input type="text" autocomplete="off" id="CompanyChName" name="CompanyChName" class="form-control">
                    </div>
                    <!-- ICP备案 -->
                    <div class="panel panel-default">
                        <div class="panel-heading">
                            <h3 class="panel-title">
                                ICP备案信息
                            </h3>
                        </div>
                        <div class="panel-body">
                            <div class="form-group" id="IntegratedInfoDiv">
                                <textarea rows="3" class="form-control tinymce-textarea" id="IntegratedInfo" name="IntegratedInfo"></textarea>
                            </div>
                        </div>
                    </div>
                    <!--联网备案信息-->
                    <div class="panel panel-default">
                        <div class="panel-heading">
                            <h3 class="panel-title">
                                联网备案信息
                            </h3>
                        </div>
                        <div class="panel-body">
                            <div class="form-group" id="RegisterSystemInfoDiv">
                                <textarea rows="3" class="form-control tinymce-textarea" id="RegisterSystemInfo" name="RegisterSystemInfo"></textarea>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <button id="footer-submit-button" type="button"  class="btn btn-default">
                        修改
                    </button>
                </div>
            </form>
        </div><!-- /.modal-content -->
    </div><!-- /.modal -->
</div>

<script type="text/javascript">
$(function () {
    //Modal可见时触发
    $('#myFooterEditModal').on('shown.bs.modal', function() {
        footerFormValidator();
    });
    //Modal验证销毁重构
    $('#myFooterEditModal').on('hidden.bs.modal', function() {
        if($("#updateFooterForm").data('bootstrapValidator')!=undefined&&$("#updateFooterForm").data('bootstrapValidator')!=null){
            $("#updateFooterForm").data('bootstrapValidator').destroy();
            $('#updateFooterForm').data('bootstrapValidator',null);
        }
    });
    getFooterInfo();

    $("#footer-submit-button").on("click", function(){
        $("#updateFooterForm").data("bootstrapValidator").validate();
        if(!$("#updateFooterForm").data("bootstrapValidator").isValid()){
            return ;
        }
        document.getElementById("updateFooterForm").submit();
    });
    
    $(window).scroll(function () {
        var scrollTop = $(document).scrollTop()
        // back to top
        if (scrollTop >= 300) {
            $('.backToTop').addClass('back-to-top__is-visible back-to-top__fade-out')
        } else if (scrollTop >= 100) {
            $('.backToTop').addClass('back-to-top__is-visible')
        } else if (scrollTop < 100) {
            $('.backToTop').removeClass('back-to-top__is-visible back-to-top__fade-out')
        }
    })
});

function footerFormValidator() {
    $("#updateFooterForm").bootstrapValidator({
        feedbackIcons: { //根据验证结果显示的各种图标
            valid: 'glyphicon glyphicon-ok',
            invalid: 'glyphicon glyphicon-remove',
            validating: 'glyphicon glyphicon-refresh'
        },fields: {
            CompanyEnName: {
                validators: {
                    notEmpty: {
                        message: '必须输入'
                    }
                }
            },
            CompanyChName: {
                validators: {
                    notEmpty: {
                        message: '必须输入'
                    }
                }
            },
        }
    });
}

function getFooterInfo() {
    var lang = 'zh_CN';
    var journalId = 'cb0aaa6eaea44178ab0065affa119dfd';
    $.ajax({
        type: "POST",
        url: "/publishers/getFooterInfo",
        success: function (data) {
        	//c1ca05087017497f9e9f24ce4a44869a
        	if(journalId == 'c1ca05087017497f9e9f24ce4a44869a'){
        		data.integratedInfo = '<a href=\"https://beian.miit.gov.cn/#/Integrated/index\" target=\"_blank\">黔ICP备07002071号-7 </a>';
        		data.registerSystemInfo = '<img src=\"/img/beian.png\" /><a href=\"https://beian.mps.gov.cn/#/query/webSearch\" target=\"_blank\" style=\"color:#333333;\">贵公网安备52011502002747号</a>';
        	}
            $('#companyInfoCh').text(data.companyInfoCh);
            $('#companyInfoEn').text(data.companyInfoEn);
            if (lang == 'zh_CN') {
                //隐藏英文
                $('#companyInfoEn').css("display", "none");
            } else {
                $('#companyInfoCh').css("display", "none");
            }
            var info = data.integratedInfo + "&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;" + data.registerSystemInfo;
            $('#registerInfos').html(info);
            //去除p标签
            //info = $($('#registerInfos').find("p")[0]).html() + "&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;" + $($('#registerInfos').find("p")[1]).html();
            //$('#registerInfos').html(info);
        },
        error: function (message) {
            //swal(getTipData(1), "","error");
        }
    });
}

function openFooterModel() {
    //填充数据到编辑按钮
    $("#myFooterEditModal").modal("show");
    $.ajax({
        type: "POST",
        url: "/publishers/getFooterInfo",
        success: function (data) {
            $('#CompanyChName').val(data.companyInfoCh);
            $('#CompanyEnName').val(data.companyInfoEn);
            tinymce.get('IntegratedInfo').setContent("");
            tinymce.get('RegisterSystemInfo').setContent("");
            tinymce.get('IntegratedInfo').setContent(data.integratedInfo);
            tinymce.get('RegisterSystemInfo').setContent(data.registerSystemInfo);
        },
        error: function (message) {
            //swal(getTipData(1), "","error");
        }
    });
}

function backTop() {
    $('html, body').animate({ scrollTop: 0 });
}
</script>  </div>

</body>
<script>
  // 解决刷新时页面有一瞬间样式的崩塌
  setTimeout(function () {
    document.getElementById('body').style.visibility = 'visible';
  }, 1); // 兼容PC与h5

  function watchWindowSize() {
    (function (doc, win) {
      var docEl = doc.documentElement;
      var resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize';

      var recalc = function recalc() {
        // var clientWidth = window.innerwidth || document.documentElement.clientWidth || document.body.clientWidth;
        var clientWidth = window.innerWidth
        if (!clientWidth) return;

        if (clientWidth > 767) {
          docEl.style.width = '100%';
          docEl.style.margin = 'auto';
          docEl.style.fontSize = '15px';
          var abbsPc = document.getElementById('abbs');
          abbsPc.className = 'abbsPc';
		  $('.foreditorRecommend .fa-plus').attr("style","display:inline");
		  $('.foreditorRecommend .fa-times').attr("style","display:inline");
        } else {
          docEl.style.width = '100%';
          var fsize = parseFloat(100 * (clientWidth / 767)).toFixed(2);
          docEl.style.fontSize = fsize + 'px';
          var realF = parseFloat(window.getComputedStyle(document.getElementsByTagName('html')[0]).fontSize).toFixed(2);

          if (realF !== fsize) {
            // 解决系统内设置缩小放大字体影响布局
            docEl.style.fontSize = parseInt(fsize * fsize / realF) + 'px';
          }

          var abbsH5 = document.getElementById('abbs');
          abbsH5.className = '';
		  
		   $('.foreditorRecommend .fa-plus').attr("style","display:none");
		   $('.foreditorRecommend .fa-times').attr("style","display:none");
        } // 浏览器缩放兼容

        if (clientWidth < 1220 && clientWidth > 767) {
          $('.module2Box .active, .module3Box .active, .module4Box .active').is('.borderC3') ? $('.module2Box .active, .module3Box .active, .module4Box .active').removeClass('borderC3') : '';
          $('.module2Box .active, .module3Box .active, .module4Box .active').addClass('borderC2');
        } else if (clientWidth >= 1220) {
          $('.module2Box .active, .module3Box .active, .module4Box .active').is('.borderC3') ? $('.module2Box .active, .module3Box .active, .module4Box .active').removeClass('borderC3') : '';
          $('.module2Box .active, .module3Box .active, .module4Box .active').addClass('borderC2');
        } else if (clientWidth <= 767) {
          $('.module2Box .active, .module3Box .active, .module4Box .active').is('.borderC2') ? $('.module2Box .active, .module3Box .active, .module4Box .active').removeClass('borderC2') : '';
          $('.module2Box .active, .module3Box .active, .module4Box .active').addClass('borderC3');
        }

        if (clientWidth < 1200 && clientWidth > 767) {
          $('.navPc').css('cssText', 'display: none !important;');
          $('.navH5').css('cssText', 'display: flex !important;');
          $('.navBox').css('cssText', 'height: auto !important;');
          $('.navH5').addClass('navJianrong');
          $('.menuH5').addClass('menuJianrong');
        } else if (clientWidth >= 1200) {
          $('.navPc').css('cssText', 'display: flex !important;');
          $('.navH5').css('cssText', 'display: none !important;');
          $('.navBox').css('cssText', 'height: 46px !important;');
          $('.menuH5').css('cssText', 'display: none !important;');
          $('.navH5').removeClass('navJianrong');
          $('.menuH5').removeClass('menuJianrong');
        } else if (clientWidth <= 767) {
          $('.navPc').css('cssText', 'display: none !important;');
          $('.navH5').css('cssText', 'display: flex !important;');
          $('.navBox').css('cssText', 'height: auto !important;');
          $('.navH5').removeClass('navJianrong');
          $('.menuH5').removeClass('menuJianrong');
          $("#detailModal, #figureModal, #factorModal, #coverModal, #coverEditModal").modal('hide');
        }
      };

      if (!doc.addEventListener) return;
      win.addEventListener(resizeEvt, recalc, false);
      doc.addEventListener('DOMContentLoaded', recalc, false);
    })(document, window);
  }

  watchWindowSize();
</script>

</html>
