dealerManage.html 12 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249
  1. <div ng-controller="dealerManageCtrl">
  2. <!--如果有agentId,说明是代理商的子路由,则不展示部分操作按钮-->
  3. <div class="bg-light lter b-b wrapper-md" ng-if="condition.agentId==null">
  4. <h1 class="m-n font-thin h4">经销商管理</h1>
  5. </div>
  6. <div class="" ng-class="{'wrapper-md':condition.agentId==null}">
  7. <div class="panel panel-default">
  8. <div class="row wrapper">
  9. <div class="col-sm-5">
  10. <div ng-if="condition.agentId==null">
  11. <div class="btn btn-default" ng-click="edit()"><i class="fa fa-edit "></i> 编辑</div>
  12. <div class="btn btn-default" ng-click="editOtherAPI()"><i class="fa fa-fire "></i> 消防对接</div>
  13. <div class="btn btn-default" ng-click="editPassword()"><i class="fa fa-key"></i> 修改密码</div>
  14. <div class="btn btn-default" ng-click="unlock()"><i class="fa fa-unlock "></i> 解除登录限制</div>
  15. </div>
  16. </div>
  17. <div class="col-sm-4">
  18. <div ng-disabled="ngEvent.exportExcelOpen" class="btn btn-default btn-success pull-right"
  19. ng-click="ngEvent.exportExcel()"><i class="fa fa-file-excel-o"></i>
  20. 导出报表
  21. </div>
  22. </div>
  23. <div class="col-sm-3">
  24. <div class="input-group">
  25. <input type="text" class=" form-control" ng-model="condition.searchKey"
  26. ng-keydown="$event.keyCode==13&&event.search()"
  27. placeholder="商户名称、联系方式、详情等">
  28. <span class="input-group-btn">
  29. <div class="btn btn-default" ng-click="event.search()"><i class="fa fa-search"></i> 搜索</div>
  30. </span>
  31. </div>
  32. </div>
  33. </div>
  34. <div class="table-responsive">
  35. <div ui-grid="gridOptions" style="min-height:620px"
  36. ng-style="{'min-height':condition.agentId==null?620:540}" ui-grid-pagination
  37. ui-grid-selection></div>
  38. <div class="grid-mask" ng-if="gridOptionsLoading"><span>正在加载,请稍候...</span></div>
  39. </div>
  40. </div>
  41. <form name="dealerForm" id="dealerPanel" class="form-horizontal form-validation modal fade" role="dialog"
  42. style=" width: 800px;">
  43. <div class="panel panel-default">
  44. <div class="panel-heading">
  45. <strong ng-bind="dialogName"></strong>
  46. </div>
  47. <div class="panel-body">
  48. <div class="form-group">
  49. <label class="col-sm-3 control-label">名称</label>
  50. <div class="col-sm-9">
  51. <input type="text" ng-model="dialogData.name" class="form-control" placeholder="名称"
  52. required>
  53. </div>
  54. </div>
  55. <div class="line line-dashed b-b line-lg pull-in"></div>
  56. <div class="form-group">
  57. <label class="col-sm-3 control-label">电话</label>
  58. <div class="col-sm-9">
  59. <input type="tel" ng-pattern="/^[1][3456789]\d{9}$/" pattern="^[1][3456789]\d{9}$"
  60. ng-maxlength="11" maxlength="11"
  61. ng-model="dialogData.tel"
  62. class="form-control" placeholder="电话" required>
  63. </div>
  64. </div>
  65. <div class="line line-dashed b-b line-lg pull-in"></div>
  66. <div class="form-group">
  67. <label class="col-sm-3 control-label">openId</label>
  68. <div class="col-sm-9">
  69. <input type="text" ng-model="dialogData.openId" class="form-control" placeholder="openId">
  70. </div>
  71. </div>
  72. <div class="line line-dashed b-b line-lg pull-in"></div>
  73. </div>
  74. <footer class="panel-footer text-right bg-light lter">
  75. <button type="submit" class="btn btn-success" ng-click="saveData()">保存
  76. </button>
  77. </footer>
  78. </div>
  79. </form>
  80. <form name="passwordForm" id="passwordPanel" class="form-horizontal form-validation modal fade" role="dialog"
  81. style=" width: 800px;min-height: 300px;height: 300px;">
  82. <div class="panel panel-default">
  83. <div class="panel-heading">
  84. <strong>修改密码</strong>
  85. </div>
  86. <div class="panel-body">
  87. <div class="form-group">
  88. <label class="col-sm-3 control-label">密码</label>
  89. <div class="col-sm-9">
  90. <input type="text" ng-model="passwordData.password" class="form-control"
  91. ng-minlength="6" minlength="6" ng-maxlength="20" maxlength="20"
  92. placeholder="输入密码"
  93. required>
  94. </div>
  95. </div>
  96. <div class="line line-dashed b-b line-lg pull-in"></div>
  97. </div>
  98. <footer class="panel-footer text-right bg-light lter">
  99. <button type="submit" class="btn btn-success" ng-click="savePassword()">保存
  100. </button>
  101. </footer>
  102. </div>
  103. </form>
  104. <div id="detailInfoPanel" class="form-horizontal form-validation modal fade" role="dialog"
  105. style="min-height: 300px;height: 300px">
  106. <div class="panel panel-default">
  107. <div class="panel-heading">
  108. <strong>{{infoDetail.title}}</strong>
  109. </div>
  110. <div class="panel-body">
  111. <div class="form-group">
  112. <div class="col-sm-12">
  113. <pre>{{infoDetail.content | json}}</pre>
  114. </div>
  115. </div>
  116. </div>
  117. <footer class="panel-footer text-center bg-light lter">
  118. <button type="button" class="btn btn-info margin-5" ng-click="closeDetailInfoPanel()"
  119. style="margin-left: 8px"><i
  120. class="fa fa-close"></i> 关闭
  121. </button>
  122. </footer>
  123. </div>
  124. </div>
  125. <form name="otherAPIForm" id="otherAPIForm" class="form-horizontal form-validation modal fade" role="dialog"
  126. style=" width: 800px;min-height: 500px;height: 500px;">
  127. <div class="panel panel-default">
  128. <div class="panel-heading">
  129. <strong>浙江消防平台对接信息</strong>
  130. </div>
  131. <div class="panel-body">
  132. <div class="form-group">
  133. <label class="col-sm-3 control-label">公司名称</label>
  134. <div class="col-sm-9">
  135. <input type="text" ng-model="dialogFireData.companyName"
  136. class="form-control" ng-maxlength="40" maxlength="40"
  137. placeholder=""
  138. required>
  139. </div>
  140. </div>
  141. <div class="form-group">
  142. <label class="col-sm-3 control-label">公司编码</label>
  143. <div class="col-sm-9">
  144. <input type="text" ng-model="dialogFireData.companyCode"
  145. class="form-control" ng-maxlength="40" maxlength="40"
  146. placeholder=""
  147. required>
  148. </div>
  149. </div>
  150. <div class="form-group">
  151. <label class="col-sm-3 control-label">公司地址</label>
  152. <div class="col-sm-9">
  153. <input type="text" ng-model="dialogFireData.companyAddress"
  154. class="form-control" ng-maxlength="100" maxlength="100"
  155. placeholder=""
  156. required>
  157. </div>
  158. </div>
  159. <div class="form-group">
  160. <label class="col-sm-3 control-label">联系人姓名</label>
  161. <div class="col-sm-9">
  162. <input type="text" ng-model="dialogFireData.contactsName"
  163. class="form-control" ng-maxlength="30" maxlength="30"
  164. placeholder=""
  165. required>
  166. </div>
  167. </div>
  168. <div class="form-group">
  169. <label class="col-sm-3 control-label">联系电话
  170. </label>
  171. <div class="col-sm-9">
  172. <input type="text" ng-model="dialogFireData.contactsTel"
  173. class="form-control" ng-maxlength="20" maxlength="20"
  174. placeholder=""
  175. required>
  176. </div>
  177. </div>
  178. <div class="form-group">
  179. <label class="col-sm-3 control-label">充电桩制造厂商
  180. </label>
  181. <div class="col-sm-9">
  182. <input type="text" ng-model="dialogFireData.deviceManufacturer"
  183. class="form-control" ng-maxlength="30" maxlength="30"
  184. placeholder=""
  185. required>
  186. </div>
  187. </div>
  188. </div>
  189. <footer class="panel-footer text-right bg-light lter">
  190. <button type="submit" class="btn btn-success" ng-click="saveOtherAPIForm()">保存
  191. </button>
  192. </footer>
  193. </div>
  194. </form>
  195. <div class="modal fade" role="dialog" id="dealerDevList" style="width: 80%; min-width: 1024px;height: 80%"
  196. ng-style="{'min-width':condition.agentId?'110%':'1024px','min-height':condition.agentId?'110%':'80%'}">
  197. <div class="panel panel-default">
  198. <div class="panel-heading">
  199. <strong>{{nowDealerName}}的设备</strong>
  200. </div>
  201. <div class="panel-body">
  202. <dev-manage auto-init="false"></dev-manage>
  203. </div>
  204. <footer class="panel-footer text-center bg-light lter">
  205. <button type="button" class="btn btn-info margin-5" ng-click="closeDevice()"
  206. style="margin-left: 8px"><i
  207. class="fa fa-close"></i> 关闭
  208. </button>
  209. </footer>
  210. </div>
  211. </div>
  212. </div>
  213. </div>