Nenhuma Descrição

client_index.html 8.7KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269
  1. <!DOCTYPE html>
  2. <html lang="zh-CN">
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>工单列表</title>
  6. <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
  7. <meta name="apple-mobile-web-app-capable" content="yes">
  8. <meta name="apple-mobile-web-app-status-bar-style" content="black">
  9. <link href="../css/mui.min.css" rel="stylesheet" />
  10. <link href="css/index.css" rel="stylesheet" />
  11. </head>
  12. <body>
  13. <div class="mui-content">
  14. <!--待交办-->
  15. <div class="mui-content mui-content mui-scroll-wrapper workList" id="pullrefresh">
  16. <div class="mui-scroll">
  17. <ul class="mui-table-view" id="OA_task_2">
  18. </ul>
  19. </div>
  20. <div class="noinfor" style="text-align: center; font-size: 16px;">
  21. </div>
  22. <!--<div class="1213"></div>-->
  23. <!--<div class="itemdiv userList" id="pullrefresh" style="display: block;"></div>-->
  24. </div>
  25. <div style="width: 100%; height: 50px;"></div>
  26. <!--底部-->
  27. <nav class="mui-tabs">
  28. <a class="mui-tabs-item mui-active" href="client_index.html">
  29. <span class="mui-icon iconfont">
  30. <img src="../img/task_c.png" />
  31. </span>
  32. <span class="mui-tab-label">任务中心</span>
  33. </a>
  34. <!--<a class="mui-tabs-item" href="house.html">
  35. <span class="mui-icon iconfont">
  36. <img src="../img/house.png" />
  37. </span>
  38. <span class="mui-tab-label">房屋</span>
  39. </a>-->
  40. <a class="mui-tabs-item" href="user-Setting-1.html">
  41. <span class="mui-icon iconfont">
  42. <img src="../img/personage.png" />
  43. </span>
  44. <span class="mui-tab-label">我的</span>
  45. </a>
  46. </nav>
  47. <div class="add_icon">
  48. <img src="../img/add_icon.png" />
  49. </div>
  50. <script src="../js/zepto.js"></script>
  51. <script src="js/index.js"></script>
  52. <script src="../js/mui.min.js"></script>
  53. <script src="../Script/Common/huayi.config.js"></script>
  54. <script src="../Script/Common/huayi.http.js"></script>
  55. <script type="text/javascript">
  56. var openid = helper.cookies.get("openid");
  57. var UserType = helper.cookies.get("usertype");
  58. var itype = helper.request.queryString("itype");
  59. var page = 1; //页数
  60. var pageSize = 10; //每页显示条目
  61. var total; //数据总条数
  62. // $(".1213").text(openid);
  63. if(itype == "") {
  64. itype = -1;
  65. } else {
  66. itype = helper.request.queryString("itype");
  67. }
  68. mui.init({
  69. swipeBack: false,
  70. pullRefresh: {
  71. container: '#pullrefresh',
  72. up: {
  73. contentrefresh: "正在加载...", //可选,正在加载状态时,上拉加载控件上显示的标题内容
  74. contentnomore: '没有更多数据了', //可选,请求完毕若没有更多数据时显示的提醒内容;
  75. callback: pullupRefresh
  76. }
  77. }
  78. });
  79. // 页面跳转
  80. $('.client').on('tap', function() {
  81. window.location.href = "client_index.html";
  82. });
  83. // 待完成
  84. $('.pend').on('tap', function() {
  85. window.location.href = "pend_index.html";
  86. });
  87. // 已完成
  88. $('.finsh').on('tap', function() {
  89. window.location.href = "finsh_index.html";
  90. });
  91. // 综合查询
  92. $('.inquire').on('tap', function() {
  93. window.location.href = "../fisrt_comprehensive/report.html";
  94. });
  95. Ajax();
  96. //下拉刷新
  97. function pullupRefresh() {
  98. setTimeout(function() {
  99. mui('#pullrefresh').pullRefresh().endPullupToRefresh((page++ >= Math.ceil(total / 10)));
  100. $.ajax({
  101. url: huayi.config.callcenter_url + 'WxLogin/GetList',
  102. data: {
  103. ltype: itype,
  104. openid: helper.cookies.get("openid"), //微信openid
  105. page: page,
  106. pagesize: pageSize,
  107. isaudit:-1,
  108. },
  109. async: true,
  110. dataType: 'json',
  111. type: 'get', //HTTP请求类型
  112. success: function(data) {
  113. total = data.total;
  114. if(data.rows && data.rows.length > 0) {
  115. data.rows.WorkOrderID
  116. $(data.rows).each(function(i, n) {
  117. if(n.CreateUser == "") {
  118. receiver = '</span><span class="font-color1">未选择创建人</span>'
  119. } else {
  120. receiver = '</span><span class="font-color3">创建人' + n.CreateUser + '</span>'
  121. //receiver= '受理人:'+n.CreateUser
  122. }
  123. if (n.State==2) {
  124. statedet='已完成';
  125. } else{
  126. if(n.IsAudit==0){
  127. statedet='待审核';
  128. }else{
  129. statedet='待完成';
  130. }
  131. }
  132. var builName
  133. if (n.buildingname==null) {
  134. builName=""
  135. } else{
  136. builName=n.buildingname
  137. }
  138. var proName
  139. if (n.proname==null) {
  140. proName=""
  141. } else{
  142. proName=n.proname
  143. }
  144. console.log(n.Customer);
  145. //|<button class="mui-btn-primary">重要' +'</button> 重要程度
  146. $('<a class="mui-card mui-card-detail order" data-index="' + n.WorkOrderID + '"><div class="mui-card-header"><div class="fl"><span>' + n.TypeClassName +
  147. '</span>|<span>' + n.OwnerRelations + '</span>|<span>' + helper.stateFormat.formatterIsReply(n.IsReply) +
  148. '</span><span>' + statedet +
  149. '</span></div><div class="fr"><span>' + n.CreateTime +
  150. '</span></div></div>' +
  151. '<div class="mui-card-content"><div class="mui-card-content-inner"><p class="font-color2 details_line">' + n.Detail +
  152. '</p><p class="font-color3 margin">' + n.areaname + proName + builName +
  153. '</p><div class="mui-card-content-inner-span"><span id="">' + n.Customer +
  154. '</span><span id="">' + n.CustomerTel + receiver +
  155. '</div></div></div></a>').appendTo('#OA_task_2');
  156. });
  157. //工单跳转
  158. $('.order').on('tap', function() {
  159. var index = $(this).attr('data-index');
  160. window.location.href = "details.html?id=" + index + '&itype=' + itype;
  161. });
  162. }
  163. },
  164. error: function(xhr, type, errorThrown) {
  165. //异常处理;
  166. }
  167. })
  168. }, 1000);
  169. }
  170. //获取数据
  171. function Ajax() {
  172. $(".order").remove();
  173. $.ajax({
  174. url: huayi.config.callcenter_url + 'WxLogin/GetList',
  175. data: {
  176. ltype: itype,
  177. openid: helper.cookies.get("openid"), //微信openid
  178. page: page,
  179. pagesize: pageSize,
  180. isaudit:-1,
  181. },
  182. async: true,
  183. dataType: 'json',
  184. type: 'get', //HTTP请求类型
  185. success: function(data) {
  186. if(document.getElementById('hy_loading')){
  187. document.getElementById('hy_loading').style.opacity = 0;
  188. document.getElementById('hy_loading').remove();
  189. }
  190. if(data.rows && data.rows.length > 0) {
  191. data.rows.WorkOrderID
  192. $(data.rows).each(function(i, n) {
  193. if(n.CreateUser == "") {
  194. receiver = '</span><span class="font-color1">未选择创建人</span>'
  195. } else {
  196. receiver = '</span><span class="font-color3">创建人' + n.CreateUser + '</span>'
  197. //receiver= '受理人:'+n.CreateUser
  198. }
  199. if (n.State==2) {
  200. statedet='已完成';
  201. } else{
  202. if(n.IsAudit==0){
  203. statedet='待审核';
  204. }else{
  205. statedet='待完成';
  206. }
  207. }
  208. var builName
  209. if (n.buildingname==null) {
  210. builName=""
  211. } else{
  212. builName=n.buildingname
  213. }
  214. var proName
  215. if (n.proname==null) {
  216. proName=""
  217. } else{
  218. proName=n.proname
  219. }
  220. console.log(n.Customer);
  221. // |<button class="mui-btn-primary">重要' + '</button> 重要程度
  222. $('<a class="mui-card mui-card-detail order" data-index="' + n.WorkOrderID + '"><div class="mui-card-header"><div class="fl"><span>' + n.TypeClassName +
  223. '</span>|<span>' + n.OwnerRelations + '</span>|<span>' + helper.stateFormat.formatterIsReply(n.IsReply) +
  224. '</span><span>' + statedet +
  225. '</span></div><div class="fr"><span>' + n.CreateTime +
  226. '</span></div></div>' +
  227. '<div class="mui-card-content"><div class="mui-card-content-inner"><p class="font-color2 details_line">' + n.Detail +
  228. '</p><p class="font-color3 margin">' + n.areaname + proName + builName +
  229. '</p><div class="mui-card-content-inner-span"><span id="">' + n.Customer +
  230. '</span><span id="">' + n.CustomerTel + receiver +
  231. '</div></div></div></a>').appendTo('#OA_task_2');
  232. });
  233. //工单跳转
  234. $('.order').on('tap', function() {
  235. var index = $(this).attr('data-index');
  236. window.location.href = "details.html?id=" + index + '&itype=' + itype;
  237. });
  238. }else{
  239. $(".noinfor").text("暂无信息");
  240. }
  241. },
  242. error: function(xhr, type, errorThrown) {
  243. //异常处理;
  244. }
  245. })
  246. }
  247. $('.turnGo').on('tap', function() {
  248. window.location.href = "WorkSearch.html";
  249. })
  250. </script>
  251. </body>
  252. </html>