mukuai.js 22 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559
  1. const $ = require('jquery');
  2. require("../css/mukuai.less");
  3. require('./../resource/jquery-ui/jquery-ui.min.js');
  4. require('./modal.js');
  5. const {api} = require('./api.js')
  6. const {post,getCookie,getUrlArgObjectNew,emptyBox,setDatePicker,getPickerDate,initScroll,listenScroll} = require('./utils.js')
  7. const switchIconOpen = require("./../images/btn_open.png")
  8. const switchIconClose = require("./../images/btn_close.png")
  9. const iconDown= require("./../images/arrow_down.png")
  10. const iconUp = require("./../images/arrow_up.png")
  11. const arrowLeft= require("./../images/arrow_left.png")
  12. const arrowRight = require("./../images/arrow_right.png")
  13. listenScroll('.mukuai')
  14. let casesId="", name="", isReject ="", isUsed ="",casesIdTemp="", nameTemp="", isRejectTemp ="", isUsedTemp ="",from="",deptIdTemp="",deptItemId="",deptId=""
  15. $(".selectModuleType").append(`<img class="arrow" src=${iconDown} alt="下拉">`)
  16. $(".selectReject").append(`<img class="arrow" src=${iconDown} alt="下拉">`)
  17. $(".selectDept").append(`<img class="arrow" src=${iconDown} alt="下拉">`)
  18. $(".selectUsed").append(`<img class="arrow" src=${iconDown} alt="下拉">`)
  19. let deptList = JSON.parse(getCookie("deptList"))||[]
  20. $(function(){
  21. dateChange()
  22. let srcUrl = $("#contentIframe",parent.document).attr("src")
  23. isReject = getUrlArgObjectNew("dateType",srcUrl)||""
  24. deptId = deptIdTemp = getUrlArgObjectNew("deptName",srcUrl)||""
  25. from = getUrlArgObjectNew("from",srcUrl)||""
  26. name =nameTemp = getUrlArgObjectNew("name",srcUrl)||""
  27. let startDateParam = getUrlArgObjectNew("startDateParam",srcUrl)||""
  28. let endDateParam = getUrlArgObjectNew("endDateParam",srcUrl)||""
  29. if(name){
  30. $(".moduleItemInp").val(name)
  31. }
  32. if(isReject == 1){
  33. $(".monthYear .mon").css({
  34. backgroundColor:'#00A1FF',
  35. color:'#fff'
  36. }).siblings().css({
  37. color:'#00A1FF',
  38. backgroundColor:'#fff'
  39. })
  40. setDatePicker($("#datepicker"),$("#datepicker2"),1)
  41. }else if(isReject == 2){
  42. $(".monthYear .year").css({
  43. backgroundColor:'#00A1FF',
  44. color:'#fff'
  45. }).siblings().css({
  46. color:'#00A1FF',
  47. backgroundColor:'#fff'
  48. })
  49. setDatePicker($("#datepicker"),$("#datepicker2"),2)
  50. }else if(isReject == 3){
  51. setDatePicker($("#datepicker"),$("#datepicker2"),3,new Date(startDateParam),new Date(endDateParam))
  52. }else{
  53. setDatePicker($("#datepicker"),$("#datepicker2"),"default")
  54. }
  55. if(!isReject){
  56. setDatePicker($("#datepicker"),$("#datepicker2"),"default")
  57. }
  58. if(deptId){
  59. $(".selectDept").html(deptId).attr({
  60. "data-id":deptId,
  61. "title":deptId
  62. }).append(`<img class="arrow" src=${iconDown} alt="下拉">`)
  63. getDeptList()
  64. }else{
  65. getDeptList(1)
  66. }
  67. $(".partTitle a").click(function(){
  68. //初始菜单选中
  69. focusMenuItem('YH-KZTKS')
  70. $(".container",parent.document).addClass("console-cont");
  71. })
  72. $(".abnormalClear").click(function(){
  73. setDatePicker($("#datepicker"),$("#datepicker2"),"default")
  74. deptId =deptIdTemp= deptList[0]&&deptList[0].deptName
  75. name = ""
  76. $(".patientNumInp").val("")
  77. $(".selectDept").html(deptId).attr({
  78. "data-id":deptId,
  79. "title":deptId
  80. }).append(`<img class="arrow" src=${iconDown} alt="下拉">`)
  81. getTabData(1)
  82. })
  83. getTabData(1)//条目缺陷
  84. })
  85. function focusMenuItem(code){
  86. const ele = $(parent.document).find(".menu .page[code="+code+"]");
  87. const parEle = ele.parents(".list-1");
  88. if(!parEle.is(".list-1-show")){
  89. parEle.click();
  90. }
  91. //console.log($(parent.document).find(".menu .page[code='YH-ZKK-GMKQXZB_XQ']"))
  92. ele.click();
  93. }
  94. bindDeptSelect()
  95. //科室选择
  96. function bindDeptSelect(){
  97. $(document).on("click",'.deptItem',function(){
  98. const deptItemName = $(this).attr("data-name")||''
  99. const deptItemId = $(this).attr("data-id")
  100. deptIdTemp =deptItemId
  101. if(deptItemName.length > 10){
  102. $('.selectDept').html(deptItemName.substring(0,8)+'...')
  103. }else{
  104. $('.selectDept').html(deptItemName)
  105. }
  106. $('.selectDept ').attr({'title':deptItemName,'data-id':deptItemName})
  107. $(".selectDept").append(`<img class="arrow" src=${iconDown} alt="下拉">`)
  108. $(".deptList").css("display", "none")
  109. })
  110. }
  111. //全选绑定
  112. $('.selectDept').on("click", function(e){
  113. e.stopPropagation()
  114. $(".levelList ").css("display","none")
  115. $(".selectLevel .arrow").attr("src",iconDown)
  116. const showList = $(".deptList ").css("display")
  117. if(showList == "none" ||!showList){
  118. $(".deptList ").css("display","block")
  119. $(".selectDept .arrow").attr("src",iconUp)
  120. }else{
  121. $(".deptList ").css("display", "none")
  122. $(".selectDept .arrow").attr("src",iconDown)
  123. }
  124. })
  125. //科室处理
  126. getDeptList()
  127. function getDeptList(){
  128. let str = ``
  129. if(deptList.length<=0)return
  130. $(".mukuai .selectDept ").attr("data-id",deptList[0].deptName).find("i").html(deptList[0].deptName)
  131. for(let i = 0;i < deptList.length;i++){
  132. let tmp = deptList[i]
  133. str += `<li class="deptItem ellipsis" title="${tmp.deptName}" data-id="${tmp.deptName}" data-name="${tmp.deptName}">${tmp.deptName}</li>`
  134. }
  135. $(".mukuai .filterDropList").html(str)
  136. }
  137. //判断有无某一权限
  138. function hasData(data){
  139. let lis = JSON.parse(getCookie("codeLis"))||[]
  140. if(lis.indexOf(data)>-1){//有权限
  141. return true
  142. }
  143. return false;
  144. }
  145. //所有数据切换日期筛选
  146. function dateChange(){
  147. $(".monthYear .mon").click(function(){
  148. $(this).css({
  149. backgroundColor:'#00A1FF',
  150. color:'#fff'
  151. }).siblings().css({
  152. color:'#00A1FF',
  153. backgroundColor:'#fff'
  154. })
  155. isReject = isRejectTemp = 1
  156. setDatePicker($("#datepicker"),$("#datepicker2"),1)
  157. getTabData(1)
  158. })
  159. $(".monthYear .year").click(function(){
  160. $(this).css({
  161. backgroundColor:'#00A1FF',
  162. color:'#fff'
  163. }).siblings().css({
  164. color:'#00A1FF',
  165. backgroundColor:'#fff'
  166. })
  167. isReject = isRejectTemp = 2
  168. setDatePicker($("#datepicker"),$("#datepicker2"),2)
  169. getTabData(1)
  170. })
  171. }
  172. //获取表格数据
  173. function getTabData(activePage){
  174. const dateStatrt = getPickerDate($("#datepicker"),1)
  175. const dateEnd = getPickerDate($("#datepicker2"),2)
  176. const start = new Date(dateStatrt).getTime()
  177. const end = new Date(dateEnd).getTime()
  178. if(start > end){
  179. $.alerModal({"message":'开始时间不能大于结束时间~',type:"tip",time:'1000',isFather: true, fatherWrapper: $("#mainBox", parent.document)});
  180. return
  181. }
  182. const param = {
  183. current:activePage,
  184. type: 0, //1-本月,2-本年,0-自定义时间(现在 都是自定义时间,都会传具体时间进去)
  185. name: name, //条目名
  186. deptName: deptId||(deptList.length>0?deptList[0].deptName:''), //科室名
  187. size: 15,
  188. "startDate":dateStatrt,
  189. "endDate":dateEnd
  190. }
  191. startDateParam = dateStatrt
  192. endDateParam = dateEnd
  193. post(from == 1?api.entryCountGroupByCasePage:api.entryCountGroupByCaseAndDeptPage,param).then(res =>{
  194. if(res.data.code == '0'){
  195. const data = res.data.data.records
  196. const totalPage = res.data.data.pages
  197. const totalNum = res.data.data.total
  198. renderTab(data,activePage)
  199. if(totalPage > 1){
  200. renderPagination(totalPage,Number(activePage),totalNum)
  201. } else{
  202. $('.pagination').html("")
  203. }
  204. }else{}
  205. }).catch((e) =>{})
  206. }
  207. $(".moduleItemInp").on("input", function(e){
  208. const val = $(this).val().trim()
  209. nameTemp = val
  210. })
  211. $(".filter").on("click", function(e){
  212. casesId=casesIdTemp, name=nameTemp, isReject =isRejectTemp, isUsed =isUsedTemp,deptId = deptIdTemp
  213. getTabData(1)
  214. })
  215. $(".filterclear").on("click", function(e){
  216. nameTemp = ""
  217. $(".moduleItemInp").val("")
  218. })
  219. $('.selectModuleType').on("click", function(e){
  220. e.stopPropagation()
  221. $(".rejectList ").css("display","none")
  222. $(".usedList ").css("display", "none")
  223. $(".selectReject .arrow").attr("src",iconDown)
  224. $(".selectUsed .arrow").attr("src",iconDown)
  225. const showList = $(".moduleTypeList ").css("display")
  226. if(showList == "none" ||!showList){
  227. $(".moduleTypeList ").css("display","block")
  228. $(".selectModuleType .arrow").attr("src",iconUp)
  229. }else{
  230. $(".moduleTypeList ").css("display", "none")
  231. $(".selectModuleType .arrow").attr("src",iconDown)
  232. }
  233. })
  234. $('.selectReject').on("click", function(e){
  235. e.stopPropagation()
  236. $(".moduleTypeList ").css("display", "none")
  237. $(".usedList ").css("display", "none")
  238. $(".selectModuleType .arrow").attr("src",iconDown)
  239. $(".selectUsed .arrow").attr("src",iconDown)
  240. const showList = $(".rejectList ").css("display")
  241. if(showList == "none" ||!showList){
  242. $(".rejectList ").css("display","block")
  243. $(".selectUsed .arrow").attr("src",iconUp)
  244. }else{
  245. $(".rejectList ").css("display", "none")
  246. $(".selectUsed .arrow").attr("src",iconDown)
  247. }
  248. })
  249. $('.selectUsed').on("click", function(e){
  250. e.stopPropagation()
  251. $(".moduleTypeList ").css("display", "none")
  252. $(".rejectList ").css("display","none")
  253. $(".selectModuleType .arrow").attr("src",iconDown)
  254. $(".selectReject .arrow").attr("src",iconDown)
  255. const showList = $(".usedList ").css("display")
  256. if(showList == "none" ||!showList){
  257. $(".usedList ").css("display","block")
  258. $(".selectUsed .arrow").attr("src",iconUp)
  259. }else{
  260. $(".usedList ").css("display", "none")
  261. $(".selectUsed .arrow").attr("src",iconDown)
  262. }
  263. })
  264. // bindRejectSelect()
  265. // bindUsedSelect()
  266. // getmoduleTypeList()
  267. function renderTab(data,activePage){
  268. let str = ``;
  269. const cls = hasData("FUNC000007")?"editItem":"editItemDis";
  270. for(let i = 0; i < data.length; i++){
  271. const item = data[i]
  272. str += `
  273. <tr data-id=${item.id} data-index=${i}>
  274. <td class="textCenter">${(activePage-1)*15 + i+1}</td>
  275. <td class="goHomeDetail" data-model="${item.name}">${item.name}</td>
  276. <td class="textCenter">${item.percentStr}</td>
  277. </tr>
  278. `
  279. }
  280. $('.tbody').html(str?str:emptyBox())
  281. bindEdit(data,activePage)
  282. $(".goHomeDetail").click(function(){
  283. let model = $(this).attr("data-model")
  284. focusMenuItem("YH-KSZR-TMQXZB_XQ");
  285. let deptName = deptId||(deptList.length>0?deptList[0].deptName:'')
  286. $(parent.document).find("#contentIframe").attr("src","./singleVeto.html?from=2&deptName="+deptName+"&special=1&model="+model+"&shijian=3"+"&startDateParam="+startDateParam+"&endDateParam="+endDateParam)
  287. })
  288. // initScroll("mukuai","Y",1)
  289. }
  290. function bindEdit(data,activePage){
  291. if(!hasData('FUNC000007')){
  292. return
  293. }
  294. $('.editItem').click(function(e){
  295. const index = $(this).parent().attr('data-index')
  296. editItem(data[index],activePage)
  297. })
  298. }
  299. //修改
  300. function editItem(item,activePage){
  301. const itemCpoy = JSON.parse(JSON.stringify(item))
  302. $('.pop-box').remove()
  303. $('.container').append('<div class="pop-box"></div>')
  304. const str = `
  305. <div class="itemMsgBox">
  306. <div class="mask"></div>
  307. <div class="itemMsgContent">
  308. <p class="itemMsgTitle">修改 <img class="iconClose" src=${require('./../images/icon_close_default.png')} alt="关闭" /></p>
  309. <div class="itemMsgContentBox">
  310. <div class="itemMsgInfoBox"><span class="itemMsgLab">模块名称:</span> <span class="itemInfoRight">${itemCpoy.casesName}</span></div>
  311. <div class="itemMsgInfoBox"><span class="itemMsgLab">条目名称:</span> <span class="itemInfoRight"> ${itemCpoy.name}</span></div>
  312. <div class="itemMsgInfoBox"><span class="itemMsgLab">提示信息:</span> <span class="itemInfoRight"> <input class="itemTipMsg" value="${itemCpoy.msg}" /></span></div>
  313. <div class="itemMsgInfoBox"><span class="itemMsgLab">
  314. 分值:
  315. </span> <span class="itemInfoRight">
  316. <input class="itemScore" type="number" min="0" value=${itemCpoy.score} />
  317. </span>
  318. <p class="itemMsgInfoTips">支持≥0的数字输入,最多保留小数点后1位~</p>
  319. </div>
  320. <div class="itemMsgInfoBox"><span class="itemMsgLab">单项否决:</span><span class="itemInfoRight itemReject">${item.isReject == '1' ? `<img class="switchImg" src=${switchIconOpen} /><span class="imgInfo"> 是</span>`:`<img class="switchImg" src=${switchIconClose} /> <span class="imgInfo"> 否</span>`}</span></div>
  321. <div class="itemMsgInfoBox"><span class="itemMsgLab">启用:</span><span class=" temInfoRight itemUsed">${item.isUsed == '1' ? `<img class="switchImg" src=${switchIconOpen} /><span class="imgInfo"> 是</span>`:`<img class="switchImg" src=${switchIconClose} /> <span class="imgInfo"> 否</span>`}</span></div>
  322. </div>
  323. <div class="confirmEditBox"><span class="confirmEdit">保存</span></div>
  324. </div>
  325. </div>
  326. `
  327. $("#mainBox", parent.document).append(str)
  328. $("#mainBox .itemMsgBox .iconClose", parent.document).on("click", function(e){
  329. $("#mainBox .itemMsgBox", parent.document).remove()
  330. })
  331. $("#mainBox .itemMsgBox .itemTipMsg", parent.document).on("input", function(e){
  332. const val = $(this).val().trim()
  333. itemCpoy.msg = val
  334. })
  335. $("#mainBox .itemMsgBox .itemScore", parent.document).on("keypress", function(e){
  336. return (/[0-9\.]/.test(String.fromCharCode(e.keyCode)))
  337. })
  338. $("#mainBox .itemMsgBox .itemScore", parent.document).on("input", function(e){
  339. const val = $(this).val()
  340. itemCpoy.score = val
  341. })
  342. $("#mainBox .itemMsgBox .itemReject", parent.document).on("click", function(e){
  343. itemCpoy.isReject = itemCpoy.isReject == 1 ? 0 : 1
  344. $('#mainBox .itemMsgBox', parent.document).remove()
  345. editItem(itemCpoy,activePage)
  346. })
  347. $("#mainBox .itemMsgBox .itemUsed", parent.document).on("click", function(e){
  348. itemCpoy.isUsed = itemCpoy.isUsed == 1 ? 0 : 1
  349. $('#mainBox .itemMsgBox', parent.document).remove()
  350. editItem(itemCpoy,activePage)
  351. })
  352. $("#mainBox .itemMsgBox .confirmEdit", parent.document).on("click", function(){
  353. var reg = new RegExp(/^\d+(\.\d)?$/);
  354. if(reg.test(itemCpoy.score)){
  355. // console.log('itemCopy', itemCpoy)
  356. if(!itemCpoy.msg.trim()){
  357. $.alerModal({"message":"提示信息不能为空~",type:"tip",time:'1000',isFather: true, fatherWrapper: $("#mainBox", parent.document)});
  358. return
  359. }
  360. saveEdit(itemCpoy,activePage)
  361. $("#mainBox .itemMsgBox .itemMsgInfoTips", parent.document).css("display","none")
  362. $('#mainBox .itemMsgBox', parent.document).remove()
  363. return
  364. }else{
  365. $("#mainBox .itemMsgBox .itemMsgInfoTips", parent.document).css("display","block")
  366. return
  367. }
  368. })
  369. }
  370. //保存修改
  371. function saveEdit(item,activePage){
  372. const param = {
  373. id: item.id,
  374. isReject: item.isReject,
  375. isUsed: item.isUsed,
  376. msg: item.msg,
  377. score: item.score
  378. }
  379. post(api.updataQcCasesEntry,param).then(res =>{
  380. if(res.data.code == '0'){
  381. // const data = res.data.data
  382. $.alerModal({"message":"修改成功",type:"tip",time:'1000',isFather: true,win: true, fatherWrapper: $("#mainBox", parent.document)});
  383. getTabData(activePage)
  384. }else{
  385. $.alerModal({"message":'修改失败,请重试~',type:"tip",time:'1000',isFather: true,win: 'default', fatherWrapper: $("#mainBox", parent.document)});
  386. }
  387. }).catch((e) =>{
  388. $.alerModal({"message":'修改失败,请重试~',type:"tip",time:'1000',isFather: true,win: 'default', fatherWrapper: $("#mainBox", parent.document)});
  389. })
  390. }
  391. //获取模块类型
  392. function getmoduleTypeList(){
  393. post(api.getQcCasesAll).then(res =>{
  394. if(res.data.code == '0'){
  395. const moduleTypeList = res.data.data
  396. renderModuleTypeList(moduleTypeList)
  397. }else{}
  398. }).catch((e) =>{
  399. })
  400. }
  401. function renderModuleTypeList(moduleTypeList){
  402. let str = `<li class="modeTypeItem " data-id=" " data-name="全部">全部</li>`
  403. for(let i = 0; i < moduleTypeList.length; i++){
  404. str += `<li class="modeTypeItem ellipsis" title=${moduleTypeList[i].name} data-id=${moduleTypeList[i].id} data-name=${moduleTypeList[i].name}> ${moduleTypeList[i].name}</li>`
  405. }
  406. $('.moduleTypeList').html(str)
  407. bindModuleTypeSelect()
  408. }
  409. //模块类型选择
  410. function bindModuleTypeSelect(){
  411. $('.modeTypeItem').on("click",function(){
  412. const modeTypeItemName = $(this).attr("data-name")
  413. const modeTypeItemId = $(this).attr("data-id")
  414. casesIdTemp =modeTypeItemId
  415. $('.selectModuleType').html(modeTypeItemName).attr("title",modeTypeItemName)
  416. $(".selectModuleType").append(`<img class="arrow" src=${iconDown} alt="下拉">`)
  417. $(".moduleTypeList ").css("display", "none")
  418. })
  419. }
  420. //单项否决选择
  421. function bindRejectSelect(){
  422. $('.rejectItem').on("click",function(){
  423. const rejectItemName = $(this).attr("data-name")
  424. const rejectItemId = $(this).attr("data-id")
  425. isRejectTemp=rejectItemId
  426. $('.selectReject').html(rejectItemName)
  427. $(".rejectList ").css("display", "none")
  428. $(".selectReject").append(`<img class="arrow" src=${iconDown} alt="下拉">`)
  429. })
  430. }
  431. //是否启用选择
  432. function bindUsedSelect(){
  433. $('.usedItem').on("click",function(){
  434. const usedItemName = $(this).attr("data-name")
  435. const usedItemItemId = $(this).attr("data-id")
  436. isUsedTemp =usedItemItemId
  437. $('.selectUsed').html(usedItemName)
  438. $(".usedList").css("display", "none")
  439. $(".selectUsed").append(`<img class="arrow" src=${iconDown} alt="下拉">`)
  440. })
  441. }
  442. //分页渲染
  443. function renderPagination(totalPage,activePage,totalNum){
  444. let str = `<span class="totalSum">共${totalPage}页/${totalNum}条数据</span><span class="prePage"><img class="arrowPage" src=${arrowLeft} /></span>`
  445. if(totalPage <= 6){
  446. for(let i = 1; i <= totalPage; i++){
  447. str += `<span class="pageNum ${'page'+i}" data-page=${i}>${i}</span>`
  448. }
  449. }else{
  450. if(activePage <= 3){ //选中页数小于4
  451. for(let i = 1; i <= 4; i++){
  452. str += `<span class="pageNum ${'page'+i}" data-page=${i}>${i}</span>`
  453. }
  454. str += `<span class="more" >...</span>`
  455. str += `<span class="pageNum ${'page'+totalPage}" data-page=${totalPage}>${totalPage}</span>`
  456. } else if(activePage > totalPage -3){
  457. str += `<span class="pageNum page1" data-page=1>1</span>`
  458. str += `<span class="more" >...</span>`
  459. str += `<span class="pageNum ${'page'+(totalPage-3)}" data-page=${totalPage -3}>${totalPage -3}</span>`
  460. str += `<span class="pageNum ${'page'+(totalPage-2)}" data-page=${totalPage -2}>${totalPage -2}</span>`
  461. str += `<span class="pageNum ${'page'+(totalPage-1)}" data-page=${totalPage -1}>${totalPage -1}</span>`
  462. str += `<span class="pageNum ${'page'+totalPage}" data-page=${totalPage}>${totalPage}</span>`
  463. } else {
  464. str += `<span class="pageNum page1" data-page=1>1</span>`
  465. str += `<span class="more" >...</span>`
  466. str += `<span class="pageNum ${'page'+(activePage -1)}" data-page=${activePage -1}>${activePage -1}</span>`
  467. str += `<span class="pageNum ${'page'+activePage}" data-page=${activePage}>${activePage}</span>`
  468. str += `<span class="pageNum ${'page'+(activePage +1)}" data-page=${activePage +1}>${activePage +1}</span>`
  469. str += `<span class="more" >...</span>`
  470. str += `<span class="pageNum ${'page'+totalPage}" data-page=${totalPage}>${totalPage}</span>`
  471. }
  472. }
  473. str += `<span class="nextPage"><img class="arrowPage" src=${arrowRight} /></span>`
  474. $('.pagination').html(str)
  475. $('.page' + activePage).addClass('activePage')
  476. $(".pageNum").on("click", function(e){
  477. const activePageNow = Number($(this).attr('data-page'))
  478. getTabData(activePageNow)
  479. // renderPagination(totalPage,activePageNow,totalNum)
  480. })
  481. $(".prePage").on("click", function(e){
  482. let activePageNow = Number($(".activePage").attr('data-page'))
  483. if(activePageNow > 1){
  484. activePageNow--
  485. getTabData(activePageNow)
  486. // renderPagination(totalPage,activePageNow,totalNum)
  487. }
  488. })
  489. $(".nextPage").on("click", function(e){
  490. let activePageNow = Number($(".activePage").attr('data-page'))
  491. if(activePageNow < totalPage){
  492. activePageNow++
  493. getTabData(activePageNow)
  494. // renderPagination(totalPage,activePageNow,totalNum)
  495. }
  496. })
  497. }
  498. $(document).on("click", function(){
  499. $(".moduleTypeList ").css("display", "none")
  500. $(".rejectList ").css("display","none")
  501. $(".usedList ").css("display", "none")
  502. $(".selectModuleType .arrow").attr("src",iconDown)
  503. $(".selectReject .arrow").attr("src",iconDown)
  504. $(".selectUsed .arrow").attr("src",iconDown)
  505. $(".deptList").css("display", "none")
  506. $(".selectDept .arrow").attr("src",iconDown)
  507. })
  508. $(function() {
  509. const iconCalenBlue= require("./../images/darkDate.png")
  510. const iconCalenGrey= require("./../images/icon_calen_grey.png")
  511. $('.datapickerBox').append(`<img class="iconCalen" src=${iconCalenGrey} />`)
  512. $('.iconCalen').on("mouseenter", function(e){
  513. $(this).attr("src", iconCalenBlue)
  514. })
  515. $('.iconCalen').on("mouseleave", function(e){
  516. $(this).attr("src", iconCalenGrey)
  517. })
  518. $('.iconCalen').on("click", function(e){
  519. $(this).parent().find("input").focus()
  520. })
  521. });