taskHomep.ss.jsp 23 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445
  1. <html>
  2. <head>
  3. <%--<!–[if IE]>
  4. <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
  5. <![endif]–>--%>
  6. <js.ss file="/ss/treeTable/jquery.treetable.js"/>
  7. <style>
  8. .list-smallDim{
  9. width: 50px;
  10. }
  11. .list-smallDim span{
  12. display: inline-block;
  13. width: 100%;
  14. height: 16px;
  15. line-height: 16px;
  16. text-align: center;
  17. }
  18. .db-button span{
  19. display: inline-block;
  20. width: 100%;
  21. height:17px;
  22. line-height: 17px;
  23. text-align: center;
  24. }
  25. .smallButton-i{
  26. margin-top: -4px;
  27. }
  28. .title{
  29. display: inline-block;
  30. }
  31. .tdSj{
  32. vertical-align: middle;
  33. }
  34. .iservice-num-0{
  35. 8 max-width: calc(100% - 45px);
  36. }
  37. .iservice-num-1{
  38. /* max-width: calc(100% - 98px)!important;*/
  39. max-width: calc(100% - 98px);
  40. }
  41. .iservice-num-12{
  42. max-width: calc(100% - 110px);
  43. }
  44. .iservice-num-2{
  45. max-width: calc(100% - 76px);
  46. }
  47. .bb1{
  48. width:100%!important;
  49. }
  50. </style>
  51. </head>
  52. <body>
  53. <script type="text/javascript">
  54. var growHeightIds = new Array();
  55. </script>
  56. <div id="sybj">
  57. <div class="plugin-component-div">
  58. <div id="bt" class="plugin-title hLine-highlightBlod db" style="margin-bottom: 5px;">
  59. <span refreshClass="todoPlugin-loadingIcon" class="img-header plugin-icon todoPlugin-icon"></span>
  60. <span style="vertical-align: middle;">待办</span>
  61. <span style="float: right;margin-right: 6px;">
  62. <span class="icon-setHelpButton" style="position: relative;top: 12px;display: inline-block;">
  63. </span>
  64. <span class="icon-helpButton" style="position: relative;top: 12px;">
  65. </span>
  66. </span>
  67. </div>
  68. <div id="sybjBody" style="height: calc(100% - 50px)!important;width: 100%;box-sizing: border-box;">
  69. <div id="sybjBodyInner" style="height: 100%;">
  70. <div class="smallScrollbar" style="height: 100%;">
  71. <div class="home-list-div" id="shList" style="height: calc(100% - 1px);width: calc(100% - 8.5px)">
  72. <table style="border:none!important;border-collapse: collapse;width: 100%;" id="treetable" class="dbtreetable">
  73. <rpt.ss name="cgList" id="item">
  74. <%--分支--%>
  75. <equal.ss val="${item.branch}" val2="true" > <%-- 改 equal:val1="${item.branch==true}" val2="true"。Lin --%>
  76. <tr style="height: 41px;line-height: 40px;width: 100%;position: relative;font-size: 14px;" class="trtable folder1 list cursor-click" data-tt-id="db${item.id}" >
  77. <td onclick='if($(window.event.srcElement).is("a"))return;if($(this).hasClass("bear")){$(this).removeClass("bear");return;};$(this).addClass("bear").find(".indenter a").trigger("click");' style="width:100%;padding-left: 15px;box-sizing: border-box;" class="tdBt bb1" taskCount="${item.taskCount}">
  78. <span class="folder" ></span>
  79. <script type="text/javascript">
  80. growHeightIds.push('${item.index}_${sybjId}');
  81. </script>
  82. <div class="title iservice-num-0 cursor-click" id="${item.index}_${sybjId}" style="float: left;
  83. display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;" height='40px'>
  84. ${item.mc}
  85. </div>
  86. <div class="vLine-dashed" style="float:right;display:inline-block;width:1px;height:30px;margin-top:5px;">
  87. </div>
  88. </td>
  89. <td class="tdSj" style="padding-right: 9px;box-sizing: border-box;font-size: 0px;width: 50px;">
  90. <div class="list-smallDim list1" style="padding-top: 5px;">
  91. <span>
  92. <txt.ss val="${item.sqsj}" fmt="HH:mm" />
  93. </span>
  94. <span>
  95. <txt.ss val="${item.sqsj}" fmt="MM/dd" />
  96. </span>
  97. </div>
  98. </td>
  99. </tr>
  100. </equal.ss>
  101. <%--节点--%>
  102. <equal.ss val="${item.branch}" val2="false" > <%-- 改 equal:val1="${item.branch==true}" val2="false"。Lin --%>
  103. <tr style="height: 41px;line-height: 40px;width: 100%;position: relative;font-size: 14px;" class="file2 list cursor-click" data-tt-id="db${item.id}" data-tt-parent-id="db${item.branchid}" >
  104. <td class="tdBt bb1" style="padding-left: 15px;width:100%;box-sizing: border-box;"
  105. <equal.ss val="${empty item.updateService}" val2="false">
  106. onclick='<varServ.ss dlg="true" name="${item.updateService.service}" dest="${item.updateService.dest}" parm="${item.updateService.param}" title="${item.updateService.title}" width="${item.updateService.width}" height="${item.updateService.height}" minHeight="${item.updateService.minHeight}" maxHeight="${item.updateService.maxHeight}"/>'
  107. </equal.ss>
  108. >
  109. <span class="file"></span>
  110. <%-- 主操作:草稿修改 --%>
  111. <script type="text/javascript">
  112. growHeightIds.push('${item.index}_${sybjId}');
  113. </script>
  114. <div class="title iservice-num-1 cursor-click" id="${item.index}_${sybjId}" style="float: left;
  115. display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;" height='40px'>
  116. ${item.mc}
  117. </div>
  118. <%-- 草稿查看 --%>
  119. <%--
  120. <a title='${item.playService.title}' class="smallButton icon-i" onclick='wd.display.showComponent({show:["wdDialog"],hide:[],url:"<wd:token service='${item.playService.service}' dest='${item.playService.dest}' param='${item.playService.param}' test='false' />",title:"${item.playService.title}",width:${item.playService.width},height:${item.playService.height},minHeight:${item.playService.minHeight},maxHeight:${item.playService.maxHeight}});' ></a>
  121. --%>
  122. <div class="vLine-dashed" style="float:right;display:inline-block;width:1px;height:30px;margin-top:5px;">
  123. </div>
  124. </td>
  125. <td class="tdSj" style="padding-right: 9px;box-sizing: border-box;font-size: 0px;width: 50px;">
  126. <%-- 时间 --%>
  127. <div class="list-smallDim list2" style="padding-top: 5px;">
  128. <span>
  129. <txt.ss val="${item.sqsj}" fmt="HH:mm" />
  130. </span>
  131. <span>
  132. <txt.ss val="${item.sqsj}" fmt="MM/dd" />
  133. </span>
  134. </div>
  135. </td>
  136. </tr>
  137. </equal.ss>
  138. </rpt.ss>
  139. <rpt.ss name="shList" id="innerList">
  140. <equal.ss val="${innerList[0].mark}" val2="pl">
  141. <rpt.ss name="${innerList}" id="item">
  142. <tr style="height: 41px;line-height: 40px;width: 100%;position: relative;font-size: 14px;" class="trtable folder1 list cursor-click" data-tt-id="db${item.plid}"
  143. <equal.ss val="${empty item.cservice}" val2="false"> <%-- 改 equal:val1="true" val2="${not empty item.cservice}"。Lin --%>
  144. <%-- 主操作:批量审核 --%>
  145. <%-- 改。Lin
  146. onclick='if($(window.event.srcElement).is("a,img,span"))return;wd.display.JumpTest({show:["wdDialog"],hide:[],
  147. url:"<wd:token service='${item.cservice.service}' dest='${item.cservice.dest}' param='${item.cservice.param}' test='false' />",
  148. title:"${item.cservice.title}",width:${item.cservice.width},height:${item.cservice.height},minHeight:${empty item.cservice.minHeight?'null':item.cservice.minHeight},maxHeight:${empty item.cservice.maxHeight?'null':item.cservice.maxHeight}});event.stopPropagation();console.log(1211)'
  149. --%> onclick='if($(window.event.srcElement).is("a,img,span"))return;
  150. <varServ.ss fs="true" name="${item.cservice.service}" dest="${item.cservice.dest}" parm="${item.cservice.param}" title="${item.cservice.title}" width="${item.cservice.width}" height="${item.cservice.height}" minHeight="${empty item.cservice.minHeight?'null':item.cservice.minHeight}" maxHeight="${empty item.cservice.maxHeight?'null':item.cservice.maxHeight}"/>
  151. event.stopPropagation();console.log(1211)'
  152. </equal.ss>
  153. >
  154. <td class="tdBt bb1" style="padding-left: 15px;width:100%;box-sizing: border-box;" taskCount="${item.taskCount}">
  155. <span class="folder"></span>
  156. <script type="text/javascript">
  157. growHeightIds.push('${item.index}_${sybjId}');
  158. </script>
  159. <div class="title iservice-num-0 cursor-click" id="${item.index}_${sybjId}" style="float: left;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;" height='40px'
  160. <equal.ss val="${empty item.cservice}" val2="true"> <%-- 改 equal:val1="false" val2="${not empty item.cservice}"。Lin --%>
  161. onclick='if($(window.event.srcElement).is("a,img,span"))return;wd.display.alert("该节点无批量审核")'
  162. </equal.ss>
  163. >
  164. ${item.name}
  165. </div>
  166. <div class="vLine-dashed" style="float:right;display:inline-block;width:1px;height:30px;margin-top:5px;">
  167. </div>
  168. </td>
  169. <td class="tdSj" style="padding-right: 9px;box-sizing: border-box;font-size: 0px;width: 50px;">
  170. <%-- 时间 --%>
  171. <div class="list-smallDim list3" style="padding-top: 5px;" onclick='$(this).parent().prev().addClass("bear").find(".indenter a").trigger("click");'>
  172. <span>
  173. <txt.ss val="${item.time}" fmt="HH:mm" />
  174. </span>
  175. <span>
  176. <txt.ss val="${item.time}" fmt="MM/dd" />
  177. </span>
  178. </div>
  179. </td>
  180. </tr>
  181. </rpt.ss>
  182. </equal.ss>
  183. <equal.ss val="${innerList[0].mark}" val2="sh">
  184. <rpt.ss name="${innerList}" id="item">
  185. <%-- 主操作:审核 --%>
  186. <tr style="height: 41px;line-height: 40px;width: 100%;position: relative;font-size: 14px;" class="file${empty item.plid?1:2} ${empty item.dlryidList?'':'proxy'} ${empty item.encode_shryid?'':'encode'} list cursor-click" data-tt-id="db${item.objectId}" objectId="${item.objectId}"
  187. <equal.ss val="${empty item.plid}" val2="false"> <%-- 改 equal:val1="true" val2='${not empty item.plid}'。Lin --%>
  188. data-tt-parent-id="db${item.plid}"
  189. </equal.ss>
  190. <%-- 改。Lin
  191. onclick='wd.display.JumpTest({show:["wdDialog"],hide:[],
  192. url:"<wd:token service='${item.service.service}' dest='${item.service.dest}' param='${item.service.param}' test='false' />",
  193. title:"${item.service.title}",width:${item.service.width},height:${item.service.height},minHeight:${empty item.service.minHeight ?'null':item.service.minHeight},maxHeight:${empty item.service.maxHeight?'null':item.service.maxHeight}});event.stopPropagation();'>
  194. --%> onclick='<varServ.ss fs="true" name="${item.service.service}" dest="${item.service.dest}" parm="${item.service.param}" title="${item.service.title}" width="${item.service.width}" height="${item.service.height}" minHeight="${empty item.service.minHeight?'null':item.service.minHeight}" maxHeight="${empty item.service.maxHeight?'null':item.service.maxHeight}"/>'
  195. event.stopPropagation();'>
  196. <td class="tdBt bb1 aa1" style="padding-left: 15px;width:100%;box-sizing: border-box;">
  197. <span class="file"></span>
  198. <equal.ss val="${empty item.dlryidList}" val2="false">
  199. <span class="icon-proxy" ryid="${item.dlryidList[0]}"></span>
  200. </equal.ss>
  201. <equal.ss val="${empty item.encode_shryid}" val2="false">
  202. <span class="icon-translate" ryid="${item.encode_shryid}"></span>
  203. </equal.ss>
  204. <script type="text/javascript">
  205. growHeightIds.push('${item.index}_${sybjId}');
  206. </script>
  207. <equal.ss val="${empty item.plid &amp;&amp; not empty item.processName}" val2="true">
  208. <div class="list-highlight" style="min-width:min-content;max-width:fit-content;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;float: left;">${item.processName}. </div>
  209. <div class="title cc${empty item.p_iservice}-${empty item.iservice} iservice-num-${empty item.p_iservice&&empty item.iservice?'0':''}${not empty item.iservice?'1':''}${not empty item.p_iservice?'2':''} cursor-click" id="${item.index}_${sybjId}" style="max-width:inherit;float: left;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;min-width: 1%;" height='40px'>
  210. ${item.name}
  211. </div>
  212. </equal.ss>
  213. <equal.ss val="${empty item.plid &amp;&amp; not empty item.processName}" val2="false">
  214. <div class="title cc${empty item.p_iservice}-${empty item.iservice} iservice-num-${empty item.p_iservice&&empty item.iservice?'0':''}${not empty item.iservice?'1':''}${not empty item.p_iservice?'2':''} cursor-click" id="${item.index}_${sybjId}" style="float: left;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;min-width: 10%;" height='40px'>
  215. ${item.name}
  216. </div>
  217. </equal.ss>
  218. <equal.ss val="${empty item.iservice}" val2="false">
  219. <a class="smallButton icon-i" class="aa shitem" href="javascript:void(0)"
  220. onclick='<varServ.ss dlg="true" name="${item.iservice.service}" dest="${item.iservice.dest}" parm="${item.iservice.param}" title="${item.iservice.title}" width="${item.iservice.width}" height="${item.iservice.height}" minHeight="${item.iservice.minHeight}" maxHeight="${item.iservice.maxHeight}"/>'
  221. event.stopPropagation();
  222. >
  223. </a>
  224. </equal.ss>
  225. <equal.ss val="${empty item.p_iservice}" val2="false"> <%-- 改 equal:val1="true" val2="${not empty item.p_iservice}"。Lin --%>
  226. <a class="smallButton icon-bigI" style="margin-right: 6px;" class="aa shitem" href="javascript:void(0)"
  227. onclick='<varServ.ss dlg="true" name="${item.p_iservice.service}" dest="${item.p_iservice.dest}" parm="${item.p_iservice.param}" title="${item.p_iservice.title}" width="${item.p_iservice.width}" height="${item.p_iservice.height}" minHeight="${item.p_iservice.minHeight}" maxHeight="${item.p_iservice.maxHeight}"/>'
  228. event.stopPropagation();
  229. >
  230. </a>
  231. </equal.ss>
  232. <div class="vLine-dashed" style="float:right;display:inline-block;width:1px;height:30px;margin-top:5px;">
  233. </div>
  234. </td>
  235. <td class="tdSj" style="padding-right: 9px;box-sizing: border-box;font-size: 0px;width: 50px;">
  236. <%--时间--%>
  237. <div class="list-smallDim list4" style="${empty item.jzsj?'color: #969696;':'color: #ff0000;'};padding-top: 5px;">
  238. <equal.ss val="${empty item.jzsj}" val2="true">
  239. <span>
  240. <txt.ss val="${item.fssj}" fmt="HH:mm" />
  241. </span>
  242. <span>
  243. <txt.ss val="${item.fssj}" fmt="MM/dd" />
  244. </span>
  245. </equal.ss>
  246. <equal.ss val="${empty item.jzsj}" val2="false">
  247. <span>
  248. <txt.ss val="${item.jzsj}" fmt="HH:mm" />
  249. </span>
  250. <span>
  251. <txt.ss val="${item.jzsj}" fmt="MM/dd" />
  252. </span>
  253. </equal.ss>
  254. </div>
  255. </td>
  256. </tr>
  257. </rpt.ss>
  258. </equal.ss>
  259. </rpt.ss>
  260. </table>
  261. </div>
  262. <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAC0lEQVQIW2NkAAIAAAoAAggA9GkAAAAASUVORK5CYII=" onload="initJs${sybjId}(this)" />
  263. </div>
  264. </div>
  265. </div>
  266. </div>
  267. </div>
  268. <js.ss file="/ss/nicescroll/jquery.nicescroll.js"/>
  269. <js.ss file="/ss/nicescroll/jquery.nicescroll.iframehelper.min.js"/>
  270. <script type="text/javascript">
  271. var initJs${sybjId} = function(img) {
  272. //获取整体宽度
  273. var ztW = $('#shList').width();
  274. var ztW1 =ztW -255 ;
  275. //动态给收起来的标题赋宽度值
  276. $(".bb1").css({
  277. "max-width": ztW1 - 70 +'px'
  278. })
  279. console.log('被拖动了2');
  280. var f = $(".shList").find(".file");
  281. var trClass="";
  282. //图标样式
  283. var indenterClass="icon-folder icon-openFolder icon-point icon-doc icon-fullFolder icon-openFullFolder";
  284. var hLineClass="hLine";
  285. var groupNum=99;
  286. //文字样式
  287. var titleClass="list-highlight list-highlight list2 list-highlight list-highlight";
  288. $('#shList table').treetable({
  289. expandable: true,
  290. indent:"",
  291. stringCollapse:"点击关闭",
  292. stringExpand:"点击展开",
  293. onNodeCollapse:function(a){
  294. //console.log(this);
  295. var trEle=$(this.treeCell).parent();
  296. var titleEle=trEle.find(".title").removeClass(titleClass);
  297. var indenter=$(this.indenter).removeClass(indenterClass);
  298. if(this.children.length>groupNum){
  299. indenter.addClass("icon-fullFolder")
  300. titleEle.addClass("list-highlight");
  301. }else{
  302. indenter.addClass("icon-folder")
  303. titleEle.addClass("list-highlight");
  304. }
  305. trEle.addClass(hLineClass);
  306. },onNodeExpand:function(a){
  307. var trEle=$(this.treeCell).parent();
  308. var titleEle=trEle.find(".title").removeClass(titleClass);
  309. var indenter=$(this.indenter).removeClass(indenterClass);
  310. if(this.children.length>groupNum){
  311. indenter.addClass("icon-openFullFolder");
  312. titleEle.addClass("list-highlight")
  313. }else{
  314. indenter.addClass("icon-openFolder");
  315. titleEle.addClass("list-highlight")
  316. }
  317. trEle.removeClass(hLineClass);
  318. $(this.children[this.children.length-1].treeCell).parent().addClass(hLineClass);
  319. },onNodeInitialized:function(){
  320. //console.log(this);
  321. var trEle=$(this.treeCell).parent().removeClass(hLineClass);
  322. var titleEle=trEle.find(".title").removeClass(titleClass);
  323. var indenter=$(this.indenter).removeClass(indenterClass);
  324. //文件夹
  325. if(this.children.length>0){
  326. console.log(this);
  327. console.log(this.children.length+" "+ groupNum+" "+(this.children.length> groupNum));
  328. if(this.children.length> groupNum){
  329. indenter.addClass("icon-fullFolder")
  330. titleEle.addClass("list-highlight");
  331. }else{
  332. indenter.addClass("icon-folder")
  333. titleEle.addClass("list-highlight");
  334. }
  335. trEle.find(".tdSj").click(function(){
  336. $(this).parent().find(".indenter").trigger("click");
  337. return false;
  338. })
  339. //单个
  340. }else if(!this.parentId){
  341. indenter.addClass("icon-doc")
  342. titleEle.addClass("list2");
  343. //子
  344. }else {
  345. indenter.addClass("icon-point")
  346. titleEle.addClass("list2");
  347. }
  348. if(this.children.length>0||!this.parentId){
  349. trEle.addClass(hLineClass);
  350. }
  351. var id=trEle.find("[id]").attr("id");
  352. setTimeout(function(){
  353. //console.log("gh:"+id+">"+document.querySelector("#"+id).offsetWidth+" "+document.querySelector("#"+id).offsetHeight)
  354. wd.display.initGrowHighByIds([id],"80px");
  355. },500)
  356. }
  357. });
  358. $.each(f, function() {
  359. var itm = $(this);
  360. if (typeof(itm.parent().parent().attr("data-tt-parent-id")) != "undefined") {
  361. itm.css("margin-left", "2em");
  362. }
  363. });
  364. //获取整体宽度
  365. var bjW= $('.home-list-div').width() - 180;
  366. var ztW = $('.dbtreetable').width();
  367. //动态给左边赋宽度值
  368. var tdW = ztW - 50;
  369. $(".tdBt").width(tdW);
  370. var leftW = $(".tdBt").width();
  371. var aW=leftW - 100;
  372. //动态给收起来的标题赋宽度值
  373. $(".bb").css({
  374. "max-width": aW +'px'
  375. })
  376. //动态给放出来的标题赋宽度值
  377. $(".btA").css({
  378. "max-width": bjW +'px'
  379. })
  380. //console.log('被拖动了')
  381. //$(".tdSj").click(function(){$(this).prev(".tdBt").children(".indenter").children("a").trigger("click")});
  382. $("[taskCount]").each(function(){
  383. var taskCount=parseInt($(this).attr("taskCount"));
  384. var c=taskCount;
  385. if(isNaN(taskCount)||taskCount>groupNum)c="";
  386. $(this).find(".indenter a").html(c);
  387. })
  388. // wd.display.initGrowHighByIds(growHeightIds,"80px");
  389. // if($("#sybj_db_val").val() == undefined) {
  390. // console.error("sybj_db_val.....................")
  391. // $("body").append('<input type="hidden" value="1" id="sybj_db_val" />');
  392. // loadSmallScorll($("#sybj_db"));
  393. // }
  394. $(img).parents("[initurl]").find(".nicescroll-rails").remove();
  395. loadSmallScorll($(img).parents("[initurl]").find(".smallScrollbar"));
  396. // $('.nicescroll-rails-vr').attr('style','padding-left: 0px;padding-right: 2px;width: 3px;z-index: 999999;background: transparent;cursor: default;position: absolute;top: 53px;left: 344px;height: 210px;display: block;')
  397. setTimeout(function(){
  398. $('.db').parents('.ContainerForLoad').siblings('.nicescroll-rails-vr').css('padding-left','0.5px')
  399. },1000)
  400. }
  401. </script>
  402. </body>
  403. </html>