index.html 6.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158
  1. <style>
  2. .panel-heading{font-size: 16px}
  3. label{line-height:30px}
  4. .new_table {
  5. border-collapse: collapse;
  6. margin: 0 auto;
  7. text-align: center;
  8. width: 150%;
  9. font-size: 12px;
  10. }
  11. .new_table td,
  12. table th {
  13. border: 1px solid #cad9ea;
  14. color: #666;
  15. height: 2.5em;
  16. }
  17. .new_table thead th {
  18. background-color: #CCE8EB;
  19. width: 100px;
  20. }
  21. </style>
  22. <div class="row">
  23. <div class="col-md-12">
  24. <div class="box box-danger">
  25. <div class="panel-body">
  26. <div class="form-group col-sm-4">
  27. <label class="control-label col-xs-12 col-sm-4">{:__('选择编号')}:</label>
  28. <div class="col-xs-12 col-sm-6" style="left: -10%">
  29. <select class="form-control simNum1">
  30. <option value="">请选择</option>
  31. {foreach name="simNum" item="vo"}
  32. <option value="{$vo.simNum}">{$vo.simNum}</option>
  33. {/foreach}
  34. </select>
  35. </div>
  36. </div>
  37. <div class="form-group col-sm-8">
  38. </div>
  39. </div>
  40. <div class="panel-body">
  41. <div class="form-group col-sm-4">
  42. <div class="col-xs-12 col-sm-12">
  43. <button type="button" class="btn btn-info btn-all-fault">下发故障</button>
  44. <button type="button" class="btn btn-info btn-all-fault" style="margin-left: 50px;">清除当前设备</button>
  45. <button type="button" class="btn btn-info btn-all-fault" style="margin-left: 50px;">清除所有设备</button>
  46. </div>
  47. </div>
  48. <div class="form-group col-sm-8">
  49. </div>
  50. </div>
  51. <div class="panel-body">
  52. <div class="form-group col-sm-4">
  53. <label class="control-label col-xs-12 col-sm-4">{:__('选择故障')}:</label>
  54. <div class="col-xs-12 col-sm-6" style="left: -10%">
  55. <table class="new_table">
  56. <thead>
  57. <tr style="height: 3.5rem">
  58. <td style="width:25%"></td>
  59. <td style="width:30%">故障名称</td>
  60. </tr>
  61. </thead>
  62. <tbody class="task_list">
  63. <tr>
  64. <td><input type="checkbox" name="checkbox" ></td>
  65. <td>名称</td>
  66. </tr>
  67. <tr>
  68. <td><input type="checkbox" name="checkbox" ></td>
  69. <td>名称</td>
  70. </tr>
  71. <tr>
  72. <td><input type="checkbox" name="checkbox" ></td>
  73. <td>名称</td>
  74. </tr>
  75. <tr>
  76. <td><input type="checkbox" name="checkbox" ></td>
  77. <td>名称</td>
  78. </tr>
  79. <tr>
  80. <td><input type="checkbox" name="checkbox" ></td>
  81. <td>名称</td>
  82. </tr>
  83. <tr>
  84. <td><input type="checkbox" name="checkbox" ></td>
  85. <td>名称</td>
  86. </tr>
  87. <tr>
  88. <td><input type="checkbox" name="checkbox" ></td>
  89. <td>名称</td>
  90. </tr>
  91. <tr>
  92. <td><input type="checkbox" name="checkbox" ></td>
  93. <td>名称</td>
  94. </tr>
  95. <tr>
  96. <td><input type="checkbox" name="checkbox" ></td>
  97. <td>名称</td>
  98. </tr>
  99. <!-- <tr>
  100. <td colspan="2">暂无记录</td>
  101. </tr> -->
  102. </tbody>
  103. </table>
  104. </div>
  105. </div>
  106. <div class="form-group col-sm-8">
  107. <textarea class="form-control" rows="8" cols="10"></textarea>
  108. </div>
  109. </div>
  110. <div class="panel-body">
  111. <div class="form-group col-sm-4">
  112. <label class="control-label col-xs-12 col-sm-4">{:__('模拟器状态')}:</label>
  113. <div class="col-xs-12 col-sm-6" style="left: -10%">
  114. <button type="button" class="btn btn-info btn-all-fault">读取当前状态</button>
  115. </div>
  116. </div>
  117. <div class="form-group col-sm-8">
  118. </div>
  119. </div>
  120. <div class="panel-body">
  121. <div class="form-group col-sm-4">
  122. <label class="control-label col-xs-12 col-sm-4">{:__('下发故障列表')}:</label>
  123. <div class="col-xs-12 col-sm-6" style="left: -10%">
  124. <table class="new_table">
  125. <thead>
  126. <tr style="height: 3.5rem">
  127. <td>故障名称</td>
  128. <td>维修情况</td>
  129. </tr>
  130. </thead>
  131. <tbody class="task_list">
  132. <tr>
  133. <td>名称</td>
  134. <td>未修复</td>
  135. </tr>
  136. <tr>
  137. <td>名称</td>
  138. <td>已修复</td>
  139. </tr>
  140. </tbody>
  141. </table>
  142. </div>
  143. </div>
  144. <div class="form-group col-sm-8">
  145. </div>
  146. </div>
  147. </div>
  148. </div>
  149. </div>