singleVeto.js 26 KB

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