index.html 46 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="width=device-width,user-scalable=no,minimum-scale=1,initial-scale=1">
  6. <meta name="apple-mobile-web-app-capable" content="yes"/>
  7. <meta name="apple-mobile-web-app-status-bar-style" content="black"/>
  8. <meta name="applicable-device" content="mobile">
  9. <title>{$title}</title>
  10. <script type="text/javascript" src="__PUBLIC__/js/do.js" charset="utf-8"></script>
  11. <script type="text/javascript" src="__PUBLIC__/js/moble.js" charset="utf-8"></script>
  12. <link rel="stylesheet" href="__STATIC__/allwin/style.css" />
  13. </head>
  14. <body ontouchstart>
  15. <style>
  16. .demos-title {
  17. text-align: center;
  18. font-size: 34px;
  19. color: #333;
  20. font-weight: 400;
  21. margin: 0 15%;
  22. }
  23. .bill_bd{
  24. display: none;
  25. height: 100%;
  26. overflow: auto;
  27. }
  28. .bill_bd_active{
  29. display: block;
  30. }
  31. .bill{
  32. position: relative;
  33. display: block;
  34. -webkit-box-flex: 1;
  35. -webkit-flex: 1;
  36. flex: 1;
  37. padding: 13px 0;
  38. text-align: center;
  39. font-size: 15px;
  40. -webkit-tap-highlight-color: rgba(0,0,0,0);
  41. }
  42. .bill_on{
  43. color: #666;
  44. background-color: #f1f1f1;
  45. }
  46. .weui-tabbar__icon{
  47. line-height: 27px;
  48. }
  49. .demos-header{
  50. background-color: #fafafa;
  51. padding: 20px 0px;
  52. }
  53. .index-png div:first-child{
  54. width: 35px;
  55. height: 40px;
  56. background-size: 35px 35px;
  57. float: left;
  58. background-repeat: no-repeat;
  59. margin: 10px 5px;
  60. }
  61. .index-png{
  62. width: 45%;
  63. float: left;
  64. margin-left: 15px;
  65. height: 85px;
  66. }
  67. .category-title{
  68. font-size: 16px;
  69. }
  70. .category-content{
  71. font-size: 12px;
  72. color: rgb(193,193,193);
  73. }
  74. .index-title{
  75. color: #bbd000;
  76. font-size: 22px;
  77. text-align: center;
  78. font-weight: bold;
  79. margin-top: 30px;
  80. line-height: 40px;
  81. }
  82. .index-title-content{
  83. color: #bbd000;
  84. text-align: center;
  85. font-size: 15px;
  86. margin-bottom: 25px;
  87. }
  88. .index-title-png{
  89. background-image: url(/static/allwin/agent/9.png);
  90. width: 90%;
  91. height: 100%;
  92. margin-left: 5%;
  93. background-size: 100% 55%;
  94. background-repeat: no-repeat;
  95. border-radius: 5px;
  96. }
  97. .index-second-title-png{
  98. background-image: url(/static/allwin/agent/10.png);
  99. width: 100%;
  100. height: 110%;
  101. background-repeat: no-repeat;
  102. margin-top: -178px;
  103. background-size: 100% 61%;
  104. }
  105. .index-second-title-png-item{
  106. height: 70%;
  107. margin-top: -80px;
  108. background-size: 100% 100%;
  109. }
  110. .index-title-font{
  111. color: #fff;
  112. font-size: 20px;
  113. }
  114. .join-worker{
  115. color: #bbd000;
  116. background-color: #3e3e3e;
  117. height: 50px;
  118. line-height: 50px;
  119. text-align: center;
  120. margin: -270px 15% 0px 15%;
  121. border-radius: 25px;
  122. font-weight: bold;
  123. font-size: 20px;
  124. box-shadow: 0px 3px 1px -2px rgba(0,0,0,0.2), 0px 2px 2px 0 rgba(0,0,0,0.14), 0px 1px 5px 0 rgba(0,0,0,0.12);
  125. }
  126. .city-png{
  127. background-image: url(/static/allwin/agent/11.png);
  128. width: 101%;
  129. height: 100%;
  130. background-size: 100% 35%;
  131. background-repeat: no-repeat;
  132. margin-top: 17px;
  133. }
  134. .worker-name{
  135. padding: 5% 0px 0px 9%;
  136. font-size: 20px;
  137. font-weight: bold;
  138. }
  139. .worker-introduce{
  140. font-size: 12px;
  141. padding-left: 9%;
  142. color: #a0a0a0;
  143. }
  144. .worth-title{
  145. margin-left: 62%;
  146. margin-top: -55px;
  147. font-size: 14px;
  148. }
  149. .index-top-png{
  150. background-image: url(/static/allwin/agent/12.png);
  151. height: 140px;
  152. background-size: 100% 100%;
  153. }
  154. .weui-popup .content_page label.weui-label{
  155. font-size: 17px;
  156. }
  157. .item3-head{
  158. width: 50px;
  159. height: 50px;
  160. background-repeat: no-repeat;
  161. background-size: 100% 100%;
  162. border-radius: 50px;
  163. position: relative;
  164. top: 15px;
  165. left: 15px;
  166. }
  167. .item3-name{
  168. position: relative;
  169. top: -40px;
  170. left: 100px;
  171. font-weight: bold;
  172. font-size: 16px;
  173. color: #fff;
  174. }
  175. .item3-city{
  176. /*background-image: url(/static/allwin/agent/13.png);*/
  177. position: relative;
  178. top: -30px;
  179. left: 75px;
  180. background-size: 6% 100%;
  181. background-repeat: no-repeat;
  182. text-indent: 25px;
  183. }
  184. .item3-money{
  185. /*background-image: url(/static/allwin/agent/14.png);*/
  186. position: relative;
  187. right: -60%;
  188. top: -52px;
  189. background-size: 6% 100%;
  190. background-repeat: no-repeat;
  191. text-indent: 25px;
  192. }
  193. .item3-store-num{
  194. /*background-image: url(/static/allwin/agent/15.png);*/
  195. position: relative;
  196. top: -5px;
  197. background-size: 6% 100%;
  198. background-repeat: no-repeat;
  199. text-indent: 25px;
  200. }
  201. .item3-vip-count{
  202. /*background-image: url(/static/allwin/agent/16.png);*/
  203. position: relative;
  204. right: -30%;
  205. top: -27px;
  206. background-size: 7% 100%;
  207. background-repeat: no-repeat;
  208. text-indent: 25px;
  209. }
  210. .item3-store-sum{
  211. /*background-image: url(/static/allwin/agent/14.png);*/
  212. position: relative;
  213. right: -60%;
  214. top: -50px;
  215. background-size: 6% 100%;
  216. background-repeat: no-repeat;
  217. text-indent: 25px;
  218. }
  219. .box-shadow{
  220. margin: 5px;
  221. box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.1), 0px 2px 2px 0 rgba(0, 0, 0, 0.14), 0px 1px 5px 0 rgba(0, 0, 0, 0.12);
  222. border-radius: 15px;
  223. }
  224. .demos-second-title{
  225. text-align: center;
  226. font-size: 24px;
  227. color: #3cc51f;
  228. font-weight: 400;
  229. margin: 0 15%;
  230. }
  231. </style>
  232. <div class="wrapper">
  233. <!--消息体-->
  234. {if empty($worker)}
  235. <div style="background-color: #fff;height: 100%;">
  236. <div style="background-color:#bbd900;height: 283px;padding-top: 1rem">
  237. <div class="index-title-png">
  238. <div class="index-title-font worker-name">合伙人</div>
  239. <div class="index-title-font worker-introduce">每天现金领不停</div>
  240. <div class="index-title-font worth-title">¥<span style="font-size: 30px;">{$setting.workers_on_amount}</span></div>
  241. </div>
  242. <div class="index-second-title-png"></div>
  243. <div class="join-worker" onclick="javascript:router.setRoute('workerSla')">我要加入合伙人</div>
  244. <div class="city-png"></div>
  245. </div>
  246. <div style="padding: 0px 5px;background-color: #fff;">
  247. <div class="index-title">合伙人专属权益</div>
  248. <div class="index-title-content">享千店加盟费和服务费</div>
  249. <div class="index-png">
  250. <div style="background-image: url(__STATIC__/allwin/agent/7.png)"></div>
  251. <div class="category-title">消费省钱</div>
  252. <div class="category-content">消费减免,还能领取优惠券优惠</div>
  253. </div>
  254. <div class="index-png">
  255. <div style="background-image: url(__STATIC__/allwin/agent/2.png)"></div>
  256. <div class="category-title">分享赚钱</div>
  257. <div class="category-content">分享朋友使用,买一送二,还能赚佣金</div>
  258. </div>
  259. <div class="index-png">
  260. <div style="background-image: url(__STATIC__/allwin/agent/5.png)"></div>
  261. <div class="category-title">服务费收益</div>
  262. <div class="category-content">享所属好店服务费收益</div>
  263. </div>
  264. <div class="index-png">
  265. <div style="background-image: url(__STATIC__/allwin/agent/1.png)"></div>
  266. <div class="category-title">代言+收益</div>
  267. <div class="category-content">平台店员会员20元/人</div>
  268. </div>
  269. <div class="index-png">
  270. <div style="background-image: url(__STATIC__/allwin/agent/3.png)"></div>
  271. <div class="category-title">加盟费收益</div>
  272. <div class="category-content">享所属联盟商的加盟费收入</div>
  273. </div>
  274. <div class="index-png">
  275. <div style="background-image: url(__STATIC__/allwin/agent/6.png)"></div>
  276. <div class="category-title">消费返佣收益</div>
  277. <div class="category-content">所属好店每笔交易服务费的10%返佣</div>
  278. </div>
  279. <div class="index-png">
  280. <div style="background-image: url(__STATIC__/allwin/agent/4.png)"></div>
  281. <div class="category-title">店铺代言</div>
  282. <div class="category-content">店铺代言,最高享40%返佣</div>
  283. </div>
  284. <div class="index-png">
  285. <div style="background-image: url(__STATIC__/allwin/agent/8.png)"></div>
  286. <div class="category-title">轻松创业</div>
  287. <div class="category-content">自由创业,月入过万不是梦</div>
  288. </div>
  289. <div style="clear: both"></div>
  290. </div>
  291. <div class="weui-cells" style="display: none">
  292. <div class="weui-cell">
  293. <div class="weui-cell__bd">
  294. <input class="weui-input" type="text" id='picker' placeholder="请选择您的城市" style="text-align: center"/>
  295. </div>
  296. </div>
  297. </div>
  298. </div>
  299. {elseif $worker.pay_state == 0 || $worker.is_pass == 0 || $worker.is_lock == 1 /}
  300. <div class="weui-msg">
  301. <div class="index-top-png" style=" margin-bottom: 36px;margin-top: -36px;"></div>
  302. <div class="weui-msg__icon-area"><i class="weui-icon-warn weui-icon_msg" style="color: #bbd000"></i></div>
  303. <div class="weui-msg__text-area">
  304. {if $worker.pay_state == 0 /} <h2 class="weui-msg__title">您还未缴纳合伙人费用</h2> <p class="weui-msg__desc">现在去支付</p>
  305. {elseif $worker.is_pass == 0 /}<h2 class="weui-msg__title">恭喜您,加入合伙人</h2> <p class="weui-msg__desc">您的资料正在审核中,请稍后!</p>
  306. {elseif $worker.is_lock == 1 /}<h2 class="weui-msg__title">您的帐户存在异常</h2> <p class="weui-msg__desc">登录帐号被锁定,请联系公司进行重置</p>
  307. {/if}
  308. </div>
  309. <div class="weui-msg__opr-area">
  310. <p class="weui-btn-area">
  311. {if $worker.pay_state == 0 /} <a href="javascript:;" class="weui-btn weui-btn_default" onclick="pay()" style="width: 30%;background-color: #bbd000;">确认支付</a>
  312. {else/}<a href="javascript:;" class="weui-btn weui-btn_default" onclick="javascript :history.back(-1);" style="width: 50%;background-color: #bbd000;">返回</a>
  313. {/if}
  314. </p>
  315. </div>
  316. </div>
  317. {else/}
  318. <!-- 主体-->
  319. <div class="weui-tab">
  320. <div class="weui-tabbar">
  321. <a href="#tab1" class="weui-tabbar__item">
  322. <div class="weui-tabbar__icon">
  323. <i class="iconfont icon-store_icon weui-bar__item--on" style="color: orange"></i>
  324. </div>
  325. <p class="weui-tabbar__label">好店</p>
  326. </a>
  327. <a href="#tab2" class="weui-tabbar__item">
  328. <div class="weui-tabbar__icon">
  329. <i class="iconfont icon-add_icon" style="color:rgb(26, 173, 25)"></i>
  330. </div>
  331. <p class="weui-tabbar__label">增加好店</p>
  332. </a>
  333. <a href="#tab3" class="weui-tabbar__item">
  334. <div class="weui-tabbar__icon">
  335. <i class="iconfont icon-server_icon" style="color: violet"></i>
  336. </div>
  337. <p class="weui-tabbar__label">统计</p>
  338. </a>
  339. </div>
  340. <div class="weui-tab__bd" style="background-color: #fff;">
  341. <div class="weui-tab__bd">
  342. <div id="tab1" class="weui-tab__bd-item weui-tab__bd-item--active" style="background-color: white"></div>
  343. <div id="tab2" class="weui-tab__bd-item"></div>
  344. <div id="tab3" class="weui-tab__bd-item"></div>
  345. </div>
  346. </div>
  347. </div>
  348. {/if}
  349. </div>
  350. <div id="store_bill" class="weui-popup weui-popup__container fn-hide order" style="z-index: 600;">
  351. <div class="weui-popup__modal">
  352. <div class="content_page" style="background-color: #fff"><div class="popup" id="store_bill-view" style="margin-top: 0px"><!--店铺详情--></div></div>
  353. </div>
  354. </div>
  355. <!-- 新增好店-->
  356. <script id="add_tpl" type="text/html">
  357. <div class="index-top-png" style="background-image: url(__STATIC__/allwin/agent/17.png)"></div>
  358. <form id="form" style="margin-top: -20px;">
  359. <input type="hidden" name="manage_uid" id="manage_uid">
  360. <input type="hidden" name="id" id="id">
  361. <input type="hidden" name="img" id="img">
  362. <div class="weui-cells">
  363. <div class="weui-cell">
  364. <div class="weui-cell__hd"><label class="weui-label">好店店长:</label></div>
  365. <div class="weui-cell__bd">
  366. <input class="weui-input" type="text" placeholder="绑定手机号或昵称" value="" name="user_name">
  367. </div>
  368. </div>
  369. <div class="weui-cell">
  370. <div class="weui-cell__hd"><label class="weui-label">服务费:</label></div>
  371. <div class="weui-cell__bd">
  372. <input class="weui-input" type="number" placeholder="‰" pattern="[0-9]*" name="charges" value="">
  373. </div>
  374. </div>
  375. <div class="weui-cell">
  376. <div class="weui-cell__hd"><label class="weui-label">营业时间:</label></div>
  377. <div class="weui-cell__bd">
  378. <input class="weui-input" type="text" placeholder="例8:00-12:00" name="work_time" value="">
  379. </div>
  380. </div>
  381. <div class="weui-cell">
  382. <div class="weui-cell__hd"><label class="weui-label">好店名称:</label></div>
  383. <div class="weui-cell__bd">
  384. <input class="weui-input" type="text" placeholder="" name="name" value="">
  385. </div>
  386. </div>
  387. <div class="weui-cell">
  388. <div class="weui-cell__hd"><label class="weui-label">地址:</label></div>
  389. <div class="weui-cell__bd">
  390. <input class="weui-input" type="text" placeholder="省/市/县/区/街道门牌号" name="address" value="">
  391. </div>
  392. </div>
  393. <div class="weui-cell">
  394. <div class="weui-cell__hd"><label class="weui-label">电话:</label></div>
  395. <div class="weui-cell__bd">
  396. <input class="weui-input" type="number" placeholder="门店电话" name="telphone" value="">
  397. </div>
  398. </div>
  399. <div class="weui-cell">
  400. <div class="weui-cell__hd"><label class="weui-label">关键词:</label></div>
  401. <div class="weui-cell__bd">
  402. <input class="weui-input" type="text" placeholder="如:满30元送60元" name="tags" value="">
  403. </div>
  404. </div>
  405. <div class="weui-cell">
  406. <div class="weui-cell__bd">
  407. <div class="weui-uploader">
  408. <div class="weui-uploader__hd">
  409. <p class="weui-uploader__title">商家图片</p>
  410. </div>
  411. <div class="weui-uploader__bd">
  412. <ul class="weui-uploader__files" id="uploaderFiles"></ul>
  413. <div class="weui-uploader__input-box">
  414. <input id="uploaderInput" class="weui-uploader__input" type="file" accept="image/*" multiple="" name="imgs">
  415. </div>
  416. </div>
  417. </div>
  418. </div>
  419. </div>
  420. <label for="weuiAgree" class="weui-agree" onclick="javascript:if($('#weuiAgree').is(':checked')){router.setRoute('storeSla')}">
  421. <input id="weuiAgree" type="checkbox" class="weui-agree__checkbox" placeholder="请先同意协议">
  422. <span class="weui-agree__text">
  423. 阅读并同意<a href="javascript:;">《服务协议》</a>
  424. </span>
  425. </label>
  426. </div>
  427. </form>
  428. <a href="javascript:;" class="weui-btn weui-btn_default submit" style="margin: 20px 20px 100px 20px;">确定</a>
  429. </script>
  430. <!-- 修改好店-->
  431. <script id="edit_tpl" type="text/html">
  432. {literal}
  433. <form id="form">
  434. <input type="hidden" name="manage_uid" id="manage_uid" value="{{item.store.manage_uid}}">
  435. <input type="hidden" name="id" id="id" value="{{item.store.id}}">
  436. <input type="hidden" name="img" id="img" value="{{item.store.img}}">
  437. <div class="weui-cells">
  438. <div class="weui-cell">
  439. <div class="weui-cell__hd"><label class="weui-label">好店店长:</label></div>
  440. <div class="weui-cell__bd">
  441. <input class="weui-input" type="text" placeholder="绑定手机号或昵称" value="{{item.user.nickname}}" name="user_name">
  442. </div>
  443. </div>
  444. <div class="weui-cell">
  445. <div class="weui-cell__hd"><label class="weui-label">服务费:</label></div>
  446. <div class="weui-cell__bd">
  447. <input class="weui-input" type="number" placeholder="‰" pattern="[0-9]*" name="charges" value="{{item.store.charges}}">
  448. </div>
  449. </div>
  450. <div class="weui-cell">
  451. <div class="weui-cell__hd"><label class="weui-label">营业时间:</label></div>
  452. <div class="weui-cell__bd">
  453. <input class="weui-input" type="text" placeholder="例8:00-12:00" name="work_time" value="{{item.store.work_time}}">
  454. </div>
  455. </div>
  456. <div class="weui-cell">
  457. <div class="weui-cell__hd"><label class="weui-label">好店名称:</label></div>
  458. <div class="weui-cell__bd">
  459. <input class="weui-input" type="text" placeholder="" name="name" value="{{item.store.name}}">
  460. </div>
  461. </div>
  462. <div class="weui-cell">
  463. <div class="weui-cell__hd"><label class="weui-label">地址:</label></div>
  464. <div class="weui-cell__bd">
  465. <input class="weui-input" type="text" placeholder="省/市/县/区/街道门牌号" name="address" value="{{item.store.address}}">
  466. </div>
  467. </div>
  468. <div class="weui-cell">
  469. <div class="weui-cell__hd"><label class="weui-label">电话:</label></div>
  470. <div class="weui-cell__bd">
  471. <input class="weui-input" type="number" placeholder="门店电话" name="telphone" value="{{item.store.telphone}}">
  472. </div>
  473. </div>
  474. <div class="weui-cell">
  475. <div class="weui-cell__hd"><label class="weui-label">关键词:</label></div>
  476. <div class="weui-cell__bd">
  477. <input class="weui-input" type="text" placeholder="如:满30元送60元" name="tags" value="{{item.store.tags}}">
  478. </div>
  479. </div>
  480. <div class="weui-cell">
  481. <div class="weui-cell__bd">
  482. <div class="weui-uploader">
  483. <div class="weui-uploader__hd">
  484. <p class="weui-uploader__title">商家图片</p>
  485. </div>
  486. <div class="weui-uploader__bd">
  487. <ul class="weui-uploader__files" id="uploaderFiles">
  488. <li class="weui-uploader__file" style="background-image:url({{item.store.img}})">
  489. </ul>
  490. <div class="weui-uploader__input-box" style="opacity: 0;margin-left: -86px;">
  491. <input id="uploaderInput" class="weui-uploader__input" type="file" accept="image/*" multiple="" name="imgs" >
  492. </div>
  493. </div>
  494. </div>
  495. </div>
  496. </div>
  497. <p class="weui-media-box__desc" style="padding: 10px;color: red;">提示:重新提交资料后,店铺会被锁定,需要管理员审核通过后才会显示,请慎重修改。</p>
  498. </div>
  499. </form>
  500. <a href="javascript:;" class="weui-btn weui-btn_default submit" style="margin: 20px 20px">确定</a>
  501. {/literal}
  502. </script>
  503. <script id="store_tpl" type="text/html">
  504. <div class="index-top-png"></div>
  505. {literal}
  506. {{each item value}}
  507. <a href="javascript:void(0);" class="weui-media-box weui-media-box_appmsg" attr="{{value.id}}" is_lock="{{value.is_lock}}">
  508. <div class="weui-media-box__hd">
  509. <img class="weui-media-box__thumb" src="{{value.img}}">
  510. </div>
  511. <div class="weui-media-box__bd">
  512. <h4 class="weui-media-box__title">{{value.name}}</h4>
  513. <p class="weui-media-box__desc">{{value.address}}</p>
  514. <ul class="weui-media-box__info">
  515. <li class="weui-media-box__info__meta">{{value.cate_name}}</li>
  516. <li class="weui-media-box__info__meta">{{value.telphone}}</li>
  517. {{if value.is_lock}}<li class="weui-media-box__info__meta" style="color: red">待审核</li>{{/if}}
  518. </ul>
  519. </div>
  520. </a>
  521. {{/each}}
  522. {/literal}
  523. </script>
  524. <script id="store_bill_tpl" type="text/html">
  525. <header class="demos-header">
  526. <h1 class="demos-title">{{item.payment}}</h1>
  527. </header>
  528. <div class="weui-tab">
  529. <div class="weui-navbar">
  530. <a class="weui-navbar__item store weui-bar__item--on" href="#store1">今天</a>
  531. <a class="weui-navbar__item store " href="#store2">昨天</a>
  532. <a class="weui-navbar__item store" href="#store3">前天</a>
  533. </div>
  534. <div class="weui-tab__bd">
  535. <div id="store1" class="weui-tab__bd-item weui-tab__bd-item--active"></div>
  536. <div id="store2" class="weui-tab__bd-item"></div>
  537. <div id="store3" class="weui-tab__bd-item"></div>
  538. </div>
  539. </div>
  540. </script>
  541. <script id="store_day_tpl" type="text/html">
  542. {{each item value}}
  543. <div class="box-shadow">
  544. <div class="weui-form-preview__hd">
  545. <label class="weui-form-preview__label">{{value.message}}</label>
  546. <em class="weui-form-preview__value">¥{{value.money}}</em>
  547. <div class="weui-form-preview__bd" style="padding: 0px;font-size: 0.5em;">
  548. <div class="weui-form-preview__item">
  549. <span class="weui-form-preview__value">{{value.update_time | dateFormat 'yyyy-MM-dd hh:mm:ss'}}</span>
  550. </div>
  551. </div>
  552. </div>
  553. </div>
  554. {{/each}}
  555. </script>
  556. <script id="all_bill_head_tpl" type="text/html">
  557. {literal}
  558. <div style="height: 200px;padding-top: 0.6rem;padding-bottom: 0.6rem;background-color: rgb(250, 250, 250);">
  559. <div class="index-title-png" style="background-size: 100% 100%;color: #a0a0a0;font-size: 14px;width: 94%;margin-left: 3%;overflow: hidden;">
  560. <div style="background-image: url({{item.user.face}});" class="item3-head"></div>
  561. <div class="item3-name">{{item.user.nickname}}</div>
  562. <div class="item3-city">合伙人</div>
  563. <div class="item3-money">余&nbsp;&nbsp;额&nbsp;<span style="font-weight: normal;margin-left: 10px;"><span style="font-size: 10px;">¥</span>{{if item.bank}}{{item.bank.due_money/100}}{{else}}0{{/if}}</span></div>
  564. <div class="item3-store-num">好店数量<span style="font-weight: normal;margin-left: 10px;">{{item.storeNum}}</span></div>
  565. <div class="item3-vip-count">会员数量<span style="font-weight: normal;margin-left: 10px;">{{item.vipNum}}</span></div>
  566. <div class="item3-store-sum">交易额<span style="font-weight: normal;margin-left: 8px;"><span style="font-size: 10px;">¥</span>{{item.sum}}</span></div>
  567. </div>
  568. </div>
  569. {/literal}
  570. <div class="weui-tab">
  571. <div class="weui-navbar">
  572. <a class="bill bill_on" href="javascript:;" onclick="clickBill(this,1)">今天</a>
  573. <a class="bill" href="javascript:;" onclick="clickBill(this,2)">昨天</a>
  574. <a class="bill" href="javascript:;" onclick="clickBill(this,3)">前天</a>
  575. </div>
  576. <div class="weui-tab__bd">
  577. <div id="bill1" class="bill_bd bill_bd_active"></div>
  578. <div id="bill2" class="bill_bd"></div>
  579. <div id="bill3" class="bill_bd"></div>
  580. </div>
  581. </div>
  582. </script>
  583. <script id="all_bill_tpl" type="text/html">
  584. {{each item value}}
  585. <div class="box-shadow">
  586. <div class="weui-form-preview__hd">
  587. <label class="weui-form-preview__label">{{value.message}}</label>
  588. <em class="weui-form-preview__value">¥{{value.money}}</em>
  589. <div class="weui-form-preview__bd" style="padding: 0px;font-size: 0.5em;">
  590. <div class="weui-form-preview__item">
  591. <span class="weui-form-preview__value">{{value.update_time | dateFormat 'yyyy-MM-dd hh:mm:ss'}}</span>
  592. </div>
  593. </div>
  594. </div>
  595. </div>
  596. {{/each}}
  597. </script>
  598. <script id="clickLoading" type="text/html">
  599. <div class="weui-footer" style="padding-top: 20px">
  600. <p class="weui-footer__links">
  601. <a href="javascript:void(0);" class="weui-footer__link" onclick="infinite_view_2('{{type}}','{{dom}}','{{page}}','{{id}}')">加载更多</a>
  602. </p>
  603. </div>
  604. </script>
  605. <script id="worker_sla_tpl" type="text/html">
  606. <header class="demos-header" style="background-color: transparent;">
  607. <h2 class="demos-second-title">服务协议</h2>
  608. </header>
  609. <article class="weui-article">
  610. {$sla|dehtml|raw}
  611. </article>
  612. <a href="javascript:;" class="weui-btn weui-btn_default" style="margin: 20px 20px"onclick="javascript :history.back(-1);pay()">同意协议</a>
  613. </script>
  614. <script id="store_sla_tpl" type="text/html">
  615. <header class="demos-header" style="background-color: transparent;">
  616. <h2 class="demos-second-title">服务协议</h2>
  617. </header>
  618. <article class="weui-article">
  619. {$sla|dehtml|raw}
  620. </article>
  621. <a href="javascript:;" class="weui-btn weui-btn_default" style="margin: 20px 20px"onclick="javascript :history.back(-1)">同意协议</a>
  622. </script>
  623. <script id="tips" type="text/html">
  624. <div class="weui-msg">
  625. <div class="index-top-png" style="margin-top: -36px;margin-bottom: 36px;"></div>
  626. <div class="weui-msg__icon-area"><i class="weui-icon-warn weui-icon_msg" style="color: #bbd000"></i></div>
  627. <div class="weui-msg__text-area">
  628. <h2 class="weui-msg__title">未找到店铺</h2> <p class="weui-msg__desc">请先添加好店</p>
  629. </div>
  630. <div class="weui-msg__opr-area">
  631. <p class="weui-btn-area">
  632. <a href="javascript:;" class="weui-btn weui-btn_default" onclick="onAddStore()" style="width: 50%;background-color: #bbd000;color: #fff;">现在去添加好店</a>
  633. </p>
  634. </div>
  635. </div>
  636. </script>
  637. <script id="empty" type="text/html"><div class="weui-loadmore weui-loadmore_line fn-clear" id="buttom"><span class="weui-loadmore__tips" style="background-color:#fff">已到底部</span></div></script>
  638. <script id="loading" type="text/html"><div class="weui-loadmore"><i class="weui-loading"></i><span class="weui-loadmore__tips">正在加载</span></div></script>
  639. <script type="text/javascript">
  640. var hash=window.location.hash;""==hash&&history.replaceState(null,null,"#/"); //修正网址
  641. Do('jqweui','jweixin','fastclick','routes','tpl',function(){
  642. $(function(){
  643. FastClick.attach(document.body);
  644. });
  645. wx.config({$weconfig|raw});
  646. $.showLoading();
  647. item(1,1,'#tab1');
  648. infinite(1,'#tab1');
  649. // 主页menu切换
  650. $(".weui-tabbar__item").on('click',function() {
  651. var index = $('.weui-bar__item--on').attr('href');
  652. var dom = $(this).attr("href");
  653. if (index == dom) return false;
  654. $.showLoading();
  655. $(dom + " > .weui-loadmore").remove();
  656. var type = 2;
  657. switch (dom) {
  658. case "#tab1":
  659. type = 1;
  660. break;
  661. case "#tab3":
  662. type = 3;
  663. break;
  664. default:
  665. type = 2
  666. }
  667. if(type == 2 && incomplete()) return false;
  668. // 清除页面残留信息,清除绑定事件
  669. $(dom).animate({scrollTop: 0,screenLeft: 0,}, 400);
  670. $(dom).empty();
  671. $(dom).unbind();
  672. // 获取数据 绑定滚动事件
  673. item(1,type,dom);
  674. infinite(type,dom);
  675. })
  676. // 开启路由
  677. var home = function(){}
  678. var routes = {'/':home,'/store_bill/:id':store_bill,'/store_by_id/:id':store_by_id,'/workerSla':workerSla,'/storeSla':storeSla};
  679. var allroutes = function(){
  680. var route=window.location.hash.slice(2);
  681. null!=route&&""!=route?($("#store_bill").popup(),$(document.body).addClass("html-body-overflow")):($.closePopup(),$(document.body).removeClass("html-body-overflow"));
  682. };
  683. router = Router(routes);
  684. router.config({on:allroutes});
  685. router.init();
  686. // setTimeout(function(){
  687. // incomplete();
  688. // $.hideLoading();
  689. // },100);
  690. })
  691. // tabar1滚动加载
  692. function infinite(type,dom){
  693. if(type == 3 || type == 2){
  694. return;
  695. }
  696. var loading = false;
  697. var pages = 1;
  698. $(dom).infinite(50).on("infinite",function(){
  699. if(loading){
  700. return;
  701. }
  702. pages++;
  703. loading = true;
  704. $(dom).append(template("loading"));
  705. setTimeout(function(){
  706. loading = item(pages,type,dom)
  707. },600);
  708. });
  709. }
  710. // tabar1弹出页面点击加载
  711. function infinite_view_2(type,dom,pages,id){
  712. $('#store'+type + ".weui-tab__bd-item > .weui-footer").remove();
  713. var loading =true;
  714. pages++;
  715. $(dom).append(template("loading"));
  716. setTimeout(function(){
  717. loading = item_view_1(pages,type,dom,id)
  718. },600);
  719. }
  720. // tabar3滚动加载
  721. function infinite_view_3(type,dom){
  722. var loading = false;
  723. var pages = 1;
  724. $(dom).infinite(50).on("infinite",function(){
  725. if(loading){
  726. return;
  727. }
  728. pages++;
  729. loading = true;
  730. $(dom).append(template("loading"));
  731. setTimeout(function(){
  732. loading = item_view_3(pages,type,dom)
  733. },600);
  734. });
  735. }
  736. // tabar1弹出页面帐单列表获取数据
  737. function item_view_1(page,type,dom,id){
  738. $(dom + ".weui-tab__bd-item > .weui-loadmore").remove();
  739. var loading = false;
  740. $.ajaxSetup({async:false});
  741. $.getJSON("{:urls('allwin-agent-storeBillList',$member_miniapp_id)}",{id:id,page:page,type:type},function(data) {
  742. if(200==data.code){
  743. var html = template("store_day_tpl",{item:data.data.data,page:page});
  744. }else{
  745. var html = template("empty");
  746. loading=true
  747. }
  748. 1==page?$(dom).html(html):$(dom).append(html);
  749. if(data.code == 200 && page != data.data.last_page){
  750. $(dom).append(template("clickLoading",{type:type,dom:dom,page:page,id:id}));
  751. }else if(data.code == 200 && page == data.data.last_page){
  752. $(dom).append(template("empty"));
  753. }
  754. $.hideLoading();
  755. });
  756. return loading;
  757. }
  758. // tabar3列表获取数据
  759. function item_view_3(page,type,dom){
  760. $(dom + ".bill_bd > .weui-loadmore").remove();
  761. var loading = false;
  762. $.ajaxSetup({async:false});
  763. $.getJSON("{:urls('allwin/agent/allBill',$member_miniapp_id)}",{type:type,page:page},function(data) {
  764. if(200==data.code){
  765. var html = template("all_bill_tpl",{item:data.data.data,page:page});
  766. }else{
  767. var html = template("empty");
  768. loading=true
  769. }
  770. $(dom).append(html);
  771. $.hideLoading();
  772. });
  773. return loading;
  774. }
  775. // 首页三个Menu切换获取数据
  776. function item(page,type,dom){
  777. $(dom + ".weui-tab__bd-item > .weui-loadmore").remove();
  778. var loading = false;
  779. if(type == 1){
  780. $.ajaxSetup({async:false});
  781. $.getJSON("{:urls('allwin/agent/myStore',$member_miniapp_id)}",{page:page},function(data) {
  782. if(200==data.code){
  783. var html = template("store_tpl",{item:data.data.data,page:page});
  784. }else if(1 == page && data.code != 200){
  785. var html = template("tips");
  786. loading=true
  787. }
  788. 1==page?$(dom).html(html):$(dom).append(html);
  789. // 为列表里的每项绑定点击事件
  790. $('.weui-media-box_appmsg').unbind();
  791. $('.weui-media-box_appmsg').click(function () {
  792. var id = $(this).attr('attr');
  793. var is_lock = $(this).attr('is_lock');
  794. $.actions({
  795. actions: [{
  796. text: "编辑",
  797. onClick: function() {
  798. if(is_lock == "1") {$.alert('该好店还在审核中'); return};
  799. $.showLoading();
  800. $('#tab2').empty();
  801. router.setRoute('store_by_id/'+id);
  802. }
  803. },{
  804. text: "查看数据",
  805. onClick: function() {
  806. if(is_lock == "1") {$.alert('该好店还在审核中'); return};
  807. $.showLoading();
  808. $.getJSON("{:urls('allwin/agent/getStoreBill',$member_miniapp_id)}?id="+id,function(data) {
  809. if(200==data.code && data.data != null){
  810. router.setRoute('store_bill/'+id);
  811. }else{
  812. $.alert("没有内容");
  813. $.hideLoading();
  814. }
  815. });
  816. }
  817. }]
  818. });
  819. })
  820. $.hideLoading();
  821. });
  822. }else if(type == 2){
  823. $("#store_bill-view > *").remove();
  824. var res = template("add_tpl");
  825. $(dom).html(res);
  826. submitStore();
  827. $.hideLoading();
  828. }else if(type == 3){
  829. $.getJSON("{:urls('allwin/agent/allBillSum',$member_miniapp_id)}",function(data) {
  830. if( 200==data.code && data.data != 0){
  831. var html = template("all_bill_head_tpl",{item:data.data});
  832. $(dom).html(html);
  833. item_view_3(1,1,'#bill1');
  834. infinite_view_3(1,'#bill1');
  835. }else{
  836. var html = template("tips");
  837. $(dom).html(html);
  838. $.hideLoading();
  839. }
  840. });
  841. }
  842. return loading;
  843. }
  844. // 格式化时间
  845. function dateFormat(date, format) {
  846. date = new Date(date * 1000);
  847. var map = {
  848. "M": date.getMonth() + 1, //月份
  849. "d": date.getDate(), //日
  850. "h": date.getHours(), //小时
  851. "m": date.getMinutes(), //分
  852. "s": date.getSeconds(), //秒
  853. "q": Math.floor((date.getMonth() + 3) / 3), //季度
  854. "S": date.getMilliseconds() //毫秒
  855. };
  856. format = format.replace(/([yMdhmsqS])+/g, function(all, t){
  857. var v = map[t];
  858. if(v !== undefined){
  859. if(all.length > 1){
  860. v = '0' + v;
  861. v = v.substr(v.length-2);
  862. }
  863. return v;
  864. }
  865. else if(t === 'y'){
  866. return (date.getFullYear() + '').substr(4 - all.length);
  867. }
  868. return all;
  869. });
  870. return format;
  871. };
  872. function fileSize(file, limitSize) {
  873. var arr = ["KB", "MB", "GB"]
  874. var limit = limitSize.toUpperCase();
  875. var limitNum = 0;
  876. for (var i = 0; i < arr.length; i++) {
  877. var leval = limit.indexOf(arr[i]);
  878. if (leval > -1) {
  879. limitNum = parseInt(limit.substr(0, leval)) * Math.pow(1024, (i + 1))
  880. break
  881. }
  882. }
  883. if (file.size > limitNum) {
  884. return false
  885. }
  886. return true
  887. }
  888. // tabar1 弹出单个店铺帐单
  889. var store_bill = function(id){
  890. $("#store_bill-view > *").remove();
  891. $('#store1' + ".weui-tab__bd-item > .weui-loadmore").remove();
  892. $.getJSON("{:urls('allwin/agent/getStoreBill',$member_miniapp_id)}?id="+id,function(data) {
  893. if(200==data.code && data.data != null){
  894. $("#store_bill-view").html(template("store_bill_tpl",{item:data.data}))
  895. item_view_1(1,1,'#store1',id);
  896. $(".weui-navbar__item").on('click',function() {
  897. var dom = $(this).attr("href");
  898. var index = $('.weui-bar__item--on:eq(1)').attr('href');
  899. if (index == dom) return false;
  900. $.showLoading();
  901. $(dom + " > .weui-loadmore").remove();
  902. var type = 1;
  903. switch (dom) {
  904. case "#store2":
  905. type = 2;
  906. break;
  907. case "#store3":
  908. type = 3;
  909. break;
  910. default:
  911. type = 1
  912. }
  913. item_view_1(1,type,dom,id);
  914. })
  915. }
  916. $.hideLoading();
  917. });
  918. }
  919. // tabar1 弹出单个店铺详情修改
  920. var store_by_id = function(id){
  921. $("#store_bill-view > *").remove();
  922. $.getJSON("{:urls('allwin/agent/getDataById',$member_miniapp_id)}?id="+id,function(data) {
  923. 200==data.code&&$("#store_bill-view").html(template("edit_tpl",{item:data.data}))
  924. submitStore();
  925. $.hideLoading();
  926. });
  927. }
  928. // 为添加修改好店绑定提交事件
  929. function submitStore(){
  930. $(".submit").unbind();
  931. $(".uploaderInput").unbind();
  932. $("input[name=user_name]").unbind();
  933. $(".submit").click(function(){
  934. var id = $('#id').val();
  935. if(!id){
  936. if(!$('#weuiAgree').is(':checked')){
  937. $.alert('请先同意服务协议');
  938. return false;
  939. }
  940. }
  941. $(".submit").unbind();
  942. $.ajax({
  943. type: "POST",
  944. url:"{:urls('allwin/agent/edit',$member_miniapp_id)}",
  945. data:$("#form").serialize(),
  946. dataType: "json",
  947. success: function (data) {
  948. if (data.code == 200 && data.data != 0) {
  949. $.alert(data.msg, function () {
  950. if(id){ history.back(-1)};
  951. setTimeout(function(){
  952. window.location.reload();
  953. },1000);
  954. });
  955. } else if (data.code == 206) {
  956. wx.chooseWXPay({
  957. "timestamp": data.data.timestamp,
  958. "nonceStr": data.data.nonceStr,
  959. "package": data.data.package,
  960. "signType": data.data.signType,
  961. "paySign": data.data.paySign,
  962. success: function (res) {
  963. if(id){ history.back(-1)};
  964. setTimeout(function(){
  965. window.location.reload();
  966. },1000);
  967. },
  968. fail:function(res){
  969. window.location.reload();
  970. },
  971. cancel:function(res){
  972. window.location.reload();
  973. }
  974. })
  975. } else {
  976. $.alert(data.msg);
  977. submitStore();
  978. }
  979. }
  980. })
  981. });
  982. // tabar2失去焦点时获取用户信息
  983. $("input[name=user_name]").blur(function(){
  984. var value = $("input[name=user_name]").val().trim();
  985. if(!value){
  986. $("input[name=user_name]").parent().prev().has('img').remove();
  987. $("input[name=user_name]").val('');
  988. $('#manage_uid').val(null);
  989. return;
  990. }
  991. $.getJSON("{:urls('allwin/agent/getUser',$member_miniapp_id)}?key="+value,function(data) {
  992. if(data.code == 200 && data.data != '' && data.data != null){
  993. $("input[name=user_name]").parent().prev().has('img').remove();
  994. $("input[name=user_name]").val(data.data.nickname);
  995. $("input[name=user_name]").parent().before(' <div class="weui-cell__hd" ><img style="max-width: 25px;" src="'+data.data.face+'"></div>');
  996. $('#manage_uid').val(data.data.id);
  997. }else{
  998. $("input[name=user_name]").parent().prev().has('img').remove();
  999. $("input[name=user_name]").val('');
  1000. $('#manage_uid').val(null);
  1001. $.alert(data.msg);
  1002. }
  1003. });
  1004. });
  1005. // 图片上传
  1006. $("#uploaderInput").change(function(){
  1007. var img = document.forms[0].imgs.files[0];
  1008. if(!fileSize(img,"10MB")){
  1009. $.alert('上传图片最大限制10MB');
  1010. return;
  1011. }
  1012. var fm = new FormData();
  1013. fm.append('img', img);
  1014. $.ajax({
  1015. url: "{:urls('allwin/agent/upImg',$member_miniapp_id)}", type: 'POST', data: fm, contentType: false, //禁止设置请求类型
  1016. processData: false,
  1017. success: function (result) {
  1018. if(result.code == 200){
  1019. $('#uploaderFiles').empty();
  1020. $('#uploaderFiles').append('<li class="weui-uploader__file" style="background-image:url('+result.data+')"></li>');
  1021. $('#img').val(result.data);
  1022. $('.weui-uploader__input-box').css({"opacity": 0,"margin-left": "-86px"});
  1023. }
  1024. }
  1025. });
  1026. });
  1027. }
  1028. // tabar3点击切换
  1029. function clickBill(div,type){
  1030. $.showLoading();
  1031. var dom = '#bill'+type;
  1032. $(dom).empty();
  1033. $(dom).unbind();
  1034. item_view_3(1,type,dom),infinite_view_3(type,dom);
  1035. $(div).siblings('.bill').each(function(){
  1036. if($(this).hasClass('bill_on')){
  1037. $(this).removeClass("bill_on");
  1038. }
  1039. })
  1040. $(dom).siblings('.bill_bd').each(function(){
  1041. if($(this).hasClass('bill_bd_active')){
  1042. $(this).removeClass("bill_bd_active");
  1043. }
  1044. })
  1045. $(div).addClass('bill_on');
  1046. $(dom).addClass('bill_bd_active');
  1047. }
  1048. //支付
  1049. function pay(){
  1050. $.post("{:urls('allwin/agent/pay',$member_miniapp_id)}?id={$worker.id}",function(rel) {
  1051. if(rel.code == 200){
  1052. wx.chooseWXPay({
  1053. "timestamp":rel.data.timestamp,
  1054. "nonceStr":rel.data.nonceStr,
  1055. "package":rel.data.package,
  1056. "signType":rel.data.signType,
  1057. "paySign":rel.data.paySign,
  1058. success:function (res){
  1059. setTimeout(function(){
  1060. window.location.reload();
  1061. },2000);
  1062. },
  1063. fail:function(res){
  1064. window.location.reload();
  1065. },
  1066. cancel:function(res){
  1067. window.location.reload();
  1068. }
  1069. })
  1070. }else{
  1071. $.alert(rel.msg);
  1072. }
  1073. });
  1074. return;
  1075. }
  1076. var workerSla = function(){
  1077. $("#store_bill-view > *").remove();
  1078. $("#store_bill-view").html(template("worker_sla_tpl"))
  1079. }
  1080. var storeSla = function(){
  1081. $("#store_bill-view > *").remove();
  1082. $("#store_bill-view").html(template("store_sla_tpl"))
  1083. }
  1084. function onAddStore(){
  1085. $('.weui-tabbar__item:eq(1)').click();
  1086. incomplete();
  1087. }
  1088. function incomplete(){
  1089. {if $worker && $workerOnStore}
  1090. $('.weui-tabbar__item:eq(0)').click();
  1091. $('#tab2').empty();
  1092. router.setRoute('store_by_id/'+{$workerOnStore.store_id});
  1093. return true;
  1094. {/if}
  1095. return false;
  1096. }
  1097. </script>
  1098. </body>
  1099. </html>