Нет описания

WorkDetails.html 3.7KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111
  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. <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
  10. <link href="../css/mui.min.css" rel="stylesheet" />
  11. <link rel="stylesheet" type="text/css" href="css/detail.css"/>
  12. </head>
  13. <body class="feedback">
  14. <header class="mui-bar mui-bar-nav" style="padding-right: 15px;height: 50px;color: #fff;">
  15. <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
  16. <h1 class="mui-title">工单详情</h1>
  17. </header>
  18. <div class="mui-content">
  19. <!--<ul class="mui-table-view mui-table-view-chevron">-->
  20. <!--<li class="mui-padding">-->
  21. <div class=" mui-table mui-table-view mui-padding" style="margin-top: 0;">
  22. <div class="mui-table-cell mui-col-xs-10">
  23. <h4 class="mui-ellipsis size-16">
  24. <span>工单编号:</span><span id="ID" style="-webkit-user-select:text;"></span>
  25. </h4>
  26. </div>
  27. <div class="mui-table-cell mui-col-xs-2 mui-text-right">
  28. <span class="mui-h5 States" style="display: none;">待解决</span>
  29. </div>
  30. </div>
  31. <!--信息展示-->
  32. <ul class="mui-table-view size-14 message-box">
  33. <li class="work-content">
  34. <span >投诉标题:</span>
  35. <span style="color:#000000;" id="F_ComTitle" ></span>
  36. </li>
  37. <li class="work-content">
  38. <span >投诉内容:</span>
  39. <span style="color:#989898;" id="F_ComContent" ></span>
  40. </li>
  41. <li class="work-content">
  42. <span>
  43. <i class="mui-icon mui-icon-location size-16"></i>
  44. 投诉地址:
  45. </span>
  46. <span id="AreaName"></span>
  47. <span id="AreaName_deta"></span>
  48. </li>
  49. <li class="work-content">
  50. <span>
  51. <i class="mui-icon mui-icon-person size-16"></i>
  52. 投诉人:
  53. </span>
  54. <span id="F_CusName"></span>
  55. </li>
  56. <li class="work-content">
  57. <span>
  58. <i class="mui-icon mui-icon-phone size-16"></i>
  59. 投诉人电话:
  60. </span>
  61. <span id="F_CusPhone">
  62. </span>
  63. </li>
  64. <li class="work-content">
  65. <span>
  66. <i class="mui-icon mui-icon-compose size-16"></i>
  67. 工单类型:
  68. </span>
  69. <span id="TypeName1"></span>
  70. </li>
  71. <li class="work-content" style="padding-bottom: 20px;">
  72. <span>
  73. <i class="mui-icon mui-icon-paperclip size-16"></i>
  74. 提交时间:
  75. </span><span id="F_CreateTime"></span>
  76. </li>
  77. <li class="work-content" style="padding-bottom: 20px;">
  78. <div id='image-list' class="row image-list"></div>
  79. </li>
  80. </ul>
  81. <!--图片展示-->
  82. <div class="mui-table-view BTS">
  83. <h4 class="mui-ellipsis size-16" style="padding: 20px 0px 0px 10px; margin: 0px;">操作按钮:</h4>
  84. <div class="mui-card-footer">
  85. <ul class="mui-table-view mui-grid-view mui-grid-9">
  86. </ul>
  87. </div>
  88. </div>
  89. <!--工单进程-->
  90. <div class="mui-table-view work-content ">
  91. <div class="mui-table-cell mui-col-xs-10">
  92. <h4 class="mui-ellipsis size-16" style="padding: 6px ;">工单跟踪信息</h4>
  93. </div>
  94. </div>
  95. <!--工单进度-->
  96. <div class="mui-padding GDgz"></div>
  97. </div>
  98. <script src="../js/mui.min.js"></script>
  99. <script src="../js/app.js"></script>
  100. <script src="../js/zepto.js"></script>
  101. <script src="../js/huayi.config.js"></script>
  102. <script src="../js/mui.zoom.js"></script>
  103. <script src="../js/mui.previewimage.js"></script>
  104. <script src="js/detail.js"></script>
  105. </body>
  106. </html>