assertType.js 23 KB

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