ZZDianXin_UI - 郑州电信 演示

work_order_repeat.html 5.1KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6. <link href="../css/init.css" rel="stylesheet" />
  7. <script src="../Script/Common/huayi.load.js"></script>
  8. <script src="../Script/Common/huayi.config.js"></script>
  9. <link href="../css/WorkOrder/Search.css" rel="stylesheet">
  10. <link rel="stylesheet" href="../css/WorkOrder/jquery.editable-select.css" />
  11. <link rel="stylesheet" href="../js/comboSelect/combo.select.css" />
  12. <link rel="stylesheet" href="../css/init.css" />
  13. <title>重复工单</title>
  14. <style>
  15. ul li {
  16. float: initial;
  17. list-style: none;
  18. }
  19. .wrapper-content{
  20. padding: 20px 50px 20px 0;
  21. }
  22. .common {
  23. width: 100%;
  24. text-align: center;
  25. padding: 10px 0 0 0;
  26. }
  27. .common table {
  28. width: 100%;
  29. }
  30. .common table th {
  31. padding: 5px 8px 5px 0;
  32. }
  33. .common table td {
  34. padding: 6px 0 5px 10px;
  35. color: #717171;
  36. line-height: 200%;
  37. }
  38. .common table td textarea {
  39. width: 100%;
  40. vertical-align: middle;
  41. resize: none;
  42. outline: none;
  43. }
  44. .form-group {
  45. margin-bottom: 0;
  46. }
  47. button[disabled] {
  48. background-color: #999;
  49. }
  50. .customerService .tel-title {
  51. text-align: right;
  52. }
  53. .customerService .tel-input{
  54. width: 50%
  55. }
  56. </style>
  57. </head>
  58. <body class="gray-bg">
  59. <div class="clearfix wrapper wrapper-content animated fadeInRight">
  60. <div class="common">
  61. <table class="customerService">
  62. <tbody>
  63. <tr>
  64. <th class="tel-title">电话:</th>
  65. <td>
  66. <div class="form-group tel-input">
  67. <input type="text" class="form-control" id="repeatPhone"/>
  68. </div>
  69. </td>
  70. <td>
  71. <button class="btns customerSubmit">搜&nbsp;索</button>
  72. </td>
  73. </tr>
  74. </tbody>
  75. </table>
  76. </div>
  77. <div style="width: 100%;padding: 10px;">
  78. <table id="workorderlist" class="market" data-row-style="rowStyle" data-query-params="queryParams" data-pagination="true">
  79. <thead>
  80. <tr>
  81. <th data-field="F_WorkOrderId" data-class="W160" data-formatter="View" data-align="center">工单编号</th>
  82. <th data-field="F_AreaName" data-class="W100" data-align="center">大区</th>
  83. <th data-field="F_OfficName" data-class="W100" data-align="center">办事处</th>
  84. <th data-field="F_CreateTime" data-class="W300" data-align="center">投诉时间</th>
  85. <th data-field="F_SerialNumber" data-class="W100" data-align="center">序号</th>
  86. <th data-field="F_CusName" data-class="W160" data-align="center">姓名</th>
  87. <th data-field="F_AddRess" data-class="W300" data-formatter="formatterAddressResult" data-align="center">地址</th>
  88. <th data-field="F_CusPhone" data-class="W300" data-formatter="formatterAddressResult" data-align="center">联系电话</th>
  89. <th data-field="F_ProductType" data-class="W100" data-align="center">产品代码</th>
  90. <th data-field="F_ProductName" data-class="W300" data-formatter="formatterAddressResult" data-align="center">产品名称</th>
  91. <th data-field="F_Specifications" data-class="W100" data-formatter="formatterCharacterLength" data-align="center">规格</th>
  92. <th data-field="F_ProductDate" data-class="W100" data-align="center">生产日期</th>
  93. <th data-field="F_BatchNumber" data-class="W300" data-formatter="formatterAddressResult" data-align="center">产品编码</th>
  94. <th data-field="F_Manufacturer" data-class="W160" data-formatter="formatterCharacterLength" data-align="center">生产厂家</th>
  95. <th data-field="F_ProblemCode" data-class="W100" data-align="center">问题代码</th>
  96. <th data-field="F_QualityProblem" data-class="W160" data-formatter="formatterCharacterLength" data-align="center">质量问题</th>
  97. <th data-field="F_Notifications" data-class="W100" data-align="center">通知人</th>
  98. <th data-field="F_ReceivingPerson" data-class="W100" data-align="center">接听人</th>
  99. <th data-field="F_DealResult" data-class="W300" data-formatter="formatterAddressResult" data-align="center">落实情况</th>
  100. <th data-field="F_State" data-class="W100" data-formatter="workOrderStateJudge" data-align="center">处理进度</th>
  101. <th data-field="F_Type" data-class="W100" data-formatter="workOrderTypeJudge" data-align="center">工单类别</th>
  102. </tr>
  103. </thead>
  104. </table>
  105. </div>
  106. </div>
  107. <script src="../js/WorkOrder/jquery.editable-select.js"></script>
  108. <script src="../js/comboSelect/jquery.combo.select.js"></script>
  109. <script src="./work_order_repeat.js"></script>
  110. </body>
  111. </html>