人人商城

post-step.html 26KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554
  1. {template 'common/header'}
  2. {if $_GPC['step'] == 1 || $_GPC['step'] == ''}
  3. <div class="account-list-add" id="js-account-post-step1" ng-controller="AccountPostStepOne" ng-cloak>
  4. <ol class="breadcrumb we7-breadcrumb">
  5. <a href="{php echo url('account/manage', array('account_type' => ACCOUNT_TYPE_OFFCIAL_NORMAL))}"><i class="wi wi-back-circle"></i></a>
  6. <li><a href="{php echo url('account/manage', array('account_type' => ACCOUNT_TYPE_OFFCIAL_NORMAL))}">公众号列表</a></li>
  7. <li>新建公众号</li>
  8. </ol>
  9. <div class="panel we7-panel">
  10. {if !$_W['isfounder']}
  11. <div class="alert alert-warning hidden">
  12. 温馨提示:
  13. <i class="fa fa-info-circle"></i>
  14. Hi,<span class="text-strong">{$_W['username']}</span>,您所在的会员组: <span class="text-strong">{$account_info['group_name']}</span>,
  15. 账号有效期限:<span class="text-strong">{php echo date('Y-m-d', $_W['user']['starttime'])} ~~ {if empty($_W['user']['endtime'])}无限制{else}{php echo date('Y-m-d', $_W['user']['endtime'])}{/if}</span>,
  16. 可创建 <span class="text-strong">{$account_info['maxaccount']} </span>个公众号,已创建<span class="text-strong"> {$account_info['uniacid_num']} </span>个,还可创建 <span class="text-strong">{$account_info['uniacid_limit']} </span>个公众号。
  17. </div>
  18. {/if}
  19. <div class="panel-body we7-padding">
  20. <div class="col-lg-6">
  21. <div class="title">
  22. <span class="img img-pen"></span>
  23. <a href="javascript:;">手动添加公众号</a>
  24. </div>
  25. <div class="con">
  26. 手动绑定需同步微信接口,在微信后台,基本设置可以获取appid和appsecret,绑定成功后,将获取的服务器配置接口绑定到微信后台(切记:绑定过程中,一定要注意保持接口参数一致)
  27. </div>
  28. <div>
  29. <a href="{php echo url('account/post-step', array('step' => 2))}" class="btn btn-primary">手动添加公众号</a>
  30. </div>
  31. </div>
  32. <div class="col-lg-6">
  33. <div class="title">
  34. <span class="img img-tel"></span>
  35. 授权添加公众号
  36. </div>
  37. <div class="con">
  38. 使用授权登录需认证微信开放平台和全网发布,认证微信开放平台和全网发布教程 <a href="{php echo url('system/platform')}" class="color-default">微信开放平台设置</a>
  39. </div>
  40. <div>
  41. <a href="{$authurl}" class="btn btn-primary">授权添加公众号</a>
  42. </div>
  43. </div>
  44. </div>
  45. </div>
  46. </div>
  47. <script type="text/javascript">
  48. angular.module('accountApp').value('config', {});
  49. angular.bootstrap($('#js-account-post-step1'),['accountApp']);
  50. </script>
  51. {elseif $_GPC['step'] == 2}
  52. <div class="account-list-add-step">
  53. <ol class="breadcrumb we7-breadcrumb">
  54. <a href="{php echo url('account/manage', array('account_type' => ACCOUNT_TYPE_OFFCIAL_NORMAL))}"><i class="wi wi-back-circle"></i> </a>
  55. <li><a href="{php echo url('account/manage', array('account_type' => ACCOUNT_TYPE_OFFCIAL_NORMAL))}">公众号列表</a></li>
  56. <li>新建公众号</li>
  57. </ol>
  58. <div class="we7-step">
  59. <ul>
  60. <li class="active">1 设置公众号信息</li>
  61. {if !empty($_W['isfounder'])}
  62. <li>2 设置权限</li>
  63. <li>3 引导页面</li>
  64. {else}
  65. <li>2 引导页面</li>
  66. {/if}
  67. </ul>
  68. </div>
  69. <form action="" method="post" class="we7-form" enctype="multipart/form-data" id="js-account-post-step2" ng-controller="AccountPostStepTwo" ng-cloak>
  70. <input type="hidden" name="step" value="2">
  71. <!--第二步:基本信息-->
  72. <div class="form-group">
  73. <label for="" class="control-label col-sm-2">公众号名称</label>
  74. <div class="form-controls col-sm-8">
  75. <input type="text" name="cname" class="form-control" ng-model="account.name" autocomplete="off" />
  76. <span class="help-block">填写公众号的账号名称</span>
  77. </div>
  78. </div>
  79. <div class="form-group">
  80. <label for="" class="control-label col-sm-2">描述</label>
  81. <div class="form-controls col-sm-8">
  82. <textarea style="height: 80px;" class="form-control" name="description" ng-bind="account.description"></textarea>
  83. <span class="help-block">用于说明此公众号的功能及用途。</span>
  84. </div>
  85. </div>
  86. <div class="form-group">
  87. <label for="" class="control-label col-sm-2">公众号账号</label>
  88. <div class="form-controls col-sm-8">
  89. <input type="text" name="account" class="form-control" ng-model="account.account" autocomplete="off" />
  90. <span class="help-block">填写公众号的账号,一般为英文账号</span>
  91. </div>
  92. </div>
  93. <div class="form-group">
  94. <label for="" class="control-label col-sm-2">原始ID</label>
  95. <div class="form-controls col-sm-8">
  96. <input type="text" name="original" class="form-control" ng-model="account.original" autocomplete="off" />
  97. <span class="help-block">原始ID不能修改,请谨慎填写</span>
  98. </div>
  99. </div>
  100. <div class="form-group">
  101. <label for="" class="control-label col-sm-2">类型</label>
  102. <div class="form-controls col-sm-8">
  103. <select name="level" class="we7-select">
  104. <option value="1" ng-selected="account.level == 1">普通订阅号</option>
  105. <option value="2" ng-selected="account.level == 2">普通服务号</option>
  106. <option value="3" ng-selected="account.level == 3">认证订阅号</option>
  107. <option value="4" ng-selected="account.level == 4">认证服务号/认证媒体/政府订阅号</option>
  108. </select>
  109. <span class="help-block">注意:即使公众平台显示为“未认证”, 但只要【公众号设置】/【账号详情】下【认证情况】显示资质审核通过, 即可认定为认证号.</span>
  110. </div>
  111. </div>
  112. <div class="form-group">
  113. <label for="" class="control-label col-sm-2">AppId</label>
  114. <div class="form-controls col-sm-8">
  115. <input type="text" name="key" class="form-control" ng-model="account.key" autocomplete="off"/>
  116. <span class="help-block">请填写微信公众平台后台的AppId</span>
  117. </div>
  118. </div>
  119. <div class="form-group">
  120. <label for="" class="control-label col-sm-2">AppSecret</label>
  121. <div class="form-controls col-sm-8">
  122. <input type="text" name="secret" class="form-control" ng-model="account.secret" autocomplete="off"/>
  123. <span class="help-block">请填写微信公众平台后台的AppSecret</span>
  124. </div>
  125. </div>
  126. <div class="form-group">
  127. <label class="control-label col-sm-2">Oauth 2.0</label>
  128. <div class="form-controls col-sm-8">
  129. <p class="form-control-static">在微信公众号请求用户网页授权之前,开发者需要先到公众平台网站的【开发者中心】<b>网页服务</b>中配置授权回调域名。{if $_W['isfounder']}{/if}</p>
  130. </div>
  131. </div>
  132. <div class="form-group">
  133. <label for="" class="control-label col-sm-2">头像</label>
  134. <div class="form-controls col-sm-8">
  135. <div class="input-more we7-input-img" ng-class="{'active': account.headimg}">
  136. <img ng-src="{{account.headimg}}" width="150px" ng-if="account.headimg" ng-style="{'height': 'auto'}">
  137. <a href="javascript:;" class="input-addon" ng-click="uploadMultiImage('headimg')" ng-hide="account.headimg"><span>+</span></a>
  138. <input type="text" name="headimg" ng-model="account.headimg" ng-style="{'display' : 'none'}">
  139. <div class="cover-dark">
  140. <a href="javascript:;" class="cut" ng-click="uploadMultiImage('headimg')">更换</a>
  141. <a href="javascript:;" class="del" ng-click="delMultiImage('headimg')"><i class="fa fa-times text-danger"></i></a>
  142. </div>
  143. </div>
  144. <span class="help-block"></span>
  145. </div>
  146. </div>
  147. <div class="form-group">
  148. <label for="" class="control-label col-sm-2">二维码</label>
  149. <div class="form-controls col-sm-8">
  150. <div class="input-more we7-input-img" ng-class="{'active': account.qrcode}">
  151. <img ng-src="{{account.qrcode}}" width="150px" ng-if="account.qrcode" ng-style="{'height': 'auto'}">
  152. <a href="javascript:;" class="input-addon" ng-click="uploadMultiImage('qrcode')" ng-hide="account.qrcode"><span>+</span></a>
  153. <input type="text" name="qrcode" ng-model="account.qrcode" ng-style="{'display' : 'none'}">
  154. <div class="cover-dark">
  155. <a href="javascript:;" class="cut" ng-click="uploadMultiImage('qrcode')">更换</a>
  156. <a href="javascript:;" class="del" ng-click="delMultiImage('qrcode')"><i class="fa fa-times text-danger"></i></a>
  157. </div>
  158. </div>
  159. <span class="help-block"></span>
  160. </div>
  161. </div>
  162. <div class="form-group">
  163. <input type="submit" name="submit" class="btn btn-primary btn-submit" value="下一步"/>
  164. <input type="hidden" name="token" value="{$_W['token']}">
  165. </div>
  166. </form>
  167. </div>
  168. <script type="text/javascript">
  169. angular.module('accountApp').value('config', {
  170. });
  171. angular.bootstrap($('#js-account-post-step2'),['accountApp']);
  172. </script>
  173. {elseif $_GPC['step'] == 3}
  174. <div class="account-list-add-step">
  175. <ol class="breadcrumb we7-breadcrumb">
  176. <a href="{php echo url('account/manage', array('account_type' => ACCOUNT_TYPE_OFFCIAL_NORMAL))}"><i class="wi wi-back-circle"></i> </a>
  177. <li><a href="{php echo url('account/manage', array('account_type' => ACCOUNT_TYPE_OFFCIAL_NORMAL))}">公众号列表</a></li>
  178. <li>新建公众号</li>
  179. </ol>
  180. <div class="we7-step">
  181. <ul>
  182. <li>1 设置公众号信息</li>
  183. {if !empty($_W['isfounder'])}
  184. <li class="active">2 设置权限</li>
  185. <li>3 引导页面</li>
  186. {else}
  187. <li class="active">2 引导页面</li>
  188. {/if}
  189. </ul>
  190. </div>
  191. <form action="" method="post" class="we7-form" id="js-account-post-step3" ng-controller="AccountPostStepThree" ng-cloak>
  192. <input type="hidden" name="step" value="3">
  193. <input type="hidden" name="uniacid" value="{$_GPC['uniacid']}">
  194. <input type="hidden" name="acid" value="{$_GPC['acid']}">
  195. <!--第三步:设置权限-->
  196. <div class="panel we7-panel">
  197. <div class="panel-heading">主管理员设置</div>
  198. <div class="panel-body we7-padding-top">
  199. <div class="form-group">
  200. <label for="" class="control-label col-sm-2">主管理员</label>
  201. <div class="form-controls col-sm-8">
  202. <div class="input-group">
  203. <input type="hidden" name="uid" value="{$owner['uid']}" id="manager">
  204. <input type="text" class="form-control" value="{$owner['username']}" id="showname">
  205. <span class="input-group-btn">
  206. <button class="btn btn-default" ng-click="selectOwner($event)">选择管理员</button>
  207. </span>
  208. </div>
  209. <span class="help-block">如果是新用户,请先 <a href="{url 'user/create'}" target="_blank" class="color-default">添加用户</a>,不设置(即留空)则默认为创始人</span>
  210. </div>
  211. </div>
  212. <div class="form-group">
  213. <label for="" class="control-label col-sm-2">修改管理员用户权限组</label>
  214. <div class="form-controls col-sm-8">
  215. <select name="groupid" class="we7-select col-sm-3" id="groupid" ng-model="owner.groupid" ng-change="changeGroup()">
  216. <option value="0">不设置</option>
  217. {loop $groups $row}
  218. {php $package = iunserializer($row['package']) ? implode(',', iunserializer($row['package'])) : '';}
  219. <option value="{$row['id']}" {if $row['id'] == $owner['groupid']}selected{/if} data-package="[{$package}]">{$row['name']}</option>
  220. {/loop}
  221. </select>
  222. </div>
  223. </div>
  224. <div class="form-group">
  225. <label for="" class="control-label col-sm-2">平台过期时间</label>
  226. <div class="form-controls col-sm-8">
  227. <div class="form-group">
  228. <input id="istop-1" type="radio" name="is-set-endtime" ng-model="owner.endtime" value="1">
  229. <label for="istop-1">设置</label>
  230. <input id="istop-2" type="radio" name="is-set-endtime" ng-model="owner.endtime" value="0" ng-checked="1">
  231. <label for="istop-2">不限</label>
  232. </div>
  233. <div class="form-group" ng-show="owner.endtime == 1">
  234. {php echo tpl_form_field_date('endtime', $owner['endtime']);}
  235. <span class="help-block">平台有效期默认与主管理员一致,修改日期不可超过主管理员有效期的最大期限。未设置主管理员时,创始人默认为主管理员</span>
  236. </div>
  237. </div>
  238. </div>
  239. </div>
  240. </div>
  241. <table class="table we7-table table-hover">
  242. <tr>
  243. <td colspan="2" class="text-left bg-light-gray">公众号可使用应用权限组(各权限组均包含系统模块和微站默认模板)</td>
  244. </tr>
  245. <tr>
  246. <th class="text-left bg-light-gray">应用权限组</th>
  247. <th class="text-right bg-light-gray">操作</th>
  248. </tr>
  249. {if permission_check_account_user('see_account_manage_module_tpl_all_permission')}
  250. <tr>
  251. <td class="text-left">
  252. <input id="check-0" type="checkbox" name="package[]" autocomplete="off" value="-1" {if is_array($owner['group']['package']) && in_array('-1', $owner['group']['package'])}checked disabled{/if}{if is_array($extend['package']) && !empty($extend['package'][-1])}checked {/if} />
  253. <label for="check-0" class="we7-padding-left we7-margin-horizontal-none">所有服务</label>
  254. </td>
  255. <td>
  256. <div class="link-group">
  257. <a href="javascript:void(0);" class="js-unfold" data-toggle="collapse" data-target="#extend0" ng-click="changeText($event)">展开</a>
  258. </div>
  259. </td>
  260. </tr>
  261. <tr class="collapse bg-light-gray" aria-expanded="true" id="extend0">
  262. <td colspan="2">
  263. <div class="col-sm-1 color-gray text-left we7-padding-none">应用权限</div>
  264. <div class="col-sm-11">
  265. <div class="col-sm-3 text-left">
  266. <span class="label label-danger">系统所有模块</span>
  267. </div>
  268. </div>
  269. <div class="col-sm-1 color-gray text-left we7-padding-none">模板权限</div>
  270. <div class="col-sm-11">
  271. <div class="col-sm-3 text-left">
  272. <span class="label label-danger">系统所有模板</span>
  273. </div>
  274. </div>
  275. </td>
  276. </tr>
  277. {/if}
  278. {loop $unigroups $package}
  279. <tr>
  280. <td class="text-left">
  281. <input id="check-{$package['id']}" type="checkbox" name="package[]" autocomplete="off" {if is_array($owner['group']['package']) && in_array($package['id'], $owner['group']['package'])}checked disabled{/if} {if is_array($extend['package']) && !empty($extend['package'][$package['id']])}checked {/if} value="{$package['id']}" />
  282. <label for="check-{$package['id']}" class="we7-padding-left we7-margin-horizontal-none">{$package['name']}</label>
  283. </td>
  284. <td class="text-left">
  285. <div class="link-group">
  286. <a href="javascript:void(0);" class="color-default js-unfold" data-toggle="collapse" data-target="#extend{$package['id']}" ng-click="changeText($event)">展开</a>
  287. </div>
  288. </td>
  289. </tr>
  290. <tr class="collapse bg-light-gray" aria-expanded="true" id="extend{$package['id']}">
  291. <td colspan="2">
  292. <div>
  293. <div class="col-sm-1 color-gray text-left we7-padding-none">应用权限</div>
  294. <div class="col-sm-11">
  295. {if !empty($package['modules'])}
  296. {loop $package['modules'] $module}
  297. <div class="col-sm-3 text-left">
  298. <img src="{$module['logo']}" style="width:50px;height:50px;">
  299. <a href="javascript:void(0);">{$module['title']}</a>
  300. </div>
  301. {/loop}
  302. {else}
  303. <div class="col-sm-3 text-left">---</div>
  304. {/if}
  305. </div>
  306. </div>
  307. <div>
  308. <div class="col-sm-1 color-gray text-left we7-padding-none">模板权限</div>
  309. <div class="col-sm-11">
  310. {if !empty($package['templates']) && $package['templates'] != 'N;'}
  311. {loop $package['templates'] $template}
  312. <div class="col-sm-3 text-left">
  313. <i class="glyphicon glyphicon-th-large"></i>
  314. <a href="javascript:void(0);">{$template['title']}</a>
  315. </div>
  316. {/loop}
  317. {else}
  318. <div class="col-sm-3 text-left">
  319. <a href="">---</a>
  320. </div>
  321. {/if}
  322. </div>
  323. </div>
  324. </td>
  325. </tr>
  326. {/loop}
  327. <tr class="account-package-extra" {if empty($owner['extend'])}style="display:none;"{/if}>
  328. <td class="text-left bg-light-gray" colspan="2">添加其他应用权限</td>
  329. </tr>
  330. <tr class="account-package-extra" {if empty($owner['extend'])}style="display:none;"{/if}>
  331. <td class="text-left">
  332. 应用权限:
  333. <span class="js-extra-modules">
  334. {loop $owner['extend']['modules'] $module}
  335. <span class="label label-info">{$module['title']}</span>
  336. <input type="hidden" value="{$module['name']}" name="extra[modules][]">
  337. {/loop}
  338. </span>
  339. </td>
  340. <td class="text-left">
  341. 模板权限:
  342. <span class="js-extra-templates">
  343. {loop $owner['extend']['templates'] $template}
  344. <span class="label label-info">{$template['title']}</span>
  345. <input type="hidden" value="{$template['id']}" name="extra[templates][]">
  346. {/loop}
  347. </span>
  348. </td>
  349. </tr>
  350. <tr>
  351. <td class="text-center" colspan="2">
  352. <span class="btn btn-primary" data-toggle="modal" data-target="#jurisdiction-add">添加权限</span>
  353. </td>
  354. </tr>
  355. </table>
  356. <div class="form-group">
  357. <input type="submit" name="submit" value="下一步" class="btn btn-primary btn-submit"/>
  358. <input type="hidden" name="token" value="{$_W['token']}">
  359. </div>
  360. <div class="modal" id="jurisdiction-add">
  361. <div class="modal-dialog we7-modal-dialog">
  362. <div class="modal-content">
  363. <div class="modal-header">
  364. <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
  365. <ul role="tablist" class="nav nav-pills">
  366. <li class="active"><a class="we7-padding-horizontal" data-toggle="tab" role="tab" aria-controls="content-modules" href="#content-modules">模块</a></li>
  367. <li><a class="we7-padding-horizontal" data-toggle="tab" role="tab" aria-controls="content-templates" href="#content-templates">模板</a></li>
  368. </ul>
  369. </div>
  370. <div class="modal-body">
  371. <div class="tab-content">
  372. <div id="content-modules" class="tab-pane active" role="tabpanel">
  373. <table class="table we7-table table-hover vertical-middle">
  374. <col width="280px">
  375. <col width="220px">
  376. <col />
  377. <tr>
  378. <th>模块名称</th>
  379. <th>模块标识</th>
  380. <th></th>
  381. </tr>
  382. {loop $modules $module}
  383. <tr>
  384. <td>{$module['title']}{if $module['issystem']}<span class="label label-success">系统模块</span>{/if}</td>
  385. <td>{$module['name']}</td>
  386. <td><a class="btn btn-default js-btn-select {if is_array($extend['modules']) && in_array($module['name'], $extend['modules'])}btn-primary{/if}" data-title="{$module['title']}" data-name="{$module['name']}" onclick="$(this).toggleClass('btn-primary')">选取</a></td>
  387. </tr>
  388. {/loop}
  389. </table>
  390. </div>
  391. <div id="content-templates" class="tab-pane" role="tabpanel">
  392. <table class="table we7-table table-hover vertical-middle">
  393. <col width="280px">
  394. <col width="220px">
  395. <col />
  396. <tr>
  397. <th>模板名称</th>
  398. <th>模板标识</th>
  399. <th></th>
  400. </tr>
  401. {loop $templates $temp}
  402. <tr>
  403. <td>{$temp['title']}</td>
  404. <td>{$temp['name']}</td>
  405. <td><a class="btn btn-default js-btn-select {if is_array($extend['templates']) && in_array($temp['id'], $extend['templates'])}btn-primary{/if}" data-title="{$temp['title']}" data-name="{$temp['id']}" onclick="$(this).toggleClass('btn-primary')">选取</a></td>
  406. </tr>
  407. {/loop}
  408. </table>
  409. </div>
  410. </div>
  411. </div>
  412. <div class="modal-footer">
  413. <button type="button" class="btn btn-primary" ng-click="addPermission()">确定</button>
  414. <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
  415. </div>
  416. </div>
  417. </div>
  418. </div>
  419. </form>
  420. </div>
  421. <script type="text/javascript">
  422. angular.module('accountApp').value('config', {
  423. notify: {php echo !empty($notify) ? json_encode($notify) : 'null'},
  424. owner: {php echo !empty($owner) ? json_encode($owner) : 'null'},
  425. links: {
  426. userinfo: "{php echo url('account/post-step', array('step' => 3, 'get_type' => 'userinfo'))}",
  427. }
  428. });
  429. angular.bootstrap($('#js-account-post-step3'),['accountApp']);
  430. </script>
  431. {elseif $_GPC['step'] == 4}
  432. <div class="account-list-add-step">
  433. <ol class="breadcrumb we7-breadcrumb">
  434. <a href="{php echo url('account/manage', array('account_type' => ACCOUNT_TYPE_OFFCIAL_NORMAL))}"><i class="wi wi-back-circle"></i> </a>
  435. <li><a href="{php echo url('account/manage', array('account_type' => ACCOUNT_TYPE_OFFCIAL_NORMAL))}">公众号列表</a></li>
  436. <li>新建公众号</li>
  437. </ol>
  438. <div class="we7-step">
  439. <ul>
  440. <li>1 设置公众号信息</li>
  441. {if !empty($_W['isfounder'])}
  442. <li>2 设置权限</li>
  443. <li class="active">3 引导页面</li>
  444. {else}
  445. <li class="active">2 引导页面</li>
  446. {/if}
  447. </ul>
  448. </div>
  449. <div class="we7-form" id="js-account-post-step4" ng-controller="AccountPostStepFour" ng-cloak>
  450. <!--第四步:引导页面-->
  451. <p class="alert alert-info">您绑定的微信公众号:<strong ng-bind="account.name"></strong>,请按照下列引导完成配置。</p>
  452. <div class="panel we7-panel" ng-if="account.isconnect == 0">
  453. <div class="panel-heading">
  454. 第一步
  455. </div>
  456. <div class="panel-body">
  457. <div class="alert">
  458. <i class="wi wi-info-sign"></i>
  459. <span>登录 <a href="https://mp.weixin.qq.com/" class="color-default" target="_blank">微信公众平台</a>,点击左侧菜单最后一项,进入 [ <em class=" color-red">开发者中心</em> ]</span>
  460. </div>
  461. <div class="form-group">
  462. <div class="img"><img src="./resource/images/guide-01.png"></div>
  463. <p># 如果您未成为开发者,请勾选页面上的同意协议,再点击 [ <em class="color-red">成为开发者</em> ] 按钮</p>
  464. </div>
  465. </div>
  466. </div>
  467. <div class="panel we7-panel" ng-if="account.isconnect == 0">
  468. <div class="panel-heading">
  469. 第二步
  470. </div>
  471. <div class="panel-body">
  472. <div class="alert">
  473. <i class="wi wi-info-sign"></i>
  474. <span>在开发者中心,找到[<em class="color-red"> 服务器配置</em> ]栏目下URL和Token设置</span>
  475. </div>
  476. <div class="form-group">
  477. <div class="img"><img src="./resource/images/guide-02.png"/></div>
  478. <p># 将以下链接链接填入对应输入框:</p>
  479. <div class="form-group clip">
  480. <label class="col-sm-1 control-label">URL:</label>
  481. <div class="col-sm-11 input-group">
  482. <p class="form-control-static">
  483. <a href="javascript:;">{$_W['siteroot']}api.php?id={$account['acid']}</a>
  484. <a href="javascript:;" id="copy-0" class="color-default" clipboard supported="supported" text="url" on-copied="success('0')">&nbsp;&nbsp;点击复制</a>
  485. </p>
  486. </div>
  487. </div>
  488. <div class="form-group clip">
  489. <label class="col-sm-1 control-label">Token:</label>
  490. <div class="col-sm-11 input-group">
  491. <p class="form-control-static">
  492. <a href="javascript:;" ng-bind="account.token"></a>
  493. <a href="javascript:;" id="copy-1" class="color-default" clipboard supported="supported" text="account.token" on-copied="success('1')">&nbsp;&nbsp;点击复制</a>
  494. </p>
  495. </div>
  496. </div>
  497. <div class="form-group clip">
  498. <label class="col-sm-2 control-label">EncodingAESKey:</label>
  499. <div class="col-sm-10 input-group">
  500. <p class="form-control-static">
  501. <a href="javascript:;" title="点击复制EncodingAESKey" ng-bind="account.encodingaeskey"></a>
  502. <a href="javascript:;" id="copy-2" class="color-default" clipboard supported="supported" text="account.encodingaeskey" on-copied="success('2')">&nbsp;&nbsp;点击复制</a>
  503. </p>
  504. </div>
  505. </div>
  506. <p># 如果以前已填写过URL和Token,请点击[<em class=" color-red"> 修改配置 </em>] ,再填写上述链接</p>
  507. <p># 请点击 [<em class=" color-red"> 启用 </em>] ,以启用服务器配置:</p>
  508. <div class="img"><img src="./resource/images/guide-03.png" width="524"></div>
  509. </div>
  510. </div>
  511. </div>
  512. <div class="panel we7-panel">
  513. <div class="panel-heading">
  514. 第三步
  515. </div>
  516. <div class="panel-body">
  517. <div class="alert">
  518. <i class="wi wi-info-sign"></i>
  519. <span class="color-red" ng-if="account.isconnect == 1">公众号 <span ng-bind="account.name"></span> 接入成功</span>
  520. <span class="color-red" ng-if="account.isconnect == 0">公众号 <span ng-bind="account.name"></span> 正在等待接入……请及时按照以上步骤操作接入公众平台</span>
  521. </div>
  522. <div class="form-group">
  523. <div ng-if="account.isconnect == 0">
  524. <p># 检查公众平台配置</p>
  525. <p># 编辑公众号 <a ng-href="{{links.post}}acid={{account.acid}}&uniacid={{account.uniacid}}">{$account['name']}</a></p>
  526. <a href="javascript:window.location.reload();" class="btn btn-success">检测是否接入成功</a>&nbsp;
  527. <a ng-href="{{links.switch}}uniacid={{account.uniacid}}" class="btn btn-primary">暂不接入,先去查看公众号功能</a>&nbsp;
  528. <a ng-href="{{links.manage}}" class="btn btn-info">返回公众号列表</a>
  529. </div>
  530. <div ng-if="account.isconnect == 1">
  531. <a ng-href="{{links.post}}acid={{account.acid}}&uniacid={{account.uniacid}}" class="btn btn-primary">管理公众号</a>
  532. </div>
  533. </div>
  534. </div>
  535. </div>
  536. </div>
  537. </div>
  538. <script type="text/javascript">
  539. angular.module('accountApp').value('config', {
  540. account: {php echo !empty($account) ? json_encode($account) : 'null'},
  541. links: {
  542. siteroot: "{$_W['siteroot']}",
  543. post: "{php echo url('account/post')}",
  544. manage: "{php echo url('account/manage', array('account_type' => ACCOUNT_TYPE_OFFCIAL_NORMAL))}",
  545. wxapp_manage: "{php echo url('account/manage')}",
  546. switch: "{php echo url('account/display/switch')}",
  547. }
  548. });
  549. angular.bootstrap($('#js-account-post-step4'),['accountApp']);
  550. </script>
  551. {/if}
  552. {template 'common/footer'}