瀏覽代碼

his页面量表评估内容

wyq 4 年之前
父節點
當前提交
5670001af8
共有 3 個文件被更改,包括 330 次插入261 次删除
  1. 199 130
      src/css/informationOut.less
  2. 26 26
      src/html/informationOut.html
  3. 105 105
      src/js/informationOut.js

+ 199 - 130
src/css/informationOut.less

@@ -1,19 +1,19 @@
-* {
-    margin: 0;
-    padding: 0;
-  }
-
+@import './common.less';
   ul,
   li {
     list-style: none;
   }
 
+div,li,span,i,p,h1,h2,h3,h4,h5,pre{
+  font-family: '微软雅黑', '宋体';
+}
   table {
     border-collapse: collapse;
     border-spacing: 0;
   }
 
   body {
+    /*min-width: 650px;*/
     font-size: 14px;
     overflow-y: hidden;
     font-family: '微软雅黑', '宋体';
@@ -24,18 +24,22 @@
   }
 
   h1 {
-    margin: 0 0px 5px 0px !important;
+    margin: 0 0px 15px 0px !important;
     font-size: 18px !important;
     /*line-height: 37px;*/
     padding: 0 0 0 40px;
   }
 
   .titleH2 {
-    font-size: 16px;
+    font-size: 18px;
     position: relative;
+    height: 18px;
+    line-height: 17px;
     background: #fff;
     padding-right: 6px;
-    /*line-height: 30px;*/
+    padding-left: 15px;
+    font-weight: bold;
+    border-left: 4px solid @staticMainColor;
   }
 
   .content {
@@ -43,9 +47,11 @@
     height: 550px;
   }
   .infoBox {
-    border-left: 1px solid #969C9F;
-    padding: 0 0 0 33px;
-    margin: 0 0 4px 0;
+    .contentWrapper{
+      pre{
+        margin: 0 0 6px;
+      }
+    }
   }
   .infoWrapper {
     padding: 0 0 0 40px;
@@ -72,13 +78,21 @@
   .infos {
     height: 100%;
     overflow-y: auto;
-    padding: 0 60px 0 0;
+    /*padding: 0 60px 0 0;*/
+    width: calc(100% - 195px);
   }
 
   .infos>div {
-    margin-right: 160px;
+    margin-right: 6.5%;
+    .contentWrapper img{
+      max-width: 100%;
+    }
   }
 
+.infoBox {
+  border-bottom: 1px #E6E6E6 solid;
+  margin-bottom: 10px;
+}
   .title {
     position: relative;
     line-height: 24px;
@@ -118,84 +132,102 @@
         }
     }
   }
-  .anchors {
-    width: 200px;
-    position: absolute;
-    right:15px;
-    top: 0;
-    margin-right: 14px;
-    overflow: auto;
-    height: 100%;
-  }
-
-  .anchors ul {
-    padding: 15px 0px 15px 20px;
-    border-radius: 4px;
-    border: 1px solid #F5F6F7;
-    background-color: #F5F6F7;
-    line-height: 19px;
-  }
-
-  .anchors li {
-    position: relative;
-    border-left: 2px solid #E0E2E3;
-  }
-
-  .anchors .anchor-line {
-    height: 20px;
-    width: 0;
-    border-left: 2px solid #E0E2E3;
-  }
+.anchors {
+  width: 155px;
+  position: absolute;
+  right:15px;
+  top: 0;
+  margin-right: 14px;
+  overflow-y: auto;
+  background-color: #EDFAFF;
+  padding: 20px 0;
+  height: calc(100% - 50px);
+  overflow-x: hidden;
+}
 
-  .anchors .anchor-line:last-child {
-    display: none;
-  }
+.anchors ul {
+  margin-left: 21px;
+  padding: 15px 0px 15px 10px;
+  border-radius: 4px;
+  border: 1px solid #EDFAFF;
+  /*background-color: #EDFAFF;*/
+  line-height: 19px;
+}
 
-  .anchors i {
-    position: absolute;
-    display: inline-block;
-    width: 8px;
-    height: 8px;
-    border-radius: 5px;
-    border: 1px solid #E0E2E3;
-    background-color: #E0E2E3;
-    left: -6px;
-    top: 5px;
-  }
+.anchors li {
+  position: relative;
+  border-left: 1px solid #8DD1EE;
+}
+.anchors li:first-child {
+  padding-top:20px
+}
 
-  .anchors a {
-    display: inline-block;
-    position: relative;
-    top: 0;
-    left: 0;
-    width: 132px;
-    padding: 0 0px 0 20px;
-    text-decoration: none;
-    font-size: 14px;
-    font-weight: 400;
-    color: #777;
-    word-wrap: break-word;
-  }
+.anchors .anchor-line {
+  height: 20px;
+  width: 0;
+  border-left: 1px solid #8DD1EE;
+}
 
-  .anchors .active a {
-    color: #3B9ED0 !important;
-    font-weight: 700 !important;
-  }
+.anchors .a-circle{
+  border:2px #8DD1EE solid;
+  width: 10px;
+  height: 10px;
+  background: #fff;
+  border-radius: 16px;
+  position: absolute;
+  top: 28px;
+  left: 25px;
+  z-index: 1;
+}
+.anchors .a-circle:last-child{
+  position: unset;
+  margin-left: 25px;
+  margin-top: -16px;
+}
+.anchors i {
+  position: absolute;
+  display: inline-block;
+  width: 10px;
+  height: 10px;
+  border-radius: 5px;
+  border: 1px solid @staticMainColor;
+  background-color: @staticMainColor;
+  left: -7px;
+  top: 8px;
+  z-index: 1;
+}
+.anchors li:first-child i{
+  top:29px;
+}
+.anchors a {
+  display: inline-block;
+  position: relative;
+  top: 4px;
+  left: 0;
+  width: 90px;
+  padding: 0 0px 0 20px;
+  text-decoration: none;
+  font-size: 14px;
+  font-weight: 400;
+  word-wrap: break-word;
+}
 
-  .anchors .active i {
-    width: 16px;
-    height: 16px;
-    top: 1px;
-    left: -8px;
-    border-radius: 0;
-    border: none;
-    background-color: #F5F6F7;
-    background: url('../images/icon_current.png') center center no-repeat;
-  }
+.anchors .active a {
+  /*color: #3B9ED0 !important;
+  font-weight: 700 !important;*/
+}
 
-  a:visited {
-    color: #777;
-  }
+.anchors .active i {
+  width: 18px;
+  height: 9px;
+  top: 6px;
+  left: -10px;
+  border-radius: 0;
+  border: none;
+  background-color: #F5F6F7;
+  background: url('../images/icon_current.svg') center center no-repeat;
+  background-size: cover;
+}
   .disCopy {
     -webkit-touch-callout: none;
     -webkit-user-select: none;
@@ -207,43 +239,31 @@
   .tabBox{
     position: relative;
     background: #fff;
-    height: 38px;
-    border-bottom: 1px solid #E6E6E6;
-    padding: 0 40px;
+    padding: 0 40px 0;
   }
   .showWhich {
-    width: 94px;
+    width: 187px;
     text-align: center;
-    padding-top: 16px;
-    position: absolute;
-    z-index: 20;
-    bottom: -6px;
-    img {
-      width: 8px;
-      position: absolute;
-      top: 29px;
-      left: 76px;
-    }
+    padding: 20px 0 10px;
+    position: relative;
     .showWhichSelect {
-      border-radius: 4px 4px 0px 0px;;
-      background: #E2F1F8;
-      height: 30px;
-      line-height: 30px;
       display: inline-block;
+      color: @staticMainColor;
+      background: url("../images/d1.png") 200px 9px #EAFCFF no-repeat;
+      font-size: 16px;
+      padding:1px 24px 2px 10px;
       width: 100%;
-      padding-right: 20px;
-      padding-left: 10px;
-      box-sizing: border-box;
       cursor: pointer;
+      text-align: left;
     }
     ul {
       display: none;
       position: absolute;
-      left: -9px;
-      top: 48px;
+      left: 0;
+      top: 52px;
       z-index: 10;
       background-color: #fff;
-      width: 110px;
+      width: 220px;
       box-shadow: 0px 6px 16px 0px rgba(0, 0, 0, 0.18);
       border-radius: 4px;
       border: 1px solid #E6E6E6;
@@ -261,25 +281,35 @@
       }
     }
   }
-  .tabList{
-    position: absolute;
-    bottom: 0;
-    left: 186px;
-  }
-  .tab{
-    display: inline-block;
-    padding: 4px 18px 5px;
-    margin-right: 5px;
-    background: #EEEEEE;
-    border-radius:6px 6px 0px 0px;
-    cursor: pointer;
-    font-size: 14px;
-    color: #333;
-  }
-  .activeTab{
-    background: #3B9ED0;
-    color: #fff;
+  .titleCont{
+    background: #fff;
+    padding-left: 35px;
+    /*padding-bottom: 20px;*/
   }
+.titleCont .title{
+  font-size: 20px;
+  font-weight: bold;
+  margin-right: 33px;
+}
+.tabList{
+  display: inline-block;
+}
+.tab{
+  display: inline-block;
+  padding: 0 5px;
+  margin-right: 20px;
+  background: #fff;
+  border-radius:2px;
+  cursor: pointer;
+  font-size: 11px;
+  color: #2A9BD5;
+  border:1px #2A9BD5 solid;
+  vertical-align: text-bottom;
+}
+.activeTab{
+  background: #2A9BD5;
+  color: #fff;
+}
   .ql-align-right{
     text-align: right;
   }
@@ -294,7 +324,7 @@
 }
 .empty{
   text-align: center;
-  margin-top: 32vh;
+  padding-top: 32vh;
   img{
     width: 140px;
     height: 75px;
@@ -307,8 +337,8 @@
 }
 .open-win{
   position: absolute;
-  right: 15px;
-  bottom: 8px;
+  right: 38px;
+  bottom: 28px;
   cursor: pointer;
   color: #3B9ED0;
   font-size: 14px;
@@ -316,6 +346,45 @@
   background: url("../images/link.png") 0 -2px no-repeat;
   background-size: 25px 25px;
 }
+.footer{
+  width: 100%;
+  height: 52px;
+  background: #172238;
+  padding-top: 8px;
+  position: absolute;
+  bottom: 0;
+  z-index: 1;
+  p{
+    color:#fff;
+    text-align: center;
+    font-size: 12px;
+    white-space: nowrap;
+  }
+}
+
+.infos::-webkit-scrollbar, .anchors::-webkit-scrollbar {
+  /*滚动条整体样式*/
+  width: 6px;
+  height: 100px;
+  /*高宽分别对应横竖滚动条的尺寸*/
+  background: #ebeef5;
+  -webkit-box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.2);
+}
+
+.infos::-webkit-scrollbar-thumb, .anchors::-webkit-scrollbar-thumb {
+  /*滚动条里面小方块*/
+  width: 6px;
+  border-radius: 5px;
+  background: @staticMainColor;
+  height: 100px;
+}
+
+.infos::-webkit-scrollbar-track, .anchors::-webkit-scrollbar-track {
+  /*滚动条里面轨道*/
+  border-radius: 2px;
+  background: #f0f2f5;
+  opacity: .2;
+}
 
 .scaletitle{
   font-size: 20px;

File diff suppressed because it is too large
+ 26 - 26
src/html/informationOut.html


+ 105 - 105
src/js/informationOut.js

@@ -1,6 +1,6 @@
-if(!Promise){
+if (!Promise) {
   var Promise = require("bluebird");
-// Configure
+  // Configure
   Promise.config({
     longStackTraces: true,
     warnings: true // note, run node with --trace-warnings to see full stack traces for warnings
@@ -20,13 +20,13 @@ require("./jquery-migrate");
 const jqprint = require("../js/jquery.PrintArea")
 let printing = require('./../images/printing.png');
 let printing2 = require('./../images/printing2.png');
-let showName,noticeName,clinicalPathwayName,showLis=[],selectedDrop=0,selectedTab=0
+let showName, noticeName, clinicalPathwayName, showLis = [], selectedDrop = 0, selectedTab = 0
 
 //如果是子窗口,隐藏网页查看按钮
-if(window.opener){
-    selectedDrop=getUrlArgObject("d")||0;
-    selectedTab=getUrlArgObject("t")||0;
-    $("#openWin,.footer").hide();
+if (window.opener) {
+  selectedDrop = getUrlArgObject("d") || 0;
+  selectedTab = getUrlArgObject("t") || 0;
+  $("#openWin,.footer").hide();
 }
 let icond = require('./../images/d.png').replace(/^undefined/g, '')
 function getInfomation() {
@@ -41,7 +41,7 @@ function getInfomation() {
     "hospitalId": getUrlArgObject('hospitalId'),
     "hisName": getUrlArgObject('hisName'),
     "hisDetailName": getUrlArgObject('hisDetailName'),
-    "contentTypes":[1,2,3]
+    "contentTypes": [1, 2, 3]
   };
   //showName = param.hisName;
   // if (param.type == 5 || param.type == 51) {
@@ -50,42 +50,42 @@ function getInfomation() {
   // }
 
   post(config.getStaticKnowledgeForHIS, param).then((res) => {
-    if(res.data.code==='0'){
+    if (res.data.code === '0') {
       const data = res.data.data
       var str = '';
       var anchors = '';
-      let sName ='';
-      if (!data||data.length===0) {
+      let sName = '';
+      if (!data || data.length === 0) {
         showEmpty();
         return;
       }
-      showLis=data
-      for(let i = 0;i < showLis.length;i++){
+      showLis = data
+      for (let i = 0; i < showLis.length; i++) {
         let tmp = showLis[i]
-        str+=`<li data-idx="${i}" title="${tmp.name}(${tmp.hisName})">${tmp.name}(${tmp.hisName})</li>`
+        str += `<li data-idx="${i}" title="${tmp.name}(${tmp.hisName})">${tmp.name}(${tmp.hisName})</li>`
       }
       $(".showWhich ul").html(str);
-        sName=showLis[selectedDrop].name+"("+showLis[selectedDrop].hisName+")";
-      $(".showWhichSelect").html(sName).attr("title",sName)
-      showName = data[selectedDrop].name+"("+data[selectedDrop].hisName+")";
+      sName = showLis[selectedDrop].name + "(" + showLis[selectedDrop].hisName + ")";
+      $(".showWhichSelect").html(sName).attr("title", sName)
+      showName = data[selectedDrop].name + "(" + data[selectedDrop].hisName + ")";
       showInfoSelect()
       showInfo(data[selectedDrop])
-        renderTitleShow();
-      $('.content img').bind('contextmenu', function(){
+      renderTitleShow();
+      $('.content img').bind('contextmenu', function () {
         return false
       })
-    }else{
+    } else {
       showEmpty();
     }
   })
 }
 getInfomation();
-function showEmpty(){
-  const str=`<div class="empty"><img src="../images/empty3.png" alt=""><p>暂无静态知识</p></div>`;
-  $(".tabBox").html(str).css("border-bottom","none");
-  $("body").css('background','#fff');
+function showEmpty() {
+  const str = `<div class="empty"><img src="../images/empty3.png" alt=""><p>暂无静态知识</p></div>`;
+  $(".tabBox").html(str).css("border-bottom", "none");
+  $("body").css('background', '#fff');
 }
-function showInfo(data){
+function showInfo(data) {
   var detailList = data.details
   var scale = data.scale
   var staticKnowList = detailList['静态知识']
@@ -101,75 +101,75 @@ function showInfo(data){
   //   "padding": "0px 60px 50px 0px"
   // });
   renderTab(detailList, scale)
-  staticKnowList&&renderContent(staticKnowList,'staticKnowledge')
-  noticeInfo&&renderContent(noticeInfo,'notice')
-  clinicalPathwayInfo&&renderContent(clinicalPathwayInfo,'clinicalPathway')
+  staticKnowList && renderContent(staticKnowList, 'staticKnowledge')
+  noticeInfo && renderContent(noticeInfo, 'notice')
+  clinicalPathwayInfo && renderContent(clinicalPathwayInfo, 'clinicalPathway')
   scaleInfo && renderContentscale(scaleInfo, 'scale', name)
 }
-function showInfoSelect(){
-  $('.showWhich li').click(function(){
+function showInfoSelect() {
+  $('.showWhich li').click(function () {
     let idx = $(this).attr('data-idx')
-    let name = $(this).html(),str=''
-    selectedDrop=idx;
-    selectedTab=0;
-    showName = showLis[idx].name+"("+showLis[idx].hisName+")";
+    let name = $(this).html(), str = ''
+    selectedDrop = idx;
+    selectedTab = 0;
+    showName = showLis[idx].name + "(" + showLis[idx].hisName + ")";
     showInfo(showLis[idx])
     renderTitleShow();
     $('.content .infos').scrollTop(0)
-    $(".showWhich ul").css("display","none")
-    $(".showWhichSelect").html(name).attr("title",name)
+    $(".showWhich ul").css("display", "none")
+    $(".showWhichSelect").html(name).attr("title", name)
   })
-  $(".showWhichSelect").click(function(e){
+  $(".showWhichSelect").click(function (e) {
     e.stopPropagation()
     $(".showWhich ul").slideToggle()
   })
-  $(document).click(function(){
-    $(".showWhich ul").css("display","none")
+  $(document).click(function () {
+    $(".showWhich ul").css("display", "none")
   })
 }
-function renderTitleShow(){
-    document.title = showName;
-    $(".titleCont .title").html($(".tabList .tab:eq("+selectedTab+")").attr("data-title"));
+function renderTitleShow() {
+  document.title = showName;
+  $(".titleCont .title").html($(".tabList .tab:eq(" + selectedTab + ")").attr("data-title"));
 }
-function renderContent(list, contentWrapClassName){
+function renderContent(list, contentWrapClassName) {
   $(`.${contentWrapClassName} .infos`).html('');
   $(`.${contentWrapClassName} .anchors ul`).html('');
-    for (var i = 0; i < list.length; i++) {
-        var item = list[i];
-        item.content = item.content&&item.content.replace(/{imageUrlPrefix}/g, imageUrlPrefix);
-        anchors = '<li><i></i><a href="#' + contentWrapClassName+i +
-          '">' + item.title + '</a></li><li class="anchor-line"></li>';
-        str = '<div class="infoBox"><div class="title"> <h2 class="titleH2" id="' + contentWrapClassName+i +
-          '">'
-        if (getUrlArgObject('type') == 8) {
-          str += '【' + item.title + '】'
-        } else {
-          str += item.title
-        }
-        str += '</h2></div>' +
-          '<div class="contentWrapper"><pre>' + item.content + '</pre><div></div>';
-          str = `<div class="infoWrapper">${str}</div>`
-        $(`.${contentWrapClassName} .infos`).append(str);
-        $(`.${contentWrapClassName} .anchors ul`).append(anchors);
+  for (var i = 0; i < list.length; i++) {
+    var item = list[i];
+    item.content = item.content && item.content.replace(/{imageUrlPrefix}/g, imageUrlPrefix);
+    anchors = '<li><i></i><a href="#' + contentWrapClassName + i +
+      '">' + item.title + '</a></li><li class="anchor-line"></li>';
+    str = '<div class="infoBox"><div class="title"> <h2 class="titleH2" id="' + contentWrapClassName + i +
+      '">'
+    if (getUrlArgObject('type') == 8) {
+      str += '【' + item.title + '】'
+    } else {
+      str += item.title
     }
+    str += '</h2></div>' +
+      '<div class="contentWrapper"><pre>' + item.content + '</pre><div></div>';
+    str = `<div class="infoWrapper">${str}</div>`
+    $(`.${contentWrapClassName} .infos`).append(str);
+    $(`.${contentWrapClassName} .anchors ul`).append(anchors);
+  }
 
-    function addScrollEvent() {
-      var scrollTop = $(`.${contentWrapClassName} .infos`).scrollTop()
+  function addScrollEvent() {
+    var scrollTop = $(`.${contentWrapClassName} .infos`).scrollTop()
 
-      var divHeight = 0;
-      for (var i = 0; i < list.length; i++) {
-        divHeight = divHeight + parseInt($('#'+contentWrapClassName+i).css('height')) + parseInt($('#'+contentWrapClassName+i).parent().next().css('height')) + 20
-        if (divHeight > scrollTop) {
-          var anchor = 2 * i;
-          $(`.${contentWrapClassName} .anchors ul`).children().eq(anchor).addClass('active').siblings().removeClass('active');
-          return;
-        }
+    var divHeight = 0;
+    for (var i = 0; i < list.length; i++) {
+      divHeight = divHeight + parseInt($('#' + contentWrapClassName + i).css('height')) + parseInt($('#' + contentWrapClassName + i).parent().next().css('height')) + 20
+      if (divHeight > scrollTop) {
+        var anchor = 2 * i;
+        $(`.${contentWrapClassName} .anchors ul`).children().eq(anchor).addClass('active').siblings().removeClass('active');
+        return;
       }
     }
-    $(`.${contentWrapClassName} .infos`).scroll(throttle(addScrollEvent, 200));
-    addLinkClickEvent(contentWrapClassName);
-    adjustHeight();
-    adjustWidth()
+  }
+  $(`.${contentWrapClassName} .infos`).scroll(throttle(addScrollEvent, 200));
+  addLinkClickEvent(contentWrapClassName);
+  adjustHeight();
+  adjustWidth()
 }
 
 function renderContentscale(list, contentWrapClassName, name) {
@@ -459,7 +459,7 @@ function getResult(pushInfo, textType) {
         $(".foot").css('display', 'block')
       }
     } else {
-      Toast('温馨提示:必填选项不能为空~', 50000000, 'warn')
+      Toast('温馨提示:必填选项不能为空~', 500, 'warn')
     }
   })
   $(".printing").hover(
@@ -477,26 +477,26 @@ function addLinkClickEvent(contentWrapClassName) {
   $(`.${contentWrapClassName}  .anchors li>a`).on("click", function () {
 
     const that = this
-    setTimeout(function(){
+    setTimeout(function () {
       $(`.${contentWrapClassName} .anchors .active`).removeClass('active');
       $(that).parent().addClass("active");
-    },20)
+    }, 20)
 
   });
 }
 
-function renderTab(detailList, scale){
+function renderTab(detailList, scale) {
   $(".tabList").html('')
-  if(detailList['静态知识']){
-    $(".tabList").append(`<span class="tab" data-module="staticKnowledge" data-title="`+showName+`">静态知识</span>`)
+  if (detailList['静态知识']) {
+    $(".tabList").append(`<span class="tab" data-module="staticKnowledge" data-title="` + showName + `">静态知识</span>`)
     //$(".titleCont .title").html(showName);
   }
-  if(detailList['临床路径']){
-    $(".tabList").append(`<span class="tab" data-module="clinicalPathway" data-title="`+clinicalPathwayName+`">临床路径</span>`)
+  if (detailList['临床路径']) {
+    $(".tabList").append(`<span class="tab" data-module="clinicalPathway" data-title="` + clinicalPathwayName + `">临床路径</span>`)
     //$(".titleCont .title").html(clinicalPathwayName);
   }
-  if(detailList['注意事项']){
-    $(".tabList").append(`<span class="tab" data-module="notice" data-title="`+noticeName+`">注意事项</span>`)
+  if (detailList['注意事项']) {
+    $(".tabList").append(`<span class="tab" data-module="notice" data-title="` + noticeName + `">注意事项</span>`)
     //$(".titleCont .title").html(noticeName);
   }
   if (scale) {
@@ -505,43 +505,43 @@ function renderTab(detailList, scale){
   }
   $(".tabList .tab").eq(selectedTab).addClass("activeTab")
   let defaultModuleName = $(".tabList .tab").eq(selectedTab).attr("data-module")
-  $(`.${defaultModuleName}`).css("display","block")
+  $(`.${defaultModuleName}`).css("display", "block")
   bindTabClick()
 }
-function bindTabClick(){
-  $(".tabList .tab").on("click", function(){
+function bindTabClick() {
+  $(".tabList .tab").on("click", function () {
     const moduleName = $(this).attr("data-module")
     //const display = $(`.${moduleName}`).css("display")
-      selectedTab=$('.tabList .tab').index(this);
-      $(".titleCont .title").html($(this).attr('data-title'));
+    selectedTab = $('.tabList .tab').index(this);
+    $(".titleCont .title").html($(this).attr('data-title'));
     //if(display == "none"){
-      $(".activeTab").removeClass("activeTab")
-      $(this).addClass("activeTab")
-      $(".container").css("display","none")
-      $(`.${moduleName}`).css("display","block")
-      $(`.${moduleName} .infos`).scrollTop(0)
+    $(".activeTab").removeClass("activeTab")
+    $(this).addClass("activeTab")
+    $(".container").css("display", "none")
+    $(`.${moduleName}`).css("display", "block")
+    $(`.${moduleName} .infos`).scrollTop(0)
     //}
   })
-  $("#openWin").on("click",function(){
-    const type= getUrlArgObject('type');
-    const hospitalId= getUrlArgObject('hospitalId');
-    const hisName= getUrlArgObject('hisName');
-    const hisDetailName= getUrlArgObject('hisDetailName');
-    openNewWin("informationOut.html?hospitalId="+encodeURIComponent(hospitalId)+"&hisName="+encodeURIComponent(hisName)+"&hisDetailName="+encodeURIComponent(hisDetailName||'')+"&type="+encodeURIComponent(type)+"&d="+selectedDrop+"&t="+selectedTab);
+  $("#openWin").on("click", function () {
+    const type = getUrlArgObject('type');
+    const hospitalId = getUrlArgObject('hospitalId');
+    const hisName = getUrlArgObject('hisName');
+    const hisDetailName = getUrlArgObject('hisDetailName');
+    openNewWin("informationOut.html?hospitalId=" + encodeURIComponent(hospitalId) + "&hisName=" + encodeURIComponent(hisName) + "&hisDetailName=" + encodeURIComponent(hisDetailName || '') + "&type=" + encodeURIComponent(type) + "&d=" + selectedDrop + "&t=" + selectedTab);
   })
 }
 function adjustHeight() {
-  const extHt = window.opener?60:0;
+  const extHt = window.opener ? 60 : 0;
   var ht = window.innerHeight || document.documentElement.clientHeight;
-    $(".content,.content .infos").height(ht - 158 + extHt + "px");
+  $(".content,.content .infos").height(ht - 158 + extHt + "px");
   /*$(".anchors").height(ht - 258 + "px");*/
 }
 function adjustWidth() {
   var wt = window.innerWidth || document.documentElement.clientWidth;
-  $(".titleH2").width(wt- 0.2*wt -33 - 200 - 17 - 40 -15 + 'px')
-    //$("pre").width(wt- 0.2*wt - 200 + 'px')
+  $(".titleH2").width(wt - 0.2 * wt - 33 - 200 - 17 - 40 - 15 + 'px')
+  //$("pre").width(wt- 0.2*wt - 200 + 'px')
 }
-$(window).on('resize', function(){
+$(window).on('resize', function () {
   adjustHeight()
   adjustWidth()
 })