supporterManage.html 9.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219
  1. <div ng-controller="supporterManageCtrl">
  2. <div class="bg-light lter b-b wrapper-md" >
  3. <h1 class="m-n font-thin h3">客服管理</h1>
  4. </div>
  5. <div class="" ng-class="{'wrapper-md':condition.agentId==null}">
  6. <div class="panel panel-default">
  7. <div class="row wrapper">
  8. <div class="col-sm-3">
  9. <div class="btn btn-default" ng-click="edit()"><i class="fa fa-edit"></i> 编辑</div>
  10. </div>
  11. <div class="col-sm-9 form-inline text-right">
  12. <div class="input-group">
  13. <input type="text" class=" form-control" ng-model="condition.searchKey"
  14. ng-keydown="$event.keyCode==13&&event.search()"
  15. placeholder="用戶名">
  16. <span class="input-group-btn">
  17. <div class="btn btn-default" ng-click="event.search()"><i class="fa fa-search"></i> 搜索</div>
  18. </span>
  19. </div>
  20. </div>
  21. </div>
  22. <div class="table-responsive">
  23. <div ui-grid="gridOptions" style="min-height:620px"
  24. ng-style="{'min-height':condition.agentId==null?620:540}" ui-grid-pagination
  25. ui-grid-selection></div>
  26. <div class="grid-mask" ng-if="gridOptionsLoading"><span>正在加载,请稍候...</span></div>
  27. </div>
  28. </div>
  29. <div id="detailInfoPanel" class="form-horizontal form-validation modal fade" role="dialog"
  30. style="min-height: 300px;height: 300px">
  31. <div class="panel panel-default">
  32. <div class="panel-heading">
  33. <strong>{{infoDetail.title}}</strong>
  34. </div>
  35. <div class="panel-body">
  36. <div class="form-group">
  37. <div class="col-sm-12">
  38. <pre>{{infoDetail.content | json}}</pre>
  39. </div>
  40. </div>
  41. </div>
  42. <footer class="panel-footer text-center bg-light lter">
  43. <button type="button" class="btn btn-info margin-5" ng-click="closeDetailInfoPanel()"
  44. style="margin-left: 8px"><i
  45. class="fa fa-close"></i> 关闭
  46. </button>
  47. </footer>
  48. </div>
  49. </div>
  50. <form name="featureForm" id="featureForm" class="form-horizontal form-validation modal fade" role="dialog"
  51. style=" width: 860px;height: 480px">
  52. <div class="panel panel-default">
  53. <div class="panel-heading">
  54. <strong>特性配置</strong>
  55. </div>
  56. <div class="panel-body">
  57. <div class="form-group">
  58. <label class="col-sm-2 control-label">通用特性:</label>
  59. <div class="col-sm-10">
  60. <div class="pull-left m-r-sm" ng-repeat="item in dialogData.featureList ">
  61. <div class="checkbox">
  62. <label class="i-checks">
  63. <input type="checkbox" value="{{item.value}}" ng-model="item.value">
  64. <i></i>
  65. </label>
  66. {{item.name}}
  67. </div>
  68. </div>
  69. </div>
  70. </div>
  71. <div class="form-group">
  72. <label class="col-sm-2 control-label">特殊特性:</label>
  73. <div class="col-sm-5">
  74. <input type="text" ng-model="dialogData.specialFeature"
  75. class="form-control" placeholder="请填入特性标记">
  76. </div>
  77. </div>
  78. </div>
  79. <footer class="panel-footer text-right bg-light lter">
  80. <button type="submit" class="btn btn-success" ng-click="saveFeature()">保存
  81. </button>
  82. </footer>
  83. </div>
  84. </form>
  85. <form name="editAdForm" id="editAdForm" class="form-horizontal form-validation modal fade" role="dialog"
  86. style=" width: 480px;height:280px;min-height: 280px">
  87. <div class="panel panel-default">
  88. <div class="panel-heading">
  89. <strong>配置广告</strong>
  90. </div>
  91. <div class="panel-body">
  92. <div class="form-group">
  93. <label class="col-sm-2 control-label">开关:</label>
  94. <div class="col-sm-10">
  95. <div class="radio pull-left">
  96. <label class="i-checks">
  97. <input type="radio" name="adShow" required ng-value="true"
  98. ng-model="dialogData.adShow">
  99. <i></i>
  100. 开启
  101. </label>
  102. </div>
  103. <div class="radio pull-left m-l">
  104. <label class="i-checks">
  105. <input type="radio" name="adShow" required ng-value="false"
  106. ng-model="dialogData.adShow">
  107. <i></i>
  108. 关闭
  109. </label>
  110. </div>
  111. </div>
  112. </div>
  113. </div>
  114. <footer class="panel-footer text-right bg-light lter">
  115. <button type="submit" class="btn btn-success" ng-click="saveAdEdit()">保存
  116. </button>
  117. </footer>
  118. </div>
  119. </form>
  120. <form name="editGzhForm" id="editGzhForm" class="form-horizontal form-validation modal fade" role="dialog"
  121. style=" width: 760px;height:400px;min-height: 400px">
  122. <div class="panel panel-default">
  123. <div class="panel-heading">
  124. <strong>强制关注公众号</strong>
  125. </div>
  126. <div class="panel-body">
  127. <div class="form-group">
  128. <label class="col-sm-3 control-label">是否强制关注:</label>
  129. <div class="col-sm-9">
  130. <div class="radio pull-left" style="margin-right: 10px"
  131. ng-repeat="item in enum.forceFollowGzh" ng-if="item.value!=''">
  132. <label class="i-checks">
  133. <input type="radio" name="forceFollowGzh" required value="{{item.value}}"
  134. ng-model="dialogData.forceFollowGzh">
  135. <i></i>
  136. {{item.label}}
  137. </label>
  138. </div>
  139. </div>
  140. </div>
  141. </div>
  142. <footer class="panel-footer text-right bg-light lter">
  143. <button type="submit" class="btn btn-success" ng-click="saveGzg()">保存
  144. </button>
  145. </footer>
  146. </div>
  147. </form>
  148. <form name="editSupporterForm" id="editSupporterForm" class="form-horizontal form-validation modal fade" role="dialog"
  149. style=" width: 60%;height: 400px">
  150. <div class="panel panel-default">
  151. <div class="panel-heading">
  152. <strong>编辑</strong>
  153. </div>
  154. <div class="panel-body">
  155. <div class="form-group">
  156. <label class="col-sm-3 control-label">电话</label>
  157. <div class="col-sm-3">
  158. <input type="tel" ng-pattern="/^[1][3456789]\d{9}$/" pattern="^[1][3456789]\d{9}$"
  159. ng-maxlength="11" maxlength="11"
  160. ng-model="dialogData.username"
  161. class="form-control" placeholder="电话" required>
  162. </div>
  163. </div>
  164. <div class="form-group">
  165. <label class="col-sm-3 control-label">昵称</label>
  166. <div class="col-sm-3">
  167. <input type="text" ng-model="dialogData.nickname" class="form-control" placeholder="昵称"
  168. required>
  169. </div>
  170. </div>
  171. </div>
  172. <footer class="panel-footer text-right bg-light lter">
  173. <button type="submit" class="btn btn-success" ng-click="save()">保存
  174. </button>
  175. </footer>
  176. </div>
  177. </form>
  178. </div>
  179. </div>