advertiser.html 8.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194
  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="advertiserCtrl">
  5. <div class="panel panel-default">
  6. <div class="row wrapper">
  7. <div class="col-sm-4">
  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="setAdvertiserQuota()"><i class="fa fa-money"></i> 额度</div>
  10. <div class="btn btn-default" ng-click="edit()"><i class="fa fa-edit "></i> 编辑</div>
  11. <!--<div class="btn btn-default" ng-click="editPassword()"><i class="fa fa-key "></i> 修改密码</div>-->
  12. </div>
  13. <div class="col-sm-2"></div>
  14. <div class="col-sm-6">
  15. <div class="col-sm-6 text-right">
  16. <div class="btn-group dropdown" dropdown>
  17. <button class="btn btn-default dropdown-toggle" dropdown-toggle>
  18. <span class="dropdown-label">{{condition.activited.label}}</span>
  19. <span class="caret"></span>
  20. </button>
  21. <ul class="dropdown-menu">
  22. <li ng-repeat="item in enum.activited" ng-click="event.conditionChange('activited',item)">
  23. <a href ng-bind="item.label"></a></li>
  24. </ul>
  25. </div>
  26. </div>
  27. <div class="col-sm-6">
  28. <div class="input-group">
  29. <input type="text" class=" form-control" ng-model="condition.searchKey"
  30. ng-keydown="$event.keyCode==13&&event.search()"
  31. placeholder="名称、联系方式、详情等">
  32. <span class="input-group-btn">
  33. <div class="btn btn-default" ng-click="event.search()"><i class="fa fa-search"></i> 搜索</div>
  34. </span>
  35. </div>
  36. </div>
  37. </div>
  38. </div>
  39. <div class="table-responsive">
  40. <div ui-grid="gridOptions" style="min-height:620px" ui-grid-pagination ui-grid-selection></div>
  41. </div>
  42. </div>
  43. <form name="modelForm" id="modelPanel" class="form-horizontal form-validation modal fade" role="dialog"
  44. style=" width: 800px;">
  45. <div class="panel panel-default">
  46. <div class="panel-heading">
  47. <strong ng-bind="dialogName"></strong>
  48. </div>
  49. <div class="panel-body">
  50. <div class="form-group">
  51. <label class="col-sm-3 control-label">是否开启</label>
  52. <div class="col-sm-3">
  53. <div class="checkbox">
  54. <label class="i-checks">
  55. <input type="checkbox" ng-model="dialogData.activited">
  56. <i></i>
  57. </label>
  58. </div>
  59. </div>
  60. </div>
  61. <div class="form-group">
  62. <label class="col-sm-3 control-label">姓名</label>
  63. <div class="col-sm-9">
  64. <input type="text" ng-model="dialogData.nickname" class="form-control" placeholder="姓名" required>
  65. </div>
  66. </div>
  67. <div class="line line-dashed b-b line-lg pull-in"></div>
  68. <div class="form-group">
  69. <label class="col-sm-3 control-label">电话</label>
  70. <div class="col-sm-9">
  71. <input type="tel" ng-pattern="/^[1][3456789]\d{9}$/" pattern="^[1][3456789]\d{9}$" ng-maxlength="11" maxlength="11"
  72. ng-model="dialogData.username" class="form-control m-b-xs" placeholder="电话" required
  73. name="username">
  74. <span style="color:red"
  75. ng-show="modelForm.username.$dirty &&modelForm.username.$invalid">请输入正确的手机号码</span>
  76. </div>
  77. </div>
  78. <div class="form-group" ng-if="dialogData.isNew">
  79. <label class="col-sm-3 control-label">密码</label>
  80. <div class="col-sm-9">
  81. <input type="text" ng-model="dialogData.password"
  82. class="form-control" ng-minlength="6" minlength="6" ng-maxlength="20" maxlength="20"
  83. placeholder="输入密码"
  84. required>
  85. </div>
  86. </div>
  87. <div class="line line-dashed b-b line-lg pull-in"></div>
  88. <div class="form-group">
  89. <label class="col-sm-3 control-label">备注</label>
  90. <div class="col-sm-9">
  91. <input type="text" ng-model="dialogData.remarks" class="form-control" placeholder="备注">
  92. </div>
  93. </div>
  94. </div>
  95. <footer class="panel-footer text-right bg-light lter">
  96. <button type="submit" class="btn btn-success" ng-click="saveData()">保存
  97. </button>
  98. </footer>
  99. </div>
  100. </form>
  101. <form name="editForm" id="editForm" class="form-horizontal form-validation modal fade" role="dialog"
  102. style=" width: 800px;">
  103. <div class="panel panel-default">
  104. <div class="panel-heading">
  105. <strong>编辑</strong>
  106. </div>
  107. <div class="panel-body">
  108. <div class="dev-condition"></div>
  109. </div>
  110. <footer class="panel-footer text-right bg-light lter">
  111. <button type="submit" class="btn btn-success" ng-click="saveEditData()">保存
  112. </button>
  113. </footer>
  114. </div>
  115. </form>
  116. <form name="passwordForm" id="passwordPanel" class="form-horizontal form-validation modal fade" role="dialog"
  117. style=" width: 800px;min-height: 300px;height: 300px;">
  118. <div class="panel panel-default">
  119. <div class="panel-heading">
  120. <strong>修改密码</strong>
  121. </div>
  122. <div class="panel-body">
  123. <div class="form-group">
  124. <label class="col-sm-3 control-label">密码</label>
  125. <div class="col-sm-9">
  126. <input type="text" ng-model="passwordData.password" class="form-control"
  127. ng-minlength="6" minlength="6" ng-maxlength="20" maxlength="20"
  128. placeholder="输入密码"
  129. required>
  130. </div>
  131. </div>
  132. <div class="line line-dashed b-b line-lg pull-in"></div>
  133. </div>
  134. <footer class="panel-footer text-right bg-light lter">
  135. <button type="submit" class="btn btn-success" ng-click="savePassword()">保存
  136. </button>
  137. </footer>
  138. </div>
  139. </form>
  140. <form name="quotaForm" id="quotaPanel" class="form-horizontal form-validation modal fade" role="dialog"
  141. style=" width: 800px;min-height: 300px;height: 300px;">
  142. <div class="panel panel-default">
  143. <div class="panel-heading">
  144. <strong>编辑额度</strong>
  145. </div>
  146. <div class="panel-body">
  147. <div class="form-group">
  148. <label class="col-sm-3 control-label">额度</label>
  149. <div class="col-sm-9">
  150. <input type="number" ng-model="quotaData.quota" class="form-control" min=0 placeholder=""
  151. required>
  152. </div>
  153. </div>
  154. <div class="line line-dashed b-b line-lg pull-in"></div>
  155. </div>
  156. <footer class="panel-footer text-right bg-light lter">
  157. <button type="submit" class="btn btn-success" ng-click="saveQuota()">保存
  158. </button>
  159. </footer>
  160. </div>
  161. </form>
  162. </div>