modal_selectdatapro.html 4.4 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788
  1. <style>
  2. .table > thead > tr > th > label, .table > tbody > tr > td > label {
  3. height: 10px !important;
  4. }
  5. .table > tbody > tr > td > label:before {
  6. top: 1px !important;
  7. left: 2px !important;
  8. }
  9. .table > thead > tr > th > label:before {
  10. top: 1px !important;
  11. }
  12. .th-checkbox {
  13. text-align: left !important;
  14. }
  15. </style>
  16. <div class="modal" tabindex="-1" role="dialog">
  17. <div class="modal-dialog" style="width:{{fdata.width}}%;">
  18. <div class="card">
  19. <div class="header">
  20. <button type="button" class="close" ng-click="$hide()">&times;</button>
  21. <h5 class="modal-title">{{fdata.title}}</h5>
  22. </div>
  23. <div class="body" style="padding: 10px 10px 5px 10px;">
  24. <div class="search-param-panel">
  25. <div class="search-input">
  26. <form class="form-inline formquery" activate-input>
  27. $$selectdate$$
  28. </form>
  29. </div>
  30. <div class="search-btn" style="margin-right: 20px;">
  31. <div class="form-group formquery-btns-panel">
  32. <!--<button class="btn btn-default" ng-click="findSData()"><i
  33. class="glyphicon glyphicon-zoom-in"></i></button>-->
  34. <button type="button" class="btn bg-red waves-effect" ng-click="findSData()">
  35. <i class="material-icons">search</i>
  36. <span>查询</span>
  37. </button>
  38. </div>
  39. </div>
  40. </div>
  41. <div class="row">
  42. <div class="{{fdata.isMulti==true?'col-md-8':'col-md-12'}}" style="margin-bottom: 0px;">
  43. <div class="panel panel-default">
  44. <div class="panel-heading">查询列表</div>
  45. <div style="overflow: auto;">
  46. <bs-dtable datarows="fdata.items" datacols="fdata.columns" datacolsformatting="fdata.columnsFormatting"
  47. ismulti="fdata.isMulti"></bs-dtable>
  48. </div>
  49. <pagination data-pageindex="fdata.selectParams.pageIndex"
  50. data-pagesize="fdata.selectParams.pageSize"
  51. data-ptotal="fdata.ptotal"></pagination>
  52. </div>
  53. </div>
  54. <div class="col-md-1" style="height: 420px;" ng-show="fdata.isMulti">
  55. <div class="maddleButton" style="margin-top: 100px;display: inline-block;width: auto;">
  56. <div class="midbtn">
  57. <button type="button" class="btn btn-success midbtn" ng-click="addItem()">添加</button>
  58. </div>
  59. <div class="midbtn">
  60. <button type="button" class="btn btn-danger midbtn" ng-click="deleteItem()">删除</button>
  61. </div>
  62. </div>
  63. </div>
  64. <div class="col-md-3" ng-show="fdata.isMulti">
  65. <div class="panel panel-default">
  66. <div class="panel-heading">已选择</div>
  67. <div class="panel-body" style="overflow: auto; padding: 0px;">
  68. <select class="form-control"
  69. style="padding: 5px 0px 5px 10px; font-size: 12px;overflow-y: auto;height: 450px !important;"
  70. multiple="multiple" ng-model="fdata.selectTemp"
  71. ng-options="it.$$itemlabel$$ for it in fdata.selectedJData"
  72. ng-dblclick="deleteItem(it)"></select>
  73. </div>
  74. </div>
  75. </div>
  76. </div>
  77. </div>
  78. <div class="modal-footer" style="padding: 0px 10px 10px 10px;">
  79. <button type="button" class="btn btn-default" ng-click="$hide()">取消</button>
  80. <button type="button" class="btn btn-primary" ng-click="selectedData()">选择</button>
  81. </div>
  82. </div>
  83. </div>
  84. </div>