notification.html 6.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130
  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="notificationCtrl">
  5. <div class="panel panel-default">
  6. <div class="row wrapper">
  7. <div class="col-sm-3">
  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="edit()"><i class="fa fa-edit "></i> 修改</div>
  10. <div class="btn btn-default" ng-click="deleteData()"><i class="fa fa-trash-o"></i> 删除</div>
  11. </div>
  12. <div class="col-sm-4">
  13. </div>
  14. <div class="col-sm-5">
  15. <div class="col-sm-4">
  16. </div>
  17. <div class="col-sm-8">
  18. <div class="btn-group input-group">
  19. <input type="text" class=" form-control" ng-model="condition.searchKey"
  20. ng-keydown="$event.keyCode==13&&event.search()"
  21. placeholder="">
  22. <span class="input-group-btn">
  23. <div class="btn btn-default" ng-click="event.search()"><i class="fa fa-search"></i> 搜索</div>
  24. </span>
  25. </div>
  26. </div>
  27. </div>
  28. </div>
  29. <div class="table-responsive">
  30. <div ui-grid="gridOptions" style="min-height:620px" ui-grid-pagination ui-grid-selection
  31. ui-grid-resize-columns></div>
  32. </div>
  33. </div>
  34. <form name="noticeForm" id="noticePanel" class="form-horizontal form-validation modal fade" role="dialog"
  35. style=" width: 800px;">
  36. <div class="panel panel-default">
  37. <div class="panel-heading">
  38. <strong ng-bind="dialogName"></strong>
  39. </div>
  40. <div class="panel-body">
  41. <div class="form-group">
  42. <label class="col-sm-3 control-label">是否开启</label>
  43. <div class="col-sm-3">
  44. <div class="checkbox">
  45. <label class="i-checks">
  46. <input type="checkbox" ng-model="dialogData.status">
  47. <i></i>
  48. </label>
  49. </div>
  50. </div>
  51. </div>
  52. <div class="line line-dashed b-b line-lg pull-in"></div>
  53. <div class="form-group">
  54. <label class="col-sm-3 control-label">内容<i class="text-danger text-base"> *</i></label>
  55. <div class="col-sm-9">
  56. <input type="text" ng-model="dialogData.text" class="form-control" placeholder="内容" required>
  57. </div>
  58. </div>
  59. <div class="line line-dashed b-b line-lg pull-in"></div>
  60. <div class="form-group">
  61. <label class="col-sm-3 control-label">开始时间<i class="text-danger text-base"> *</i></label>
  62. <div class="col-sm-9">
  63. <div class="dropdown" dropdown is-open="startTimeOpen">
  64. <a class="dropdown-toggle" data-target="#" href="">
  65. <div class="input-group" dropdown-toggle>
  66. <input type="text" class="form-control" disabled
  67. ui-validate="'$value<dialogData.endTime'"
  68. ui-validate-watch=" 'dialogData.endTime'"
  69. ng-model="dialogData.startTime"
  70. placeholder="请选择开始时间">
  71. <span class="input-group-addon"><i
  72. class="glyphicon glyphicon-calendar"></i></span>
  73. </div>
  74. </a>
  75. <span ng-show="dialogData.startTime>dialogData.endTime"
  76. class="text-danger">开始时间必须小于结束时间!</span>
  77. <ul class="dropdown-menu" dropdown-menu>
  78. <datetimepicker on-set-time="timeChange()" class="max"
  79. data-datetimepicker-config="{modelType: 'YYYY-MM-DD HH:mm'}"
  80. data-ng-model="dialogData.startTime"></datetimepicker>
  81. </ul>
  82. </div>
  83. </div>
  84. </div>
  85. <div class="form-group">
  86. <label class="col-sm-3 control-label">结束时间<i class="text-danger text-base"> *</i></label>
  87. <div class="col-sm-9">
  88. <div class="dropdown" dropdown is-open="endTimeOpen">
  89. <a class="dropdown-toggle" data-target="#" href="">
  90. <div class="input-group" dropdown-toggle>
  91. <input type="text" class="form-control" disabled
  92. ui-validate="'$value>dialogData.startTime'"
  93. ui-validate-watch=" 'dialogData.startTime'"
  94. ng-model="dialogData.endTime"
  95. placeholder="请选择结束时间">
  96. <span class="input-group-addon"><i
  97. class="glyphicon glyphicon-calendar"></i></span>
  98. </div>
  99. </a>
  100. <span ng-show="dialogData.startTime>dialogData.endTime"
  101. class="text-danger">开始时间必须小于结束时间!</span>
  102. <ul class="dropdown-menu" dropdown-menu>
  103. <datetimepicker on-set-time="timeChange()" class="max"
  104. data-datetimepicker-config="{modelType: 'YYYY-MM-DD HH:mm'}"
  105. data-ng-model="dialogData.endTime"></datetimepicker>
  106. </ul>
  107. </div>
  108. </div>
  109. </div>
  110. <div class="line line-dashed b-b line-lg pull-in"></div>
  111. <footer class="panel-footer text-right bg-light lter">
  112. <button type="submit" class="btn btn-success" ng-click="saveData()">保存
  113. </button>
  114. </footer>
  115. </div>
  116. </form>
  117. </div>