icssDService/src/js/indexVertDom.js

const $ = require("jquery");
const { openNewWin,imageUrlPrefix } = require('./promise.js');
const { bindTipsEvent } = require('./popupEdit.js');

function renderRecommendInfo(className,title,data, hasInfo, type, position) {
    const str = `<div class="recommendInfoWrapper ${className}">
                    <h4><i></i>${title}</h4>
                    <div class="recommendInfoBox">
                        <div class="clearfix recommendInfoItemBox ${className + 'box'}">
                        </div>
                    </div>
                </div>`
    $('.recommendWrap').append(str)
    let childrenNodeStr = ''
    if(hasInfo) {
        for (let i = 0; i < data.length; i++) {
            childrenNodeStr += `<span class="recommendInfoItem recommendInfoItemHasInfo">
                                    ${data[i].name}
                                    <span  title="点击名称可看详细说明" class="infoMsg" data-name=${data[i].name}></span>
                                </span>`
        }
    } else {
        for (let i = 0; i < data.length; i++) {
            childrenNodeStr += `<span class="recommendInfoItem" data-name="${data[i].name}">
                                    ${data[i].name}
                                </span>`
        }
    }
    if(!childrenNodeStr) {
        childrenNodeStr='<span class="recommendNull">暂无推荐</span>'
    }
    
    $('.'+className + 'box').append(childrenNodeStr)
    $('.'+className + 'box' +' .infoMsg').on('click', function(){
        const infoMsgName = $(this).attr('data-name')
        openNewWin(`information.html?type=${type}&position=${position}&name=${infoMsgName}`)
    })
    slideToggle($("."+className+"box"))
}

function renderMultRecommendInfo(className,title,data, hasInfo, type, position) {
    const str = `<div class="recommendInfoWrapper ${className}">
                    <h4><i></i>${title}</h4>
                    <div class="recommendInfoBox ${className + 'box'}"></div>
                </div>`
    $('.recommendInfoWrapper').append(str)
    for(let i = 0; i < data.length; i++) {
        let childrenNodeBoxStr  = `<div class="labAndPacsBox ${data[i].className} clearfix"> </div>`
        let childrenNodeStr =  `<span class="labAndPacsTitle">${data[i].title}<i></i></span>`
        for(let j = 0; j < data[i].data.length; j++) {
            childrenNodeStr += `<span class="labAndPacsItem">${data[i].data[j].name}</span>`
        }
        if(data[i].data.length == 0) {
            childrenNodeStr +='<span class="recommendNull">暂无推荐</span>'
        }
        $('.'+className + 'box').append(childrenNodeBoxStr)
        $('.'+data[i].className).append(childrenNodeStr)
        slideToggle($("."+data[i].className))
    }

}

function renderTipsInfo(className,title, data) {
    const str = `<div class="recommendInfoWrapper ${className}">
                    <h4><i></i>${title}</h4>
                    <div class="recommendInfoBox clearfix ${className + 'box'}"></div>
                </div>`
    $('.recommendWrap').append(str)
    if(data.name) {
        renderTipsInfoMsg('tipsInfo', data.name, data.details, className+'box')
    } else {
        // renderTipsInfoMsg('tipsInfo', data.name, data.details, className+'box')
        $('.' + className+'box').append('<p class="TipsInfoNull">暂无数据</p>')
    }
}

function renderTipsInfoMsg(className,title,data, parentNode) {
    const childrenNodeBoxStr = `
        <div class = "treatItemBox ${className + 'box'}">
            <p class="treatItemTitle">${title} <span class="moreInfo" data-name="${title}">详情</span></p>
            <p class="${className + 'Info'} clearfix"></p>
        </div>
    `
    $('.' + parentNode).append(childrenNodeBoxStr)
    let dataStr = ``
    if(data.length === 0) {
        dataStr += `<p class="TipsInfoNull">暂无数据</p>
                            `
    } else {
        for(let i = 0; i < data.length; i++) {
            dataStr += `<p>${data[i].title}</p>
                                    ${data[i].content.replace(/{imageUrlPrefix}/g, imageUrlPrefix)}
                        `
        }
    }
    
    $('.' + className+'Info').html(dataStr)
}

function renderTreat(className,title, data) {
    const str = `<div class="recommendInfoWrapper ${className}">
                    <h4><i></i>${title}${msg.diag?'('+msg.diag+')':''}</h4>
                    <div class="recommendInfoBox clearfix ${className + 'box'}"></div>
                </div>`
    $('.recommendWrap').append(str)
    const commonTreatmentInfo = data.commonTreatment&&data.commonTreatment.content || ""
    const treatmentList = data.treatment || []
    renderTreatText('commonTreatment', '一般治疗', commonTreatmentInfo, className+'box')
    renderTreatDrug('drugTreatment', '常用药物治疗', treatmentList, className+'box')
}

function renderTreatText(className,title,data, parentNode) {
    const childrenNodeBoxStr = `
        <div class = "treatItemBox ${className + 'box'}">
            <p class="treatItemTitle">${title}</p>
            <p class="${className + 'Info'} clearfix"></p>
        </div>
    `
    $('.' + parentNode).append(childrenNodeBoxStr)
    if(!data) {
        data = '<span class="recommendNull">暂无推荐</span>'
    }
    $('.' + className+'Info').html(data)
    var commonTreatHeight = $(".commonTreatmentInfo").height()
    if(commonTreatHeight > 75){
        $(".commonTreatmentInfo").addClass('commonTreatmentInfoLimit').append('<span class="slideDown">更多 <i></i></span>')
    }
    $(".treatItemBox").on('click',".slideDown",function(){
        $(this).parents(".commonTreatmentInfo").removeClass("commonTreatmentInfoLimit").append('<span class="slideup">收起 <i></i></span>')
        $(this).remove()
    })
    $(".treatItemBox").on('click',".slideup",function(){
        $(this).parents(".commonTreatmentInfo").addClass("commonTreatmentInfoLimit").append('<span class="slideDown">更多 <i></i></span>')
        $(this).remove()
    })
}
function renderTreatDrug(className,title,data, parentNode) {
    const childrenNodeBoxStr = `
        <div class = "treatItemBox ${className + 'box'}">
            <p class="treatItemTitle">${title}</p>
            <p class="${className + 'Info'}"></p>
        </div>
    `
    $('.' + parentNode).append(childrenNodeBoxStr)
    if(data.length ==0) {
        $('.' + className+'Info').append('<span class="recommendNull">暂无推荐</span>')
    }
    for(let i = 0; i < data.length; i++) {
        let childrenNodeStr = `<p class="drugTreatmentInfoItemBox">
            ${i+1}.${data[i].bigdrugsName}(${data[i].subdrugsName}):`
        for (let j = 0; j < data[i].medicitionsList.length; j++) {
            childrenNodeStr += `<span class="durgNameBox"><span class="durgName">${data[i].medicitionsList[j].medicitionName}</span>`
            if(data[i].medicitionsList[j].drugsForbidden == '1') {
                childrenNodeStr += `<span>慎用</span>`
            } else if(data[i].medicitionsList[j].drugsForbidden == '2') {
                childrenNodeStr += `<span>禁用</span>`
            }
            childrenNodeStr += `<span  title="点击名称可看详细说明" class="infoMsg" data-name=${data[i].medicitionsList[j].medicitionName}></span>,</span></span>`
            childrenNodeStr += `使用率${data[i].medicitionsList[j].rate}`
            if(j === data[i].medicitionsList.length-1) {
                childrenNodeStr += ';'
            } else {
                childrenNodeStr += ','
            }
        }
        childrenNodeStr += ` </p>`
        $('.' + className+'Info').append(childrenNodeStr)
    }
    $('.' + className+'Info'+ ' .infoMsg').on('click', function(){
        const infoMsgName = $(this).attr('data-name')
        openNewWin(`information.html?type=8&position=5&name=${infoMsgName}`)
    })
    var treatList = $(".drugTreatmentInfo").find(".drugTreatmentInfoItemBox")
    for(var h = 0;h < treatList.length;h++){ 
        if($(treatList[h]).height() > 25){
        $(treatList[h]).addClass('recommendInfoItemBoxLimit').append('<span class="slideDown">更多 <i></i></span>')
        }
        $(".drugTreatmentInfo").on('click',".slideDown",function(){
        $(this).parents(".drugTreatmentInfoItemBox ").removeClass("recommendInfoItemBoxLimit").append('<span class="slideup">收起 <i></i></span>')
        $(this).remove()
        })
        $(".drugTreatmentInfo").on('click',".slideup",function(){
        $(this).parents(".drugTreatmentInfoItemBox ").addClass("recommendInfoItemBoxLimit").append('<span class="slideDown">更多 <i></i></span>')
        $(this).remove()
        })
    }
}

function renderRecommendConditTips(className,title,data) {
    const str = `<div class="recommendInfoWrapper ${className}">
                    <h4><i></i>${title}</h4>
                    <div class="recommendInfoBox  ${className + 'box'}"></div>
                </div>`
    $('.recommendWrap').append(str)
    if(data.length == 0) {
        $("."+className+"box").append('<span class="recommendNull">暂无推荐</span>')
    }
    for(var k = 0;k < data.length;k++){
        var tmpBq = data[k]
        var tmpBqStr = '<p class="mayIllness">患者可能有 <span>'+tmpBq.name+'<span title="点击该名称可看详细说明" class="infoMsg"></span></span> :</p>'
        var tmpBqStr = `<p class="mayIllness">
                            患者可能有 <span class="diagNameBox"><span class="diagName">${tmpBq.name}:</span>
                                <span title="点击该名称可看详细说明" class="infoMsg" data-name=${tmpBq.name}></span>
                            </span>
                        </span>`
        var tmpBqDetailStr = ''
        for(var m = 0;m < tmpBq.details.length;m++){
          var tmpBqDetail = tmpBq.details[m]
          if(tmpBqDetail.type == 1){
            tmpBqDetailStr+=`<span data-url=scale.html?featureType=21&sex=${msg.sex}&lis=${JSON.stringify(msg.lis)}&diag=${msg.diag}&scaleName=${tmpBqDetail.content.name}&symptom=${msg.symptom}&other=${msg.other}&pacs=${msg.pacs}&vital=${msg.vital}&age=${msg.age}&scaleId=${tmpBqDetail.content.id} class="illnessTable">${tmpBqDetail.content.name}</span>`
          }
          if(tmpBqDetail.type == 2){
            var deepDetailName = `<div class="modalTitle">${tmpBqDetail.content.name}<i class="closeModal"></i></div>`
            var deepDetailStr = ''
            var deepDetailResultStr = ''
            for(var n = 0;n < tmpBqDetail.content.details.length;n++){
              var deepDetail = tmpBqDetail.content.details[n]
              if(deepDetail.controlType == 2){//0-radio,1-checkbox,2-text,3-dropdownlist
                deepDetailStr+=`<li class="radioCheck"><span class="modalMaintltle">请输入${deepDetail.name}: </span><input type="text" placeholder="请输入" value=${deepDetail.value}><i class="uint">${deepDetail.uint}</i></li>`
              }
              if(deepDetail.controlType == 0){
                let tooDeepDetailStr = ''
                for(var f = 0;f<deepDetail.details.length;f++){
                  var tooDeepDetail = deepDetail.details[f]
                  if(deepDetail.name == '性别'){
                    tooDeepDetailStr+='<li class="radioChecks '+(tooDeepDetail.state == 1?"radioCheckSec":"")+'" data-select="'+(tooDeepDetail.state == 1?"select":"")+'"><i></i><span>'+tooDeepDetail.detailName+'</span></li>'
                  }else{
                    tooDeepDetailStr+='<li class="radioChecks"><i></i><span>'+tooDeepDetail.detailName+'</span>'+(tooDeepDetail.state == 1?"<a>（智能推荐）</a>":"")+'</li>'
                  }
                }
                
                
                deepDetailStr+=`<li class="radioCheck"><span class="modalMaintltle">${deepDetail.name}: </span>
                                <ul class="clearfix caculateLis">
                                    ${tooDeepDetailStr}
                                </ul>
                            </li>`
                  
              }
            }
            for(var v = 0;v < tmpBqDetail.content.result.length;v++){
              deepDetailResultStr+='<p class="result"><span class="calculateName">'+tmpBqDetail.content.result[v].name+'：</span><span class="calculateResult"></span></p>'
            }
            tmpBqDetailStr+=`<div class="mayResult">
                计算公式结果：
                <span class="mayResultSelect" data-num="${k}">
                    <span class="makesureResult">请选择</span>
                    <span class="sanjiao"></span>
                    <div class="popupModal">
                        ${deepDetailName}
                        <div class="modalMainTwo">
                            <ul class="clearfix">
                                ${deepDetailStr}
                            </ul>
                            <div class="calculate" data-num="${k}">计算</div>
                            <p class="calculateError">请填写计算公式内容</p>
                            <div class="resultLis">
                                ${deepDetailResultStr}
                            </div>
                        </div>
                        <div class="btnWrap clearfix">
                            <div class="sureScore" data-type="2">关闭</div>
                        </div>
                    </div>
                </span>
            </div>`
            
          }
          if(tmpBqDetail.type == 3){
            var deepDetailName = '<span class="modalMaintltle">'+tmpBqDetail.content.name+': </span>'
            var deepDetailStr = ''
            for(var n = 0;n < tmpBqDetail.content.details.length;n++){
              var deepDetail = tmpBqDetail.content.details[n]
              deepDetailStr+='<li class="radioChecks"><i></i><span>'+deepDetail.detailName+'</span>'+(deepDetail.state == 1?"<a>（智能推荐）</a>":"")+'</li>'
            }

              tmpBqDetailStr+=`<div class="mayResult">
                可能结果：
                <span class="mayResultSelect" data-num="${k}"><span class="makesureResult">请选择</span><i class="sanjiao"></i>
                    <div class="popupModal">
                    <div class="modalTitle">
                        结果选择<i class="closeModal"></i>
                    </div>
                    <div class="modalMainOne">
                        ${deepDetailName}
                        <ul class="clearfix">
                            ${deepDetailStr}
                        </ul>
                    </div>
                    <div class="btnWrap clearfix">
                        <div class="sureScore" data-type="3" data-num="${k}">确定</div>
                    </div>
                </div>
                </span>
            </div>`
          }
        }
        if(tmpBqStr != '' || tmpBqDetailStr != ''){
          $(".conditionHintTipsNull").css("display","none")
        }
        // $(".conditionHintTips").append('<div class="conditionMain clearfix">'+tmpBqStr+'<div class="alertModal">'+tmpBqDetailStr+'</div></div>')
        $("."+className+"box").append('<div class="conditionMain clearfix">'+tmpBqStr+'<div class="alertModal">'+tmpBqDetailStr+'</div></div>')
      }
      $('.mayIllness .infoMsg').on('click', function(){
        const infoMsgName = $(this).attr('data-name')
        openNewWin(`information.html?type=22&position=2&name=${infoMsgName}`)
      })
      $('.alertModal .illnessTable').on('click', function(){
        const infoMsgUrl = $(this).attr('data-url')
        openNewWin(infoMsgUrl)
      })
      bindTipsEvent()
}
function slideToggle(domName){//展开收起
    if(domName.height() > 25){
      domName.addClass("recommendInfoItemBoxLimit").append('<span class="slideDown">更多 <i></i></span>')
    }
    domName.on('click',".slideDown",function(){
      domName.removeClass("recommendInfoItemBoxLimit").append('<span class="slideup">收起 <i></i></span>')
      $(this).remove()
    })
    domName.on('click',".slideup",function(){
      domName.addClass("recommendInfoItemBoxLimit").append('<span class="slideDown">更多 <i></i></span>')
      $(this).remove()
    })
  }

module.exports = {
    renderRecommendInfo,
    renderMultRecommendInfo,
    renderTreat,
    renderRecommendConditTips,
    renderTipsInfo
}