Geen omschrijving

Work-jlist.html 10KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326
  1. <!doctype html>
  2. <html>
  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 rel="stylesheet" href="../css/iconfont.css" />
  11. <link rel="stylesheet" type="text/css" href="../css/list.css"/>
  12. </head>
  13. <body>
  14. <header class="mui-bar mui-bar-nav" style="padding-right: 15px;color: #fff;">
  15. <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
  16. <h1 class="mui-center mui-title">任务列表 <span class="Totle"></span></h1>
  17. </header>
  18. <div class="mui-content mui-scroll-wrapper" id="pullrefresh">
  19. <div class="mui-scroll">
  20. <ul class="mui-table-view mui-table-view-striped mui-table-view-condensed" id="order_list">
  21. <li class="mui-table-view-cell">
  22. <div class="mui-input-row mui-search ">
  23. <input type="search" class="mui-input-clear go_search Width" placeholder="请输入关键字" style="margin-bottom: 0;">
  24. </div>
  25. </li>
  26. </ul>
  27. </div>
  28. <!--右上角弹出菜单-->
  29. </div>
  30. <script src="../js/mui.min.js"></script>
  31. <script src="../js/zepto.js"></script>
  32. <script src="../js/huayi.config.js"></script>
  33. <script type="text/javascript">
  34. window.onload=function(){
  35. mui.plusReady(function() {
  36. var page = 1; //页数
  37. var pageSize = 10; //每页显示条目
  38. var total; //数据总条数
  39. var wv = plus.webview.currentWebview();
  40. var token = wv.token;
  41. var isdeal = wv.isdeal;//工单状态
  42. console.log(isdeal);
  43. var wids = wv.wids;
  44. var index=wv.index;//交办条件
  45. var LXRs = wv.LXRs;
  46. var issatisfie=wv.issatisfie//满意度
  47. var LXRphones = wv.LXRphones;
  48. var ZXResults = wv.ZXResults;
  49. var zhuTiResults = wv.zhuTiResults;
  50. var userResults = wv.userResults;
  51. var DWResults = wv.DWResults;
  52. var keyw;
  53. plus.nativeUI.closeWaiting();
  54. //显示当前页面
  55. mui.currentWebview.show();
  56. if(isdeal==2){
  57. $(".Totle-box").text('待签收中')
  58. }else if(isdeal==3){
  59. $(".Totle-box").text('召回审核中')
  60. }else if(isdeal==5){
  61. $(".Totle-box").text('延期审核中')
  62. }else if(isdeal==4){
  63. $(".Totle-box").text('待办理中')
  64. }else if(isdeal==6){
  65. $(".Totle-box").text('回访中')
  66. }
  67. else if(isdeal==7&&issatisfie==1){
  68. $(".Totle-box").text('结案审核中')
  69. }else if(isdeal==7&&issatisfie==0){
  70. $(".Totle-box").text('重办审核中')
  71. }else if(isdeal==9){
  72. $(".Totle-box").text('已结档')
  73. }
  74. Ajax();
  75. $('.go_search').on('input focus', function() {
  76. keyw = $(this).val();
  77. page = 1;
  78. Ajax(keyw);
  79. });
  80. $(".mui-icon-clear").on("tap",function(){
  81. keyw = $(".go_search").val();
  82. page = 1;
  83. listData(keyw);
  84. })
  85. mui.init({
  86. swipeBack: false,
  87. pullRefresh: {
  88. container: '#pullrefresh',
  89. up: {
  90. contentrefresh: "正在加载...", //可选,正在加载状态时,上拉加载控件上显示的标题内容
  91. contentnomore: '没有更多数据了', //可选,请求完毕若没有更多数据时显示的提醒内容;
  92. callback: pullupRefresh
  93. }
  94. }
  95. });
  96. function pullupRefresh() {
  97. setTimeout(function() {
  98. mui('#pullrefresh').pullRefresh().endPullupToRefresh((page++ >= Math.ceil(total / 10)));
  99. mui.ajax(huayi.config.callcenter_url + 'WorkOrder/GetLDDealList', {
  100. data: {
  101. token: token,
  102. extensionphone: 1,
  103. page: page,
  104. key: keyw,
  105. state: isdeal, //=工单状态
  106. pagesize:pageSize,
  107. workid:wids,
  108. type: userResults, //=工单类型
  109. tel: LXRphones, //=客户电话
  110. name: LXRs, //=客户名称
  111. usercode: ZXResults, //=坐席工号
  112. deptid: DWResults,
  113. keyid: zhuTiResults, //=关键词id
  114. issatisfie: issatisfie,
  115. tab:1
  116. },
  117. dataType: 'json', //服务器返回json格式数据
  118. async: false,
  119. type: 'get', //HTTP请求类型
  120. timeout: 10000, //超时时间设置为10秒;
  121. headers: {
  122. 'Content-Type': 'application/x-www-form-urlencoded; charset=utf-8'
  123. },
  124. success: function(data) {
  125. total = data.total;
  126. $('.Totle_num').text('共有'+total+'条工单');
  127. for(var i = 0; i < data.rows.length; i++) {
  128. var a = data.rows[i].TypeName;
  129. var c = data.rows[i].F_WorkState;
  130. var time = data.rows[i].F_CreateTime.substring(0, data.rows[i].F_CreateTime.indexOf(' '));
  131. // var times=data.rows[i].LimitTime.substring(0, data.rows[i].LimitTime.indexOf(' '));
  132. // if (times == null) {
  133. // shixian = "";
  134. // } else{
  135. // shixian =times
  136. // }
  137. var TypeName = '';
  138. if(!a) {
  139. TypeName = "其他来源"
  140. } else {
  141. TypeName = a
  142. }
  143. var html = '';
  144. if(c == 0) {
  145. html = '新工单';
  146. if(data.rows[i].F_IsReturn == 1) {
  147. html = '新工单(回退)';
  148. }
  149. }else if(c == 1){
  150. html = '待交办';
  151. }else if(c == 2){
  152. html = '待查收';
  153. }else if(c == 3){
  154. html = '退回审核中';
  155. }else if(c == 4){
  156. html = '办理中';
  157. }else if(c == 5){
  158. html = '延时审核';
  159. }else if(c == 6){
  160. html = '已办理';
  161. }else if(c == 7){
  162. html = '已办理';
  163. }else if(c == 8){
  164. html = '重办中';
  165. }else if(c == 9){
  166. html = '已结案';
  167. }
  168. $('<li class="mui-table-view-cell order" data-index="' + data.rows[i].F_WorkOrderId + '">' +
  169. '<div class="mui-table">' +
  170. '<div class="mui-table-cell mui-col-xs-12">' +
  171. '<h5 class="mui-ellipsis new_title" >' + data.rows[i].F_ComTitle + '</h5>' +
  172. ' <p class="mui-h6 mui-ellipsis">' +
  173. '<span class="advice"><i class="mui-icon mui-icon-compose"></i>' + a + '</span>' +
  174. // '<span class="advice">办理时限:' + shixian + '</span>' +
  175. '<span class="time">提交时间1:' + time + '</span>' +
  176. ' </p>' +
  177. ' </div>' +
  178. '</div>' +
  179. '</li>').appendTo('#order_list');
  180. }
  181. },
  182. error: function(xhr, type, errorThrown) {
  183. //异常处理;
  184. }
  185. })
  186. }, 1000);
  187. }
  188. function Ajax() {
  189. $(".order").remove();
  190. mui.ajax(huayi.config.callcenter_url + 'WorkOrder/GetLDDealList', {
  191. data: {
  192. token: token,
  193. extensionphone: 1,
  194. page: page,
  195. key: keyw,
  196. state: isdeal, //=工单状态
  197. pagesize:pageSize,
  198. workid:wids,
  199. type: userResults, //=工单类型
  200. tel: LXRphones, //=客户电话
  201. name: LXRs, //=客户名称
  202. usercode: ZXResults, //=坐席工号
  203. deptid: DWResults,
  204. keyid: zhuTiResults, //=关键词id
  205. issatisfie: issatisfie,
  206. tab:1
  207. },
  208. dataType: 'json', //服务器返回json格式数据
  209. type: 'get', //HTTP请求类型
  210. timeout: 10000, //超时时间设置为10秒;
  211. headers: {
  212. 'Content-Type': 'application/x-www-form-urlencoded; charset=utf-8'
  213. },
  214. success: function(data) {
  215. total = data.total;
  216. $(".Totle").text('('+total+')');
  217. for(var i = 0; i < data.rows.length; i++) {
  218. var a = data.rows[i].TypeName;
  219. var c = data.rows[i].F_WorkState;
  220. var time = data.rows[i].F_CreateTime.substring(0, data.rows[i].F_CreateTime.indexOf(' '));
  221. // var times=data.rows[i].LimitTime.substring(0, data.rows[i].LimitTime.indexOf(' '));
  222. // if (times == null) {
  223. // shixian = "";
  224. // } else{
  225. // shixian =times
  226. // }
  227. var TypeName = '';
  228. if(!a) {
  229. TypeName = "其他来源"
  230. } else {
  231. TypeName = a
  232. }
  233. var html = '';
  234. if(c == 0) {
  235. html = '新工单';
  236. if(data.rows[i].F_IsReturn == 1) {
  237. html = '新工单(回退)';
  238. }
  239. }else if(c == 1){
  240. html = '待交办';
  241. }else if(c == 2){
  242. html = '待查收';
  243. }else if(c == 3){
  244. html = '退回审核中';
  245. }else if(c == 4){
  246. html = '办理中';
  247. }else if(c == 5){
  248. html = '延时审核';
  249. }else if(c == 6){
  250. html = '已办理';
  251. }else if(c == 7){
  252. html = '已办理';
  253. }else if(c == 8){
  254. html = '重办中';
  255. }else if(c == 9){
  256. html = '已结案';
  257. }
  258. $('<li class="mui-table-view-cell order" data-index="' + data.rows[i].F_WorkOrderId + '">' +
  259. '<div class="mui-table">' +
  260. '<div class="mui-table-cell mui-col-xs-12">' +
  261. '<h5 class="mui-ellipsis new_title" >' + data.rows[i].F_ComTitle + '</h5>' +
  262. ' <p class="mui-h6 mui-ellipsis">' +
  263. '<span class="advice"><i class="mui-icon mui-icon-compose"></i>' + a + '</span>' +
  264. // '<span class="advice">办理时限:' + shixian + '</span>' +
  265. '<span class="time">提交时间:' + time + '</span>' +
  266. ' </p>' +
  267. ' </div>' +
  268. '</div>' +
  269. '</li>').appendTo('#order_list');
  270. }
  271. },
  272. error: function(xhr, type, errorThrown) {
  273. //异常处理;
  274. }
  275. })
  276. }
  277. $('#order_list').on('tap', '.order', function() {
  278. var id = $(this).attr('data-index');
  279. mui.openWindow({
  280. id: 'WorkYjbDetails',
  281. url: 'WorkYjbDetails.html',
  282. show: {
  283. aniShow: 'pop-in'
  284. },
  285. styles: {
  286. popGesture: 'hide'
  287. },
  288. waiting: {
  289. autoShow: true
  290. },
  291. extras: {
  292. name: id,
  293. token: token
  294. }
  295. });
  296. })
  297. $('.turnGo').on('tap',function(){
  298. mui.openWindow({
  299. id: 'CaXun',
  300. url: 'CaXun.html',
  301. show:{
  302. autoShow:false
  303. },
  304. extras:{
  305. tab:Index,
  306. token: token
  307. }
  308. });
  309. })
  310. });
  311. }
  312. </script>
  313. </body>
  314. </html>