説明なし

orderDetails.html 3.5KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <meta name="viewport"
  6. content="width=device-width, initial-scale=1.0,minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
  7. <title>工单详情</title>
  8. <link rel="stylesheet" type="text/css" href="./css/mui.min.css" />
  9. <link rel="stylesheet" href="./css/orderDetails.css" />
  10. </head>
  11. <body>
  12. <header class="mui-bar mui-bar-nav" style="background-color: #048aad !important; height: 60px; ">
  13. <h1 class="mui-title" style="line-height: 60px;">市民评议</h1>
  14. </header>
  15. <ul class="mui-table-view size-14 message-box" style="margin-top: 70px;">
  16. <li class="work-content">
  17. <span>标题:</span>
  18. <span class="spanColor" id="F_ComTitle"></span>
  19. </li>
  20. <li class="work-content">
  21. <span>办理结果:</span>
  22. <span class="spanColor" id="F_Result"></span>
  23. </li>
  24. </ul>
  25. <!--按钮展示-->
  26. <div class="mui-table-view BTS">
  27. <h4 class="mui-ellipsis size-16" style="padding: 20px 0px 0px 10px; margin: 0px;">操作按钮:</h4>
  28. <div class="btn_box">
  29. <button type="button" class="mui-btn mui-btn-primary btn_turn">市民评议</button>
  30. </div>
  31. </div>
  32. <div class="mui-table-view PYNR">
  33. <h4 class="mui-ellipsis size-16" style="padding: 20px 0px 20px 10px; margin: 0px;">评议内容:</h4>
  34. <ul class="mui-table-view size-14 message-box">
  35. <li class="work-content">
  36. <span>满意度:</span>
  37. <span class="spanColor" id="strWrkOrder_Cst_Ssf_Cd"></span>
  38. </li>
  39. <li class="work-content">
  40. <span>评议内容:</span>
  41. <span class="spanColor" id="strSsf_Cst_Ass_CntDsc"></span>
  42. </li>
  43. </ul>
  44. </div>
  45. <script src="./js/mui.min.js"></script>
  46. <script src="./js/zepto.js"></script>
  47. <script src="./script/config.js"></script>
  48. <script src="./js/huayi.http.js"></script>
  49. <script>
  50. mui.init();
  51. var workorderid = helper.request.queryString("workorderid")
  52. mui.ready(function() {
  53. var params = {}
  54. if (Number(workorderid)) {
  55. params.id= workorderid
  56. }else{
  57. params.workorderid= workorderid
  58. }
  59. $.ajax({
  60. type: "get",
  61. url: huayi.config.callcenter_url + 'APP/GetWorkOrderNew',
  62. dataType: "json",
  63. async: true,
  64. data: params,
  65. success: function(data) {
  66. if (data.state =="success") {
  67. var dataComment = data.data.Comment
  68. var dataPy = data.data.pydt&&data.data.pydt[data.data.pydt.length-1]
  69. var data = data.data.data && data.data.data[0]
  70. $("#F_ComTitle").text(data.F_ComTitle)
  71. $("#F_ComContent").text(data.F_ComContent)
  72. $("#F_Result").text(data.F_Result)
  73. if (!dataComment) {
  74. $(".BTS").show()
  75. $(".PYNR").hide()
  76. }else {
  77. $(".BTS").hide()
  78. $(".PYNR").show()
  79. $("#strWrkOrder_Cst_Ssf_Cd").text(dataPy.strWrkOrder_Cst_Ssf_Cd)
  80. $("#strSsf_Cst_Ass_CntDsc").text(dataPy.strSsf_Cst_Ass_CntDsc)
  81. }
  82. }else{
  83. }
  84. }
  85. })
  86. $(".btn_turn").click(function(){
  87. window.location.href ="./orderComment.html?workorderid="+workorderid
  88. })
  89. })
  90. </script>
  91. </body>
  92. </html>