Ei kuvausta

workOrdeListr.html 3.4KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
  6. <meta name="apple-mobile-web-app-capable" content="yes">
  7. <meta name="apple-mobile-web-app-status-bar-style" content="black">
  8. <link rel="stylesheet" href="../layui/css/layui.mobile.css" />
  9. <link href="../css/mui.min.css" rel="stylesheet" />
  10. <link href="../css/mui.picker.css" rel="stylesheet" />
  11. <link href="../css/mui.poppicker.css" rel="stylesheet" />
  12. <!-- <link href="../css/feedback-page.css" rel="stylesheet" /> -->
  13. <link rel="stylesheet" href="../css/iconfont.css" />
  14. <link rel="stylesheet" href="../css/inits.css" />
  15. <title>工单列表</title>
  16. <style>
  17. .mui-card-content{
  18. font-size: 14px;
  19. position: relative;
  20. padding: 5px 14px;
  21. }
  22. .detail{
  23. float: right;
  24. color: #1ba3c9;
  25. }
  26. .tittle{
  27. padding-bottom: 5px;
  28. border-bottom: 1px solid #ececec;
  29. }
  30. .content{
  31. display: -webkit-box;
  32. -webkit-box-orient: vertical;
  33. -webkit-line-clamp: 2;
  34. overflow: hidden;
  35. /* width: 200px;
  36. white-space: nowrap;
  37. text-overflow: ellipsis;
  38. overflow: hidden; */
  39. margin-top: 5px;
  40. line-height: 25px;
  41. color: #7f7f7f;
  42. }
  43. .sq{
  44. width: 60px;
  45. height: 60px;
  46. padding: 7px;
  47. line-height: 42px;
  48. text-align: center;
  49. background-color: #1ba3c9;
  50. background-clip: content-box;
  51. border-radius: 50%;
  52. color: #fff;
  53. }
  54. .btnBack{
  55. background-color: #fff;
  56. border-radius: 50%;
  57. width: 60px;
  58. height: 60px;
  59. position: fixed;
  60. bottom: 20px;
  61. right: 20px;
  62. box-shadow: 0px 0px 8px 4px #dfdfdf;
  63. }
  64. </style>
  65. </head>
  66. <body>
  67. <div class="mui-content">
  68. </div>
  69. <div class="btnBack">
  70. <div class="sq">退出</div>
  71. </div>
  72. <script src="../js/jquery.min.js"></script>
  73. <script src="../js/mui.min.js"></script>
  74. <script src="../js/mui.picker.js"></script>
  75. <script src="../js/mui.poppicker.js"></script>
  76. <script src="../layui/layui.js"></script>
  77. <script src="../js/zepto.js"></script>
  78. <script src="../Script/Common/huayi.config.js"></script>
  79. <script src="../Script/Common/huayi.http.js"></script>
  80. <script>
  81. var openid = 'obwtK6JT-bTCeSbtqu4lkw4lIz0o'
  82. if (!openid) {
  83. window.location.replace("../html/error.html");
  84. }
  85. var tell=helper.request.queryString("tell")
  86. workOrderList()
  87. function workOrderList(){
  88. $.ajax({
  89. type: "get",
  90. url: huayi.config.callcenter_url + '/APP/GetList',
  91. dataType: 'json',
  92. async: false,
  93. data: {
  94. source:5,
  95. tel:tell,
  96. page:1,
  97. pagesize:10000
  98. },
  99. success: function(res) {
  100. let str = ''
  101. res.rows.forEach(function(v,n){
  102. let num=01;
  103. if(n<10 && n>=0){
  104. num = '0'+(n+1)
  105. }else{
  106. num = n
  107. }
  108. str += '<div class="mui-card"><div class="mui-card-content"><div class="tittle"><span class="orderTittle"><span>'+num+'</span> '+v.F_ComTitle+'</span>'+
  109. '<span class="detail" onclick="btn_detail(\'' + v.F_WorkOrderId +'\')">详情</span></div><div class="content">'+v.F_ComContent+'</div></div></div>'
  110. })
  111. $('.mui-content').html(str)
  112. }
  113. });
  114. }
  115. $('.sq').click(function(){
  116. window.location.replace("../html/login.html");
  117. })
  118. function btn_detail(id){
  119. console.log(decodeURI(id))
  120. window.location.replace("../html/workOrderDetail.html?id="+id+'&tel='+tell);
  121. }
  122. </script>
  123. </body>
  124. </html>