devBind.html 4.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103
  1. <div class="bg-light lter b-b wrapper-md">
  2. <h1 class="m-n font-thin h4">录入设备</h1>
  3. </div>
  4. <div class="wrapper-md" ng-controller="devBindCtrl">
  5. <div class="panel panel-default">
  6. <div class="row wrapper">
  7. <div class="col-sm-7">
  8. <div class="btn btn-default" ng-click="add()"><i class="fa fa-plus-circle"></i> 录入</div>
  9. <div class="btn btn-default" ng-click="addMore()"><i class="fa fa-file-excel-o"></i> 批量导入</div>
  10. <div class="btn btn-default" ng-click="delete()"><i class="fa fa-trash-o"></i> 删除</div>
  11. </div>
  12. <div class="col-sm-5">
  13. <div class="col-sm-12">
  14. <div class="input-group" style="">
  15. <input type="text" class=" form-control" ng-model="condition.searchKey"
  16. ng-keydown="$event.keyCode==13&&event.search()"
  17. placeholder="设备逻辑码">
  18. <span class="input-group-btn">
  19. <div class="btn btn-default" ng-click="event.search()"><i class="fa fa-search"></i> 搜索</div>
  20. </span>
  21. </div>
  22. </div>
  23. </div>
  24. </div>
  25. <div class="table-responsive">
  26. <div ui-grid="gridOptions" style="min-height:620px" ui-grid-pagination ui-grid-selection></div>
  27. </div>
  28. </div>
  29. <form id="inputPanel" name="inputPanel" class="form-horizontal form-validation modal fade"
  30. role="dialog"
  31. style=" width: 500px;min-height: 188px;height: 200px">
  32. <div class="panel panel-default">
  33. <div class="panel-heading">
  34. <strong>设备录入</strong>
  35. <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
  36. </div>
  37. <div class="panel-body">
  38. <div class="form-group">
  39. <label class="col-sm-3 control-label">设备逻辑码:</label>
  40. <div class="col-sm-6">
  41. <input type="text" ng-model="dialogData.logicalCode" class="form-control" placeholder="设备逻辑码"
  42. required>
  43. </div>
  44. </div>
  45. </div>
  46. <footer class="panel-footer text-center bg-light lter">
  47. <button type="submit" class="btn btn-success margin-5" ng-click="saveAdd()"
  48. style="margin-left: 8px"><i
  49. class="glyphicon glyphicon-ok"></i> 保存
  50. </button>
  51. </footer>
  52. </div>
  53. </form>
  54. <form name="excelForm" id="excelForm" class="form-horizontal form-validation modal fade"
  55. role="dialog"
  56. style=" width: 720px;min-height: 480px;height: 480px">
  57. <div class="panel panel-default">
  58. <div class="panel-heading">
  59. <strong>逻辑码Excel上传</strong>
  60. <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
  61. </div>
  62. <div class="panel-body">
  63. <div class="form-group">
  64. <label class="col-sm-2 control-label">选择文件</label>
  65. <div class="col-sm-4">
  66. <!---文件选择-->
  67. <input type="file" nv-file-select="" id="fileUpload2" uploader="uploader2"/>
  68. <!---上传进度-->
  69. <div class="progress bg-light dker" style="margin-top: 10px;margin-bottom: 10px">
  70. <div class="progress-bar progress-bar-striped bg-info" role="progressbar"
  71. ng-style="{ 'width': uploader2.progress + '%' }"></div>
  72. </div>
  73. <!---上传按钮-->
  74. <button type="button" class="btn btn-addon btn-success" ng-click="uploader2.uploadAll()"
  75. ng-disabled="!uploader2.getNotUploadedItems().length">
  76. <i class="fa fa-arrow-circle-o-up"></i> 上传文件
  77. </button>
  78. </div>
  79. <div class="col-sm-6">
  80. <div class="text-center padder-v">Excel格式:</div>
  81. <img src="/1.0/img/bindDevExcel.jpg" class="margin-auto block"
  82. style="width: 50%;border: 2px solid #ccc;">
  83. </div>
  84. </div>
  85. </div>
  86. </div>
  87. </form>
  88. </div>