manufacturer.html 20 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424
  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="manufacturerCtrl">
  5. <style>
  6. </style>
  7. <div class="panel panel-default">
  8. <div class="row wrapper">
  9. <div class="col-sm-5">
  10. <div class="btn btn-default" ng-click="add()"><i class="fa fa-plus-circle"></i> 开户</div>
  11. <div class="btn btn-default" ng-click="edit()"><i class="fa fa-edit "></i> 编辑</div>
  12. <div class="btn btn-default" ng-click="editAddress()"><i class="fa fa-location-arrow "></i> 售后地址</div>
  13. <div class="btn btn-default" ng-click="editAdShow()"><i class="fa fa-bullhorn"></i> 广告</div>
  14. <div class="btn btn-default" ng-click="editPassword()"><i class="fa fa-key "></i> 修改密码</div>
  15. <div class="btn btn-default" ng-click="unfreeze()"><i class="fa fa-unlock "></i> 解除密码限制</div>
  16. </div>
  17. <div class="col-sm-7 form-inline text-right">
  18. <div class="btn-group dropdown" dropdown>
  19. <button class="btn btn-default dropdown-toggle" dropdown-toggle>
  20. <span class="dropdown-label">{{condition.adShow.label}}</span>
  21. <span class="caret"></span>
  22. </button>
  23. <ul class="dropdown-menu">
  24. <li ng-repeat="item in enum.adShow" ng-click="event.statusChange('adShow',item)">
  25. <a href ng-bind="item.label"></a></li>
  26. </ul>
  27. </div>
  28. <div class="input-group">
  29. <ui-select ng-model="condition.searchType" theme="bootstrap" class=" inline v-middle">
  30. <ui-select-match placeholder="">{{$select.selected.text}}</ui-select-match>
  31. <ui-select-choices repeat="item in condition.searchTypeList| filter: $select.search">
  32. <div ng-bind-html="item.text | highlight: $select.search"></div>
  33. </ui-select-choices>
  34. </ui-select>
  35. </div>
  36. <div class="input-group ">
  37. <input type="text" class="form-control" ng-model="condition.searchKey"
  38. ng-keydown="$event.keyCode==13&&event.search()"
  39. placeholder="{{condition.searchType.value=='dealer'?'经销商':(condition.searchType.value=='agent'?'代理商':'厂商名称、联系方式、详情等')}}">
  40. <span class="input-group-btn">
  41. <div class="btn btn-default btn-success" ng-click="event.search()"><i
  42. class="fa fa-search"></i> 搜索</div>
  43. </span>
  44. </div>
  45. </div>
  46. </div>
  47. <div class="table-responsive">
  48. <div ui-grid="gridOptions" style="min-height:620px" ui-grid-pagination ui-grid-selection></div>
  49. </div>
  50. </div>
  51. <form name="manageForm" id="manageForm" class="form-horizontal form-validation modal fade" role="dialog"
  52. style=" width: 1024px;height: 720px">
  53. <div class="panel panel-default">
  54. <div class="panel-heading">
  55. <strong ng-bind="dialogName"></strong>
  56. </div>
  57. <div class="panel-body">
  58. <div class="form-group">
  59. <label class="col-sm-3 control-label">厂商名称</label>
  60. <div class="col-sm-9">
  61. <input type="text" ng-model="dialogData.nickname" class="form-control" placeholder="厂商名称"
  62. required>
  63. </div>
  64. </div>
  65. <div class="form-group">
  66. <label class="col-sm-3 control-label">品牌名称</label>
  67. <div class="col-sm-9">
  68. <input type="text" ng-model="dialogData.brandName" class="form-control" placeholder="品牌名称"
  69. required>
  70. </div>
  71. </div>
  72. <div class="form-group">
  73. <label class="col-sm-3 control-label">电话</label>
  74. <div class="col-sm-9">
  75. <input type="tel" ng-pattern="/^[1][3456789]\d{9}$/" pattern="^[1][3456789]\d{9}$"
  76. ng-maxlength="11" maxlength="11"
  77. ng-model="dialogData.username"
  78. class="form-control" placeholder="电话" required>
  79. </div>
  80. </div>
  81. <div class="form-group" ng-if="dialogData.isNew">
  82. <label class="col-sm-3 control-label">密码</label>
  83. <div class="col-sm-9">
  84. <input type="text" ng-model="dialogData.password"
  85. class="form-control" ng-minlength="6" minlength="6" ng-maxlength="20" maxlength="20"
  86. placeholder="输入密码"
  87. required>
  88. </div>
  89. </div>
  90. <div class="form-group">
  91. <label class="col-sm-3 control-label">厂商图标</label>
  92. <div class="col-sm-5">
  93. <!---文件选择-->
  94. <input type="file" nv-file-select="" id="fileUpload" uploader="uploader"/>
  95. <input type="hidden" name="img" id="fileUploadValue" title="图片路径隐藏域"
  96. class="form-control hide-required-img-input img-input"
  97. ng-model="dialogData.logo"/>
  98. <!---上传进度-->
  99. <div class="progress bg-light dker" style="margin-top: 10px;margin-bottom: 10px">
  100. <div class="progress-bar progress-bar-striped bg-info" role="progressbar"
  101. ng-style="{ 'width': uploader.progress + '%' }"></div>
  102. </div>
  103. <!---上传按钮-->
  104. <button type="button" class="btn btn-addon btn-success" ng-click="uploader.uploadAll()"
  105. ng-disabled="!uploader.getNotUploadedItems().length">
  106. <i class="fa fa-arrow-circle-o-up"></i> 上传图片
  107. </button>
  108. </div>
  109. <div class="col-sm-4">
  110. <!---图片预览-->
  111. <img id="previewImg"
  112. ng-src="{{dialogData.logo+(dialogData.logo?('?t='+dialogData._nowTime):'')}}"
  113. style="max-height: 160px;max-width: 100%">
  114. </div>
  115. </div>
  116. <div class="form-group">
  117. <label class="col-sm-3 control-label">备注</label>
  118. <div class="col-sm-9">
  119. <input type="text" ng-model="dialogData.remarks" class="form-control" placeholder="备注">
  120. </div>
  121. </div>
  122. <div class="line line-dashed b-b line-lg pull-in"></div>
  123. <div ng-if="dialogData.isNew">
  124. <div class="form-group">
  125. <label class="col-sm-3 control-label">首席代理商名称</label>
  126. <div class="col-sm-9">
  127. <input type="text" ng-model="dialogData.primaryAgentNickName" class="form-control"
  128. placeholder="首席代理商名称" required>
  129. </div>
  130. </div>
  131. <div class="form-group">
  132. <label class="col-sm-3 control-label">首席代理商电话</label>
  133. <div class="col-sm-9">
  134. <input type="tel" ng-pattern="/^[1][3456789]\d{9}$/" pattern="^[1][3456789]\d{9}$" ng-maxlength="11" maxlength="11"
  135. ng-model="dialogData.primaryAgentUsername"
  136. class="form-control" placeholder="首席代理商电话" required>
  137. </div>
  138. </div>
  139. <div class="form-group" ng-if="dialogData.isNew">
  140. <label class="col-sm-3 control-label">首席代理商密码</label>
  141. <div class="col-sm-9">
  142. <input type="text" ng-model="dialogData.primaryAgentPassword"
  143. class="form-control" ng-minlength="6" minlength="6" ng-maxlength="20" maxlength="20"
  144. placeholder="首席代理商密码"
  145. required>
  146. </div>
  147. </div>
  148. <div class="form-group" ng-if="dialogData.isNew">
  149. <label class="col-sm-3 control-label">首席代理商密码</label>
  150. <div class="col-sm-9">
  151. <input type="text" ng-model="dialogData.primaryAgentPassword"
  152. class="form-control" ng-minlength="6" minlength="6" ng-maxlength="20" maxlength="20"
  153. placeholder="首席代理商密码"
  154. required>
  155. </div>
  156. </div>
  157. <div class="form-group" >
  158. <label class="col-sm-3 control-label">流量卡真实成本</label>
  159. <div class="col-sm-6">
  160. <input type="number" step="0.01" ng-model="dialogData.trafficCardCost" min="0" required
  161. class="form-control" placeholder="流量卡真实成本">
  162. </div>
  163. </div>
  164. <div class="form-group">
  165. <label class="col-sm-3 control-label" tooltip="该费率为平台提现费率成本。单位是千分之,默认值为6。">提现费率</label>
  166. <div class="col-sm-6">
  167. <div class=" input-group m-b">
  168. <input type="number" step="0.01" ng-model="dialogData.withdrawFeeRatioCost" min="0"
  169. required
  170. class="form-control" placeholder="提现费率">
  171. <span class="input-group-addon">千分(‰)</span>
  172. </div>
  173. </div>
  174. </div>
  175. </div>
  176. </div>
  177. <footer class="panel-footer text-right bg-light lter">
  178. <button type="submit" class="btn btn-success" ng-click="saveData()">保存
  179. </button>
  180. </footer>
  181. </div>
  182. </form>
  183. <form name="editAddressForm" id="editAddressForm" class="form-horizontal form-validation modal fade" role="dialog"
  184. style=" width: 1024px;height: 720px">
  185. <div class="panel panel-default">
  186. <div class="panel-heading">
  187. <strong ng-bind="dialogName"></strong>
  188. </div>
  189. <div class="panel-body">
  190. <div class="form-group">
  191. <label class="col-sm-3 control-label">售后名称</label>
  192. <div class="col-sm-3">
  193. <input type="text" ng-model="dialogData.name" class="form-control"
  194. placeholder="售后名称" required>
  195. </div>
  196. </div>
  197. <div class="form-group">
  198. <label class="col-sm-3 control-label">售后联系电话</label>
  199. <div class="col-sm-3">
  200. <input type="tel" ng-pattern="/^[1][3456789]\d{9}$/" pattern="^[1][3456789]\d{9}$"
  201. ng-maxlength="11" maxlength="11"
  202. ng-model="dialogData.tel"
  203. class="form-control" placeholder="电话" required>
  204. </div>
  205. </div>
  206. <div class="form-group">
  207. <label class="col-sm-3 control-label">售后联系地址</label>
  208. <div class="col-sm-3">
  209. <textarea ng-model="dialogData.addr" class="form-control" required
  210. placeholder="地址"
  211. style="margin: 0 -0.5px 0 0; width: 320px; height: 100px;"></textarea>
  212. </div>
  213. </div>
  214. </div>
  215. <footer class="panel-footer text-right bg-light lter">
  216. <button type="submit" class="btn btn-success" ng-click="saveAddress()">保存
  217. </button>
  218. </footer>
  219. </div>
  220. </form>
  221. <div id="copyLinkPanel" class="form-horizontal form-validation modal fade" role="dialog"
  222. style="width: 960px;min-height: 180px;height: 640px">
  223. <div class="panel panel-default">
  224. <div class="panel-heading text-center">
  225. <strong>复制链接</strong>
  226. </div>
  227. <div class="panel-body">
  228. <div class="form-group">
  229. <label class="col-sm-3 control-label">代理商入口 <i class="iconfont icon-duoren"></i></label>
  230. <div class="col-sm-6">
  231. <input type="text" ng-model="copyLinkData.link1" class="form-control" placeholder=""
  232. id="copyLinkInput1"
  233. required>
  234. </div>
  235. <div class="col-sm-3">
  236. <button data-clipboard-target="#copyLinkInput1"
  237. class="copyLinkBtn btn btn-info">复制
  238. </button>
  239. </div>
  240. </div>
  241. </div>
  242. <footer class="panel-footer text-center bg-light lter">
  243. <button type="button" class="btn btn-info margin-5" ng-click="closeCopyLinkPanel()"
  244. style="margin-left: 8px"><i
  245. class="fa fa-close"></i> 关闭
  246. </button>
  247. </footer>
  248. </div>
  249. </div>
  250. <div class="modal fade" role="dialog" id="editDeviceTypePanel" style="width: 80%; min-width: 1024px;height: 80%"
  251. ng-style="{'min-width':'1024px','min-height':'80%'}">
  252. <div class="panel panel-default">
  253. <div class="panel-heading">
  254. <strong>{{dialogName}}</strong>
  255. </div>
  256. <div class="panel-body">
  257. <dev-type-config></dev-type-config>
  258. </div>
  259. <footer class="panel-footer text-center bg-light lter">
  260. <button type="button" class="btn btn-info margin-5" ng-click="closeDeviceConfig()"
  261. style="margin-left: 8px"><i
  262. class="fa fa-close"></i> 关闭
  263. </button>
  264. </footer>
  265. </div>
  266. </div>
  267. <form name="featureForm" id="featureForm" class="form-horizontal form-validation modal fade" role="dialog"
  268. style=" width: 860px;height: 480px">
  269. <div class="panel panel-default">
  270. <div class="panel-heading">
  271. <strong>特性配置</strong>
  272. </div>
  273. <div class="panel-body">
  274. <div class="form-group">
  275. <label class="col-sm-2 control-label">通用特性:</label>
  276. <div class="col-sm-10">
  277. <div class="pull-left m-r-sm" ng-repeat="item in dialogData.featureList ">
  278. <div class="checkbox">
  279. <label class="i-checks">
  280. <input type="checkbox" value="{{item.value}}" ng-model="item.value">
  281. <i></i>
  282. </label>
  283. {{item.name}}
  284. </div>
  285. </div>
  286. </div>
  287. </div>
  288. <div class="form-group">
  289. <label class="col-sm-2 control-label">特殊特性:</label>
  290. <div class="col-sm-5">
  291. <input type="text" ng-model="dialogData.specialFeature"
  292. class="form-control" placeholder="请填入特性标记">
  293. </div>
  294. </div>
  295. </div>
  296. <footer class="panel-footer text-right bg-light lter">
  297. <button type="submit" class="btn btn-success" ng-click="saveFeature()">保存
  298. </button>
  299. </footer>
  300. </div>
  301. </form>
  302. <form name="editAdForm" id="editAdForm" class="form-horizontal form-validation modal fade" role="dialog"
  303. style=" width: 480px;height:280px;min-height: 280px">
  304. <div class="panel panel-default">
  305. <div class="panel-heading">
  306. <strong>配置广告</strong>
  307. </div>
  308. <div class="panel-body">
  309. <div class="form-group">
  310. <label class="col-sm-2 control-label">开关:</label>
  311. <div class="col-sm-10">
  312. <div class="radio pull-left">
  313. <label class="i-checks">
  314. <input type="radio" name="adShow" required ng-value="true"
  315. ng-model="dialogData.adShow">
  316. <i></i>
  317. 开启
  318. </label>
  319. </div>
  320. <div class="radio pull-left m-l">
  321. <label class="i-checks">
  322. <input type="radio" name="adShow" required ng-value="false"
  323. ng-model="dialogData.adShow">
  324. <i></i>
  325. 关闭
  326. </label>
  327. </div>
  328. </div>
  329. </div>
  330. </div>
  331. <footer class="panel-footer text-right bg-light lter">
  332. <button type="submit" class="btn btn-success" ng-click="saveAdEdit()">保存
  333. </button>
  334. </footer>
  335. </div>
  336. </form>
  337. <form name="passwordForm" id="passwordPanel" class="form-horizontal form-validation modal fade" role="dialog"
  338. style=" width: 800px;min-height: 300px;height: 300px;">
  339. <div class="panel panel-default">
  340. <div class="panel-heading">
  341. <strong>修改密码</strong>
  342. </div>
  343. <div class="panel-body">
  344. <div class="form-group">
  345. <label class="col-sm-3 control-label">密码</label>
  346. <div class="col-sm-9">
  347. <input type="text" ng-model="passwordData.password"
  348. class="form-control" ng-minlength="6" minlength="6" ng-maxlength="20" maxlength="20"
  349. placeholder="输入密码"
  350. required>
  351. </div>
  352. </div>
  353. <div class="line line-dashed b-b line-lg pull-in"></div>
  354. </div>
  355. <footer class="panel-footer text-right bg-light lter">
  356. <button type="submit" class="btn btn-success" ng-click="savePassword()">保存
  357. </button>
  358. </footer>
  359. </div>
  360. </form>
  361. </div>