|
|
@@ -1,5 +1,10 @@
|
|
|
const echarts = require("echarts");
|
|
|
const { post, api } = require('./api.js');
|
|
|
+const iconUp = require('./../resources/images/iconUp.png');
|
|
|
+const iconDown = require('./../resources/images/iconDown.png');
|
|
|
+
|
|
|
+const clientHei = $(window).height()
|
|
|
+const contentHei = clientHei - 80
|
|
|
|
|
|
function getTree(subType, type,showNodeName){
|
|
|
post(api.getTree,
|
|
|
@@ -308,9 +313,152 @@ function getSchema(val, type){
|
|
|
myChart.setOption(option);
|
|
|
}
|
|
|
|
|
|
+
|
|
|
+ function getTab(tabName){
|
|
|
+ console.log('tabName', tabName)
|
|
|
+ let tabList = ["疾病","药品通用名","症状","手术和操作","实验室检查","辅助检查","辅助检查1","辅助检查2","辅助检查3","辅助检查4"]
|
|
|
+ let tabListCopy = tabList.slice()
|
|
|
+ const index = tabList.findIndex(item => item == tabName)
|
|
|
+
|
|
|
+ if(index <= 3){
|
|
|
+ return {
|
|
|
+ activeIndex: index,
|
|
|
+ showTabList:tabListCopy.slice(0,4),
|
|
|
+ hideTabList:tabListCopy.slice(4)
|
|
|
+ }
|
|
|
+ }else{
|
|
|
+ tabListCopy.splice(index,1)
|
|
|
+ let hideTabList = tabListCopy.slice(3)
|
|
|
+
|
|
|
+ return {
|
|
|
+ activeIndex: 3,
|
|
|
+ showTabList:tabListCopy.slice(0,3).concat(tabName),
|
|
|
+ hideTabList:hideTabList
|
|
|
+ }
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+function renderTab(data){
|
|
|
+ const showList = data.showTabList
|
|
|
+ const hideList = data.hideTabList
|
|
|
+ const activeIndex = data.activeIndex
|
|
|
+ let showtabStr = ``
|
|
|
+ let hidetabStr = ``
|
|
|
+ for(let i = 0; i < showList.length; i++){
|
|
|
+ showtabStr +=` <span class="tab ${i === activeIndex ? 'activeTab':''}" data-id="${showList[i]}">${showList[i] =="药品通用名" ?"药品":showList[i]}</span>`
|
|
|
+ if(i === activeIndex){
|
|
|
+ if(showList[i] =="药品通用名"){
|
|
|
+ $("#searchInp").attr("placeholder",`请输入药品名称`)
|
|
|
+ }else{
|
|
|
+ $("#searchInp").attr("placeholder",`请输入${showList[i]}名称`)
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ }
|
|
|
+ for(let i = 0; i < hideList.length; i++){
|
|
|
+ hidetabStr +=`<span class="tab " data-id="${hideList[i]}">${hideList[i]}</span>`
|
|
|
+ }
|
|
|
+ // console.log('showtabStr',showtabStr)
|
|
|
+
|
|
|
+ $('.showTabList').html(showtabStr)
|
|
|
+ $('.hideTabList').html(hidetabStr)
|
|
|
+ bindTabClick()
|
|
|
+}
|
|
|
+ToggleTab()
|
|
|
+function ToggleTab(){
|
|
|
+ $(".toggleTab").click(function(){
|
|
|
+ const hideTabDis = $(".hideTabList").css("display")
|
|
|
+ if(hideTabDis == "none"){
|
|
|
+ showHideTab()
|
|
|
+ }else{
|
|
|
+ hideHideTab()
|
|
|
+ }
|
|
|
+ })
|
|
|
+}
|
|
|
+function showHideTab(){
|
|
|
+ $(".hideTabList").slideDown()
|
|
|
+
|
|
|
+ $(".toggleTabTxt").html("收起")
|
|
|
+ $(".toggleArrow").attr("src",iconUp)
|
|
|
+}
|
|
|
+function hideHideTab(){
|
|
|
+ $(".hideTabList").slideUp()
|
|
|
+ $(".toggleTabTxt").html("展开")
|
|
|
+ $(".toggleArrow").attr("src",iconDown)
|
|
|
+}
|
|
|
+bindTabClick()
|
|
|
+//切换tab
|
|
|
+function bindTabClick(){
|
|
|
+ $('.tabList .tab').click(function(){
|
|
|
+ const id = $(this).attr('data-id')
|
|
|
+ $(this).addClass("activeTab").siblings().removeClass('activeTab')
|
|
|
+ let renderInfo = getTab(id)
|
|
|
+ renderTab(renderInfo)
|
|
|
+ if(id != select_type){
|
|
|
+ if(id != "疾病"){
|
|
|
+ $(".radioList").hide()
|
|
|
+ $(".ztree").css("height",contentHei-80-43-20+'px')
|
|
|
+ }else{
|
|
|
+ $(".ztree").css("height",contentHei-80-43-60-20+'px')
|
|
|
+ $(".radioList").show()
|
|
|
+ }
|
|
|
+ select_type_noSearch = id
|
|
|
+ select_type = id
|
|
|
+ if(id=="药品通用名"){
|
|
|
+ $('.selectedName').html("药品")
|
|
|
+ }else{
|
|
|
+ $('.selectedName').attr('title', select_type)
|
|
|
+ if(select_type.length > 3){
|
|
|
+ $('.selectedName').html(select_type.slice(0,2)+'...')
|
|
|
+ }else{
|
|
|
+ $('.selectedName').html(select_type)
|
|
|
+ }
|
|
|
+
|
|
|
+ }
|
|
|
+
|
|
|
+ if(id == "疾病"){
|
|
|
+
|
|
|
+ $('#searchInp').val("高血压3级")
|
|
|
+ $('.iconRadio').attr('src','/images/radioUnSelect.png')
|
|
|
+ $('.ICD10 img').attr('src','/images/radioSelect.png')
|
|
|
+ getTree(1,1,"胆囊炎");
|
|
|
+ getSchema("胆囊炎",select_type);
|
|
|
+
|
|
|
+
|
|
|
+ }else if(id=="药品通用名"){
|
|
|
+ $('#searchInp').val("氟康唑注射液")
|
|
|
+ getTree(0,2,"丹参片");
|
|
|
+ getSchema("丹参片",select_type);
|
|
|
+
|
|
|
+ }else if(id == "症状"){
|
|
|
+ $('#searchInp').val("")
|
|
|
+ getTree(0,3,"");
|
|
|
+ getSchema("",select_type);
|
|
|
+ }else if(id == "手术和操作"){
|
|
|
+ $('#searchInp').val("")
|
|
|
+ getTree(0,4,"");
|
|
|
+ getSchema("",select_type);
|
|
|
+ }else if(id == "实验室检查"){
|
|
|
+ $('#searchInp').val("")
|
|
|
+ getTree(0,5,"");
|
|
|
+ getSchema("",select_type);
|
|
|
+ }else if(id == "辅助检查"){
|
|
|
+ $('#searchInp').val("")
|
|
|
+ getTree(0,6,"");
|
|
|
+ getSchema("",select_type);
|
|
|
+ }
|
|
|
+ // getTree(1,1,""); //切换tab重新画菜单树
|
|
|
+ }
|
|
|
+
|
|
|
+ hideHideTab()
|
|
|
+ })
|
|
|
+}
|
|
|
+
|
|
|
module.exports ={
|
|
|
getSchema,
|
|
|
getTree,
|
|
|
updateTree,
|
|
|
- getNode
|
|
|
+ getNode,
|
|
|
+ getTab,
|
|
|
+ renderTab
|
|
|
}
|
zhangxc