icssDService/src/js/staticInfoOut.js

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");
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

//如果是子窗口，隐藏网页查看按钮
if(window.opener){
    selectedDrop=getUrlArgObject("d")||0;
    selectedTab=getUrlArgObject("t")||0;
    $("#openWin").hide();
}
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]
  };
  //showName = param.hisName;
  // 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 = '';
      let sName ='';
      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.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+")";
      showInfoSelect()
      showInfo(data[selectedDrop])
        renderTitleShow();
      $('.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");
  $("body").css('background','#fff');
}
function showInfo(data){
  var detailList = data.details
  var scale = data.scale
  var staticKnowList = detailList['静态知识']
  var noticeInfo = detailList['注意事项']
  var clinicalPathwayInfo = detailList['临床路径']
  var name = data.name
  noticeName = data.noticeName || "注意事项"
  clinicalPathwayName = data.clinicalPathwayName || "临床路径"
  var scaleInfo = data.scale ? data.scale.scaleDetails : ''
  // $("h1").css({
  //   "color": "#267FD7",
  //   "borderBottom": "4px solid  #E9E9E9",
  //   "padding": "0px 60px 50px 0px"
  // });
  renderTab(detailList, scale)
  staticKnowList&&renderContent(staticKnowList,'staticKnowledge')
  noticeInfo&&renderContent(noticeInfo,'notice')
  clinicalPathwayInfo&&renderContent(clinicalPathwayInfo,'clinicalPathway')
  scaleInfo && renderContentscale(scaleInfo, 'scale', name)
}
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+")";
    showInfo(showLis[idx])
    renderTitleShow();
    $('.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 renderTitleShow(){
    document.title = showName;
    $(".titleCont .title").html($(".tabList .tab:eq("+selectedTab+")").attr("data-title"));
}
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);
    }

    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 renderContentscale(list, contentWrapClassName, name) {
  var pushInfo = []
  anchors = '<li><i></i><a href="#' + contentWrapClassName +
    '">' + name + '</a></li><li class="anchor-line"></li>';
  str = '<p class="scaletitle">' + name + '</p>'
  $(`.${contentWrapClassName} .infos .infos-box`).append(str);
  $(`.${contentWrapClassName} .anchors ul`).append(anchors);
  for (var i = 0; i < list[0].detailList.length; i++) {
    var item = list[0].detailList[i];
    console.log(item)
    if (item.textType == 11) {
      item.content = item.content && item.content.replace(/{imageUrlPrefix}/g, imageUrlPrefix);
      str = '<div class="infoBox scaleBox" data-id="' + item.id + '"><div class="title"> <h2 class="titleH2" id="' + contentWrapClassName + i +
        '">'
      str += item.content
      str += '</h2></div>'
      str = `<div class="infoWrapper">${str}</div>`
      $(`.${contentWrapClassName} .infos .infos-box`).append(str);
      for (var j = 0; j < item.subList.length; j++) {
        var items = item.subList[j];
        for (var k = 0; k < items.detailList.length; k++) {
          var it = items.detailList[k];
          it.content = it.content && it.content.replace(/{imageUrlPrefix}/g, imageUrlPrefix);
          str = '<div class="contentList" data-id="' + it.parentId + '"><div class="item-list">';
          if (it.selectType == 1) {
            str += '<p class="item-title">' + it.content + '</p>'
          } else if (it.selectType == 2) {
            str += '<p class="item-titles">' + it.content + '</p>'
          }

          str += '<div class="item-content" data-id="' + it.id + '">'
          str += '</div></div></div>'
          $(".scale .infos .infos-box .infoWrapper .infoBox[data-id=" + it.parentId + "]").append(str);
          for (var l = 0; l < it.subList[0].detailList.length; l++) {
            var its = it.subList[0].detailList[l];
            its.content = its.content && its.content.replace(/{imageUrlPrefix}/g, imageUrlPrefix);
            str = '<div class="radio" name="scale' + its.parentId + '" value="' + its.score + '">';
            if (it.selectType == 1 && item.resultType == 1) {
              str += '<label><input class="radio_type" type="checkbox" name="scale' + its.parentId + '" value="' + its.score + '"/>'
            } else if (it.selectType == 2 && item.resultType == 1) {
              str += '<label><input class="radio_type" name="scale' + its.parentId + '" type="radio" value="' + its.score + '" />'
            } else if (it.selectType == 1 && item.resultType == 2) {
              str += '<label><input class="radio_type" name="scale' + its.parentId + '" type="checkbox" value="' + its.result + '" data_obj="' + its.result + '"/>'
            } else if (it.selectType == 2 && item.resultType == 2) {
              str += '<label><input class="radio_type" name="scale' + its.parentId + '" type="radio" value="' + its.result + '" data_obj="' + its.result + '"/>'
            }
            str += its.content
            if (item.resultType == 1) {
              str += '<span class="num">' + '(' + its.score + ')' + '</span>'
            }
            str += '</label>'
            str += `${item.match ? `<img class="recommend" src=${recommend} />` : ``}</div>`
            $(".scale .infos .infos-box .infoWrapper .infoBox[data-id=" + it.parentId + "] .contentList .item-content[data-id=" + its.parentId + "]").append(str);
          }
        }
      }

    }
    if (item.textType == 13) {
      for (var m = 0; m < item.subList[0].detailList[0].subList[0].detailList.length; m++) {
        var itl = item.subList[0].detailList[0].subList[0].detailList[m]
        let arr = {
          content: JSON.parse(itl.content),
          result: itl.result,
          pushInfo: itl.pushInfo
        }
        pushInfo.push(arr)
      }
    }
  }
  str = '<div class="scalebot">'
  str += '<p class="score"></p>'
  str += '<button class="but">结果</button></div>'
  str += '<div class="result"><div class="result_box"><p class="hel">?</p><span>结果：</span><p id="result_title" class="result_title"></p><textarea id="inputs"></textarea></div></div>'
  str += `<div class="foot"><div class="foot_box"><div class="printing"><img src=${printing} class="slideImg"/>打印</div><div class="copy">确认并复制结果</div></div></div>`
  $(`.${contentWrapClassName} .infos .infos-box`).append(str);
  // str = `<div class="foot"><div class="foot_box"><div class="printing"><img src=${printing} class="slideImg"/>打印</div><div class="copy">确认并复制结果</div></div></div>`
  // $(`.${contentWrapClassName} .infos`).after(str);
  function addScrollEvent() {
    var scrollTop = $(`.${contentWrapClassName} .infos .infos-box`).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 .infos-box`).scroll(throttle(addScrollEvent, 200));
  addLinkClickEvent(contentWrapClassName);
  adjustHeight();
  adjustWidth()
  getcheck()
  getResult(pushInfo)
  copy()
  getprinting()
}

function getprinting() {
  $('.printing').click(function () {
    $('.foot').hide()
    $('.hel').hide()
    $('#Print').css({
      'height': 'auto', //高度自动
    }).jqprint();
    $('.foot').show()
    $('.hel').show()

  })

}

function getcheck() {
  $('input:radio').click(function () {
    var domName = $(this).attr('name');
    var $radio = $(this);
    if ($radio.data('waschecked') == true) {
      $radio.prop('checked', false);
      $("input:radio[name='" + domName + "']").data('waschecked', false);
    } else {
      $radio.prop('checked', true);
      $("input:radio[name='" + domName + "']").data('waschecked', false);
      $radio.data('waschecked', true);
    }
    console.log("选中状态:", $(this).prop("checked"));
    console.log($("input:radio[name='" + domName + "']:checked").val());
  });
}

function copy() {
  $(".copy").click(function () {
    var texts = document.getElementById("result_title").innerText;
    if (texts == '') {
      return
    }
    var inputs = document.getElementById("inputs");
    inputs.value = texts; // 修改文本框的内容（赋值内容）
    inputs.select(); // 选中文本
    document.execCommand("copy"); // 执行浏览器复制命令
    Toast('复制成功', 500)
    setTimeout(() => {
      window.close()
    }, 500)

  })

}

function getResult(pushInfo) {
  $(".but").click(function () {
    let arr = [];
    let num = 0
    let result
    let key = false
    $(".contentList").each(function (i) {
      if ($(this).find('input[type="radio"]:checked').val() == undefined) {
        $(this).find(".item-titles").addClass('chColor');
      } else {
        $(this).find(".item-titles").removeClass('chColor');
      }
      if ($(this).find('input[type="checkbox"]:checked').val() == undefined) {
        $(this).find(".item-title").addClass('chColor');
      } else {
        $(this).find(".item-title").removeClass('chColor');
      }
    });
    if (!$(".contentList").find(".item-title").hasClass('chColor')) {
      $('input[type="radio"]:checked').each(function () {
        if (Number($(this).val())) {
          num += parseFloat($(this).val())
        } else {
          arr.push($(this).attr("data_obj"))
        }
      });
      $('input[type="checkbox"]:checkbox:checked').each(function () {
        if (Number($(this).val())) {
          num += parseFloat($(this).val())
        } else {
          arr.push($(this).attr("data_obj"))
        }
      });
      tmp = arr.join(",");
      if (pushInfo.length > 0) {
        for (var i = 0; i < pushInfo.length; i++) {
          if (pushInfo[i].content.max >= num >= pushInfo[i].content.min) {
            if (tmp) {
              result = pushInfo[i].result + ';' + tmp
            } else {
              result = pushInfo[i].result
            }
          }
        }
      } else {
        result = tmp
      }

      $(".result_title").attr({
        "title": result
      });
      $(".hel").attr({
        "title": result
      });
      $(".result_title").html(result);
      $(".score").html('总分：' + num + '分');
      $(".score").css('display', 'block')
      $(".result").css('display', 'block')
      $(".foot").css('display', 'block')
    } else {
      Toast('温馨提示：必填选项不能为空～', 500)
    }
  })

  $(".printing").hover(
    function () {
      $(".slideImg").attr("src", printing2);
    }, function () {
      $(".slideImg").attr("src", printing);

    });

}

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, scale){
  $(".tabList").html('')
  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>`)
    //$(".titleCont .title").html(clinicalPathwayName);
  }
  if(detailList['注意事项']){
    $(".tabList").append(`<span class="tab" data-module="notice" data-title="`+noticeName+`">注意事项</span>`)
    //$(".titleCont .title").html(noticeName);
  }
  if (scale) {
    $(".tabList").append(`<span class="tab" data-module="scale" data-title="` + showName + `">评估内容</span>`)
    //$(".tabBox .title").html(noticeName);
  }
  $(".tabList .tab").eq(selectedTab).addClass("activeTab")
  let defaultModuleName = $(".tabList .tab").eq(selectedTab).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")
      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)
    //}
  })
  $("#openWin").on("click",function(){
    const type= getUrlArgObject('type');
    const hospitalId= getUrlArgObject('hospitalId');
    const hisName= getUrlArgObject('hisName');
    const hisDetailName= getUrlArgObject('hisDetailName');console.log(selectedDrop)
    openNewWin("staticInfoOut.html?hospitalId="+encodeURIComponent(hospitalId)+"&hisName="+encodeURIComponent(hisName)+"&hisDetailName="+encodeURIComponent(hisDetailName||'')+"&type="+encodeURIComponent(type)+"&d="+selectedDrop+"&t="+selectedTab);
  })
}
function adjustHeight() {
  var ht = window.innerHeight || document.documentElement.clientHeight;
    $(".content,.content .infos").height(ht - 198 + "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')
}
$(window).on('resize', function(){
  adjustHeight()
  adjustWidth()
})