基本完成

src/css/common.less

@@ -8,6 +8,7 @@
 @bgcMay:#FAEBEC; //疑似，警惕，可能
 @bgcModal:#DFEAFE; //弹窗头
 @tabColor: #777; // 右侧大Tab文字颜色
+@staticMainColor: #2A9BD5; // 静态知识主要颜色
 .disCopy {
     -webkit-touch-callout: none;
     -webkit-user-select: none;

src/css/homeStatic.less

@@ -29,6 +29,9 @@
       margin: 0 20px;
       cursor: pointer;
       padding-bottom: 2px;
+      border-bottom: 2px solid #2A9BD5;
+    }
+    .tabFst {
       border-bottom: 2px solid #fff;
     }
   }

src/css/searchStaticList.less

@@ -0,0 +1,284 @@
+@import './common.less';
+
+.staticListWrap {
+  position: absolute;
+  width: 100%;
+  height: 100%;
+  min-width: 900px;
+  padding: 60px 20px;
+  box-sizing: border-box;
+  background-color: #DDE2E4;
+  overflow: auto;
+  .staticMainWrap {
+    background-color: #fff;
+    padding: 0 60px 20px 60px;
+  }
+  .resultItemWrap {
+      
+  }
+  .staticTopCenter {
+    width: 100%;
+    position: fixed;
+    top: 0;
+    left: 0;
+    z-index: 10;
+    height: 60px;
+    line-height: 60px;
+    background-color: @staticMainColor;
+  }
+  .staticTopLogo {
+      height: 25px;
+      margin-top: 16px;
+      margin-left: 50px;
+  }
+  .staticTopTab {
+    height: 60px;
+    line-height: 60px;
+    background-color: #fff;
+    ul {
+      
+    }
+    li {
+      display: inline-block;
+      font-size: 16px;
+      color: #333;
+      margin: 0 20px;
+      cursor: pointer;
+      padding-bottom: 2px;
+    }
+    .tabFst {
+      color: @staticMainColor;
+    }
+  }
+  .staticTopSearch {
+    width: 800px;
+    height: 50px;
+    line-height: 50px;
+    background-color: #fff;
+    border-radius: 8px;
+    padding-right: 75px;
+    box-sizing: border-box;
+    position: relative;
+    overflow: hidden;
+    border: 1px solid #979797;
+    input {
+      height: 50px;
+      line-height: 50px;
+      box-sizing: border-box;
+      float: left;
+      width: 100%;
+      padding: 0 30px;
+    }
+    .searchBtn {
+      width: 75px;
+      height: 50px;
+      line-height: 50px;
+      border-left: 1px solid #979797;
+      position: absolute;
+      right: 0;
+      top: 0;
+      cursor: pointer;
+      color: #666;
+      padding-left: 40px;
+      box-sizing: border-box;
+      img {
+        position: absolute;
+        left: 27px;
+        top: 15px;
+        width: 20px;
+        height: 20px;
+      }
+    }
+  }
+  .foryou {
+    width: 100%;
+    text-align: center;
+    margin:80px 0 50px 0;
+    color: #333;
+    font-size: 30px;
+    font-weight: bold;
+  }
+  .staticBg {
+    width: 800px;
+    margin: 0 auto;
+    img {
+      width: 100%;
+    }
+  }
+  .navTab {
+      height: 70px;
+      line-height: 70px;
+      a {
+        text-decoration: none;
+        color: @staticMainColor;
+      }
+  }
+}
+.staticResult {
+    .resultItem {
+        padding: 20px 38px;
+        background-color: #F4FBFF;
+        margin-bottom: 20px;
+        cursor: pointer;
+        div {
+            line-height: 20px;
+            span {
+                display: inline-block;
+            }
+            margin-bottom: 10px;
+        }
+    }
+    .type {
+        border-radius: 3px;
+        color: #fff;
+        padding: 0 5px;
+        background-color: @staticMainColor;
+    }
+    .code{
+        color: @staticMainColor;
+        margin-left: 10px;
+    }
+    .drug{
+        color: @staticMainColor;
+        margin-left: 10px;
+    }
+    .notice{
+        border: 1px solid @staticMainColor;
+        color: @staticMainColor;
+        border-radius: 3px;
+        margin-left: 10px;
+        padding: 0 5px;
+    }
+    .same {
+        color: #666;
+    }
+    .content {
+        word-break: break-all;
+        max-height: 40px;
+        overflow: hidden;
+    }
+    .resultItemEmpty {
+        text-align: center;
+        display: none;
+        img {
+            width: 358px;
+        }
+        p {
+            color: #999;
+        }
+    }
+}
+
+
+.pagination{
+    margin: 35px 0 20px 0  ;
+    text-align: right;
+    .goNum {
+        input::-webkit-outer-spin-button,
+        input::-webkit-inner-spin-button {
+            -webkit-appearance: none;
+        }
+        input {
+            width: 40px;
+            height: 30px;
+            line-height: 30px;
+            text-align: center;
+            border-radius: 3px;
+            border: 1px solid @staticMainColor;
+            color: @staticMainColor;
+            box-sizing: border-box;
+        }
+    }
+    .select {
+        color: @staticMainColor;
+        height: 30px;
+        line-height: 30px;
+        border: 1px solid @staticMainColor;
+        border-radius: 3px;
+        box-sizing: border-box;
+        position: relative;
+        top: -2px;
+        margin-right: 10px;
+        outline: none;
+    }
+    .totalSum{
+        display: inline-block;
+        font-size:12px;
+        height: 30px;
+        line-height:30px;
+        color: @staticMainColor;
+        margin-right: 10px;
+        position: relative;
+        top: -2px;
+    }
+    .pageNum,.prePage,.nextPage, .more{
+        display: inline-block;
+        box-sizing: border-box;
+        width: 30px;
+        height: 30px;
+        line-height: 30px;
+        cursor: pointer;
+        margin: 0 10px 0 0;
+        text-align: center;
+        color: #777;
+        border: 1px solid @staticMainColor;
+        color: @staticMainColor;
+        border-radius: 3px;
+    }
+    .prePage,.nextPage{
+        img{
+            position: relative;
+            top: 0px   ;
+        }
+    }
+     .more{
+        cursor: not-allowed;
+    }
+    .arrowPage{
+        width: 12px;
+    }
+    .activePage{
+        color: red;
+    }
+    
+    .tipIcon{
+      color: #777;
+      cursor: pointer;
+      display: inline-block;
+      margin-left: 6px;
+      margin-right: 2px;
+    }
+    .toolTipIcon{
+        width: 18px;
+        position: relative;
+        top: 3px;
+    }
+    
+    .tooltip{
+        visibility: hidden;
+        position: relative;
+        padding: 7px 10px;
+        border-radius: 4px;
+        margin: 100px auto;
+        background-color: #4D4D4D;
+        text-align: center;
+        color: #fff;
+        font-size: 14px;
+    }
+    .tooltip:before{
+        content: '';
+        display: block;
+        position: absolute;
+        bottom: 9px;
+        left: -12px;
+        border-bottom: 6px solid transparent;
+        border-top: 6px solid transparent;
+        border-left: 6px solid transparent;
+        border-right: 6px solid #4D4D4D;
+    }
+    
+}
+
+
+
+

src/css/staticInfo.less

@@ -0,0 +1,266 @@
+@import './common.less';
+
+  ul,
+  li {
+    list-style: none;
+  }
+
+  table {
+    border-collapse: collapse;
+    border-spacing: 0;
+  }
+
+  body {
+    font-size: 14px;
+    overflow-y: hidden;
+    font-family: '微软雅黑', '宋体';
+    background: #dde2ea;
+    height: 100%;
+    color: #1E1E1E;
+    line-height: 21px;
+  }
+
+  h1 {
+    margin: 0 0px 15px 0px !important;
+    font-size: 18px !important;
+    /*line-height: 37px;*/
+    padding: 0 0 0 40px;
+  }
+
+  .titleH2 {
+    font-size: 16px;
+    position: relative;
+    background: #fff;
+    padding-right: 6px;
+    padding-left: 15px;
+    font-weight: bold;
+    border-left: 4px solid @staticMainColor;
+    /*line-height: 30px;*/
+  }
+
+  .content {
+    position: relative;
+    height: 550px;
+  }
+  .infoBox {
+    border-bottom: 1px solid #E6E6E6;
+    padding: 0;
+    margin: 0 0 30px 0;
+  }
+  .infoBox:hover {
+    background-color: #fff;
+  }
+  .infoWrapper {
+    padding: 0 0 0 40px;
+  }
+  .circleBox {
+    position: absolute;
+    z-index: 10;
+    background: #fff;
+    left: -38px;
+    height: 32px;
+    top: -1px;
+  }
+  // .circle {
+  //   display: inline-block;
+  //   *display:inline;
+  //   *zoom:1;
+  //   width: 10px;
+  //   height: 10px;
+  //   border-radius: 50%;
+  //   background: #3B9ED0;
+  //   position: relative;
+  //   top: 2px;
+  // }
+  .infos {
+    height: 100%;
+    overflow-y: auto;
+    padding: 0 60px 0 0;
+  }
+
+  .infos>div {
+    margin-right: 160px;
+  }
+
+  .title {
+    position: relative;
+    line-height: 24px;
+    
+    margin: 0 0 4px;
+  }
+
+  .line {
+    border-bottom: 1px dashed #ccc;
+  }
+
+  .container {
+    width:100%;
+    overflow: hidden;
+    background: #fff;
+    margin: 0 auto;
+    padding: 8px 0 0px 0px;
+    display: none;
+    position: relative;
+    left: 0;
+    right: 0;
+  }
+
+  pre {
+    white-space: pre-wrap;
+    word-wrap: break-word;
+    color: #1E1E1E;
+    ol li {
+      list-style: decimal;
+      list-style-position:inside;
+    }
+    ul {
+      padding-left: 20px;
+      li {
+            list-style-position:inside;
+            list-style: inside;
+      }
+    }
+  }
+  .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 #EDFAFF;
+    background-color: #EDFAFF;
+    line-height: 19px;
+  }
+
+  .anchors li {
+    position: relative;
+    border-left: 1px solid #8DD1EE;
+  }
+
+  .anchors .anchor-line {
+    height: 20px;
+    width: 0;
+    border-left: 1px solid #8DD1EE;
+  }
+
+  .anchors .anchor-line:last-child {
+    display: none;
+  }
+
+  .anchors i {
+    position: absolute;
+    display: inline-block;
+    width: 8px;
+    height: 8px;
+    border-radius: 5px;
+    border: 1px solid @staticMainColor;
+    background-color: @staticMainColor;
+    left: -6px;
+    top: 5px;
+  }
+
+  .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: #666;
+    word-wrap: break-word;
+  }
+
+  .anchors .active a {
+    color: #3B9ED0 !important;
+    font-weight: 700 !important;
+  }
+
+  .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;
+  }
+
+  a:visited {
+    color: #777;
+  }
+  .disCopy {
+    -webkit-touch-callout: none;
+    -webkit-user-select: none;
+    -khtml-user-select: none;
+    -moz-user-select: none;
+    -ms-user-select: none;
+    user-select: none;
+  }
+  .tabBox{
+    position: relative;
+    background: #fff;
+    height: 38px;
+    border-bottom: 1px solid #E6E6E6;
+    padding: 0 40px;
+  }
+  .tabList{
+    position: absolute;
+    bottom: 0;
+  }
+  .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;
+  }
+  .ql-align-right{
+    text-align: right;
+  }
+  .ql-align-center{
+    text-align: center;
+  }
+.open-win{
+  position: absolute;
+  right: 15px;
+  bottom: 8px;
+  cursor: pointer;
+  color: #3B9ED0;
+  font-size: 14px;
+  padding-left: 30px;
+  background: url("../images/link.png") 0 -2px no-repeat;
+  background-size: 25px 25px;
+  /*img{
+    width: 30px;
+    height: 30px;
+    vertical-align: middle;
+    margin-right: 10px;
+  }*/
+}
+.btmFix {
+  height: 20px;
+  width: 100%;
+  position: fixed;
+  bottom: 0;
+  left: 0;
+  z-index: 20;
+  background-color: #fff;
+}

src/css/staticInfoOut.less

@@ -0,0 +1,314 @@
+
+  ul,
+  li {
+    list-style: none;
+  }
+
+  table {
+    border-collapse: collapse;
+    border-spacing: 0;
+  }
+
+  body {
+    font-size: 14px;
+    overflow-y: hidden;
+    font-family: '微软雅黑', '宋体';
+    background: #dde2ea;
+    height: 100%;
+    color: #1E1E1E;
+    line-height: 21px;
+  }
+
+  h1 {
+    margin: 0 0px 15px 0px !important;
+    font-size: 18px !important;
+    /*line-height: 37px;*/
+    padding: 0 0 0 40px;
+  }
+
+  .titleH2 {
+    font-size: 16px;
+    position: relative;
+    background: #fff;
+    padding-right: 6px;
+    /*line-height: 30px;*/
+  }
+
+  .content {
+    position: relative;
+    height: 550px;
+  }
+  .infoBox {
+    border-left: 1px solid #969C9F;
+    padding: 0 0 0 33px;
+    margin: 0 0 4px 0;
+  }
+  .infoWrapper {
+    padding: 0 0 0 40px;
+  }
+  .circleBox {
+    position: absolute;
+    z-index: 10;
+    background: #fff;
+    left: -38px;
+    height: 32px;
+    top: -1px;
+  }
+  .circle {
+    display: inline-block;
+    *display:inline;
+    *zoom:1;
+    width: 10px;
+    height: 10px;
+    border-radius: 50%;
+    background: #3B9ED0;
+    position: relative;
+    top: 2px;
+  }
+  .infos {
+    height: 100%;
+    overflow-y: auto;
+    padding: 0 60px 0 0;
+  }
+
+  .infos>div {
+    margin-right: 160px;
+  }
+
+  .title {
+    position: relative;
+    line-height: 24px;
+    
+    margin: 0 0 4px;
+  }
+
+  .line {
+    border-bottom: 1px dashed #ccc;
+  }
+
+  .container {
+    width:100%;
+    overflow: hidden;
+    background: #fff;
+    margin: 0 auto;
+    padding: 8px 0 0px 0px;
+    display: none;
+    position: relative;
+    left: 0;
+    right: 0;
+  }
+
+  pre {
+    white-space: pre-wrap;
+    word-wrap: break-word;
+    color: #1E1E1E;
+    ol li {
+        list-style: decimal;
+        list-style-position:inside;
+    }
+    ul {
+        padding-left: 20px;
+        li {
+            list-style-position:inside;
+            list-style: inside;
+        }
+    }
+  }
+  .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 .anchor-line:last-child {
+    display: none;
+  }
+
+  .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 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 .active a {
+    color: #3B9ED0 !important;
+    font-weight: 700 !important;
+  }
+
+  .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;
+  }
+
+  a:visited {
+    color: #777;
+  }
+  .disCopy {
+    -webkit-touch-callout: none;
+    -webkit-user-select: none;
+    -khtml-user-select: none;
+    -moz-user-select: none;
+    -ms-user-select: none;
+    user-select: none;
+  }
+  .tabBox{
+    position: relative;
+    background: #fff;
+    height: 38px;
+    border-bottom: 1px solid #E6E6E6;
+    padding: 0 40px;
+  }
+  .showWhich {
+    width: 94px;
+    text-align: center;
+    padding-top: 16px;
+    position: absolute;
+    z-index: 20;
+    bottom: -6px;
+    img {
+      width: 8px;
+      position: absolute;
+      top: 29px;
+      left: 76px;
+    }
+    .showWhichSelect {
+      border-radius: 4px 4px 0px 0px;;
+      background: #E2F1F8;
+      height: 30px;
+      line-height: 30px;
+      display: inline-block;
+      width: 100%;
+      padding-right: 20px;
+      padding-left: 10px;
+      box-sizing: border-box;
+      cursor: pointer;
+    }
+    ul {
+      display: none;
+      position: absolute;
+      left: -9px;
+      top: 48px;
+      z-index: 10;
+      background-color: #fff;
+      width: 110px;
+      box-shadow: 0px 6px 16px 0px rgba(0, 0, 0, 0.18);
+      border-radius: 4px;
+      border: 1px solid #E6E6E6;
+      li {
+        height: 35px;
+        line-height: 35px;
+        white-space: nowrap;/*强制在一行显示*/
+        text-overflow:ellipsis;/*设置超出内容显示...*/
+        overflow: hidden;/*一定不能少 超出的内容进行隐藏*/
+        padding:0 20px;
+        cursor: pointer;
+        &:hover {
+          background-color: #E2F1F8;
+        }
+      }
+    }
+  }
+  .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;
+  }
+  .ql-align-right{
+    text-align: right;
+  }
+  .ql-align-center{
+    text-align: center;
+  }
+  
+.ellipsis{
+  white-space: nowrap;/*强制在一行显示*/
+  text-overflow:ellipsis;/*设置超出内容显示...*/
+  overflow: hidden;/*一定不能少 超出的内容进行隐藏*/
+}
+.empty{
+  text-align: center;
+  margin-top: 32vh;
+  img{
+    width: 140px;
+    height: 75px;
+  }
+  p{
+    margin-top: 10px;
+    font-size: 15px;
+    color: #aaa;
+  }
+}
+.open-win{
+  position: absolute;
+  right: 15px;
+  bottom: 8px;
+  cursor: pointer;
+  color: #3B9ED0;
+  font-size: 14px;
+  padding-left: 30px;
+  background: url("../images/link.png") 0 -2px no-repeat;
+  background-size: 25px 25px;
+}

src/css/staticSearch.css

@@ -1,7 +1,3 @@
-html{
-    background: #fff;
-    font-family: '微软雅黑', '宋体';
-}
 .staticContainer {
     width: 80%;
     background: #fff;

src/html/homeStatic.html

@@ -22,16 +22,16 @@
         </div>
         <div class="staticTopTab">
           <ul>
-            <li>全部</li>
-            <li>诊断</li>
-            <li>药品</li>
-            <li>检验</li>
-            <li>检查</li>
-            <li>手术和操作</li>
+            <li class="tabFst" data-id="0">全部</li>
+            <li data-id="1">诊断</li>
+            <li data-id="2">药品</li>
+            <li data-id="3">检验</li>
+            <li data-id="4">检查</li>
+            <li data-id="5">手术和操作</li>
           </ul>
         </div>
         <div class="staticTopSearch clearfix">
-          <input type="text" placeholder="请输入搜索内容">
+          <input class="searchStr" type="text" placeholder="请输入搜索内容">
           <div class="searchBtn">
             <img src="../images/staticBgS.png" alt=""> 搜索</div>
         </div>
@@ -41,13 +41,7 @@
     <div class="staticBg">
       <img src="../images/staticBg.png" alt="">
     </div>
-      <!-- <div class="disclaimer clearfix">
-        <span class="version-tip">版本信息: <a href="javascript:void(0);"></a> </span>
-        <b class="logo">&copy朗通医疗</b>
-        <span class="disclaimerInfo">免责声明</span>
-      </div> -->
   </div>
 </body>
-
 </html>
 

src/js/homeStatic.js

@@ -1,113 +1,26 @@
-require('./../css/reset.css');
 require('./../css/homeStatic.less');
-require('./../css/popup.css');
-
-
-//tipsMode: 提示信息模式  1 为单个， 2 为多个(只有传2时为多个)
 
 const $ = require("jquery");
-const { post,config,getUrlArgObject,openNewWin } = require('./promise.js');
-const { transConf } = require('./util.js');
-const { renderRecommendInfo, renderMultRecommendInfo, renderTreat, renderRecommendConditTips, renderTipsInfo ,renderKnowledgeInfo,renderScaleInfo} = require('./indexVertDom.js');
-
-let emptyImg = require('./../images/staticBgS.png').replace(/^undefined/g, '')
-
-let mrId = getUrlArgObject('mrId') 
-const tipsMode = getUrlArgObject('tipsMode') || 1
+let searchType = 0;
+require('./../images/staticBgS.png').replace(/^undefined/g, '')
+require('./../images/staticLogo.png').replace(/^undefined/g, '')
+require('./../images/staticBg.png').replace(/^undefined/g, '')
 
-let msg;
-if(mrId) {
- post(config.getMr,{mrId:mrId}).then((res) => {
-    const data = res.data
-    if(data.code == 0) {
-      msg = Object.assign(data.data, {plan:getUrlArgObject('plan') || '0',})
-      window.msg = msg
-      window.pushMessage = {} 
-    }
+$(function(){
+  changeTab()
+  goSearchList()
+});
+//tab切换
+function changeTab(){
+  $(".staticTopTab li").click(function(){
+    searchType = $(this).attr('data-id')
+    $(this).css({borderColor:'#fff'}).siblings().css({borderColor:'#2A9BD5'})
   })
-} else {
-  msg = {
-    age: getUrlArgObject('age'),
-    sex: getUrlArgObject('sex') == '男'?1:(getUrlArgObject('sex') == '女'?2:(getUrlArgObject('sex') == '通用'?3:getUrlArgObject('sex'))),
-    symptom: getUrlArgObject('symptomJson'),
-    vital: getUrlArgObject('vitalJson'),
-    lis: getUrlArgObject('lisJson')? JSON.parse(getUrlArgObject('lisJson')) : [],
-    pacs: getUrlArgObject('pacsJson'),
-    diag: getUrlArgObject('diagJson'),
-    diseaseName: getUrlArgObject('diseaseName'),
-    other: getUrlArgObject('otherJson') + getUrlArgObject('pastJson'),
-    pasts: getUrlArgObject('otherJson') + getUrlArgObject('pastJson'),
-    hosCode:getUrlArgObject('hospitalCode') || '',
-    plan:getUrlArgObject('plan') || '0',
-  }
-  window.msg = msg
-  window.pushMessage = {} 
 }
-
-
-// var msg = {
-//     age: getUrlArgObject('age'),
-//     sex: getUrlArgObject('sex') == '男'?1:(getUrlArgObject('sex') == '女'?2:(getUrlArgObject('sex') == '通用'?3:getUrlArgObject('sex'))),
-//     symptom: getUrlArgObject('symptomJson'),
-//     vital: getUrlArgObject('vitalJson'),
-//     lis: getUrlArgObject('lisJson')? JSON.parse(getUrlArgObject('lisJson')) : [],
-//     pacs: getUrlArgObject('pacsJson'),
-//     diag: getUrlArgObject('diagJson'),
-//     diseaseName: getUrlArgObject('diseaseName'),
-//     other: getUrlArgObject('otherJson') + getUrlArgObject('pastJson'),
-//     hosCode:getUrlArgObject('hospitalCode') || '',
-//     plan:getUrlArgObject('plan') || '0',
-// }//推送相关信息
-// //   http://localhost:8082/indexVert.html?age=28&diseaseId=280&lisJson=&diagJson=%E6%80%A5%E6%80%A7%E8%83%B0%E8%85%BA%E7%82%8E&pastJson=%E6%97%A0%E5%BF%83%E8%84%8F%E7%97%85&otherJson=%E6%97%A0%E9%AB%98%E8%A1%80%E5%8E%8B&pacsJson=%E8%85%B9%E9%83%A8B%E8%B6%85:%E6%97%A0%E5%BC%82%E5%B8%B8,%20%E6%8A%A5%E5%91%8A%E6%97%A5%E6%9C%9F:2019-05-07&sex=%E7%94%B7&symptomJson=%E6%81%B6%E5%BF%83%E5%91%95%E5%90%90%E8%85%B0%E7%97%9B&vitalJson=%E8%A1%80%E5%8E%8B%E5%B7%A6%E4%B8%8A%E8%82%A213/12mmHg
-// window.msg = msg
-// window.pushMessage = {}
-function getConf() {
-  return post(config.getSysSetInfoDatas,{hospitalCode: msg.hosCode,plan:msg.plan})
-}
-
-
-function getVersion() {
-  post(config.getVersion, '').then((res) => {
-    const data = res.data.data;
-    const ver = localStorage.getItem('versionTime');
-    const time = data.refreshTime;
-    $(".version-tip a").text(data.name);
-    if(!ver||ver===time+"=new"||time!==ver.replace("=new","")){       //判断版本是否更新
-      $(".version-tip").addClass('new-icon');
-      localStorage.setItem('versionTime',time+"=new");     //保存版本更新时间
-    }else{
-      $(".version-tip").removeClass('new-icon');
-    }
+//搜索跳转
+function goSearchList(){
+  $(".searchBtn").click(function(){
+    let vals = $('.searchStr').val()
+    window.location.href = './searchStaticList.html?type='+searchType+'&inputStr='+vals
   })
 }
-  function getDisclaimer() {
-    post(config.disclaimer, '').then((res) => {
-      const data = res.data.data.find(item => item.disclaimerCode == '2');
-      $(".responsibility").html(data.description);
-    })
-  }
-
-
-$(function(){
-  // getDisclaimer(); //获取免责声明
-  getVersion();   //获取版本信息
-  $(".disclaimerInfo").on("click", function(){
-    openNewWin("disclaimer.html")
-  });
-  $(".version-tip a").on("click", function(){
-    const ver = localStorage.getItem('versionTime');
-    $(".version-tip").removeClass('new-icon');
-    localStorage.setItem('versionTime',ver.replace("=new",""));
-    openNewWin("version.html");
-  });
-  let aa = [1,4,5,8,6,0]
-  function flat(arr){
-    let tmp = arr.some((item)=>item instanceof Array)
-    if(!tmp){
-      return arr
-    }
-    const res = Array.prototype.concat.apply([],arr)
-    return flat(res)
-  }
-  console.log(flat([1,[5,9,4],8,[0,[7,6]]]))
-});

src/js/promise.js

@@ -73,7 +73,8 @@ const config = {
     '22':'1,2',
     '11':'3',
     '8':'4,5'
-  }
+  },
+  staticSearch:'/kl/conceptInfo/staticIndexPage', //检索静态知识
 }
 const isLocal = window.location.hostname.indexOf('localhost') !=-1;
 const imageUrlPrefix = isLocal ?'http://192.168.2.241:82':'http://'+window.location.hostname+':82';

src/js/searchStaticList.js

@@ -0,0 +1,178 @@
+require('./../css/searchStaticList.less');
+
+const $ = require("jquery");
+const { post,config,getUrlArgObject,openNewWin } = require('./promise.js');
+const { renderRecommendInfo, renderMultRecommendInfo, renderTreat, renderRecommendConditTips, renderTipsInfo ,renderKnowledgeInfo,renderScaleInfo} = require('./indexVertDom.js');
+
+let searchType = 0,inputStr = '',curPage=1,size=10;
+searchType = getUrlArgObject('type') || 0
+inputStr = getUrlArgObject('inputStr') || ''
+
+let arrowLeft = require('./../images/leftpage.png').replace(/^undefined/g, '')
+let arrowRight = require('./../images/rightpage.png').replace(/^undefined/g, '')
+require('./../images/staticBgS.png').replace(/^undefined/g, '')
+require('./../images/staticLogo.png').replace(/^undefined/g, '')
+require('./../images/staticBg.png').replace(/^undefined/g, '')
+require('./../images/nolis.png').replace(/^undefined/g, '')
+
+$(function(){
+  initData()
+  changeTab()
+  getSearchList()
+  getTabData(curPage)
+});
+//tab切换
+function changeTab(){
+  $(".staticTopTab li").click(function(){
+    searchType = $(this).attr('data-id')
+    $(this).css({color:'#2A9BD5'}).siblings().css({color:'#333'})
+  })
+}
+function getSearchList(){
+    $(".searchBtn").click(function(){
+        getTabData(curPage)
+    })
+}
+function getTabData(){
+    let vals = $('.searchStr').val();
+    let param = {
+        size,
+        current:curPage,
+        types:[+searchType],
+        inputStr:vals
+    }
+    post(config.staticSearch,param).then((res) => {
+      const result = res.data
+      if(result.code == 0) {
+        const data = result.data;
+        tabList = data.records;
+        const totalPage = data.pages;
+        const totalNum = data.total;
+        renderList(tabList);
+        if(totalPage > 1){
+            renderPagination(totalPage,Number(curPage),totalNum)
+        } else{
+            $('.pagination').html("")
+        }
+      }
+    })
+}
+function renderList(tabList){
+    if(tabList.length == 0){
+        $('.pagination').html('')
+        $(".resultItemWrap").html('');
+        $(".resultItemEmpty").css({display:'block'});
+        return
+    }
+    let str = ''
+    for(let i = 0;i<tabList.length;i++){
+        let item = tabList[i]
+        str += `
+            <div class="resultItem" data-type="${item.type}" data-name="${item.name}">
+                <div>
+                    <span class="type">${item.typeName}</span>
+                    ${item.code?`<span class="code">${item.code}</span>`:''}
+                    <span class="drug">${item.name}</span>
+                    ${item.hasClinicalPathway?`<span class="notice">临床路径</span>`:''}
+                    ${item.hasNotice?`<span class="notice">注意事项</span>`:''}
+                </div>
+                ${item.retrievalName?`<div class="same">同义词：<span>${item.retrievalName}</span></div>`:''}
+                <div class="content">
+                    <p>${item.abstractContent}</p>
+                </div>
+            </div>
+        `
+    }
+    $(".resultItemWrap").html(str);
+    $('.resultItem').click(function(){
+        let name = $(this).attr('data-name')
+        let type = $(this).attr('data-type')
+        window.location.href = `./staticInfo.html?name=${name}&type=${type}`
+    })
+}
+function initData(){
+    if(searchType){
+        $('.staticTopTab li').eq(searchType).css({color:'#2A9BD5'}).siblings().css({color:'#333'})
+    }
+    if(inputStr){
+        $(".searchStr").val(inputStr)
+    }
+}
+// 分页
+function renderPagination(totalPage,activePage,totalNum){
+    let str = `<span class="totalSum">共${totalNum}条</span>
+        <select class="select">
+            <option value="10" ${size==10?'selected':''}>10条/页</option>
+            <option value="50" ${size==50?'selected':''}>50条/页</option>
+            <option value="100" ${size==100?'selected':''}>100条/页</option>
+            <option value="500" ${size==500?'selected':''}>500条/页</option>
+            <option value="1000" ${size==1000?'selected':''}>1000条/页</option>
+            <option value="5000" ${size==5000?'selected':''}>5000条/页</option>
+        </select>
+        <span class="prePage">
+            <img class="arrowPage" src=${arrowLeft} />
+        </span>
+    `
+    if(totalPage <= 6){
+        for(let i = 1; i <= totalPage; i++){
+            str += `<span class="pageNum ${'page'+i}" data-page=${i}>${i}</span>`
+        }
+    }else{
+        if(activePage <= 3){ //选中页数小于4
+            for(let i = 1; i <= 4; i++){
+                str += `<span class="pageNum ${'page'+i}" data-page=${i}>${i}</span>`
+            }
+            str += `<span class="more" >...</span>`
+            str += `<span class="pageNum ${'page'+totalPage}" data-page=${totalPage}>${totalPage}</span>`
+        } else if(activePage > totalPage -3){
+            str += `<span class="pageNum page1" data-page=1>1</span>`
+            str += `<span class="more" >...</span>`
+            str += `<span class="pageNum ${'page'+(totalPage-3)}" data-page=${totalPage -3}>${totalPage -3}</span>`
+            str += `<span class="pageNum ${'page'+(totalPage-2)}" data-page=${totalPage -2}>${totalPage -2}</span>`
+            str += `<span class="pageNum ${'page'+(totalPage-1)}" data-page=${totalPage -1}>${totalPage -1}</span>`
+            str += `<span class="pageNum ${'page'+totalPage}" data-page=${totalPage}>${totalPage}</span>`
+        } else {
+            str += `<span class="pageNum page1" data-page=1>1</span>`
+            str += `<span class="more" >...</span>`
+            str += `<span class="pageNum ${'page'+(activePage -1)}" data-page=${activePage -1}>${activePage -1}</span>`
+            str += `<span class="pageNum ${'page'+activePage}" data-page=${activePage}>${activePage}</span>`
+            str += `<span class="pageNum ${'page'+(activePage +1)}" data-page=${activePage +1}>${activePage +1}</span>`
+            str += `<span class="more" >...</span>`
+            str += `<span class="pageNum ${'page'+totalPage}" data-page=${totalPage}>${totalPage}</span>`
+        }
+       
+    }
+    str += `<span class="nextPage"><img class="arrowPage" src=${arrowRight} /></span>
+        <span class="goNum">前往 <input type="number" value="${curPage}" /> 页</span>`
+    $('.pagination').html(str)
+    $('.page' + activePage).addClass('activePage')
+    $(".pageNum").on("click", function(e){
+        console.log($(this)[0])
+        const activePageNow = Number($(this).attr('data-page'))
+        curPage = activePageNow
+        getTabData()
+    })
+    $(".prePage").on("click", function(e){
+        let activePageNow = Number($(".activePage").attr('data-page'))
+        if(activePageNow > 1){
+            curPage = --activePageNow
+            getTabData()
+        }
+    })
+    $(".nextPage").on("click", function(e){
+        let activePageNow = Number($(".activePage").attr('data-page'))
+        if(activePageNow < totalPage){
+            curPage = ++activePageNow
+            getTabData()
+        }
+    })
+    $('.select').change(function(){
+        size = $(this).val()
+        getTabData()
+    })
+    $('.goNum input').change(function(){
+        curPage = $(this).val()
+        getTabData()
+    })
+}
+

src/js/staticInfo.js

@@ -0,0 +1,172 @@
+if(!Promise){
+  var Promise = require("bluebird");
+// Configure
+  Promise.config({
+    longStackTraces: true,
+    warnings: true // note, run node with --trace-warnings to see full stack traces for warnings
+  })
+}
+require('../css/staticInfo.less')
+const {
+  post,
+  throttle,
+  imageUrlPrefix,
+  config,
+  getUrlArgObject,
+  openNewWin
+} = require('./promise.js');
+const $ = require("jquery");
+let showName,noticeName,clinicalPathwayName
+
+function getInfomation() {
+  var param = {
+    "type": getUrlArgObject('type'),
+    "name": getUrlArgObject('name'),
+    "position": getUrlArgObject('position'),
+    "contentTypes":[1,2,3]
+  };
+  const uname = getUrlArgObject('uname')
+  showName = param.name
+
+  post(config.information, param).then((res) => {
+    const data = res.data.data
+    document.title = showName
+    var str = '';
+    var anchors = '';
+  
+    if (!data) {
+      $("h1").html("暂时没有数据");
+      $(".anchors").css("display", "none");
+      return;
+    }
+    var detailList = data.details
+    var staticKnowList = detailList['静态知识']
+    var noticeInfo = detailList['注意事项']
+    var clinicalPathwayInfo = detailList['临床路径']
+    noticeName = data.noticeName || "注意事项"
+    clinicalPathwayName = data.clinicalPathwayName || "临床路径"
+
+    renderTab(detailList)
+    staticKnowList&&renderContent(staticKnowList,'staticKnowledge')
+    noticeInfo&&renderContent(noticeInfo,'notice')
+    clinicalPathwayInfo&&renderContent(clinicalPathwayInfo,'clinicalPathway')
+
+    $('.content img').bind('contextmenu', function(){
+      return false
+    })
+   
+  })
+}
+getInfomation();
+
+
+function renderContent(list, contentWrapClassName){
+    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()
+
+      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()
+}
+
+
+
+function addLinkClickEvent(contentWrapClassName) {
+  $(`.${contentWrapClassName} .anchors li:first`).addClass("active");
+  $(`.${contentWrapClassName}  .anchors li>a`).on("click", function () {
+
+    const that = this
+    setTimeout(function(){
+      $(`.${contentWrapClassName} .anchors .active`).removeClass('active');
+      $(that).parent().addClass("active");
+    },20)
+
+  });
+}
+
+function renderTab(detailList){
+  if(detailList['静态知识']){
+    $(".tabList").append(`<span class="tab" data-module="staticKnowledge">静态知识</span>`)
+    $(".staticKnowledge h1").html(showName);
+  }
+  if(detailList['临床路径']){
+    $(".tabList").append(`<span class="tab" data-module="clinicalPathway">临床路径</span>`)
+    $(".clinicalPathway h1").html(clinicalPathwayName);
+  }
+  if(detailList['注意事项']){
+    $(".tabList").append(`<span class="tab" data-module="notice">注意事项</span>`)
+    $(".notice h1").html(noticeName);
+  }
+  $(".tabList .tab").eq(0).addClass("activeTab")
+  let defaultModuleName = $(".tabList .tab").eq(0).attr("data-module")
+  $(`.${defaultModuleName}`).css("display","block")
+  bindTabClick()
+}
+function bindTabClick(){
+  $(".tabList .tab").on("click", function(){
+    const moduleName = $(this).attr("data-module")
+    const display = $(`.${moduleName}`).css("display")
+    if(display == "none"){
+      $(".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 name= getUrlArgObject('name');
+    const position= getUrlArgObject('position');
+    openNewWin("information.html?name="+encodeURIComponent(name)+"&position="+encodeURIComponent(position)+"&type="+encodeURIComponent(type));
+  })
+}
+function adjustHeight() {
+  var ht = window.innerHeight || document.documentElement.clientHeight;
+  $(".content").height(ht - 80 + "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')
+}
+$(window).on('resize', function(){
+  adjustHeight()
+  adjustWidth()
+})
+
+//如果是子窗口，隐藏网页查看按钮
+if(window.opener){
+  $("#openWin").hide();
+}

src/js/staticInfoOut.js

@@ -0,0 +1,225 @@
+if(!Promise){
+  var Promise = require("bluebird");
+// Configure
+  Promise.config({
+    longStackTraces: true,
+    warnings: true // note, run node with --trace-warnings to see full stack traces for warnings
+  })
+}
+require('../css/staticInfoOut.less')
+const {
+  post,
+  throttle,
+  imageUrlPrefix,
+  config,
+  getUrlArgObject,
+  openNewWin
+} = require('./promise.js');
+const $ = require("jquery");
+let showName,noticeName,clinicalPathwayName,showLis=[]
+
+let icond = require('./../images/d.png').replace(/^undefined/g, '')
+function getInfomation() {
+  // var param = {
+  //   "type": getUrlArgObject('type'),
+  //   "name": getUrlArgObject('name'),
+  //   "position": getUrlArgObject('position'),
+  //   "contentTypes":[1,2,3]
+  // };
+  var param = {
+    "type": getUrlArgObject('type'),
+    "hospitalId": getUrlArgObject('hospitalId'),
+    "hisName": getUrlArgObject('hisName'),
+    "hisDetailName": getUrlArgObject('hisDetailName'),
+    "contentTypes":[1,2,3]
+  };
+  const uname = getUrlArgObject('uname')
+  // showName = param.name
+  // if (param.type == 5 || param.type == 51) {
+  //   param.type = 12;
+  //   param.name = uname;
+  // }
+
+  post(config.getStaticKnowledgeForHIS, param).then((res) => {
+    if(res.data.code==='0'){
+      const data = res.data.data
+      var str = '';
+      var anchors = '';
+      if (!data||data.length===0) {
+        showEmpty();
+        return;
+      }
+      showLis=data
+      for(let i = 0;i < showLis.length;i++){
+        let tmp = showLis[i]
+        str+=`<li data-idx="${i}" title="${tmp.name}">${tmp.name}</li>`
+      }
+      $(".showWhich ul").html(str)
+      $(".showWhichSelect").html(showLis[0].name).attr("title",showLis[0].name)
+      showName = data[0].name
+      document.title = showName
+      showInfoSelect()
+      showInfo(data[0])
+      $('.content img').bind('contextmenu', function(){
+        return false
+      })
+    }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");
+}
+function showInfo(data){
+  var detailList = data.details
+  var staticKnowList = detailList['静态知识']
+  var noticeInfo = detailList['注意事项']
+  var clinicalPathwayInfo = detailList['临床路径']
+  noticeName = data.noticeName || "注意事项"
+  clinicalPathwayName = data.clinicalPathwayName || "临床路径"
+  // $("h1").css({
+  //   "color": "#267FD7",
+  //   "borderBottom": "4px solid  #E9E9E9",
+  //   "padding": "0px 60px 50px 0px"
+  // });
+  renderTab(detailList)
+  staticKnowList&&renderContent(staticKnowList,'staticKnowledge')
+  noticeInfo&&renderContent(noticeInfo,'notice')
+  clinicalPathwayInfo&&renderContent(clinicalPathwayInfo,'clinicalPathway')
+}
+function showInfoSelect(){
+  $('.showWhich li').click(function(){
+    let idx = $(this).attr('data-idx')
+    let name = $(this).html(),str=''
+    showName = showLis[idx].name
+    document.title = showName
+    showInfo(showLis[idx])
+    $('.content .infos').scrollTop(0)
+    $(".showWhich ul").css("display","none")
+    $(".showWhichSelect").html(name).attr("title",name)
+  })
+  $(".showWhichSelect").click(function(e){
+    e.stopPropagation()
+    $(".showWhich ul").slideToggle()
+  })
+  $(document).click(function(){
+    $(".showWhich ul").css("display","none")
+  })
+}
+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"> <div class= "circleBox"><span class="circle"> </span></div> <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()
+
+      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()
+}
+
+
+
+function addLinkClickEvent(contentWrapClassName) {
+  $(`.${contentWrapClassName} .anchors li:first`).addClass("active");
+  $(`.${contentWrapClassName}  .anchors li>a`).on("click", function () {
+
+    const that = this
+    setTimeout(function(){
+      $(`.${contentWrapClassName} .anchors .active`).removeClass('active');
+      $(that).parent().addClass("active");
+    },20)
+
+  });
+}
+
+function renderTab(detailList){
+  $(".tabList").html('')
+  if(detailList['静态知识']){
+    $(".tabList").append(`<span class="tab" data-module="staticKnowledge">静态知识</span>`)
+    $(".staticKnowledge h1").html(showName);
+  }
+  if(detailList['临床路径']){
+    $(".tabList").append(`<span class="tab" data-module="clinicalPathway">临床路径</span>`)
+    $(".clinicalPathway h1").html(clinicalPathwayName);
+  }
+  if(detailList['注意事项']){
+    $(".tabList").append(`<span class="tab" data-module="notice">注意事项</span>`)
+    $(".notice h1").html(noticeName);
+  }
+  $(".tabList .tab").eq(0).addClass("activeTab")
+  let defaultModuleName = $(".tabList .tab").eq(0).attr("data-module")
+  $(`.${defaultModuleName}`).css("display","block")
+  bindTabClick()
+}
+function bindTabClick(){
+  $(".tabList .tab").on("click", function(){
+    const moduleName = $(this).attr("data-module")
+    const display = $(`.${moduleName}`).css("display")
+    if(display == "none"){
+      $(".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));
+  })
+}
+function adjustHeight() {
+  var ht = window.innerHeight || document.documentElement.clientHeight;
+  $(".content").height(ht - 90 + "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')
+}
+$(window).on('resize', function(){
+  adjustHeight()
+  adjustWidth()
+})
+//如果是子窗口，隐藏网页查看按钮
+if(window.opener){
+  $("#openWin").hide();
+}
+

webpack.config.js

@@ -4,7 +4,7 @@ const CleanWebpackPlugin = require('clean-webpack-plugin') // 清空打包目录
 const MiniCssExtractPlugin = require('mini-css-extract-plugin');
 const UglifyJsPlugin = require('uglifyjs-webpack-plugin');
 const webpack = require('webpack');
-const proxyHost = "http://192.168.2.241:6060";
+const proxyHost = "http://192.168.2.236:6060";
 module.exports = {
   entry: {
     index: path.resolve(__dirname, 'src/js', 'index.js'),
@@ -29,6 +29,9 @@ module.exports = {
     cdssPlan:path.resolve(__dirname, 'src/js', 'cdssPlan.js'),
     check:path.resolve(__dirname, 'src/js', 'check.js'),
     homeStatic:path.resolve(__dirname, 'src/js', 'homeStatic.js'),
+    searchStaticList:path.resolve(__dirname, 'src/js', 'searchStaticList.js'),
+    staticInfo:path.resolve(__dirname, 'src/js', 'staticInfo.js'),
+    staticInfoOut:path.resolve(__dirname, 'src/js', 'staticInfoOut.js'),
     vendor: 'lodash'// 多个页面所需的公共库文件，防止重复打包带入
   },
   output: {
@@ -67,6 +70,45 @@ module.exports = {
         collapseWhitespace: true //删除空白符与换行符
       }
     }),
+    new HtmlWebpackPlugin({
+      title: 'staticInfoOut',
+      template: path.resolve(__dirname, 'src/html', 'staticInfoOut.html'),
+      filename: 'staticInfoOut.html',
+      chunks: ['staticInfoOut', 'vendor', 'common'],
+      inject: true,
+      hash: true, //防止缓存
+      minify: {
+        removeAttributeQuotes: true, //压缩 去掉引号
+        removeComments: true, //移除HTML中的注释
+        collapseWhitespace: true //删除空白符与换行符
+      }
+    }),
+    new HtmlWebpackPlugin({
+      title: 'staticInfo',
+      template: path.resolve(__dirname, 'src/html', 'staticInfo.html'),
+      filename: 'staticInfo.html',
+      chunks: ['staticInfo', 'vendor', 'common'],
+      inject: true,
+      hash: true, //防止缓存
+      minify: {
+        removeAttributeQuotes: true, //压缩 去掉引号
+        removeComments: true, //移除HTML中的注释
+        collapseWhitespace: true //删除空白符与换行符
+      }
+    }),
+    new HtmlWebpackPlugin({
+      title: 'searchStaticList',
+      template: path.resolve(__dirname, 'src/html', 'searchStaticList.html'),
+      filename: 'searchStaticList.html',
+      chunks: ['searchStaticList', 'vendor', 'common'],
+      inject: true,
+      hash: true, //防止缓存
+      minify: {
+        removeAttributeQuotes: true, //压缩 去掉引号
+        removeComments: true, //移除HTML中的注释
+        collapseWhitespace: true //删除空白符与换行符
+      }
+    }),
     new HtmlWebpackPlugin({
       title: 'index',
       template: path.resolve(__dirname, 'src/html', 'check.html'),