assertType.js 22 KB

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