reaper 3 lat temu
rodzic
commit
28c27ea19a

Plik diff jest za duży
+ 609 - 547
src/css/cdssHorizontal.less


+ 30 - 14
src/css/common.less

@@ -14,23 +14,39 @@
 @pushBgColor:#E3F0FF; //推送title背景颜色
 @markFontColor:#1E1E1E; //着重色
 @hoverBg:#EEF3FF; //鼠标悬浮背景色
-
-
 @grayColor:#D1D1D1; //边框
 @colorBlue:#267FD7;  //hover
 @staticMainColor: #2A9BD5; // 静态知识主要颜色
+@colorBlue: #267fd7; //hover
+@bgcWaring: #fdf4ee; //病情提示
+@colorWaring: #FF7836; //警惕
+@bgcPlan: #e3fefe; //治疗
+@bgcMay: #faebec; //疑似,警惕,可能
+@bgcModal: #dfeafe; //弹窗头
+@fontColor: #666;
 .disCopy {
-    -webkit-touch-callout: none;
-    -webkit-user-select: none;
-    -khtml-user-select: none;
-    -moz-user-select: none;
-    -ms-user-select: none;
-    user-select: none;
+  -webkit-touch-callout: none;
+  -webkit-user-select: none;
+  -khtml-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+}
+.ellipsis {
+  white-space: nowrap; /*强制在一行显示*/
+  text-overflow: ellipsis; /*设置超出内容显示...*/
+  overflow: hidden; /*一定不能少 超出的内容进行隐藏*/
 }
-.ellipsis{
-    white-space: nowrap;/*强制在一行显示*/
-	text-overflow:ellipsis;/*设置超出内容显示...*/
-	overflow: hidden;/*一定不能少 超出的内容进行隐藏*/
+.clearfix:after {
+  content: "";
+  display: block;
+  height: 0;
+  clear: both;
+  visibility: hidden;
+}
+
+.clearfix {
+  zoom: 1;
 }
 .clearfix:after{
     content: ""; 
@@ -74,7 +90,7 @@
     width: 100%;
     height: 100%;
     background: #000;
-    opacity: .3;
+    opacity: 0.3;
     z-index: 999;
   }
   .inner-box {
@@ -88,7 +104,7 @@
     border-radius: 4px;
   }
   .title {
-    border-bottom: 1px #EBEBEB solid;
+    border-bottom: 1px #ebebeb solid;
     height: 40px;
     line-height: 40px;
     span {

+ 4 - 3
src/html/cdssHorizontal.html

@@ -26,10 +26,11 @@
         </span>
        
       </div>
-      <div class="tabList">
-
-      </div>
+      
       <div class="contentBox">
+        <div class="tabList">
+
+        </div>
         <div class="recommendWrap moduleWrapper clearfix">
           <div class="leftWrapper">
             <div class="leftBox"></div>

BIN
src/images/lisStrFront-icon.png


BIN
src/images/pacsStrFront-icon.png


BIN
src/images/right-icon.png


+ 9 - 5
src/js/cdssHorizontal.js

@@ -140,13 +140,15 @@ function renderTab(tabList) {
   for (let i = 0; i < tabList.length; i++) {
     if (tabList[i].status == '1') {
       TabNum++
-      tabStr += `<span class="tab" style="border-bottom:${tabList.length == i + 1 ? '0' : '1px solid #3B9ED0'}" data-name="${tabList[i].code}" ><span class="tabName">${tabList[i].name}</span><span class="activeLine"></span></span>`
+      tabStr += `<span class="tab" data-name="${tabList[i].code}" ><span class="tabName">${tabList[i].name}</span><span class="activeLine"></span></span>`
     }
 
   }
   $(".tabList").append(tabStr)
   $(".tabList .tab").eq(0).addClass("activeTab")
-  $(".tabList .tab").css("height", 1 / TabNum * 100 + '%')
+  $(".tabList .tab").eq(0).addClass("activeTab")
+  $(".tabList .tab .activeLine").eq(0).css({ display: "block" })
+  // $(".tabList .tab").css("height", 1 / TabNum * 100 + '%')
   let showModuleName = $(".tabList .tab").eq(0).attr("data-name")
   getModuleShow(moduleConfig[showModuleName])
   bindTabClick()
@@ -218,7 +220,9 @@ function isNeedwriteStandardPush(list) {
 function bindTabClick() {
   $(".tabList .tab").on("click", function () {
     $(".activeTab").removeClass("activeTab")
+    $(".tabList .tab .activeLine").css({ display: "none" })
     $(this).addClass("activeTab")
+    $(this).find('.activeLine').css({ display: "block" })
     const moduleName = $(this).attr("data-name")
     getModuleShow(moduleConfig[moduleName])
   })
@@ -233,7 +237,7 @@ function setTabNameTop() {
   tabNameList = $(".tabList .tab .tabName")
   for (let i = 0; i < tabNameList.length; i++) {
     let tabNameHei = $(".tabList .tab .tabName").eq(i).height()
-    $(".tabList .tab .tabName").eq(i).css("marginTop", -tabNameHei / 2 + "px")
+    // $(".tabList .tab .tabName").eq(i).css("marginTop", -tabNameHei / 2 + "px")
   }
 }
 function renderCaseWrite() {
@@ -663,9 +667,9 @@ function moreInfo() {
     console.log(name)
     openNewWin(`staticInfo.html?type=${encodeURIComponent(type)}&position=0&name=${encodeURIComponent(name)}&page=1&gauge=gauge`)
   })
-  
+
 }
-function pushItemName(){
+function pushItemName() {
   $('.pushItemName').off("click").click(function () {
     console.log(11)
     const name = $(this).parent().attr('data-name')

+ 105 - 92
src/js/followUp.js

@@ -1,124 +1,137 @@
 var $ = require("jquery");
 var { post,config,getUrlArgObject,openNewWin,isIe8 ,openNewWin} = require('./promise.js');
 let showImg = require('./../images/show.png').replace(/^undefined/g, '')
-let collapseImg = require('./../images/collapse.png').replace(/^undefined/g, '')
+let collapseImg = require('./../images/collapse2.png').replace(/^undefined/g, '')
 let emptyImg = require('./../images/empty3.png').replace(/^undefined/g, '')
-function getFollowUp(msg){
+let lisStrFrontIcon = require('./../images/lisStrFront-icon.png').replace(/^undefined/g, '')
+let pacsStrFrontIcon = require('./../images/pacsStrFront-icon.png').replace(/^undefined/g, '')
+let rightIcon = require('./../images/right-icon.png').replace(/^undefined/g, '')
+function getFollowUp(msg) {
     return post(config.followUp, msg)
 }
 let hospitalId = getUrlArgObject('hospitalId') || ''
-let mrId = getUrlArgObject('mrId') 
-function renderFollowUp(msg,type){
-    getFollowUp(msg).then(res =>{
-        if(res.data.code === "0"){
-            const result = res.data.data&&res.data.data.pushPlans || []
-            if(result.length === 0||(result[0]&&result[0].item&&JSON.stringify(result[0].item)==="{}")){
+let mrId = getUrlArgObject('mrId')
+function renderFollowUp(msg, type) {
+    getFollowUp(msg).then(res => {
+        if (res.data.code === "0") {
+            const result = res.data.data && res.data.data.pushPlans || []
+            if (result.length === 0 || (result[0] && result[0].item && JSON.stringify(result[0].item) === "{}")) {
                 followEmpty()
                 return
             }
-            renderPage(result,type)
-        }else{
+            renderPage(result, type)
+        } else {
             followEmpty()
         }
     })
 }
-function renderPage(data,type){
+function renderPage(data, type) {
     const operaItem = data[0] || {}
     const operaItemName = operaItem.item || {}
     let operaItemDetail = operaItem.pushPlanDetails || []
-    renderName(operaItemName) 
-    if(type){
-        operaItemDetail=operaItemDetail.splice(0,1)
+    renderName(operaItemName)
+    if (type) {
+        operaItemDetail = operaItemDetail.splice(0, 1)
         renderDetailHorizontal(operaItemDetail)
-    }else{
+    } else {
         renderBtn(operaItemDetail)
         renderDetail(operaItemDetail)
         checkDom()
-    }   
+    }
 }
-function renderName(data){
-      const operationTime = data.dateValue&&getTime(data.dateValue)
-      const  operationName = data.name || ""
-      const str = `<div class="operaNameWrap" id="operaNameWrap"><div class="operaNameBox">患者于<span class="operaNameBold">${operationTime}</span>进行<span class="operaNameBold">${operationName}</span>。根据临床路径要求,特制订检验检查计划如下。</div></div>`
-      $(".followUpWrap").append(str)
+function renderName(data) {
+    const operationTime = data.dateValue && getTime(data.dateValue)
+    const operationName = data.name || ""
+    const str = `<div class="operaNameWrap" id="operaNameWrap"><div class="operaNameBox">患者于<span class="operaNameBold">${operationTime}</span>进行<span class="operaNameBold">${operationName}</span>。根据临床路径要求,特制订检验检查计划如下。</div></div>`
+    $(".followUpWrap").append(str)
 }
-function renderDetailHorizontal(data){
-   let str = ``
-   for(let i = 0; i < data.length; i++){
-       const item = data[i]
-       const lisArr = item.lis || []
-       const pacsArr = item.pacs || []
-       let lisStr=``
-       let pacsStr=``
-       let title = `<p>${getTime(item.examineDate)}(${item.description&&(item.description)})</p>`
-       for(let i = 0; i < lisArr.length; i++){
-        lisStr += `<div style="position:relative"><span class="circle"></span>${lisArr[i]}</div>`
-       }
-       for(let i = 0; i < pacsArr.length; i++){
-        pacsStr += `<div style="position:relative"><span class="circle"></span>${pacsArr[i]}</div>`
-       }
-       str += `<div class="infoBox">
+function renderDetailHorizontal(data) {
+    let str = ``
+    for (let i = 0; i < data.length; i++) {
+        const item = data[i]
+        const lisArr = item.lis || []
+        const pacsArr = item.pacs || []
+        let lisStr = ``
+        let pacsStr = ``
+        let title = `<p>${getTime(item.examineDate)}(${item.description && (item.description)})</p>`
+        for (let i = 0; i < lisArr.length; i++) {
+            lisStr += `<div style="position:relative"><span class="circle"></span>${lisArr[i]}</div>`
+        }
+        for (let i = 0; i < pacsArr.length; i++) {
+            pacsStr += `<div style="position:relative"><span class="circle"></span>${pacsArr[i]}</div>`
+        }
+        str += `<div class="infoBox">
             ${title}
             <div class="checkFront lisBox">
-            <span class="lisStrFront">检验</span>
+            <div class="lisStrFront">
+                <img src="${lisStrFrontIcon}" alt="" />
+                <span>检验</span>
+            </div>
+            
             <div>${lisStr}</div>
            </div>
            <div class="checkFront pacsBox">
-            <span class="pacsStrFront">检查</span>
+           <div class="pacsStrFront">
+           <img src="${pacsStrFrontIcon}" alt="" />
+            <span>检查</span>
+           </div>
+            
             <div>${pacsStr}</div>
            </div>
        </div>`
-   }
-   $(".followUpWrap").append(`<div class="infoWrap">${str}<div class="readMorePlan"><a>查看更多计划</a></div></div>`)
+    }
+    $(".followUpWrap").append(`<div class="infoWrap">${str}<div class="readMorePlan"><a>查看更多计划</a>
+        <img src="${rightIcon}" alt="" />
+    </div></div>`)
     showMoreCheck()
 }
-function showMoreCheck(){
-  $(".readMorePlan a").on("click", function(){
-    openNewWin(`cdssPlan.html?mrId=${mrId}&hospitalId=${hospitalId}`)
-  })
+function showMoreCheck() {
+    $(".readMorePlan a").on("click", function () {
+        openNewWin(`cdssPlan.html?mrId=${mrId}&hospitalId=${hospitalId}`)
+    })
 }
-function renderDetail(data){
-   let historyStr = ``
-   let laterStr = ``
-   for(let i = 0; i < data.length; i++){
-       const item = data[i]
-       const lisArr = item.lis || []
-       const pacsArr = item.pacs || []
-       let lisStr=``
-       let pacsStr=``
-       let title = `<p class="infoBoxTitle">${getTime(item.examineDate)}${item.description?'('+item.description+')':''} <img class="toggleInfo" src="${showImg}"/></p>`
-       for(let i = 0; i < lisArr.length; i++){
-        lisStr += `<div class="lisItem"><span class="circle"></span>${lisArr[i]}</div>`
-       }
-       for(let i = 0; i < pacsArr.length; i++){
-        pacsStr += `<div  class="lisItem"><span class="circle"></span>${pacsArr[i]}</div>`
-       }
-       if(item.history === 1){
-        historyStr+=`<div class="infoBox historyBox" >
+function renderDetail(data) {
+    let historyStr = ``
+    let laterStr = ``
+    for (let i = 0; i < data.length; i++) {
+        const item = data[i]
+        const lisArr = item.lis || []
+        const pacsArr = item.pacs || []
+        let lisStr = ``
+        let pacsStr = ``
+        let title = `<p class="infoBoxTitle">${getTime(item.examineDate)}${item.description ? '(' + item.description + ')' : ''} <img class="toggleInfo" src="${showImg}"/></p>`
+        for (let i = 0; i < lisArr.length; i++) {
+            lisStr += `<div class="lisItem"><span class="circle"></span>${lisArr[i]}</div>`
+        }
+        for (let i = 0; i < pacsArr.length; i++) {
+            pacsStr += `<div  class="lisItem"><span class="circle"></span>${pacsArr[i]}</div>`
+        }
+        if (item.history === 1) {
+            historyStr += `<div class="infoBox historyBox" >
             ${title}
             <div class="childrenBox">
-                ${lisArr.length>0?`<div class="lisBox"><span class="itemBoxTitle">检验</span>${lisStr}</div>`:""}
-                ${pacsArr.length>0?`<div class="pacsBox"><span class="itemBoxTitle">检查</span>${pacsStr}</div>`:""}
+                ${lisArr.length > 0 ? `<div class="lisBox"><span class="itemBoxTitle">检验</span>${lisStr}</div>` : ""}
+                ${pacsArr.length > 0 ? `<div class="pacsBox"><span class="itemBoxTitle">检查</span>${pacsStr}</div>` : ""}
             </div>
         </div>`
-       }else{
-        laterStr += `<div class="infoBox">
+        } else {
+            laterStr += `<div class="infoBox">
             ${title}
             <div class="childrenBox">
-                ${lisArr.length>0?`<div class="lisBox"><span class="itemBoxTitle">检验</span>${lisStr}</div>`:""}
-                ${pacsArr.length>0?`<div class="pacsBox"><span class="itemBoxTitle">检查</span>${pacsStr}</div>`:""}
+                ${lisArr.length > 0 ? `<div class="lisBox"><span class="itemBoxTitle">检验</span>${lisStr}</div>` : ""}
+                ${pacsArr.length > 0 ? `<div class="pacsBox"><span class="itemBoxTitle">检查</span>${pacsStr}</div>` : ""}
             </div>
         </div>`
-       }
-      
-   }
-   $(".followUpWrap").append(`<div class="infoWrap" id="infoWrap">
+        }
+
+    }
+    $(".followUpWrap").append(`<div class="infoWrap" id="infoWrap">
         <div class="historyWrap">${historyStr}</div>
         <div class="laterWrap">${laterStr}</div>
     </div>`)
     // adjustHeight()
     bindToggleInfo()
-  
+
 }
 function renderBtn(data){
     const hasBtn = data[0]&&data[0].history&&data[0].history === 1
@@ -128,7 +141,7 @@ function renderBtn(data){
     const str = `<div class="btnBox" id="btnBox"><span class="btnName">显示历史计划</span></div>`
     $(".followUpWrap").append(str)
     bindToggleHistory()
-  
+
 }
 function adjustHeight() {
     var containerHt = $(".contentWrapper").height()
@@ -137,13 +150,13 @@ function adjustHeight() {
     $(".followUpWrap  .infoWrap").height(containerHt -ht1- ht2 + "px");
     $(".infoWrap").preventScroll();  
 }
-function getTime(time){
-    if(!time){
+function getTime(time) {
+    if (!time) {
         return ``
     }
-    date = time.replace('-','/')
+    date = time.replace('-', '/')
     const year = new Date(date).getFullYear()
-    const month = new Date(date).getMonth()+1
+    const month = new Date(date).getMonth() + 1
     const day = new Date(date).getDate()
     return `${year}年${month}月${day}日`
 }
@@ -156,12 +169,12 @@ function checkDom() {
     let dom2 = document.getElementById('btnBox')
     let dom3 = document.getElementById('infoWrap')
     let dom2Hei = $("#btnBox").height()
-    if(dom1Hei!==0&&(dom2&&dom2Hei!=0 || !dom2)&&dom3) {
-         //  执行dom加载完成后的操作
-    
-         adjustHeight()
+    if (dom1Hei !== 0 && (dom2 && dom2Hei != 0 || !dom2) && dom3) {
+        //  执行dom加载完成后的操作
+
+        adjustHeight()
         //  清除定时器
-        if(!cheakDomTimer) {
+        if (!cheakDomTimer) {
             clearTimeout(cheakDomTimer)
         }
     } else {
@@ -169,12 +182,12 @@ function checkDom() {
         cheakDomTimer = setTimeout(checkDom, 200)
     }
 }
-function bindToggleHistory(){
-    $(document).on("click",".btnName",function(){
+function bindToggleHistory() {
+    $(document).on("click", ".btnName", function () {
         const btnText = $(".btnName").text()
-        if(btnText==="显示历史计划"){
+        if (btnText === "显示历史计划") {
             $(".btnName").text("隐藏历史计划")
-        }else{
+        } else {
             $(".btnName").text("显示历史计划")
         }
         $(".historyWrap").slideToggle()
@@ -191,7 +204,7 @@ function bindToggleInfo(){
         $(this).parents(".infoBox").find(".childrenBox").slideToggle()
     })
 }
-function followEmpty(){
+function followEmpty() {
     let str = `<div class="emptyBox">
         <img class="emptyImg" src=${emptyImg}>
         <p class="emptyTxt">暂无随访计划~</p>
@@ -199,14 +212,14 @@ function followEmpty(){
     $(".followUpWrap").append(str)
 }
 
-$(window).on('resize', function(){
-    if(window.location.href.indexOf('cdssHorizontal')>-1){
+$(window).on('resize', function () {
+    if (window.location.href.indexOf('cdssHorizontal') > -1) {
         return
     }
     adjustHeight()
 })
 
-module.exports ={
+module.exports = {
     renderFollowUp,
     followEmpty
 }

+ 12 - 11
webpack.config.js

@@ -266,7 +266,7 @@ module.exports = {
             except: ['e']
           },
           output: {
-              beautify: true
+            beautify: true
           },
           sourceMap: false
         }
@@ -285,13 +285,13 @@ module.exports = {
       }
     }
   },
-      
+
   module: {
     rules: [
       {
-          test: /.js$/,
-          enforce: 'post', 
-          loader: 'es3ify-loader'
+        test: /.js$/,
+        enforce: 'post',
+        loader: 'es3ify-loader'
       },
       {
         test: /\.m?js$/,
@@ -299,26 +299,27 @@ module.exports = {
         use: {
           loader: 'babel-loader',
           options: {
-            presets:['@babel/preset-env']
+            presets: ['@babel/preset-env']
           }
         }
       },
       {
         test: /\.css$/,
         use: [{
-            loader: MiniCssExtractPlugin.loader
-          },
+          loader: MiniCssExtractPlugin.loader
+        },
           'css-loader'
         ]
       },
       {
         test: /\.less$/,
-        use : [
+        use: [
           MiniCssExtractPlugin.loader,
           { loader: "css-loader" },
           { loader: "less-loader" }
-      ]},
-      { 
+        ]
+      },
+      {
         test: /\.(png|jpg|jpeg|gif|svg)$/,
         use: {
           loader: 'file-loader',