myTurnOutList.html 3.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137
  1. <!doctype html>
  2. <html class="no-js">
  3. <head>
  4. <title>我的代理转办</title>
  5. <meta charset="utf-8">
  6. <script src="../assets/js/importJs.js"></script>
  7. <script type="text/javascript">
  8. importCss(["/weixin/assets/css/page.css"]);
  9. //导入JS
  10. importJs(["/weixin/assets/js/pageScroll.js"]);
  11. Handlebars.registerHelper("getAssignType",function(assignType){
  12. var str="";
  13. switch(assignType){
  14. case 1:
  15. str='<span class="am-badge am-badge-danger am-radius">代理</span>';
  16. break;
  17. case 2:
  18. str='<span class="am-badge am-badge-success am-radius">转办</span>';
  19. break;
  20. case 3:
  21. str='<span class="am-badge am-badge-warning am-radius">流转</span>';
  22. break;
  23. case 4:
  24. str='<span class="am-badge am-badge-secondary am-radius">多级转办</span>';
  25. break;
  26. }
  27. return str;
  28. });
  29. Handlebars.registerHelper("getStatus",function(status){
  30. var str="";
  31. switch(status){
  32. case 0:
  33. str='<span class="am-badge am-radius">未处理</span>';
  34. break;
  35. case 1:
  36. str='<span class="am-badge am-badge-success am-radius">完成</span>';
  37. break;
  38. case 2:
  39. str='<span class="am-badge am-badge-warning am-radius">取消</span>';
  40. break;
  41. case 3:
  42. str='<span class="am-badge am-badge-primary am-radius">任务完成</span>';
  43. break;
  44. case 4:
  45. str="驳回";
  46. str='<span class="am-badge am-badge-secondary am-radius">任务完成</span>';
  47. break;
  48. }
  49. return str;
  50. });
  51. </script>
  52. </head>
  53. <body>
  54. <div class="page">
  55. <header data-am-widget="header" class="am-header am-header-default">
  56. <div class="am-header-left am-header-nav">
  57. <span class="am-icon-chevron-left" id="btn-back" onclick="history.back();"></span>
  58. </div>
  59. <h1 class="am-header-title" id="colTitle">
  60. 我的代理转办
  61. </h1>
  62. <div class="am-header-right am-header-nav">
  63. <a href="../index.html" class="" title="返回主页" >
  64. <i class="am-header-icon fa fa-home" ></i>
  65. </a>
  66. </div>
  67. </header>
  68. <div id="wrapper" data-am-widget="list_news"
  69. class="am-list-news am-list-news-default">
  70. <div class="am-list-news-bd">
  71. <div class="pull-action loading" id="pull-down">
  72. <span class="am-icon-arrow-down pull-label"
  73. id="pull-down-label"> 下拉刷新</span>
  74. <span class="am-icon-spinner am-icon-spin"></span>
  75. </div>
  76. <ul class="am-list" id="events-list">
  77. <li class="am-list-item-desced">
  78. <div class="am-list-item-text">正在加载内容... </div>
  79. </li>
  80. </ul>
  81. <div class="pull-action" id="pull-up">
  82. <span class="am-icon-arrow-up pull-label" id="pull-up-label"> 上拉加载更多</span>
  83. <span class="am-icon-spinner am-icon-spin"></span>
  84. </div>
  85. </div>
  86. </div>
  87. </div>
  88. <script type="text/x-handlebars-template" id="tpi-list-item">
  89. {{#each this}}
  90. <li class="am-list-item-desced" data-id="{{runId}}">
  91. <a href="getBpmExeById.html?id={{id}}&status={{status}}&runId={{runId}}" class="am-list-item-hd" >{{{subject}}}</a><span class="am-list-date">发起时间:{{formatDate createtime 'yyyy-MM-dd hh:mm'}}</span>
  92. <div>转办(代理人):{{assigneeName}},类型:{{{getAssignType assignType}}},状态:{{{getStatus status}}}</div>
  93. </li>
  94. {{/each}}
  95. </script>
  96. <script>
  97. $(function() {
  98. var callBack=function(data){
  99. }
  100. var url=__ctx +"/weixin/bpm/getMyTurnOutJson.ht";
  101. var app = new EventsList(null, {
  102. url: url,
  103. params: {
  104. page: 1,
  105. startFromMobile: 1,
  106. pageSize: 10,
  107. callback:callBack
  108. }
  109. });
  110. app.init();
  111. document.addEventListener('touchmove', function(e) {
  112. e.preventDefault();
  113. }, false);
  114. });
  115. </script>
  116. </body>
  117. </html>