inspectionPointManage.html 5.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115
  1. <div id="component" class="wrapper wrapper-content animated fadeInRight ecommerce">
  2. <div class="row">
  3. <div class="col-lg-12">
  4. <div class="ibox ">
  5. <div class="ibox-title">
  6. <h5>查询条件</h5>
  7. <div class="ibox-tools" style="top:10px;">
  8. </div>
  9. </div>
  10. <div class="ibox-content">
  11. <div class="row">
  12. <div class="col-sm-4">
  13. <div class="form-group">
  14. <input type="text" placeholder="请输入设备编码"
  15. v-model="inspectionPointManageInfo.conditions.machineCode" class=" form-control">
  16. </div>
  17. </div>
  18. <div class="col-sm-3">
  19. <div class="form-group">
  20. <input type="text" placeholder="请输入巡检点名称"
  21. v-model="inspectionPointManageInfo.conditions.inspectionName"
  22. class=" form-control">
  23. </div>
  24. </div>
  25. <div class="col-sm-1">
  26. <button type="button" class="btn btn-primary btn-sm"
  27. v-on:click="_queryInspectionPointMethod()">
  28. <i class="glyphicon glyphicon-search"></i> 查询
  29. </button>
  30. </div>
  31. </div>
  32. </div>
  33. </div>
  34. </div>
  35. </div>
  36. <div class="row">
  37. <div class="col-lg-12">
  38. <div class="ibox">
  39. <div class="ibox-title">
  40. <h5>巡检点信息</h5>
  41. <div class="ibox-tools" style="top:10px;">
  42. <button type="button" class="btn btn-primary btn-sm"
  43. v-on:click="_openAddInspectionPointModal()">
  44. <i class="glyphicon glyphicon-plus"></i>
  45. 添加巡检点
  46. </button>
  47. </div>
  48. </div>
  49. <div class="ibox-content">
  50. <table class="footable table table-stripped toggle-arrow-tiny"
  51. data-page-size="15"
  52. >
  53. <thead>
  54. <tr>
  55. <th class="text-center">巡检点名称</th>
  56. <th class="text-center">设备位置</th>
  57. <th class="text-center">设备编码</th>
  58. <th class="text-center">设备名称</th>
  59. <th class="text-center">备注</th>
  60. <th class="text-center">操作</th>
  61. </tr>
  62. </thead>
  63. <tbody>
  64. <tr v-for="inspectionPoint in inspectionPointManageInfo.inspectionPoints">
  65. <td class="text-center">{{inspectionPoint.inspectionName}}</td>
  66. <td class="text-center">{{inspectionPoint.locationObjName}}</td>
  67. <td class="text-center">{{inspectionPoint.machineCode}}</td>
  68. <td class="text-center">{{inspectionPoint.machineName}}</td>
  69. <td class="text-center">{{inspectionPoint.remark}}</td>
  70. <td class="text-center">
  71. <div class="btn-group">
  72. <button class="btn-white btn btn-xs"
  73. v-on:click="_openEditInspectionPointModel(inspectionPoint)">修改
  74. </button>
  75. </div>
  76. <div class="btn-group">
  77. <button class="btn-white btn btn-xs"
  78. v-on:click="_openDeleteInspectionPointModel(inspectionPoint)">删除
  79. </button>
  80. </div>
  81. </td>
  82. </tr>
  83. </tbody>
  84. <tfoot>
  85. <tr>
  86. <td colspan="7">
  87. <ul class="pagination float-right"></ul>
  88. </td>
  89. </tr>
  90. </tfoot>
  91. </table>
  92. <!-- 分页 -->
  93. <vc:create name="pagination"></vc:create>
  94. </div>
  95. </div>
  96. </div>
  97. </div>
  98. <vc:create name="addInspectionPoint"
  99. callBackListener=""
  100. callBackFunction=""
  101. ></vc:create>
  102. <vc:create name="editInspectionPoint"></vc:create>
  103. <vc:create name="deleteInspectionPoint"></vc:create>
  104. </div>