浏览代码

科室,模块名称改为下拉

zhouna 3 年之前
父节点
当前提交
0f148b1f77

+ 9 - 6
src/css/dept/improveStatisticsDept.less

@@ -26,7 +26,8 @@
     .filterItem.deptListWrap {
 
         .selectDept,
-        .deptList {
+        .deptList,.selectCase,
+        .caseList {
             width: 180px;
         }
     }
@@ -173,8 +174,10 @@
             padding: 0 10px;
         }
     }
-
-    .deptList {
+    .filterItem input{
+        height: 34px;
+    }
+    .deptList,.caseList {
         width: 160px;
         max-height: 400px;
     }
@@ -190,7 +193,7 @@
     }
 
     .selectLevel,
-    .selectDept {
+    .selectDept,.selectCase {
         display: inline-block;
         position: relative;
         width: 120px;
@@ -202,7 +205,7 @@
         cursor: pointer;
     }
 
-    .selectDept {
+    .selectDept,.selectCase {
         width: 160px;
     }
 
@@ -286,7 +289,7 @@
         margin-left: 30px;
     }
 
-    .deptItem:hover {
+    .deptItem:hover,.caseItem:hover {
         background-color: #EEF4FF;
         cursor: pointer;
     }

+ 2 - 1
src/html/dept/improveStatisticsDept.html

@@ -34,7 +34,8 @@
                 </span>
                 <span class="filterItem">
                     <span>模块名称:</span>
-                    <input class="moduleItemInp" id="casesName" type="text" placeholder="模块名称" autocomplete="off">
+                    <span class="selectCase canEditDept">全部</span>
+                    <ul class="caseList filterDropList"></ul>
                 </span>
                 <span class="filterItem typeFilter">
                     <span>主管医生:</span>

+ 1 - 1
src/js/dataAnalysis/improveStatistics.js

@@ -85,7 +85,7 @@ $(function() {
 	caseName=caseNameTemp="";
 	entryName=entryNameTemp="";
 	$(".selectDept").attr({'title':"全部",'data-id':''}).val("全部")
-	$(".selectCase").attr({'title':"全部",'data-id':''}).val("全部")
+	$(".selectCase").attr({'title':"全部",'data-id':''}).text("全部")
 	getTabData(1)
 	getDeptList()
   })

+ 65 - 11
src/js/dept/improveStatisticsDept.js

@@ -1,23 +1,23 @@
 require('../mock')
 const $ = require('jquery');
-// require("../css/partDetailControl.less");
 require("../../css/dept/improveStatisticsDept.less");
 
 require('../modal.js');
 const {api} = require('../api.js')
-const {post,getCookie,getLocal,getUrlArgObjectNew,emptyBox,setTitleTxt,setDatePicker,getPickerDate,downloadExportedData,expJson,initScroll,listenScroll} = require('../utils.js')
+const {post,getCookie,emptyBox,setDatePicker,getPickerDate,downloadExportedData,expJson,listenScroll} = require('../utils.js')
 require('../../resource/jquery-ui/jquery-ui.min.js');
 require('../../resource/jquery-ui/jquery-ui.min.css');
 const iconDown= require("../../images/arrow_down.png")
+const iconUp = require("../../images/arrow_up.png")
 const loadingImg = require("../../images/loading.gif")
 const arrowLeft= require("../../images/arrow_left.png")
 
 const arrowRight = require("../../images/arrow_right.png");
-$(".selectDept").append(`<img class="arrow" src=${iconDown} alt="下拉">`)
+$(".selectCase").append(`<img class="arrow" src=${iconDown} alt="下拉">`)
 listenScroll()
 let isPlacefile = getCookie('isPlacefile')||1
 
-let deptName="",deptNameTemp="", behospitalCode="", behospitalCodeTemp="",deptId="",deptIdTemp="",casesName='',casesNameTemp='',entryName='',entryNameTemp='',
+let deptName="",deptNameTemp="", behospitalCode="", behospitalCodeTemp="",deptId="",deptIdTemp="",caseName="",caseNameTemp="",caseId="",caseIdTemp="",entryName='',entryNameTemp='',
 	data_desc="improveleNum",data_asc="",doctorId="",doctorIdTemp="",doctorName="",doctorNameTemp="";
 let startDateParam = "";
 let endDateParam = "";
@@ -27,6 +27,7 @@ $(function() {
   const  iconCalenGrey= require("../../images/icon_calen_grey.png")
   //获取科室列表
   getDeptList()
+  getCaseList();
   //日期控件事件绑定
   $('.datapickerBox').append(`<img class="iconCalen" src=${iconCalenGrey} />`)
   $('.iconCalen').on("mouseenter", function(e){
@@ -40,7 +41,7 @@ $(function() {
   })
   $("#casesName").on("input", function(e){
 	const val = $(this).val().trim()
-	casesNameTemp  = val
+	caseNameTemp  = val
   })
   $("#entryName").on("input", function(e){
 	const val = $(this).val().trim();
@@ -55,7 +56,7 @@ $(function() {
 	doctorIdTemp = val
   })
   //日期默认当年
-  setDatePicker($("#datepicker"), $("#datepicker2"), 'default');
+  setDatePicker($("#datepicker"), $("#datepicker2"),2);
   startDateParam=getPickerDate($("#datepicker"),1)
   endDateParam=getPickerDate($("#datepicker2"),2)
   //初始列表数据获取
@@ -91,17 +92,18 @@ $(function() {
   $(".abnormalClear").click(function(){
 	data_desc=""
 	data_asc=""
-	setDatePicker($("#datepicker"),$("#datepicker2"),"default");
-	$("#casesName,#entryName,#doctorId,#doctorName").val("");
+	setDatePicker($("#datepicker"),$("#datepicker2"),2);
+	$("#entryName,#doctorId,#doctorName").val("");
 	$("th[code]").removeClass("desc asc");
 	behospitalCode =behospitalCodeTemp= ""
 	deptName = deptNameTemp = ""
 	deptId = deptIdTemp = ""
-	casesName=casesNameTemp="";
+	caseName=caseNameTemp="";
 	entryName=entryNameTemp="";
 	doctorId=doctorIdTemp=""
 	doctorName=doctorNameTemp=""
 	$(".selectDept").attr({'title':"全部",'data-id':''}).val("全部")
+	$(".selectCase").attr({'title':"全部",'data-id':''}).text("全部")
 	getTabData(1)
 	getDeptList()
   })
@@ -116,7 +118,7 @@ $(function() {
 	}
 	deptId = deptIdTemp;
 	deptName = deptNameTemp;
-	casesName=casesNameTemp;
+	caseName=caseNameTemp;
 	entryName=entryNameTemp;
 	doctorId=doctorIdTemp;
 	doctorName=doctorNameTemp;
@@ -128,7 +130,7 @@ function getFilterParam(current){
   const param = {
 	"isPlacefile":isPlacefile,
 	"deptId": deptName=="全部"?"":deptId||"", //科室id
-	"casesName": casesName,
+	"casesName": caseName,
 	"entryName":entryName,
 	"deptName": deptName=="全部"?"":deptName||"",
 	"asc":data_asc,     //升序
@@ -218,6 +220,58 @@ function renderTab(data,hisId,activePage){
 	$(parent.document).find("#contentIframe").attr("src", "statisticsDetailDept.html?deptName=" + deptName + "&deptId=" + deptId + "&casesId=" + casesId+"&defectName="+casesName+"&typeMark="+typeMark+"&startDate="+startDateParam+"&endDate="+endDateParam)
   })
 }
+//模块下拉
+function getCaseList(val){
+  post(api.getQcCasesAll,{inputStr:val=="全部"?"":val||""}).then(res =>{
+	if(res.data.code == '0'){
+	  const caseList = res.data.data||[]
+	  renderCaseList(caseList)
+	}else{
+	  renderCaseList([])
+	}
+  }).catch((e) =>{
+
+  })
+}
+
+//模块下拉框
+function renderCaseList(caseList){
+  if(caseList.length == 0){
+	$('.caseList').html("")
+	return
+  }
+  let str = `<li class="caseItem " data-id="" data-name="全部">全部</li>`
+  for(let i = 0; i < caseList.length; i++){
+	str += `<li class="caseItem ellipsis" title=${caseList[i].name} data-id=${caseList[i].id} data-name=${caseList[i].name}> ${caseList[i].name}</li>`
+  }
+  $('.caseList').html(str)
+  bindCaseSelect()
+}
+//模块选择
+function bindCaseSelect(){
+  $('.caseItem').on("click",function(){
+	const caseItemName = $(this).attr("data-name")
+	const caseItemId = $(this).attr("data-id")
+	caseNameTemp=caseItemName=="全部"?"":caseItemName;
+	caseIdTemp =caseItemId||''
+	$('.selectCase').text(caseItemName)
+	$('.selectCase ').attr('title',caseItemName)
+	$(".caseList").css("display", "none")
+  })
+  //下拉显示
+  $('.selectCase').on("click", function(e){
+	e.stopPropagation()
+	if($(".caseList:visible").length){
+	  $(".caseList").css("display","none")
+	  $(".selectCase .arrow").attr("src",iconDown)
+	}else{
+	  $(".caseList").css("display","block")
+	  $(".selectCase .arrow").attr("src",iconUp)
+	}
+
+  })
+}
+//科室下拉
 function getDeptList(val){
   post(api.getDept,{inputStr:val=="全部"?"":val||""}).then(res =>{
 	if(res.data.code == '0'){