icssDService/src/js/staticSearch.js

require('./../css/staticSearch.css');
require('./../images/del_nor.png')
var $ = require("jquery");
var { post,config,getUrlArgObject,openNewWin,isIe8 } = require('./promise.js');
let checkOffImg = require('./../images/check_off.png')
let checkOnImg = require('./../images/check_on.png')


let medicalTypesList = []
let first = true
const is8Ie = isIe8() //判断是否为IE8
if(is8Ie) {
  let reg = /undefined/g
  checkOffImg = checkOffImg.replace(reg, '')
  checkOnImg = checkOnImg.replace(reg, '')
}

$(".staticSearchT input").keyup(function(e) {
    const ev = e||window.event;
    const val = $(this).val();
    $(this).parents(".staticSearchT").find("i").css({display:val==""?"none":"inline-block"})
    if(val == ''){
        $(".searchKnowledge .staticSearchB .empty").css({display:'none'})
        $(".searchKnowledge .staticSearchB .tip").css({display:'none'})
        $(".searchKnowledge .staticSearchB ul").html('')
    }
    ev.keyCode == 13&&getKnowledgeData(val);
})
document.title = "医学知识搜索"
$(".searchScale").css({display:'none'})
$(".searchKnowledge").css({display:'block'})
$(".searchKnowledge .staticSearchT").on('click','button',function() {
    var val = $(this).parents(".staticSearchT").find("input").val()
    val!=''&&getKnowledgeData(val)
    if(is8Ie&&val){
        $(".placeholder").css("display","none")
    }
})


function getMedicalTypes() {
    post(config.dictionaryInfo,{}).then((res) =>{
        const data = res.data
        if(data.code == 0) {
            medicalTypesList = res.data.data[8]
            medicalTypesList[0].checked = true
            renderMedicalType(medicalTypesList)
        } else {
            console.log(res)
        }
    })
}
function renderMedicalType(medicalTypesList) {
    let str = ''
    for(let i = 0; i < medicalTypesList.length; i++) {
        str += `<span class='medicalTypeItem' data-index=${i}><img src = ${medicalTypesList[i].checked? checkOnImg:checkOffImg}>${medicalTypesList[i].name}</span>`
    }
    $('.searchTypeBox').html(str)
    bindMedicalTypeClick();
}
function bindMedicalTypeClick() {
    $('.searchTypeBox .medicalTypeItem').on("click", function(){
        const index = $(this).attr('data-index')
        if(index == 0) {
            if(medicalTypesList[0].checked) {
                medicalTypesList[0].checked = false
            }else {
                for(let i = 0; i < medicalTypesList.length; i++) {
                    medicalTypesList[i].checked = false
                }
                medicalTypesList[0].checked = true
            }
            renderMedicalType(medicalTypesList)
        } else {
            if(medicalTypesList[0].checked) {
                medicalTypesList[0].checked = false
            }
            medicalTypesList[index].checked = !medicalTypesList[index].checked
        }
        renderMedicalType(medicalTypesList)
    })
}
getMedicalTypes()
function getKnowledgeData(value) {
    if(first) {
        adjustHeight()
        first =false
    }
    let medicalTypes = []
    for(let i = 0; i < medicalTypesList.length; i++) {
        if(medicalTypesList[i].checked) {
            if(i !== 0) {
                medicalTypes.push(medicalTypesList[i].val)
            }
        }
    }
    post(config.getStaticKnowledgeHaiNan,{
        inputStr: value.replace(/\\/g,'\\\\').replace(/%/g,'\\%').replace(/\_/g,'\\_'),
        types:medicalTypes
        }).then((res) => {
        const data = res.data
        if(data.code == 0) {
            var knowledgeLis = data.data;
            var lisStr = ''
            if(knowledgeLis&&knowledgeLis.length>0){
                for(var i = 0;i<knowledgeLis.length;i++){
                    var tmpPart = knowledgeLis[i]
                    var tmpLi = `<li data-name='${tmpPart.name}' data-uname='${tmpPart.uniqueName}' data-type='${tmpPart.libTypeId}' data-sign='${tmpPart.type}'>
                        <p>${tmpPart.name}<i>${tmpPart.libTypeName?('( '+tmpPart.libTypeName+' )'):''}</i></p>
                        ${tmpPart.retrievalName?('<span>• '+tmpPart.retrievalName+'</span>'):''}
                    </li>`
                    lisStr += tmpLi
                }
                $(".searchKnowledge .staticSearchB .empty").css({display:'none'})
                $(".searchKnowledge .staticSearchB .tip").css({display:'block'})
                $(".searchKnowledge .staticSearchB ul").html(lisStr)
            }else{
                $(".searchKnowledge .staticSearchB .empty").css({display:'block'})
                $(".searchKnowledge .staticSearchB .tip").css({display:'none'})
                $(".searchKnowledge .staticSearchB ul").html('')
            }
        }else{
            console.log(res)
        }
    })
}


function adjustHeight() {
    var ht = window.innerHeight  || document.documentElement.clientHeight;
    var ht2 = $(".searchTypeBox").outerHeight(true)
    $(".staticSearchB ul").height(ht - 120 - ht2 + "px");
}
$(window).on('resize', function(){
    adjustHeight()
})

$(".staticSearchB ul").on("click","li",function(){
    const infoMsgName = $(this).attr('data-name')
    const infoMsgUName = $(this).attr('data-uname')
    const type = $(this).attr('data-type')
    const sign = $(this).attr('data-sign')
    if(type != 48){
        openNewWin(`information.html?type=${encodeURIComponent(sign)}&position=0&name=${encodeURIComponent(infoMsgName)}&uname=${encodeURIComponent(infoMsgUName)}`)
    }else{
        let msg = JSON.parse(getUrlArgObject("msg"));
        const msg1 = JSON.parse(JSON.stringify(msg))
        console.log('scaleName', msg,infoMsgName)
        msg1.scaleName = infoMsgName
        msg1.featureType = 21
        openNewWin(`scale.html?msg=${encodeURIComponent(JSON.stringify(msg1))}`)
    }
})

  
$(".staticSearchT").on('click','#clearKnowledge',function() {
    $(".staticSearchT input").val("")
    $(".searchKnowledge .staticSearchB ul").html('')
    $(".searchKnowledge .staticSearchB .tip").css({display:'none'})
    $(".searchKnowledge .staticSearchB .empty").css({display:'none'})
    $(this).prev('.ipt').find('input').focus()
    $(this).css({display:"none"})
    if(is8Ie){
        $(".placeholder").css("display","inline-block");
    }
})
if(is8Ie){
    setTimeout(function(){
        $(".ipt input").attr("value","")
        $(".ipt input").val("")
        $(".placeholder").css("display","inline-block")
        $(".ipt input").blur()
    },100)
   
    
    setTimeout(function(){
        $(".placeholder").css("display","inline-block")
    },110)
    $(".ipt input").on("focus", function(){
        $(".placeholder").css("display","none")
    }).on("blur",function(){
        let val = $(".ipt input").val()
        if(!val){
            $(".placeholder").css("display","inline-block")
        }else{
            $(".placeholder").css("display","none")
        }
    })
    $(".placeholder").on("click",function(){
        $(".placeholder").css("display","none")
        $(".ipt input").focus()
    })
}