partDetail.js 24 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628
  1. const $ = require('jquery');
  2. require("../css/partDetail.less");
  3. require('./modal.js');
  4. const {api} = require('./api.js')
  5. const {post,getCookie,getLocal,getUrlArgObjectNew,emptyBox,setDatePicker,getPickerDate,initScroll,listenScroll} = require('./utils.js')
  6. require('./../resource/jquery-ui/jquery-ui.min.js');
  7. require('./../resource/jquery-ui/jquery-ui.min.css');
  8. const iconCheck= require("./../images/icon_check.png")
  9. const iconUnCheck = require("./../images/icon_unchecked.png")
  10. const iconCalenBlue= require("./../images/icon_calen_blue.png")
  11. const iconCalenGrey= require("./../images/icon_calen_grey.png")
  12. const iconDown= require("./../images/arrow_down.png")
  13. const iconUp = require("./../images/arrow_up.png")
  14. const loadingImg = require("./../images/loading.gif")
  15. const arrowLeft= require("./../images/arrow_left.png")
  16. const arrowRight = require("./../images/arrow_right.png")
  17. listenScroll()
  18. $(".selectLevel").append(`<img class="arrow" src=${iconDown} alt="下拉">`)
  19. $(".selectDept").append(`<img class="arrow" src=${iconDown} alt="下拉">`)
  20. let tabList = [], name = "", behospitalCode="", behosDateStart="", level="",behosDateEnd="", scoreSum = 0,statisticsType="",
  21. nameTemp = "", behospitalCodeTemp="",levelTemp="", deptId="",deptIdTemp="", doctorName="", doctorNum="",doctorNameTemp="",doctorNumTemp="",
  22. data_desc='',data_asc='';
  23. let deptList = JSON.parse(getCookie("deptList"))||[]
  24. $(function(){
  25. let srcUrl = $("#contentIframe",parent.document).attr("src")
  26. statisticsType = getUrlArgObjectNew("dateType",srcUrl)||""
  27. deptId = deptIdTemp = getUrlArgObjectNew("deptName",srcUrl)||""
  28. let startDateParam = getUrlArgObjectNew("startDateParam",srcUrl)||""
  29. let endDateParam = getUrlArgObjectNew("endDateParam",srcUrl)||""
  30. if(statisticsType == 1){
  31. $(".monthYear .mon").css({
  32. backgroundColor:'#00A1FF',
  33. color:'#fff'
  34. }).siblings().css({
  35. color:'#00A1FF',
  36. backgroundColor:'#fff'
  37. })
  38. setDatePicker($("#datepicker"),$("#datepicker2"),1)
  39. }else if(statisticsType == 2){
  40. $(".monthYear .year").css({
  41. backgroundColor:'#00A1FF',
  42. color:'#fff'
  43. }).siblings().css({
  44. color:'#00A1FF',
  45. backgroundColor:'#fff'
  46. })
  47. setDatePicker($("#datepicker"),$("#datepicker2"),2)
  48. }else if(statisticsType == 3){
  49. setDatePicker($("#datepicker"),$("#datepicker2"),3,new Date(startDateParam),new Date(endDateParam))
  50. }else{
  51. setDatePicker($("#datepicker"),$("#datepicker2"),"default")
  52. }
  53. if(!statisticsType){
  54. setDatePicker($("#datepicker"),$("#datepicker2"),"default")
  55. }
  56. if(deptId){
  57. $(".selectDept").html(deptId).attr({
  58. "data-id":deptId,
  59. "title":deptId
  60. }).append(`<img class="arrow" src=${iconDown} alt="下拉">`)
  61. getDeptList()
  62. }else{
  63. getDeptList(1)
  64. }
  65. })
  66. $(".abnormalClear").click(function(){
  67. deptId=deptIdTemp = deptList[0]&&deptList[0].deptName
  68. behospitalCode=behospitalCodeTemp = ""
  69. setDatePicker($("#datepicker"),$("#datepicker2"),"default")
  70. $(".patientNumInp").val("")
  71. $(".selectDept").html(deptId).attr({
  72. "data-id":deptId,
  73. "title":deptId
  74. }).append(`<img class="arrow" src=${iconDown} alt="下拉">`)
  75. getTabData(1)
  76. })
  77. $(".partTitle a").click(function(){
  78. //初始菜单选中
  79. focusMenuItem('YH-KZTKS')
  80. $(".container",parent.document).addClass("console-cont");
  81. })
  82. function focusMenuItem(code){
  83. const ele = $(parent.document).find(".menu .page[code="+code+"]");
  84. const parEle = ele.parents(".list-1");
  85. if(!parEle.is(".list-1-show")){
  86. parEle.click();
  87. }
  88. //console.log($(parent.document).find(".menu .page[code='YH-ZKK-GMKQXZB_XQ']"))
  89. ele.click();
  90. }
  91. $(function() {
  92. const iconCalenBlue= require("./../images/icon_calen_blue.png")
  93. const iconCalenGrey= require("./../images/icon_calen_grey.png")
  94. $('.datapickerBox').append(`<img class="iconCalen" src=${iconCalenGrey} />`)
  95. $('.iconCalen').on("mouseenter", function(e){
  96. $(this).attr("src", iconCalenBlue)
  97. })
  98. $('.iconCalen').on("mouseleave", function(e){
  99. $(this).attr("src", iconCalenGrey)
  100. })
  101. $('.iconCalen').on("click", function(e){
  102. $(this).parent().find("input").focus()
  103. })
  104. });
  105. $('.recordScoreBtn').css("opacity",hasData('FUNC000017')?'1':'0.5')
  106. //科室处理
  107. function getDeptList(flg){
  108. let str = ``
  109. if(deptList.length<=0)return
  110. if(flg){
  111. $(".partDetail .selectDept ").attr("data-id",deptList[0].deptName).find("i").html(deptList[0].deptName)
  112. deptId = deptIdTemp = deptList[0].deptName
  113. }
  114. for(let i = 0;i < deptList.length;i++){
  115. let tmp = deptList[i]
  116. str += `<li class="deptItem ellipsis" title="${tmp.deptName}" data-id="${tmp.deptName}" data-name="${tmp.deptName}">${tmp.deptName}</li>`
  117. }
  118. $(".partDetail .filterDropList").html(str)
  119. getTabData(1)
  120. }
  121. dateChange()
  122. //所有数据切换日期筛选
  123. function dateChange(){
  124. $(".monthYear .mon").click(function(){
  125. $(this).css({
  126. backgroundColor:'#00A1FF',
  127. color:'#fff'
  128. }).siblings().css({
  129. color:'#00A1FF',
  130. backgroundColor:'#fff'
  131. })
  132. $(".dayDetail .deptListWrap").css("display","block")
  133. $(".dayDetail .dayFilter").css("display","none")
  134. statisticsType = 1
  135. setDatePicker($("#datepicker"),$("#datepicker2"),1)
  136. getTabData(1)
  137. })
  138. $(".monthYear .year").click(function(){
  139. $(this).css({
  140. backgroundColor:'#00A1FF',
  141. color:'#fff'
  142. }).siblings().css({
  143. color:'#00A1FF',
  144. backgroundColor:'#fff'
  145. })
  146. $(".dayDetail .deptListWrap").css("display","none")
  147. $(".dayDetail .dayFilter").css("display","block")
  148. statisticsType = 2
  149. setDatePicker($("#datepicker"),$("#datepicker2"),2)
  150. getTabData(1)
  151. })
  152. }
  153. //判断有无某一权限
  154. function hasData(data){
  155. let trdObj = JSON.parse(getLocal("trdObj"))
  156. let lis = trdObj['YH-BLZK-ZKPF']
  157. if(!lis){
  158. return false
  159. }
  160. if(lis.indexOf(data)>-1){//有权限
  161. return true
  162. }
  163. return false;
  164. }
  165. function getTabData(activePage){
  166. const dateStatrt = getPickerDate($("#datepicker"),1)
  167. const dateEnd = getPickerDate($("#datepicker2"),2)
  168. const start = new Date(dateStatrt).getTime()
  169. const end = new Date(dateEnd).getTime()
  170. if(start > end){
  171. $.alerModal({"message":'开始时间不能大于结束时间~',type:"tip",time:'1000',isFather: true, fatherWrapper: $("#mainBox", parent.document)});
  172. return
  173. }
  174. const param = {
  175. "asc": data_asc,
  176. "desc": data_desc,
  177. "deptName": deptId||"",
  178. "name": behospitalCode||"",
  179. "type": 0, //1-本月,2-本年,0-自定义时间(现在 都是自定义时间,都会传具体时间进去)
  180. "startDate":dateStatrt,
  181. "endDate":dateEnd
  182. }
  183. startDateParam = dateStatrt
  184. endDateParam = dateEnd
  185. post(api.homePageLevelByDeptLimit,param).then(res =>{
  186. if(res.data.code == '0'){
  187. const data = res.data.data||[];
  188. renderTab(data,data.hospitalId,activePage);
  189. renderPagination(totalPage,Number(activePage),totalNum)
  190. if(totalPage > 1){
  191. renderPagination(totalPage,Number(activePage),totalNum)
  192. } else{
  193. $('.pagination').html("")
  194. }
  195. }else{
  196. $.alerModal({"message":res.data.msg,type:"tip",time:'1000',isFather: true, fatherWrapper: $("#mainBox", parent.document)});
  197. }
  198. }).catch((e) =>{
  199. })
  200. }
  201. $(".filter").on("click", function(e){
  202. name = nameTemp
  203. behospitalCode = behospitalCodeTemp
  204. level = levelTemp
  205. deptId = deptIdTemp
  206. getTabData(1)
  207. })
  208. function renderTab(data,hisId,activePage){
  209. let str = ``
  210. for(let i = 0; i < data.length; i++){
  211. const item = data[i]
  212. str += `
  213. <tr data-index=${i}>
  214. <td class="textCenter">${(activePage-1)*15 + i+1}</td>
  215. <td >${item.doctorName || "-"}</td>
  216. <td data-doc="${i==0?"":item.doctorName || ""}" data-ruleType="" class="goHomeDetail">${item.entryNum || "-"}</td>
  217. <td >${item.firstLevelPercentStr || "-"}</td>
  218. <td data-doc="${item.doctorName || ""}" class="goHomeDetail" data-ruleType="1" data-dept="${item.deptName || ""}">${item.emptyNum+'' || "-"}</td>
  219. <td >${item.emptyPercentStr+'' || "-"}</td>
  220. <td data-doc="${item.doctorName || ""}" class="goHomeDetail" data-ruleType="2" data-dept="${item.deptName || ""}">${item.errorNum+'' || "-"}</td>
  221. <td >${item.errorPercentStr+'' || "-"}</td>
  222. <td >${item.averageValue || "-"}</td>
  223. <td >${item.mrNum || "-"}</td>
  224. </tr>
  225. `
  226. }
  227. $('.tbody').html(str?str:emptyBox())
  228. bindScoreDetail(hisId)
  229. $(".goHomeDetail").click(function(){
  230. let docName = $(this).attr("data-doc")
  231. let ruleType = $(this).attr("data-ruleType")
  232. $(parent.document).find("#contentIframe").attr("src","quexianDetailHome.html?from=1&casesId=243&deptName="+deptIdTemp+"&docName="+docName+"&shijian=3"+"&ruleType="+ruleType+"&startDateParam="+startDateParam+"&endDateParam="+endDateParam)
  233. })
  234. // initScroll("partDetail","YX",1)
  235. }
  236. function scoreDetail(id,age,hid,code){
  237. window.open(`./qcScore.html?id=${id}&age=${age}&hid=${hid}&code=${code}`)
  238. }
  239. function bindScoreDetail(hisId){
  240. $('.patientNameSpan').on('click',function(e){
  241. const index = $(this).attr("data-index")
  242. const type = $(this).attr("data-type")
  243. const item = tabList[index]
  244. midifyMsgBox(item,type)
  245. })
  246. }
  247. function midifyMsgBox(item,type){
  248. const itemCopy = JSON.parse(JSON.stringify(item))
  249. let msgBox = ''
  250. if(type == 1){
  251. msgBox = `<div class="midifyMsgBox">
  252. <div class="mask"></div>
  253. <div class="midifyMsgContent abnormal">
  254. <p class="midifyMsgTitle">修改 <img class="iconClose" src=${require('./../images/icon_close_default.png')} alt="关闭" /></p>
  255. <div class="itemMsgInfoBox">
  256. <span class="itemMsgLab abnormalLeft">状态:</span>
  257. <span class="abnormalAll" data-status="${itemCopy.status}">${itemCopy.status == 0?"未处理":"已处理"}</span>
  258. <ul class="abnormalStatusLis">
  259. <li data-status="0">未处理</li>
  260. <li data-status="1">已处理</li>
  261. </ul>
  262. </div>
  263. <div class="itemMsgInfoBox">
  264. <span class="itemMsgLab abnormalLeft abnormalMark">备注:</span>
  265. <span class="itemInfoRight">
  266. <textarea class="abnormalTxt" placeholder="请输入内容" >${itemCopy.remark}</textarea>
  267. </span>
  268. </div>
  269. <div class="itemMsgInfoTips">支持≥0的数字输入,最多保留小数点后1位~</div>
  270. <div class="midifyMsgBtn abnormalBtn">
  271. <span class="midifyEdit">保存</span>
  272. </div>
  273. </div>
  274. </div>`
  275. }else{
  276. msgBox = `<div class="midifyMsgBox">
  277. <div class="mask"></div>
  278. <div class="midifyMsgContent midifyMsgContentDel">
  279. <p class="midifyMsgTitle">修改 <img class="iconClose" src=${require('./../images/icon_close_default.png')} alt="关闭" /></p>
  280. <p class="delTips">确认要删除该条异常记录?</p>
  281. <div class="midifyMsgBtn midifyMsgBtnDel">
  282. <span class="midifyEdit midifyEditDel">删除</span>
  283. <span class="midifyEdit midifyEditQuit">取消</span>
  284. </div>
  285. </div>
  286. </div>`
  287. }
  288. $("#mainBox", parent.document).append(msgBox)
  289. $(".midifyEditDel", parent.document).on("click",function(){
  290. delModifyOne(itemCopy)
  291. })
  292. $(".midifyEditQuit", parent.document).on("click",function(){
  293. $("#mainBox .midifyMsgBox", parent.document).remove()
  294. })
  295. $(".abnormalAll", parent.document).on("click",function(){
  296. $(".abnormalStatusLis", parent.document).slideToggle()
  297. })
  298. $(".abnormalStatusLis li", parent.document).on("click",function(){
  299. let status = $(this).attr("data-status")
  300. let str = $(this).html()
  301. $(".abnormalAll", parent.document).attr("data-status",status).html(str)
  302. $(".abnormalStatusLis", parent.document).slideToggle()
  303. })
  304. $("#mainBox .midifyMsgBox .iconClose", parent.document).on("click", function(e){
  305. $("#mainBox .midifyMsgBox", parent.document).remove()
  306. })
  307. $("#mainBox .midifyMsgBox .itemScore", parent.document).on("keypress", function(event){
  308. return (/[\d\.]/.test(String.fromCharCode(event.keyCode)))
  309. })
  310. $("#mainBox .midifyMsgBox .itemScore", parent.document).on("input", function(e){
  311. const val = $(this).val()
  312. itemCopy.score = val
  313. })
  314. $("#mainBox .midifyMsgBox .midifyEdit", parent.document).on("click", function(e){
  315. saveModifyOne(itemCopy)
  316. })
  317. }
  318. //保存修改
  319. function delModifyOne(itemCopy){
  320. let param = {
  321. "id": itemCopy.id
  322. }
  323. post(api.delQcAnnormal,param).then(res =>{
  324. if(res.data.code == '0'){
  325. const data = res.data.data;
  326. getTabData(1)
  327. $("#mainBox .midifyMsgBox", parent.document).remove()
  328. $.alerModal({"message":'删除成功',type:"tip",time:'1000',isFather: true,win: true, fatherWrapper: $("#mainBox", parent.document)});
  329. }else{
  330. $.alerModal({"message":'删除失败,请重试~',type:"tip",time:'1000',win:'default',isFather: true, fatherWrapper: $("#mainBox", parent.document)});
  331. }
  332. }).catch((e) =>{
  333. $.alerModal({"message":'删除失败,请重试~',type:"tip",time:'1000',win:'default',isFather: true, fatherWrapper: $("#mainBox", parent.document)});
  334. })
  335. }
  336. //保存修改
  337. function saveModifyOne(itemCopy){
  338. let txt = $(".abnormalTxt", parent.document).val()
  339. let status = $(".abnormalAll", parent.document).attr("data-status")
  340. let param = {
  341. "id": itemCopy.id,
  342. "remark": txt,
  343. "status": status
  344. }
  345. post(api.saveQcAnnormal,param).then(res =>{
  346. if(res.data.code == '0'){
  347. const data = res.data.data;
  348. getTabData(1)
  349. $("#mainBox .midifyMsgBox", parent.document).remove()
  350. $.alerModal({"message":'修改成功',type:"tip",time:'1000',isFather: true, fatherWrapper: $("#mainBox", parent.document)});
  351. }else{
  352. }
  353. }).catch((e) =>{
  354. })
  355. }
  356. //选择病历等级
  357. $('.selectLevel').on("click", function(e){
  358. e.stopPropagation()
  359. $(".deptList ").css("display", "none")
  360. $(".selectDept .arrow").attr("src",iconDown)
  361. const showList = $(".levelList ").css("display")
  362. if(showList == "none" ||!showList){
  363. $(".levelList ").css("display","block")
  364. $(".selectLevel .arrow").attr("src",iconUp)
  365. }else{
  366. $(".levelList ").css("display", "none")
  367. $(".selectLevel .arrow").attr("src",iconDown)
  368. }
  369. })
  370. bindLeveldSelect()
  371. //是否启用选择
  372. function bindLeveldSelect(){
  373. $('.levelItem').on("click",function(){
  374. const levelItemName = $(this).attr("data-name")
  375. const levelItemItemId = $(this).attr("data-id")
  376. levelTemp =levelItemItemId
  377. $('.selectLevel').html(levelItemName)
  378. $(".levelList").css("display", "none")
  379. $(".selectLevel").append(`<img class="arrow" src=${iconDown} alt="下拉">`)
  380. })
  381. }
  382. //全选绑定
  383. $('.selectDept').on("click", function(e){
  384. e.stopPropagation()
  385. $(".levelList ").css("display","none")
  386. $(".selectLevel .arrow").attr("src",iconDown)
  387. const showList = $(".deptList ").css("display")
  388. if(showList == "none" ||!showList){
  389. $(".deptList ").css("display","block")
  390. $(".selectDept .arrow").attr("src",iconUp)
  391. }else{
  392. $(".deptList ").css("display", "none")
  393. $(".selectDept .arrow").attr("src",iconDown)
  394. }
  395. })
  396. bindDeptSelect()
  397. //科室选择
  398. function bindDeptSelect(){
  399. $("body").on("click",'.deptItem',function(){
  400. const deptItemName = $(this).attr("data-name")
  401. const deptItemId = $(this).attr("data-id")
  402. deptIdTemp =deptItemId
  403. if(deptItemName.length > 10){
  404. $('.selectDept').html(deptItemName.substring(0,8)+'...')
  405. }else{
  406. $('.selectDept').html(deptItemName)
  407. }
  408. $('.selectDept ').attr({'title':deptItemName,'data-id':deptItemName})
  409. $(".selectDept").append(`<img class="arrow" src=${iconDown} alt="下拉">`)
  410. $(".deptList").css("display", "none")
  411. })
  412. }
  413. function loading(){
  414. const str = `
  415. <div class="loadingBox">
  416. <div class="mask"></div>
  417. <img class="loadingImg" src=${loadingImg} alt="loading" />
  418. </div>
  419. `
  420. $("#mainBox", parent.document).append(str)
  421. }
  422. function hideLoading(){
  423. $("#mainBox .loadingBox", parent.document).remove()
  424. }
  425. $('.recordScoreBtn').on("click",function(e){
  426. if(!hasData('FUNC000017')){
  427. return
  428. }
  429. let scoreList = []
  430. for(let i = 0; i <tabList.length; i++){
  431. if(tabList[i].hasSelect){
  432. scoreList.push(tabList[i].behospitalCode)
  433. }
  434. }
  435. if(scoreList.length === 0){
  436. $.alerModal({"message":'请选择要评分的项!',type:"tip",time:'1000',isFather: true, fatherWrapper: $("#mainBox", parent.document)});
  437. return
  438. } else{
  439. loading()
  440. for(let j = 0; j < scoreList.length; j++){
  441. recordScore(scoreList[j],scoreList.length)
  442. }
  443. }
  444. })
  445. $("th[code]").on("click",function(e){
  446. const code=$(this).attr("code");
  447. if(data_asc===code){
  448. data_desc=code;
  449. data_asc='';
  450. $("th[code]").removeClass("asc desc");
  451. $(this).addClass("desc");
  452. }else{
  453. data_desc='';
  454. data_asc=code;
  455. $("th[code]").removeClass("asc desc");
  456. $(this).addClass("asc");
  457. }
  458. getTabData(1);
  459. });
  460. function recordScore(behospitalCode,totalNum){
  461. const param = {
  462. behospitalCode: behospitalCode
  463. }
  464. post(api.recordScore,param).then(res =>{
  465. if(res.data.code == '0'){
  466. scoreSum++
  467. if(scoreSum === totalNum){
  468. hideLoading()
  469. scoreSum = 0
  470. const activePage = $(".activePage").attr('data-page') || 1
  471. getTabData(activePage)
  472. }
  473. }else{}
  474. }).catch((e) =>{
  475. })
  476. }
  477. $(".patientNumInp").on("input", function(e){
  478. const val = $(this).val().trim()
  479. behospitalCodeTemp = val
  480. })
  481. $(".patientNameInp").on("input", function(e){
  482. const val = $(this).val().trim()
  483. nameTemp = val
  484. })
  485. $(".doctorInp").on("input", function(e){
  486. const val = $(this).val().trim()
  487. doctorNameTemp = val
  488. })
  489. $(".doctorNumInp").on("input", function(e){
  490. const val = $(this).val().trim();
  491. doctorNumTemp = val
  492. })
  493. $(function() {
  494. $.datepicker.regional['zh-CN'] = {
  495. clearText: '清除',
  496. clearStatus: '清除已选e799bee5baa6e59b9ee7ad9431333361303131日期',
  497. closeText: '关闭',
  498. closeStatus: '不改变当前选择',
  499. prevText: '<上月',
  500. prevStatus: '显示上月',
  501. prevBigText: '<<',
  502. prevBigStatus: '显示上一年',
  503. nextText: '下月>',
  504. nextStatus: '显示下月',
  505. nextBigText: '>>',
  506. nextBigStatus: '显示下一年',
  507. currentText: '今天',
  508. currentStatus: '显示本月',
  509. monthNames: ['一月','二月','三月','四月','五月','六月', '七月','八月','九月','十月','十一月','十二月'],
  510. monthNamesShort: ['一月','二月','三月','四月','五月','六月', '七月','八月','九月','十月','十一月','十二月'],
  511. yearNamesShort: ['一月','二月','三月','四月','五月','六月', '七月','八月','九月','十月','十一月','十二月'],
  512. monthStatus: '选择月份',
  513. yearStatus: '选择年份',
  514. weekHeader: '周',
  515. weekStatus: '年内周次',
  516. dayNames: ['星期日','星期一','星期二','星期三','星期四','星期五','星期六'],
  517. dayNamesShort: ['周日','周一','周二','周三','周四','周五','周六'],
  518. dayNamesMin: ['日','一','二','三','四','五','六'],
  519. dayStatus: '设置 DD 为一周起始',
  520. dateStatus: '选择 m月 d日, DD',
  521. dateFormat: 'yy-mm-dd',
  522. firstDay: 1,
  523. initStatus: '请选择日期',
  524. isRTL: false};
  525. $.datepicker.setDefaults($.datepicker.regional['zh-CN']);
  526. $( "#datepicker" ).datepicker({
  527. changeMonth: true,
  528. changeYear: true,
  529. dateFormat:"yy/mm/dd"
  530. });
  531. $( "#datepicker2" ).datepicker({
  532. changeMonth: true,
  533. changeYear: true,
  534. dateFormat:"yy/mm/dd"
  535. });
  536. });
  537. //分页渲染
  538. function renderPagination(totalPage,activePage,totalNum){
  539. let str = `<span class="totalSum">共${totalPage}页/${totalNum}条数据</span><span class="prePage"><img class="arrowPage" src=${arrowLeft} /></span>`
  540. if(totalPage <= 6){
  541. for(let i = 1; i <= totalPage; i++){
  542. str += `<span class="pageNum ${'page'+i}" data-page=${i}>${i}</span>`
  543. }
  544. }else{
  545. if(activePage <= 3){ //选中页数小于4
  546. for(let i = 1; i <= 4; i++){
  547. str += `<span class="pageNum ${'page'+i}" data-page=${i}>${i}</span>`
  548. }
  549. str += `<span class="more" >...</span>`
  550. str += `<span class="pageNum ${'page'+totalPage}" data-page=${totalPage}>${totalPage}</span>`
  551. } else if(activePage > totalPage -3){
  552. str += `<span class="pageNum page1" data-page=1>1</span>`
  553. str += `<span class="more" >...</span>`
  554. str += `<span class="pageNum ${'page'+(totalPage-3)}" data-page=${totalPage -3}>${totalPage -3}</span>`
  555. str += `<span class="pageNum ${'page'+(totalPage-2)}" data-page=${totalPage -2}>${totalPage -2}</span>`
  556. str += `<span class="pageNum ${'page'+(totalPage-1)}" data-page=${totalPage -1}>${totalPage -1}</span>`
  557. str += `<span class="pageNum ${'page'+totalPage}" data-page=${totalPage}>${totalPage}</span>`
  558. } else {
  559. str += `<span class="pageNum page1" data-page=1>1</span>`
  560. str += `<span class="more" >...</span>`
  561. str += `<span class="pageNum ${'page'+(activePage -1)}" data-page=${activePage -1}>${activePage -1}</span>`
  562. str += `<span class="pageNum ${'page'+activePage}" data-page=${activePage}>${activePage}</span>`
  563. str += `<span class="pageNum ${'page'+(activePage +1)}" data-page=${activePage +1}>${activePage +1}</span>`
  564. str += `<span class="more" >...</span>`
  565. str += `<span class="pageNum ${'page'+totalPage}" data-page=${totalPage}>${totalPage}</span>`
  566. }
  567. }
  568. str += `<span class="nextPage"><img class="arrowPage" src=${arrowRight} /></span>`
  569. $('.pagination').html(str)
  570. $('.page' + activePage).addClass('activePage')
  571. $(".pageNum").on("click", function(e){
  572. const activePageNow = Number($(this).attr('data-page'))
  573. getTabData(activePageNow)
  574. // renderPagination(totalPage,activePageNow,totalNum)
  575. })
  576. $(".prePage").on("click", function(e){
  577. let activePageNow = Number($(".activePage").attr('data-page'))
  578. if(activePageNow > 1){
  579. activePageNow--
  580. getTabData(activePageNow)
  581. // renderPagination(totalPage,activePageNow,totalNum)
  582. }
  583. })
  584. $(".nextPage").on("click", function(e){
  585. let activePageNow = Number($(".activePage").attr('data-page'))
  586. if(activePageNow < totalPage){
  587. activePageNow++
  588. getTabData(activePageNow)
  589. // renderPagination(totalPage,activePageNow,totalNum)
  590. }
  591. })
  592. }
  593. $(document).on("click", function(){
  594. $(".levelList ").css("display", "none")
  595. $(".deptList").css("display", "none")
  596. $(".selectDept .arrow").attr("src",iconDown)
  597. })