modal_dpselect.html 4.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172
  1. <div id="dpselect" class="modal" tabindex="-1" role="dialog">
  2. <div class="modal-dialog" style="width:60%;">
  3. <div class="modal-content">
  4. <div class="modal-header">
  5. <button type="button" class="close" ng-click="$hide()">&times;</button>
  6. <h4 class="modal-title">{{title}}</h4>
  7. </div>
  8. <div class="modal-body" style="padding-left:0px">
  9. <div class="row" style="height: 50px; line-height: 50px;">
  10. <div style="padding: 0px;" class="col-md-6 col-lg-6 col-md-offset-5 col-lg-offset-5">
  11. <!--查询框-->
  12. <div class="input-group" style="margin-left:25px;width:108%">
  13. <input ng-model="searchParam" class="form-control" type="text"
  14. ng-keypress="($event.which === 13)?searchDP():0">
  15. <span class="input-group-addon ng-isolate-scope" style="cursor: pointer;"
  16. ng-click="searchDP()" data-loading-text="正在查询"><i
  17. class="glyphicon glyphicon-zoom-in"></i></span>
  18. </div>
  19. </div>
  20. </div>
  21. <!--<div class="panel panel-custom">-->
  22. <div class="row row_border" style="padding-bottom: 0px;margin-left:10px">
  23. <div class="col-md-5 col-lg-5" style="padding-right: 0px;padding-left:0px">
  24. <div class="panel panel-default">
  25. <!--部门树模板-->
  26. <script type="text/ng-template" id="tree.html">
  27. <div class="treeitem" style="cursor: pointer;">
  28. <a href="" class="glyphicon"
  29. ng-class="dep.isExpand?'glyphicon-chevron-down' : 'glyphicon-chevron-right'"
  30. ng-click="loadChildDep(dep)"></a>
  31. <span class="DepItem" ng-class="{depSelected:dep.DPID==curdepid}"
  32. ng-click="clickDep(dep,$event)" ng-dblclick="loadChildDep(dep)"><span>{{dep.DPName}}</span></span>
  33. </div>
  34. <div ng-hide="!dep.isExpand">
  35. <div class="treebody" ng-repeat="dep in dep.childDepList"
  36. ng-include="'tree.html'"></div>
  37. </div>
  38. </script>
  39. <div class="panel-heading">组织机构列表</div>
  40. <div class="panel-body" style="overflow-y: auto;overflow-y: auto;height:300px">
  41. <!--下拉列表树-->
  42. <div class="treebody" ng-repeat="dep in depList" ng-include="'tree.html'"></div>
  43. </div>
  44. </div>
  45. </div>
  46. <div class="col-md-6 col-lg-7"
  47. style="padding-left: 0px; padding-right: 0px; margin-left:10px;width:56%">
  48. <div class="panel panel-default">
  49. <div class="panel-heading">选择部门<img style="height:18px" ng-show="isloading"
  50. src="../../scripts/loading-2.gif"/></div>
  51. <div class="panel-body" style="padding: 0px;overflow-y: auto;height:300px;border:none">
  52. <select class="form-control"
  53. style="padding: 5px 0px 5px 10px; font-size: 14px;height:inherit;border:none"
  54. size="2000" ng-model="selectDP" ng-options="dp.DPName for dp in dpresultlist"
  55. ng-dblclick="selectedDp()"></select>
  56. </div>
  57. </div>
  58. </div>
  59. </div>
  60. <!--</div>-->
  61. </div>
  62. <div class="modal-footer">
  63. <button type="button" class="btn btn-default" ng-click="$hide()">取消</button>
  64. <button type="button" class="btn btn-primary" ng-click="selectedDp()">选择</button>
  65. </div>
  66. </div>
  67. </div>
  68. </div>