moniList.html 7.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165
  1. <div class="bg-light lter b-b wrapper-md">
  2. <h1 class="m-n font-thin h3">监督号管理</h1>
  3. </div>
  4. <div class="wrapper-md" ng-controller="moniListCtrl">
  5. <div class="panel panel-default">
  6. <div class="row wrapper">
  7. <div class="col-sm-6">
  8. <div>
  9. <div class="btn btn-default" ng-click="add()"><i class="fa fa-plus-circle"></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="delete()"><i class="fa fa-trash-o"></i> 删除</div>
  12. </div>
  13. </div>
  14. <div class="col-sm-6" style="text-align: right">
  15. <div class="input-group m-l-sm" style="width: 200px;display: inline-table;vertical-align: middle;">
  16. <input type="text" class=" form-control" ng-model="query.searchKey"
  17. ng-keydown="$event.keyCode==13&&ngEvent.query()"
  18. placeholder="搜索">
  19. <span class="input-group-btn">
  20. <div class="btn btn-default btn-info" ng-click="ngEvent.query()"><i class="fa fa-search"></i> 搜索</div>
  21. </span>
  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 name="moniEdit" id="moniEdit" class="form-horizontal form-validation modal fade" role="dialog"
  30. style=" width: 780px;height:480px;min-height: 280px">
  31. <div class="panel panel-default">
  32. <div class="panel-heading">
  33. <strong>配置公众号</strong>
  34. </div>
  35. <div class="panel-body">
  36. <div class="form-group">
  37. <label class="col-sm-2 control-label">公众号名称</label>
  38. <div class="col-sm-3">
  39. <input type="text" ng-model="dialogData.appName" class="form-control"
  40. placeholder=""
  41. required>
  42. </div>
  43. </div>
  44. <div class="form-group">
  45. <label class="col-sm-2 control-label">图片</label>
  46. <div class="col-sm-10">
  47. <div class="upload-pic" ng-if="dialogData.qrCode">
  48. <i class="delpic" ng-click="dialogData.qrCode=''">x</i>
  49. <img class="" ng-src="{{dialogData.qrCode}}">
  50. </div>
  51. <div id="addPicBtn" class="upload-pic padding-5" ng-if="!dialogData.qrCode">
  52. <i class="iconfont icon-add-more"></i>
  53. <input id="addImg" type="file" draggable="false" accept="image/*"
  54. onchange="angular.element(this).scope().ngEvent.addPic()">
  55. </div>
  56. </div>
  57. </div>
  58. <div class="form-group">
  59. <label class="col-sm-2 control-label"></label>
  60. <div class="col-sm-6">
  61. <input type="text" ng-model="dialogData.qrCode"
  62. class="form-control" placeholder="输入图片地址">
  63. </div>
  64. </div>
  65. <div class="form-group">
  66. <label class="col-sm-2 control-label">用户广告词</label>
  67. <div class="col-sm-6">
  68. <textarea ng-model="dialogData.title" class="form-control" required
  69. placeholder="如:关注后才可使用此功能"
  70. style="margin: 0 -0.5px 0 0; width: 358px; height: 120px;"></textarea>
  71. </div>
  72. </div>
  73. <div class="form-group">
  74. <label class="col-sm-2 control-label">APP ID</label>
  75. <div class="col-sm-3">
  76. <input type="text" ng-model="dialogData.appId" class="form-control"
  77. placeholder=""
  78. required>
  79. </div>
  80. </div>
  81. <div class="form-group">
  82. <label class="col-sm-2 control-label">原始APP ID</label>
  83. <div class="col-sm-3">
  84. <input type="text" ng-model="dialogData.rawAppId" class="form-control"
  85. placeholder=""
  86. required>
  87. </div>
  88. </div>
  89. <div class="form-group">
  90. <label class="col-sm-2 control-label">AppSecret</label>
  91. <div class="col-sm-3">
  92. <input type="text" ng-model="dialogData.secret" class="form-control"
  93. placeholder=""
  94. required>
  95. </div>
  96. </div>
  97. <div class="form-group">
  98. <label class="col-sm-2 control-label">状态</label>
  99. <div class="col-sm-10">
  100. <div class="radio pull-left m-r" ng-repeat="item in enum.status"
  101. ng-class="{'fadeNode':item.disabled}">
  102. <label class="i-checks">
  103. <input type="radio" name="status" required ng-value="item.value"
  104. ng-disabled="item.disabled"
  105. ng-model="dialogData.status">
  106. <i></i>{{item.label}}
  107. </label>
  108. </div>
  109. </div>
  110. </div>
  111. <div class="form-group">
  112. <label class="col-sm-2 control-label">优先级</label>
  113. <div class="col-sm-10">
  114. <div class="radio pull-left m-r" ng-repeat="item in enum.priority">
  115. <label class="i-checks">
  116. <input type="radio" name="priority" required ng-value="item.value"
  117. ng-model="dialogData.priority">
  118. <i></i>{{item.label}}
  119. </label>
  120. </div>
  121. </div>
  122. </div>
  123. <div class="form-group">
  124. <label class="col-sm-2 control-label">每日加粉限额</label>
  125. <div class="col-sm-3">
  126. <input type="number" min="0" ng-model="dialogData.maxDayAddingCount" class="form-control"
  127. placeholder=""
  128. required>
  129. </div>
  130. </div>
  131. <div class="form-group">
  132. <label class="col-sm-2 control-label">说明</label>
  133. <div class="col-sm-6">
  134. <textarea ng-model="dialogData.desc" class="form-control"
  135. placeholder="说明"
  136. style="margin: 0 -0.5px 0 0; width: 358px; height: 120px;"></textarea>
  137. </div>
  138. </div>
  139. </div>
  140. <footer class="panel-footer text-right bg-light lter">
  141. <button type="submit" class="btn btn-success" ng-click="save()">保存
  142. </button>
  143. </footer>
  144. </div>
  145. </form>
  146. </div>