urgeHomep.ss.jsp 5.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126
  1. <html>
  2. <head>
  3. <style type="text/css">
  4. <%-- #sybjBody {
  5. width: 100%;
  6. height: calc(100% - 22px);
  7. height: 100%\9;
  8. margin-top: 0px
  9. }--%>
  10. .list-smallDim{
  11. width: 50px;
  12. }
  13. /*#sybjBodyInner:hover{
  14. overflow-x: hidden !important;
  15. overflow-y: auto !important;
  16. }*/
  17. .litop{
  18. }
  19. .list-smallDim span{
  20. display: inline-block;
  21. width: 100%;
  22. height: 14px !important;
  23. line-height: 14px;
  24. text-align: center;
  25. }
  26. </style>
  27. </head>
  28. <body>
  29. <div id="sybj">
  30. <div class="plugin-component-div" id="cb">
  31. <!--
  32. <div class="bt2">
  33. <div class="spfl"><div div class="spf1_lf">催办</div><div class="img-header img-db"></div></div>
  34. </div>
  35. -->
  36. <div id="bt" class="plugin-title hLine-highlightBlod" style="margin-bottom: 5px;">
  37. <span refreshclass="urgePlugin-loadingIcon" class="img-header plugin-icon urgePlugin-icon"></span>
  38. <span style="vertical-align: middle;">催办</span>
  39. <span style="float: right;margin-right: 6px;">
  40. <span class="icon-setHelpButton" style="position: relative;top: 12px;display: inline-block;"></span>
  41. <span class="icon-helpButton" style="position: relative;top: 12px;"></span>
  42. </span>
  43. </div>
  44. <div id="sybjBody" style="height: calc(100% - 50px)!important;width: 100%;">
  45. <div class="smallScrollbar" style="height: 100%;">
  46. <div id="" style="height: 100%;width: calc(100% - 8px);" class="sybjBodyInner">
  47. <div class="urge" id="sqList" style="height: 100%">
  48. <rpt.ss name="sqList" id="item">
  49. <div class="list cursor-click" style="height: 40px;width: 100%;position: relative;font-size: 14px;line-height: 27px;margin-top: 4px;padding-left: 15px;box-sizing: border-box;padding-top: 7px;"
  50. <%-- cc = 催促。sfbl(是否办理),按规范反过来 -- 0 = 未办理,1 = 已办理。Lin
  51. 去掉 name:"cc" > urgeHomep_searchTask,在 urgeHomep_tab.ss.jsp 里的选项卡有调用
  52. sqid="${item.sqid}" onclick='@service{name:"cc",dest:"cc",show:"wdDialog",param:{sqid:"${item.sqid}",sfbl:"1"}}@'> --%>
  53. sqid="${item.sqid}" onclick='<serv.ss dlg="true" dest="urgeHomep_tab" parm="{sqid:&quot;${item.sqid}&quot;}"/>'>
  54. <div style="overflow: hidden;padding-left: 10px;">
  55. <span class="" style="width: calc(100% - 120px);overflow: hidden;text-overflow: ellipsis;white-space: nowrap;display: inline-block;">${item.mc}</span>
  56. <a class="bb1" href="javascript:void(0)" name="cc" appAttr='${item.sqid}'>
  57. <div class="listProgress-button cursor" style="min-width: 85px"
  58. <%-- sqlc_ck = 申请流程查看。Lin
  59. "grxx_shlist" 与 "cc" 完全一样 = urgeHomep_searchTask
  60. onclick='@service{name:"grxx_shlist",dest:"sqlc_ck",show:"wdDialog",param:{sqid:"${item.sqid}"}}@'> --%>
  61. onclick='<serv.ss dlg="true" name="urgeHomep_searchTask" dest="urgeHomep_diag" parm="{sqid:&quot;${item.sqid}&quot;}"/>'>
  62. <div class="vLine-dashed cursor" style="display:inline-block;line-height: 27px;width: 37px;text-align: right;box-sizing: border-box;padding-right: 3px;font-size: 16px;">
  63. <span class="cursor">${item.status}</span>
  64. </div>
  65. <div class="list-smallDim cursor">
  66. <span formatdate="[yyyy-]MM-dd" class="cursor">
  67. <txt.ss val="${item.sqsj}" fmt="HH:mm"/>
  68. </span>
  69. <span formatdate="[yyyy-]MM-dd" class="cursor">
  70. <txt.ss val="${item.sqsj}" fmt="MM/dd"/>
  71. </span>
  72. </div>
  73. </div>
  74. </a>
  75. </div>
  76. <!-- 进度条 没有百分比时不显示-->
  77. <equal.ss val="${empty item.percentage}" val2="false">
  78. <div class="listProgress-div" name="grxx_shlist">
  79. <div class="listProgress-done" percentage="${item.percentage}" style="">
  80. </div>
  81. </div>
  82. </equal.ss>
  83. </div>
  84. </rpt.ss>
  85. </div>
  86. </div>
  87. <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAC0lEQVQIW2NkAAIAAAoAAggA9GkAAAAASUVORK5CYII=" onload="initJs${sybjId}(this)"/>
  88. </div>
  89. </div>
  90. </div>
  91. </div>
  92. <script type="text/javascript">
  93. var initJs${sybjId} = function(img) {
  94. //获取整体宽度
  95. var ztW = $('#sqList').width();
  96. var ztW1 =ztW -255;
  97. //动态给收起来的标题赋宽度值
  98. $(".bb1").css({
  99. "max-width": ztW1 -70 +'px'
  100. })
  101. $(img).parents("[initurl]").find(".nicescroll-rails").remove();
  102. loadSmallScorll($(img).parents("[initurl]").find(".smallScrollbar"));
  103. setTimeout(function(){
  104. $('#cb').parents('.ContainerForLoad').siblings('.nicescroll-rails-vr').attr('style','padding-left: 1px!important;padding-right: 2px;width: 3px;z-index: 999999;background: transparent;cursor: default;position: absolute;top: 53px;float: right;right: 0px; height: 300px;display: block;');
  105. },2000)
  106. // $('#cb').parents('.ContainerForLoad').siblings('.nicescroll-rails-vr').attr('style','padding-left: 1px!important;padding-right: 2px;width: 3px;z-index: 999999;background: transparent;cursor: default;position: absolute;top: 53px;left: 614px;height: 300px;display: block;');
  107. // },2000)
  108. var percentage=$(".listProgress-done").attr('percentage');
  109. for(var i=0;i<$(".listProgress-done").length;i++){
  110. percentage=parseInt($(".listProgress-done").eq(i).attr('percentage'));
  111. if(percentage>100){
  112. percentage=100;
  113. }else{
  114. percentage=percentage;
  115. }
  116. $(".listProgress-done").eq(i).attr('style','width:'+percentage+'%');
  117. }
  118. }
  119. </script>
  120. </body>
  121. </html>