index.html 61 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207120812091210121112121213121412151216121712181219122012211222
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <title>创业帮</title>
  6. <meta name="keywords" content="创业帮">
  7. <meta name="description" content="创业帮">
  8. <meta content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,shrink-to-fit=no,user-scalable=no" name="viewport" viewport="cover">
  9. <meta name="apple-mobile-web-app-capable" content="yes">
  10. <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
  11. <meta content="telephone=no" name="format-detection">
  12. <meta content="email=no" name="format-detection">
  13. <meta name="apple-mobile-web-app-title" content="创业帮">
  14. <meta http-equiv="Cache-Control" content="no-siteapp">
  15. <link rel="stylesheet" href="./static/css/main.css">
  16. <style>
  17. .index_current .indextitle .van-cell__value{flex:.3;}
  18. @keyframes scale1-11-1 {0% {transform:translateX(-50%) scale(1);}50% {transform:translateX(-50%) scale(1.2);}100% {transform:translateX(-50%) scale(1);}}
  19. .getset .van-cell::after{display:none;}
  20. .getset .van-cell{padding:.16rem 0;}
  21. .getset .van-cell .van-checkbox__icon--checked .van-icon{color:#333;}
  22. .baywindow{width: 1.6rem;position:fixed;border-radius:25px;z-index:999;}
  23. .baywindow img{width: 100%;}
  24. .baywindow .icon-logo{bottom:0;left:50%;transform:translateX(-50%);width: 1.6rem;}
  25. .test{background-color:blue;};
  26. .noticepanel {box-sizing: border-box;width: 70vw;padding: 16px 24px 24px;}
  27. .noticepanel img {width: 70vw !important;}
  28. .noticepanel .main {line-height: 1.5;}
  29. .noticepanel .em2 {text-indent: 2em;}
  30. .index-btn::-webkit-scrollbar { display: none !important;}
  31. .gridicon .van-grid-item__icon-wrapper{width:100%;}
  32. .imgrotate{animation:rotate360 5s linear infinite;z-index:-2}
  33. .activedia{border-radius:8px;background:transparent;overflow-y:visible;top:45%;}
  34. .dialogimg{width:75vw;}
  35. .leveup{width:100vw;}
  36. .dialogimg img{width:100%;}
  37. .dialogimg .showbtn,.dialogimg .sharebtn{flex:1;justify-content:center;}
  38. .width50{width:50%;}
  39. .eightactive{width:100vw;}
  40. .h5active{width:100vw;}
  41. .closebtn{bottom:-2.1333rem;left:50%;border-radius:50%;transform: translateX(-50%);font-size:.8rem;}
  42. .redbtn{left:50%;width:60vw !important; bottom:46px; transform: translateX(-50%); animation:scale1-11-1 1s linear infinite}
  43. .getsetdialog{border-radius:.4267rem;}
  44. .getsetdialog .noticepanel{width: 90vw;padding: 24px 20px;box-sizing: border-box;}
  45. .getsetdialog .noticepanel .snlist{height:4.5333rem}
  46. .getsetdialog .noticepanel .dialog-btn button{border-radius:999px;border:1px solid #999;width:45% ;height:1.0667rem}
  47. .getsetdialog .noticepanel .dialog-btn .left{border:1px solid #999;}
  48. .getsetdialog .noticepanel .dialog-btn .right{background-color:#FDD500;border:1px solid #FDD500}
  49. .index-notice .spcolor{color: #333;border-radius: 999px;height:.96rem;line-height:.96rem; background-color:#FFD500; }
  50. .index-notice .noticepanel{padding:20px;width:80vw !important;}
  51. .index_current .my-swipe{width:100% !important; border-radius:0 !important;}
  52. .van-swipe-item{padding:0 .42rem;box-sizing: border-box;}
  53. .van-swipe-item div{border-radius:0.213333rem;overflow: hidden !important;}
  54. .van-cell::after{display:none;}
  55. .van-share-sheet__options{justify-content:space-around !important;}
  56. .noticedialog .noticepanel{border-radius:.4267rem;}
  57. .rotatehand{transform-origin: bottom center;animation:rotate10 2s linear infinite;}
  58. </style>
  59. <style>
  60. /* 首页*/
  61. .banner .van-skeleton__title{height:3rem;border-radius:10px;}
  62. .banner1 .van-skeleton__title{height:5rem;border-radius:15px;}
  63. .indexicon{margin-top:50px;}
  64. .indexicon .van-skeleton__content{display:flex; justify-content:space-between;}
  65. .indexicon .van-skeleton__content .van-skeleton__row{display:inline-block; width:1.2rem !important; height:1.2rem; margin-top:0 !important; border-radius:50%;}
  66. /* 商品详情*/
  67. .mall-skeleton-title .van-skeleton__title{height:9rem;border-radius:15px;}
  68. .mall-skeleton-text .van-skeleton__title{height:3rem;border-radius:15px;}
  69. .mall-skeleton .van-skeleton__title{height:10rem;border-radius:15px;}
  70. </style>
  71. </head>
  72. <body class="pt0 pb0 ovh invited-old" style="padding-top:0;">
  73. <div class="index_current" id="app" v-cloak>
  74. <div class="baywindow op0" v-if="isme">
  75. <div @click.stop="goraffle">
  76. <canvas class="canvas pagcanvas" id="pag" style="z-index:999;bottom:0;width:100%;height:1.6rem;"></canvas>
  77. </div>
  78. </div>
  79. <van-skeleton title avatar :row="0" title-width="30%" round :loading="loading" style="padding:30px;"></van-skeleton>
  80. <van-skeleton class="banner" title :row="0" title-width="100%" :loading="loading"></van-skeleton>
  81. <van-skeleton class="indexicon" title :row="4" :title="false" :loading="loading"></van-skeleton>
  82. <van-skeleton class="indexicon" title :row="4" :title="false" :loading="loading" style="margin-top:20px;"></van-skeleton>
  83. <van-skeleton title :row="0" title-width="30%" round :loading="loading" style="margin-top:40px;"></van-skeleton>
  84. <van-skeleton class="banner1" title :row="0" title-width="100%" :loading="loading" style="margin-top:30px;"></van-skeleton>
  85. <div class="ovh-x" ref="wrapper2" v-if="!loading">
  86. <van-pull-refresh v-model="isLoading" @refresh="onRefresh('s')" style="height:100%;">
  87. <van-sticky @change="sticky">
  88. <div class="fleximg df cm bgcfff" v-if="topisshow"><img src="./static/images/logo-text.png" alt=""></div>
  89. </van-sticky>
  90. <van-cell class="indextitle">
  91. <template #title>
  92. <div class="df index_userinfo" @click="userinfobtn"><img class="userimg" :src="userphoto"><span class="username">{{username}}</span><img class="vm" src="./static/images/user-b-alliance.png" alt="" v-if="LeaderLevel === 2" style="width:1.7rem;margin:0 10px;"><img class="vm" src="./static/images/user-s-alliance.png" alt="" v-if="LeaderLevel === 1" style="width:1.7rem;margin:0 10px;"><img class="vm" src="./static/images/user-certified-warehouse.png" alt="" v-if="AuthFlag === 1" style="width:1.7rem;"></div>
  93. </template>
  94. <template #default>
  95. <div class="df index_userinfo defaultimg" @click="server">
  96. <div class="c333 f12">在线客服</div>
  97. </div>
  98. </template>
  99. </van-cell>
  100. <van-swipe class="my-swipe" :autoplay="1000000" indicator-color="rgba(255,255,255,.8)" v-cloak>
  101. <van-swipe-item v-for="item,index in banner" :key="index" @click="bannerbtn(item.Id)" v-if="item.Id === 19 &amp;&amp; Number(nowdata) &lt; 16">
  102. <div><img width="100%" :src="item.PicPath" fit="cover" lazy-load></div>
  103. </van-swipe-item>
  104. <van-swipe-item v-for="item,index in banner" :key="index" @click="bannerbtn(item.Id)" v-if="item.Id !== 19">
  105. <div><img width="100%" :src="item.PicPath" fit="cover" lazy-load></div>
  106. </van-swipe-item>
  107. </van-swipe>
  108. <div class="bb8f7f7f7 pt16"></div>
  109. <div class="rel" v-if="entrancelist.length&gt;8">
  110. <div class="index-btn bb8f7f7f7 ovh container" style="width:100%;" ref="gridelbox">
  111. <div class="container1" ref="gridel" :style="'width:'+(Math.ceil(entrancelist.length / 2))*25+'%;transform:translateX(0px)'">
  112. <van-grid class="main-btn" :border="false" :column-num="Math.ceil(entrancelist.length / 2)" :icon-size="20" v-cloak>
  113. <van-grid-item class="gridicon" v-for="item,index in entrancelist" :text="item.Title" @click="entrance(item.Url)">
  114. <template v-slot:icon><img :src="item.Icon"></template>
  115. </van-grid-item>
  116. </van-grid>
  117. </div>
  118. </div>
  119. <div class="abs df" style="height:4px;width:32px;bottom:.313333rem;left:50%;transform:translateX(-50%);background-color:#f7f7f7;"></div>
  120. <div class="abs" style="height:4px;width:24px;bottom:.313333rem;left:50%;transform:translateX(-50%);">
  121. <div class="abs bouncebottom" style="width:12px;height:4px;background-color:#FFD500;transform:translateX(-50%);" ref="opbox"></div>
  122. </div>
  123. </div>
  124. <van-grid class="main-btn bb8f7f7f7" :border="false" :column-num="4" :icon-size="20" v-cloak v-else>
  125. <van-grid-item class="gridicon" v-for="item,index in entrancelist" :text="item.Title" @click="entrance(item.Url)">
  126. <template v-slot:icon><img :src="item.Icon"></template>
  127. </van-grid-item>
  128. </van-grid>
  129. <div class="block-padding" v-cloak @click="achievement" style="padding-bottom:10px;">
  130. <div class="df"><strong class="db f16 flex1">本月计奖交易</strong></div>
  131. <div class="index-card bgcfff bgimg">
  132. <div class="title df">
  133. <button class="view_detail f12 bgcfff rel"> 查看详情
  134. <van-icon class="abs" name="arrow"></van-icon>
  135. </button>
  136. </div>
  137. <div class="tc detail rel">
  138. <div class="index-num-b f18 b">{{teamperformance}}</div>
  139. <div class="f12 c333">本月交易额(元)</div>
  140. <van-row class="pt16 pb8">
  141. <van-col span="12">
  142. <div class="index-num-b f16 b">{{addcustomer}}</div>
  143. <div class="f12 c333">新增创客</div>
  144. </van-col>
  145. <van-col span="12">
  146. <div class="index-num-b f16 b">{{merchant}}</div>
  147. <div class="f12 c333">激活商户</div>
  148. </van-col>
  149. </van-row><img class="abs people_bgimg" src="./static/images/index-bgimgpeople.png" alt="">
  150. </div>
  151. </div>
  152. </div>
  153. </van-pull-refresh>
  154. </div>
  155. <van-share-sheet v-model="showShare" title="立即分享给好友" :options="options" @select="onSelect"></van-share-sheet>
  156. <van-share-sheet v-model="showqueryShare" title="立即分享给好友" :options="options" @select="onquerycount"></van-share-sheet>
  157. <van-tabbar v-model="active" active-color="#333" inactive-color="#999" v-cloak v-if="tabsisshow">
  158. <van-tabbar-item icon="home-o">首页
  159. <template #icon="props"><img :src="props.active ? icon1.active : icon1.inactive"></template>
  160. </van-tabbar-item>
  161. <van-tabbar-item icon="search" @click="mall">商城
  162. <template #icon="props"><img :src="props.active ? icon2.active : icon2.inactive"></template>
  163. </van-tabbar-item>
  164. <van-tabbar-item icon="friends-o" @click="notice" :dot="isnotice">消息
  165. <template #icon="props"><img :src="props.active ? icon3.active : icon3.inactive"></template>
  166. </van-tabbar-item>
  167. <van-tabbar-item icon="setting-o" @click="user">我的
  168. <template #icon="props"><img :src="props.active ? icon4.active : icon4.inactive"></template>
  169. </van-tabbar-item>
  170. </van-tabbar>
  171. <van-popup class="noticedialog activedia index-notice activedia" v-model="dialogisshow" :close-on-click-overlay="false">
  172. <div class="bgcfff noticepanel"><img class="group-title abs" src="./static/images/groupup-dialog.png">
  173. <div class="tc f18 b c333 pt32">重要通知</div>
  174. <div class="f14 c333 mb pt16">创业帮8月线上招商会邀请函</div>
  175. <div class="f14 c333 mb em2 pt16">面对支付行业重新洗牌带来的巨大机遇,我们选择迎接变化,享受变化。</div>
  176. <div class="main em2 f14 c333 pt6">8月6号晚20:00创业帮创客学堂崔老师同优秀的各地区市场领导人一起分享</div>
  177. <div class="main em2 f14 c333 pt6">创业帮究竟有什么样的魅力?</div>
  178. <div class="main em2 f14 c333 pt6">支付行业究竟有何魅力?</div>
  179. <div class="main em2 f14 c333 pt6">面对支付行业竞争,如何破局,快速起量?敬请期待!</div>
  180. <div class="spcolor tc mt32 f14" @click="monthmeet">点击查看详情加入会议</div>
  181. </div>
  182. <van-icon class="abs closebtn" name="./static/images/close-level.png" color="#666" @click="dialogisshow = false"></van-icon>
  183. </van-popup>
  184. <van-popup class="noticedialog activedia index-notice" v-model="noticedialog" :close-on-click-overlay="false">
  185. <div class="bgcfff noticepanel"><img class="group-title abs" src="./static/images/groupup-dialog.png">
  186. <div class="tc f18 b c333 pt32">重要通知</div>
  187. <div class=" f14 c333 mb pt16">好消息!公司总部决定,加强培训以助力市场!!</div>
  188. <div class="main em2 f14 c333 pt6">本月除周一晨会,线上领导人会议等。将于8月12-14日在内蒙古呼和浩特市举办第一期地区菁英班,以助力当地及周边各省市场。</div>
  189. <div class="main em2 f14 c333">周边各省及在内蒙古有伙伴的各地领导人,皆可报名,现外省学员名额已不多。外省学员报名截止日期8月10日24时。</div>
  190. <div class="spcolor tc mt32 f14" @click="goqr">点击前往报名</div>
  191. </div>
  192. <van-icon class="abs closebtn" name="./static/images/close-level.png" color="#666" @click="noticedialog = false"> </van-icon>
  193. </van-popup>
  194. <van-popup class="noticedialog activedia index-notice" v-model="Mondaydialog" :close-on-click-overlay="false">
  195. <div class="bgcfff noticepanel"><img class="group-title abs" src="./static/images/groupup-dialog.png">
  196. <div class="tc f18 b c333 pt32">重要通知</div>
  197. <div class="f14 c333 mb pt16">8月15日创业帮每周一线上晨会邀您参与</div>
  198. <div class="f14 c333 mb pt16 em2">成功八部第五步&第六步讲解与跟进</div>
  199. <div class="main em2 f14 c333 pt6">好的思维会变成好的想法,好的想法会变成好的行动,积极的行为会成为积极的习惯,积极正面的习惯会往往就会决定人生的命运。</div>
  200. <div class="main em2 f14 c333">21世纪最广阔的资源是人脉,支付行业不是产品买卖行业而是人与人的事业,POS机只是产品工具如何有效裂变身边的资源看本次晨会……</div>
  201. <div class="spcolor tc mt32 f14" @click="goservicedetail">点击查看详情加入会议</div>
  202. </div>
  203. <van-icon class="abs closebtn" name="./static/images/close-level.png" color="#666" @click="Mondaydialog = false"></van-icon>
  204. </van-popup>
  205. <van-popup class="activedia" v-model="leaderdialog" :close-on-click-overlay="false">
  206. <van-icon class="abs closebtn" name="./static/images/close-level.png" color="#666" @click="leaderdialog = false"></van-icon>
  207. <div class="dialogimg rel eightactive" @click="miniW(10)"><img src="https://ap.kexiaoshuang.com/skin/app/default/static/images/leader-index.png?id=1" alt=""></div>
  208. </van-popup>
  209. <van-popup class="noticedialog getsetdialog" v-model="getsetdialog" :close-on-click-overlay="false">
  210. <div class="bgcfff noticepanel" v-if="getsetsnlist.SnList">
  211. <div class="tc f16 b c333 mb">预发货确认</div>
  212. <div class=" f14 c333 mb pt16">是否确认已收到来自:<span class="f14 c333" v-for="item,index in getsetsnlist.StoreList" :key="item.StoreId">{{item.StoreName}}{{index !== getsetsnlist.StoreList.length - 1 ? '、':''}}</span><span class="f14 c333">的{{getsetsnlist.SnList.length}}台预发货机具</span></div>
  213. <div class="snlist mt8 getset" style="overflow-x: hidden;overflow-y:scroll;">
  214. <van-cell class="f14 c333" @click="toggleAll(checked)">
  215. <template #icon>
  216. <van-checkbox class="mr16" checked-color="#FFD500" v-model="checked"></van-checkbox>
  217. </template>
  218. <template #title>
  219. <div>全选</div>
  220. </template>
  221. </van-cell>
  222. <van-checkbox-group class="getset" v-model="result" ref="checkboxGroup">
  223. <van-cell-group>
  224. <van-cell class="f14 c333" v-for="item,index in getsetsnlist.SnList" :key="index" @click="toggle(index)">
  225. <template #icon>
  226. <van-checkbox class="mr16" :name="item" ref="checkboxes" checked-color="#FFD500"></van-checkbox>
  227. </template>
  228. <template #title>
  229. <div>SN:{{item.SnNo}}</div>
  230. </template>
  231. </van-cell>
  232. </van-cell-group>
  233. </van-checkbox-group>
  234. </div>
  235. <div class="f12 c999 tc mt8">*注:请仔细核对SN后确认,确认接收机具后若出现机具丢失等问题,则需承担相应损失。</div>
  236. <div class="dialog-btn df jcsb mt20">
  237. <button class="left c333 f14 bgcfff" @click="getsetagreen(2)">拒绝</button>
  238. <button class="right c333 f14 bgcfff" @click="getsetagreen(1)">同意</button>
  239. </div>
  240. </div>
  241. </van-popup>
  242. <van-popup class="activedia" v-model="islevel" :close-on-click-overlay="false">
  243. <van-icon class="abs closebtn" name="./static/images/close-level.png" style="bottom:-1.1333rem;" color="#666" @click="islevel = false"></van-icon>
  244. <div class="dialogimg rel leveup"><img class="imgrotate abs" src="./static/images/light.png" alt=""><img :src="levelup[nowlevel - 2]" alt=""></div>
  245. </van-popup>
  246. <van-popup class="activedia" v-model="eightactive" :close-on-click-overlay="false">
  247. <van-icon class="abs closebtn" name="./static/images/close-level.png" color="#666" @click="eightactive = false"></van-icon>
  248. <div class="dialogimg rel eightactive" @click="goactive"><img src="https://ap.kexiaoshuang.com/skin/app/default/static/images/88active.png?id=1" alt=""></div>
  249. </van-popup>
  250. <van-popup class="activedia" v-model="eightactivetime" :close-on-click-overlay="false">
  251. <van-icon class="abs closebtn" name="./static/images/close-level.png" color="#666" @click="eightactivetime = false"></van-icon>
  252. <div class="dialogimg rel eightactive" @click="goactive"><img src="https://ap.kexiaoshuang.com/skin/app/default/static/images/88activetime.png?id=1" alt=""></div>
  253. </van-popup>
  254. <van-popup class="activedia" v-model="recommendactive" :close-on-click-overlay="false">
  255. <van-icon class="abs closebtn" name="./static/images/close-level.png" color="#666" @click="recommendactive = false"></van-icon>
  256. <div class="dialogimg rel eightactive" @click="gorecommendactive"><img src="https://ap.kexiaoshuang.com/skin/app/default/static/images/recommend-dialog.png" alt=""></div>
  257. </van-popup>
  258. <van-popup class="activedia" v-model="H5ac" :close-on-click-overlay="false">
  259. <div class="panel">
  260. <van-icon class="abs closebtn" name="./static/images/close-level.png" color="#666" @click="H5ac = false"></van-icon>
  261. <div class="dialogimg rel eightactive h5active"><img src="https://ap.kexiaoshuang.com/skin/app/default/static/images/active/redpackage/redpackage.png?t=1" alt="">
  262. <div class="redbtn abs" @click="raffle"><img src="https://ap.kexiaoshuang.com/skin/app/default/static/images/active/redpackage/redpackage-btn.png" alt=""></div>
  263. </div>
  264. </div>
  265. </van-popup>
  266. <van-popup class="groupupdialog" v-model="groupupdialog" :close-on-click-overlay="false">
  267. <div class="panel">
  268. <van-icon class="abs closebtn" name="./static/images/close-level.png" color="#666" @click="groupupdialog = false"></van-icon><img class="group-title abs" src="./static/images/groupup-dialog.png">
  269. <div class="bgcfff borderr8 c333">
  270. <div class="f16 mb">8月11日功能更新公告</div>
  271. <div class="f14 mt8" style="line-height:1.5;">为了更好的帮助创客展业,提升数据稳定性,创业帮于8月11日正式更新,详情如下:</div>
  272. <div class="f14 b mt20">【 功能新增 】</div>
  273. <div class="df jcsb mt8 aic">
  274. <div class="f14">分仓申请补货体系</div>
  275. <div class="f12 spcolor" @click="miniW(1)">查看详情</div>
  276. </div>
  277. <div class="f14 b mt20">【 功能优化 】</div>
  278. <div class="f14 mt12">部分UI升级</div>
  279. </div>
  280. </div>
  281. </van-popup>
  282. </div>
  283. <script src="./static/js/libpag.js"></script>
  284. <script src="./static/js/klm-vv.min.js"></script>
  285. <script src="./static/js/appfunc.min.js"></script>
  286. <script src="./static/js/klm-axios-config.js"></script>
  287. <script src="./static/js/publicfn.js"></script>
  288. <script>
  289. function bouncefn(){
  290. setTimeout(() => {
  291. const container = document.querySelector('.container');
  292. const ul = document.querySelector('.container1');
  293. const btl = document.querySelector('.bouncebottom');
  294. let isPointerdown = false,
  295. maxY = 0,
  296. minY = container.offsetWidth - ul.offsetWidth,
  297. lastY = 0,
  298. firstY = 0,
  299. diffY = 0,
  300. translateY = 0,
  301. friction = 0.98,
  302. positionY = 0,
  303. rafId = 0;
  304. container.addEventListener('touchstart', function (e) {
  305. // 如果是鼠标点击,只响应左键
  306. if (e.pointerType === 'mouse' && e.button !== 0) {
  307. return;
  308. }
  309. //- this.setPointerCapture(e.pointerId);
  310. cancelAnimationFrame(rafId);
  311. isPointerdown = true;
  312. lastY = e.changedTouches[0].clientX;
  313. firstY = e.changedTouches[0].clientX;
  314. diffY = 0;
  315. });
  316. container.addEventListener('touchmove', function (e) {
  317. if (isPointerdown) {
  318. diffY = e.changedTouches[0].clientX - lastY;
  319. lastY = e.changedTouches[0].clientX;
  320. let stepY = diffY;
  321. if (translateY > maxY || translateY < minY) {
  322. stepY *= 0.5;
  323. }
  324. e.preventDefault();//阻止触摸时页面的滚动,缩放
  325. //- if(diffY)
  326. translateY += stepY;
  327. ul.style.transform = 'translate3d('+ translateY + 'px,0 , 0)';
  328. //- if(translateY<0){
  329. let left = Math.abs(translateY / ul.clientWidth) * 500
  330. if(left > 100){left = 100 };
  331. if(translateY > 0){left = 0 };
  332. btl.style.left = `${left}%`;
  333. //- }
  334. }
  335. });
  336. container.addEventListener('touchend', function (e) {
  337. if(firstY === e.changedTouches[0].clientX)return;
  338. if (isPointerdown) {
  339. isPointerdown = false;
  340. const obj = {
  341. from: translateY
  342. }
  343. if (translateY < maxY && translateY > minY) {
  344. getPositionY(diffY);
  345. obj.to = positionY;
  346. let distanceY = Math.abs(positionY - translateY);
  347. obj.duration = Math.max(400, distanceY);
  348. } else {
  349. obj.duration = 400;
  350. if (translateY > maxY) {
  351. obj.to = maxY
  352. } else if (translateY < minY) {
  353. obj.to = minY;
  354. }else{
  355. obj.to = 0;
  356. }
  357. }
  358. raf(obj);
  359. }
  360. });
  361. container.addEventListener('pointercancel', function (e) {
  362. if (isPointerdown) {
  363. //- isPointerdown = false;
  364. }
  365. });
  366. function getPositionY(speed) {
  367. let _speed = speed, bounceY;
  368. positionY = translateY;
  369. while (Math.abs(_speed) > 1) {
  370. _speed *= friction;
  371. positionY += _speed;
  372. }
  373. if (positionY > maxY) {
  374. bounceY = (positionY - maxY) * 0.1;
  375. positionY = maxY + Math.min(bounceY, 80);
  376. } else if (positionY < minY) {
  377. bounceY = (minY - positionY) * 0.1;
  378. positionY = minY - Math.min(bounceY, 80);
  379. }
  380. }
  381. function easeOut(from, to, time, duration) {
  382. const change = to - from;
  383. const t = time / duration;
  384. return -change * t * (t - 2) + from;
  385. }
  386. function raf(obj) {
  387. let start;
  388. let count = 0;
  389. function step(timestamp) {
  390. if (start === undefined) start = timestamp;
  391. let time = timestamp - start;
  392. if (time > obj.duration) {
  393. time = obj.duration;
  394. count++;
  395. }
  396. //- if(translateY<0&&translateY>container.clientWidth - ul.clientWidth){
  397. let left = Math.abs(translateY / ul.clientWidth) * 500
  398. if(left > 100){left = 100 };
  399. if(translateY > 0){left = 0 };
  400. btl.style.left = `${left}%`;
  401. //- }
  402. translateY = easeOut(obj.from, obj.to, time, obj.duration);
  403. ul.style.transform = 'translate3d('+ translateY + 'px,0 , 0)';
  404. if (count <= 1) {
  405. rafId = window.requestAnimationFrame(step);
  406. } else {
  407. if (translateY > maxY || translateY < minY) {
  408. const obj = {
  409. from: translateY,
  410. duration: 400
  411. }
  412. if (translateY > maxY) {
  413. obj.to = maxY
  414. } else if (translateY < minY) {
  415. obj.to = minY;
  416. }
  417. raf(obj);
  418. }
  419. }
  420. }
  421. rafId = window.requestAnimationFrame(step);
  422. }
  423. },500);
  424. };
  425. var overscroll = function(el)
  426. {
  427. el.addEventListener('touchstart', function() {
  428. var top = el.scrollTop ,totalScroll = el.scrollHeight ,currentScroll = top + el.offsetHeight;
  429. if(top === 0) {
  430. el.scrollTop = 1;
  431. }else if(currentScroll === totalScroll) {
  432. el.scrollTop = top - 1;
  433. } });
  434. el.addEventListener('touchmove', function(evt) {
  435. if(el.offsetHeight < el.scrollHeight) evt._isScroller = true; });}
  436. overscroll(document.querySelector('.scroll'));document.body.addEventListener('touchmove', function(evt) { if(!evt._isScroller) { evt.preventDefault(); }});
  437. </script>
  438. <script>
  439. function baywindow(){
  440. var flag = 0; //标记是拖曳还是点击
  441. var oDiv = document.querySelector('.baywindow');
  442. var disX,disY,moveX,moveY,L,T,starX,starY,starXEnd,starYEnd,endX,timer;
  443. var elwidth = oDiv.offsetWidth;
  444. oDiv.style.left = PublicLib.getCookieInfo('baywindowX') ? PublicLib.getCookieInfo('baywindowX') : `${document.documentElement.clientWidth - elwidth - 10}px`;
  445. oDiv.style.top = PublicLib.getCookieInfo('baywindowY') ? PublicLib.getCookieInfo('baywindowY') : `${document.documentElement.clientHeight - (document.documentElement.clientHeight / 3)}px`;
  446. oDiv.className = 'baywindow op70'
  447. oDiv.addEventListener('touchstart',function(e){
  448. if(timer){
  449. clearTimeout(timer);
  450. };
  451. oDiv.className = 'baywindow'
  452. flag = 0;
  453. disX = e.touches[0].clientX - oDiv.offsetLeft;
  454. disY = e.touches[0].clientY - oDiv.offsetTop;
  455. //手指按下时的坐标
  456. starX = e.touches[0].clientX;
  457. starY = e.touches[0].clientY;
  458. });
  459. oDiv.addEventListener('touchmove',function(e){
  460. e.preventDefault();//阻止触摸时页面的滚动,缩放
  461. flag = 1;
  462. L = e.touches[0].clientX - disX ;
  463. T = e.touches[0].clientY - disY ;
  464. //移动时 当前位置与起始位置之间的差值
  465. starXEnd = e.touches[0].clientX - starX;
  466. starYEnd = e.touches[0].clientY - starY;
  467. if(L<0){//限制拖拽的X范围,不能拖出屏幕
  468. L = 0;
  469. }else if(L > document.documentElement.clientWidth - oDiv.offsetWidth){
  470. L=document.documentElement.clientWidth - oDiv.offsetWidth;
  471. }
  472. if(T<0){//限制拖拽的Y范围,不能拖出屏幕
  473. T=0;
  474. }else if(T>document.documentElement.clientHeight - oDiv.offsetHeight){
  475. T = document.documentElement.clientHeight - oDiv.offsetHeight;
  476. }
  477. moveX = L + 'px';
  478. moveY = Math.floor(T) + 'px';
  479. endX = L;
  480. oDiv.style.left = moveX;
  481. oDiv.style.top = moveY;
  482. });
  483. oDiv.addEventListener('touchend',function(e){
  484. if(endX < (document.documentElement.clientWidth - elwidth) /2){
  485. oDiv.style.left = '2px';
  486. }else{
  487. oDiv.style.left = `${document.documentElement.clientWidth - elwidth - 2}px`;
  488. };
  489. setTimeout(()=>{
  490. PublicLib.putCookieInfo('baywindowY', oDiv.style.top);
  491. PublicLib.putCookieInfo('baywindowX', oDiv.style.left);
  492. },100);
  493. timer = setTimeout(()=>{
  494. oDiv.className = 'baywindow op50';
  495. },2000)
  496. });
  497. }
  498. </script>
  499. <script src="./static/js/iconfont.js"></script>
  500. <script>
  501. function OnStart(){
  502. app.getsuerinfo();
  503. app.getteamachievement();
  504. app.getheadline();
  505. app.verificationrealauth();
  506. app.getsetfn();
  507. //- app.onRefresh();
  508. PublicLib.SetStatusBarBgColor({bgcolor:'ffffff'});
  509. PublicLib.SetStatusBarStyle({type:'default', isShow:1});
  510. };
  511. // 通过 CDN 引入时不会自动注册 Lazyload 组件
  512. // 可以通过下面的方式手动注册
  513. Vue.use(vant.Lazyload);
  514. //- PublicLib.SetStatusBarBgColor({bgcolor:'ffffff'});
  515. //- PublicLib.SetStatusBarStyle({type:'default', isShow:1});
  516. // 在 #app 标签下渲染一个按钮组件
  517. let app = new Vue({
  518. el: '#app',
  519. data() {
  520. return {
  521. recommendactive:false,
  522. dialogisshow:false,
  523. AuthFlag:0, //1.是 0.否
  524. LeaderLevel:0, //0.无 1、小盟主 2、大盟主
  525. Mondaydialog:false,
  526. leaderdialog:false,
  527. isme:true,
  528. showqueryShare:false,
  529. showShare: false,
  530. options: [
  531. { name: '微信', icon: 'wechat' },
  532. { name: '微信朋友圈', icon: 'wechat-moments' },
  533. ],
  534. eightactivetime:false,
  535. checked:false,
  536. result:[],
  537. getsetdialog:false,
  538. H5ac:false,
  539. noticedialog:false,
  540. queryshow:false,
  541. groupupdialog:false,
  542. eightactive:false,
  543. nowlevel:0,
  544. islevel:false,
  545. loading:true,
  546. //骨架屏形状
  547. isLoading:false,
  548. topisshow:false,
  549. realauth:false,
  550. active: 0,
  551. username:'',
  552. rankgrade:1,
  553. userphoto:'',
  554. show:false,
  555. banner: [
  556. ],
  557. toutiao: [
  558. ],
  559. icon1: {
  560. active: './static/images/tab-icon1-active1@3x.png',
  561. inactive: './static/images/tab-icon1-no@3x.png',
  562. },
  563. icon2: {
  564. active: './static/images/tab-icon2-active1@3x.png',
  565. inactive: './static/images/tab-icon2-no@3x.png',
  566. },
  567. icon3: {
  568. active: './static/images/tab-icon3-active1@3x.png',
  569. inactive: './static/images/tab-icon3-no@3x.png',
  570. },
  571. icon4: {
  572. active: './static/images/tab-icon4-active1@3x.png',
  573. inactive: './static/images/tab-icon4-no@3x.png',
  574. },
  575. teamperformance: '0',
  576. addcustomer:'0',
  577. merchant:'0',
  578. grade:[
  579. './static/images/grade-k1.png',
  580. './static/images/grade-k2.png',
  581. './static/images/grade-k3.png',
  582. './static/images/grade-k4.png',
  583. './static/images/grade-k5.png',
  584. './static/images/grade-k6.png',
  585. './static/images/grade-k7.png',
  586. './static/images/grade-k8.png',
  587. './static/images/grade-k9.png',
  588. ],
  589. levelup:[
  590. './static/images/K2.png',
  591. './static/images/K3.png',
  592. './static/images/K4.png',
  593. './static/images/K5.png',
  594. './static/images/K6.png',
  595. './static/images/K7.png',
  596. './static/images/K8.png',
  597. './static/images/K9.png',
  598. ],
  599. entrancelist:[
  600. ],
  601. tabsisshow:false,
  602. warehouse:[],
  603. queryurl:'https://mp.weixin.qq.com/mp/profile_ext?action=home&__biz=Mzg5MDc4ODY1NQ==&scene=124#wechat_redirect',
  604. kdburl:'https://pay.kdb-tj.com/h5merchant/pages/login-account/index',
  605. pagX:0,
  606. currentleft:0,
  607. currentop:0,
  608. browsernum:'',
  609. nowdata:new Date().getDate(),
  610. getsetsnlist:{
  611. },
  612. isSpecial:false,
  613. };
  614. },
  615. created() {
  616. this.tabsisshow = bottomtabisshow;
  617. this.onRefresh();
  618. PublicLib.putCookieInfo('dialogistrue','')
  619. this.browsernum = PublicLib.GetAppVersion();
  620. //- if(PublicLib.getCookieInfo('userId') === '14' || PublicLib.GetAppVersion() === '1.5.0'){
  621. //- this.isme = true;
  622. //- };
  623. },
  624. mounted(){
  625. },
  626. beforeUpdate(){
  627. this.$nextTick(() => {
  628. this.$refs.wrapper2.style.height = `${document.documentElement.clientHeight}px`;
  629. });
  630. },
  631. watch:{
  632. loading:async function(){
  633. this.pageffect('./static/pag/index-redpackage.pag');
  634. //- 版本升级弹窗
  635. if(!this.isSpecial){
  636. await this.groupupfn();
  637. //- 预发货
  638. await this.getsetfn();
  639. //- 盟主体系弹窗
  640. //- await this.leaderfn();
  641. //- 88奖励活动倒计时
  642. await this.eightactivefntime();
  643. //- 88奖励活动
  644. await this.eightactivefn();
  645. //- 6奖励活动
  646. await this.recommendactivefn();
  647. //- 升级弹窗
  648. await this.islevelfn();
  649. //- h5活动
  650. await this.h5activefn();
  651. //- 菁英班弹窗
  652. await this.noticefn();
  653. //- 月初启动会
  654. await this.monthmeetfn();
  655. //- 周一晨会
  656. await this.Mondaydialogfn();
  657. }else{
  658. //- 预发货
  659. await this.getsetfn();
  660. //- 88奖励活动倒计时
  661. await this.eightactivefntime();
  662. //- 88奖励活动
  663. await this.eightactivefn();
  664. //- 升级弹窗
  665. await this.islevelfn();
  666. };
  667. //- 页面入口挂载左右滑动效果
  668. bouncefn();
  669. baywindow();
  670. },
  671. },
  672. computed:{
  673. isnotice:function(){
  674. return PublicLib.getCookieInfo('noticeiscount') !== "";
  675. }
  676. },
  677. methods: {
  678. //- 周一晨会通知弹窗
  679. Mondaydialogfn() {
  680. const nowdate = new Date().getDate();
  681. const nowdate2 = new Date().getDay();
  682. let num = PublicLib.getCookieInfo('noticeisdialogactive') ? Number(PublicLib.getCookieInfo('noticeisdialogactive')) : 0;
  683. // if(PublicLib.getCookieInfo('dialogistrue') !== 'true' && PublicLib.getCookieInfo('noticeabout') !== 'false'){
  684. if (PublicLib.getCookieInfo('dialogistrue') !== 'true' && PublicLib.getCookieInfo('Mondaydialog') !== String(nowdate) && (nowdate2 === 0 || nowdate2 === 6)) {
  685. // if (PublicLib.getCookieInfo('dialogistrue') !== 'true') {
  686. if (num <= 1) {
  687. PublicLib.putCookieInfo('dialogistrue', 'true');
  688. num++;
  689. this.Mondaydialog = true;
  690. PublicLib.putCookieInfo('noticeisdialogactive', num);
  691. } else {
  692. PublicLib.putCookieInfo('Mondaydialog', nowdate);
  693. PublicLib.putCookieInfo('noticeisdialogactive', 0);
  694. };
  695. };
  696. },
  697. //- 盟主弹窗(一天一次)
  698. leaderfn() {
  699. const nowdate = new Date().getDate();
  700. if (PublicLib.getCookieInfo('dialogistrue') !== 'true' && PublicLib.getCookieInfo('leaderdialog') !== String(nowdate)) {
  701. // if (PublicLib.getCookieInfo('dialogistrue') !== 'true') {
  702. PublicLib.putCookieInfo('dialogistrue', 'true');
  703. PublicLib.putCookieInfo('leaderdialog', nowdate);
  704. this.leaderdialog = true;
  705. };
  706. },
  707. goraffle(){
  708. PublicLib.Goto({Url:'active-raffle'});
  709. },
  710. onSelect(option){
  711. if(option.name === '微信'){
  712. PublicLib.ShareAppMessageImage({Title:'开店宝商家入驻', Detail:'开店宝新增商家后台自助管理', Icon:'https://bs.kexiaoshuang.com/static/share-logo.png', Url:this.kdburl});
  713. }else{
  714. PublicLib.ShareTimelineImage({Title:'开店宝商家入驻', Detail:'开店宝新增商家后台自助管理', Icon:'https://bs.kexiaoshuang.com/static/share-logo.png', Url:this.kdburl});
  715. }
  716. },
  717. onquerycount(option){
  718. if(option.name === '微信'){
  719. PublicLib.ShareAppMessageImage({Title:'创业帮商户查询达标奖', Detail:'关注公众号点击底部菜单查询押金', Icon:'https://bs.kexiaoshuang.com/static/share-logo.png', Url:this.queryurl});
  720. }else{
  721. PublicLib.ShareTimelineImage({Title:'创业帮商户查询达标奖', Detail:'关注公众号点击底部菜单查询押金', Icon:'https://bs.kexiaoshuang.com/static/share-logo.png', Url:this.queryurl});
  722. }
  723. },
  724. goservicedetail(){
  725. PublicLib.putCookieInfo('noticeType', '系统消息');
  726. PublicLib.putCookieInfo('noticeArticleDetail', 27);
  727. PublicLib.Goto({ Url: 'notice-detail' });
  728. },
  729. monthmeet(){
  730. PublicLib.putCookieInfo('noticeType', '系统消息');
  731. PublicLib.putCookieInfo('noticeArticleDetail', 25);
  732. PublicLib.Goto({ Url: 'notice-detail' });
  733. },
  734. goqr(){
  735. PublicLib.putCookieInfo('malldetailId',26);
  736. PublicLib.Goto({Url:'mall-detail'});
  737. },
  738. gorecommendactive(){
  739. PublicLib.Goto({ Url: 'new-pag2' });
  740. },
  741. miniW(type){
  742. if(type === 1){
  743. PublicLib.putCookieInfo('indexBannerId',30);
  744. PublicLib.Goto({Url:'welcome'});
  745. }else if(type === 2){
  746. PublicLib.putCookieInfo('indexBannerId',31);
  747. PublicLib.Goto({Url:'welcome'});
  748. }else if(type === 10){
  749. PublicLib.Goto({Url:'https://mp.weixin.qq.com/s?__biz=Mzg5NTY0MzUzNw==&mid=2247488743&idx=1&sn=c1dfc32865dbfb10e52014c8476223b0&chksm=c00c6e19f77be70feb9edbbeabc9bb178d9f5f0021775123b77f71facba6ae3f6ceeb1469377#rd'});
  750. }
  751. },
  752. raffle(){
  753. PublicLib.Goto({Url:'active-raffle'});
  754. },
  755. //- h5活动弹窗(一次)
  756. h5activefn(){
  757. const time = new Date().getHours();
  758. const nowdate = new Date().getDate();
  759. if(PublicLib.getCookieInfo('dialogistrue') !== 'true' && PublicLib.getCookieInfo('activedate') !== String(nowdate)) {
  760. PublicLib.putCookieInfo('dialogistrue','true');
  761. this.H5ac = true;
  762. PublicLib.putCookieInfo('activedate',nowdate);
  763. };
  764. if(PublicLib.getCookieInfo('dialogistrue') !== 'true' && PublicLib.getCookieInfo('activedate2') !== String(nowdate) && time >= 21) {
  765. PublicLib.putCookieInfo('dialogistrue','true');
  766. this.H5ac = true;
  767. PublicLib.putCookieInfo('activedate2',nowdate);
  768. };
  769. },
  770. //- 升级弹窗(升级之后一次)
  771. groupupfn(){
  772. if(PublicLib.getCookieInfo('groupup') !== '0.1.7' && PublicLib.getCookieInfo('dialogistrue') !== 'true' && this.browsernum === '1.6.0') {
  773. PublicLib.putCookieInfo('dialogistrue','true');
  774. this.groupupdialog = true;
  775. PublicLib.putCookieInfo('groupup','0.1.7');
  776. };
  777. },
  778. //- 88奖励活动(一天两次)
  779. eightactivefn(){
  780. const nowdate = new Date().getDate();
  781. let num = PublicLib.getCookieInfo('eightactive') ? Number(PublicLib.getCookieInfo('eightactive')) : 0;
  782. if(PublicLib.getCookieInfo('isnowdate2') !== String(nowdate) && PublicLib.getCookieInfo('dialogistrue') !== 'true' && Number(nowdate) < 16) {
  783. if(num <= 1){
  784. PublicLib.putCookieInfo('dialogistrue','true');
  785. num++;
  786. this.eightactive = true;
  787. PublicLib.putCookieInfo('eightactive',num);
  788. PublicLib.putCookieInfo('isnowdate2',0);
  789. }else{
  790. PublicLib.putCookieInfo('isnowdate2',nowdate);
  791. PublicLib.putCookieInfo('eightactive',0);
  792. };
  793. };
  794. },
  795. //- 66奖励活动(一天一次)
  796. recommendactivefn(){
  797. const nowdate = new Date().getDate();
  798. if(PublicLib.getCookieInfo('recommendactive') !== String(nowdate) && PublicLib.getCookieInfo('dialogistrue') !== 'true' && Number(nowdate) < 8) {
  799. PublicLib.putCookieInfo('dialogistrue','true');
  800. this.recommendactive = true;
  801. PublicLib.putCookieInfo('recommendactive',nowdate);
  802. };
  803. },
  804. //- 88奖励活动倒计时(一天两次)
  805. eightactivefntime(){
  806. const nowdate = new Date().getDate();
  807. let num = PublicLib.getCookieInfo('eightactivetime') ? Number(PublicLib.getCookieInfo('eightactivetime')) : 0;
  808. if(PublicLib.getCookieInfo('isnowdatetime') !== String(nowdate) && PublicLib.getCookieInfo('dialogistrue') !== 'true' && Number(nowdate) < 16 && Number(nowdate) > 12) {
  809. if(num <= 1){
  810. PublicLib.putCookieInfo('dialogistrue','true');
  811. num++;
  812. this.eightactivetime = true;
  813. PublicLib.putCookieInfo('eightactivetime',num);
  814. PublicLib.putCookieInfo('isnowdatetime',0);
  815. }else{
  816. PublicLib.putCookieInfo('isnowdatetime',nowdate);
  817. PublicLib.putCookieInfo('eightactivetime',0);
  818. };
  819. };
  820. },
  821. //- 启动会(按需)
  822. monthmeetfn(){
  823. const time = new Date('2022/8/6 20:00:00').getTime();
  824. const nowtime = new Date().getTime();
  825. const nowdate = new Date().getDate();
  826. if(PublicLib.getCookieInfo('dialogistrue') !== 'true' && PublicLib.getCookieInfo('dialogmeet') !== String(nowdate) && nowtime < time) {
  827. PublicLib.putCookieInfo('dialogistrue','true');
  828. this.dialogisshow = true;
  829. PublicLib.putCookieInfo('dialogmeet',nowdate);
  830. };
  831. },
  832. //- 升级弹窗(升级一月一次)
  833. async islevelfn(){
  834. const nowmouth = new Date().getMonth() + 1;
  835. if(PublicLib.getCookieInfo('thismonth') !== String(nowmouth) && PublicLib.getCookieInfo('dialogistrue') !== 'true'){
  836. const UserId = PublicLib.getCookieInfo('userId');
  837. const res = await getRequest('api/v1/users/checkuserlevel?t='+Math.random(6),JSON.stringify({UserId}));
  838. if(res.status === '1') {
  839. PublicLib.putCookieInfo('dialogistrue','true');
  840. this.nowlevel = res.data.AfterLevel;
  841. this.islevel = true;
  842. PublicLib.putCookieInfo('thismonth',nowmouth);
  843. };
  844. };
  845. },
  846. //- 菁英班弹窗
  847. noticefn() {
  848. const nowdate = new Date().getDate();
  849. const time = new Date('2022/8/10 23:59:55').getTime();
  850. const nowtime = new Date().getTime();
  851. // if(PublicLib.getCookieInfo('dialogistrue') !== 'true' && PublicLib.getCookieInfo('noticeabout') !== 'false'){
  852. if (PublicLib.getCookieInfo('dialogistrue') !== 'true' && PublicLib.getCookieInfo('noticeisdialog33') !== String(nowdate) && nowtime < time) {
  853. // if (PublicLib.getCookieInfo('dialogistrue') !== 'true') {
  854. PublicLib.putCookieInfo('dialogistrue', 'true');
  855. PublicLib.putCookieInfo('noticeisdialog33', nowdate);
  856. this.noticedialog = true;
  857. };
  858. },
  859. //- 去资质
  860. goquali(){
  861. PublicLib.Goto({Url:'qualifications'});
  862. },
  863. //- 吸顶状态
  864. sticky(status){
  865. if(PublicLib.getCookieInfo('userId') === '598'){
  866. this.topisshow = status
  867. };
  868. },
  869. lookdetail(){
  870. PublicLib.Goto({Url:'year-report4'});
  871. },
  872. //- 押金查询分享
  873. weixin2(){
  874. PublicLib.ShareAppMessageImage({Title:'创业帮商户查询达标奖', Detail:'关注公众号点击底部菜单查询押金', Icon:'https://bs.kexiaoshuang.com/static/share-logo.png', Url:this.queryurl});
  875. },
  876. weixinfriend2(){
  877. PublicLib.ShareTimelineImage({Title:'创业帮商户查询达标奖', Detail:'关注公众号点击底部菜单查询押金', Icon:'https://bs.kexiaoshuang.com/static/share-logo.png', Url:this.queryurl});
  878. },
  879. //- 开店宝分享微信
  880. weixin(){
  881. PublicLib.ShareAppMessageImage({Title:'开店宝商家入驻', Detail:'开店宝新增商家后台自助管理', Icon:'https://bs.kexiaoshuang.com/static/share-logo.png', Url:this.kdburl});
  882. },
  883. //- 分享微信朋友圈
  884. weixinfriend(){
  885. PublicLib.ShareTimelineImage({Title:'开店宝商家入驻', Detail:'开店宝新增商家后台自助管理', Icon:'https://bs.kexiaoshuang.com/static/share-logo.png', Url:this.kdburl});
  886. },
  887. //- 更新跳转URL
  888. async onRefresh(type = ''){
  889. //- await this.getsuerinfo();
  890. //- await this.getteamachievement();
  891. //- await this.gettopbanner();
  892. //- await this.getheadline();
  893. //- await this.verificationrealauth();
  894. this.getsuerinfo();
  895. this.getteamachievement();
  896. this.getheadline();
  897. this.verificationrealauth();
  898. await this.getwarehouselist();
  899. if(type === ''){
  900. await this.getquickentrance();
  901. }else{
  902. await this.getsetfn();
  903. };
  904. this.isLoading = false;
  905. //- 骨架屏隐藏
  906. this.loading = false;
  907. },
  908. //- 获取用户个人信息
  909. async getsuerinfo(){
  910. const Id = PublicLib.getCookieInfo('userId');
  911. const res = await getRequest('api/v1/users/personalinfo?t='+Math.random(6),JSON.stringify({Id}));
  912. if(res.status === '1') {
  913. this.username = res.data.RealName;
  914. this.rankgrade = res.data.UserLevel;
  915. this.userphoto = res.data.HeadPhoto;
  916. };
  917. if(res.data.ParentNav.indexOf(',135158') > -1){
  918. this.isSpecial = true;
  919. };
  920. this.gettopbanner();
  921. //- 储存用户信息
  922. PublicLib.putCookieInfo('userInfo',JSON.stringify(res.data));
  923. },
  924. //- 获取计奖交易
  925. async getteamachievement(){
  926. const UserId = PublicLib.getCookieInfo('userId');
  927. const res = await getRequest('api/v1/usertradedaysummary/thismonth?t='+Math.random(6),JSON.stringify({UserId}));
  928. if(res.status === '1') {
  929. if(UserId === '1'){
  930. const data = 5
  931. let day = new Date().getDate();
  932. if(day === 1){
  933. day = 30;
  934. };
  935. day = day > data ? day : data;
  936. //- res.data.DirectTradeAmt = res.data.DirectTradeAmt + 53218560.58;
  937. res.data.DirectTradeAmt = res.data.DirectTradeAmt + 53218560.58 + ((day - data) * 10000000);
  938. };
  939. this.teamperformance = abs(res.data.DirectTradeAmt.toFixed(2));
  940. this.merchant = res.data.DirectDebitCapNum;
  941. this.addcustomer = res.data.AddCount;
  942. };
  943. },
  944. //- 获取快捷入口列表
  945. async getquickentrance(){
  946. const res = await getRequest('api/v1/indexiconlist/list?t='+Math.random(6),JSON.stringify({PageSize:8,PageNum:1}));
  947. if(res.status === '1') {
  948. //- TODO:动态生成入口
  949. if(PublicLib.getCookieInfo('userId') === '0'){
  950. this.entrancelist = [
  951. {Icon:'./static/images/main-btn1@3x.png',Title:'创业帮产品',Url:'product-center'},
  952. //- {Icon:'./static/images/main-btn2@3x.png',Title:'特训营',Url:'trainingCamp'},
  953. {Icon:'./static/images/main-btn5@3x.png',Title:'我的创客',Url:'creater-list'},
  954. {Icon:'./static/images/main-btn6@3x.png',Title:'我的商户',Url:'merchant-list'},
  955. {Icon:'./static/images/main-btn4@3x.png',Title:'邀请好友',Url:'invite-frend'},
  956. //- {Icon:'./static/images/main-btn10@3x.png',Title:'开店宝开户',Url:'user-feedback'},
  957. {Icon:'./static/images/main-btn15@3x.png',Title:'产品资质',Url:'qualifications'},
  958. {Icon:'./static/images/main-btn8@3x.png',Title:'商户验证',Url:'merchant-verification'},
  959. {Icon:'./static/images/main-btn16@3x.png',Title:'押金查询',Url:'querycount'},
  960. //- {Icon:'./static/images/main-btn3@3x.png',Title:'51海报',Url:'year-report4'},
  961. //- {Icon:'./static/images/main-btn13@3x.png',Title:'售后换新',Url:'product-aftersale-1'},
  962. //- {Icon:'./static/images/main-btn13@3x.png',Title:'升级测试',Url:'levelup'},
  963. {Icon:'./static/images/main-btn14@3x.png',Title:'仓库管理',Url:'warehouse-management'},
  964. {Icon:'./static/images/main-btn7@3x.png',Title:'市场活动',Url:'market-active'},
  965. //- {Icon:'./static/images/main-btn7@3x.png',Title:'创业帮产品',Url:'product-center'},
  966. //- {Icon:'./static/images/main-btn11@3x.png',Title:'10亿H5',Url:'year-report'},
  967. //- {Icon:'./static/images/main-btn12@3x.png',Title:'码牌',Url:'merchant-create'},
  968. //- {Icon:'./static/images/main-btn1@3x.png',Title:'商户创建',Url:'merchant-establish'},
  969. //- {Icon:'./static/images/main-btn8@3x.png',Title:'进件查询',Url:'merchant-incoming'},
  970. //- {Icon:'./static/images/main-btn2@3x.png',Title:'暂存箱',Url:'merchant-temporary-storage'},
  971. //- {Icon:'./static/images/main-btn4@3x.png',Title:'邀请好友',Url:'invite-frend'},
  972. ];
  973. }else{
  974. const indexbanner = [
  975. {Icon:'./static/images/main-btn1@3x.png',Title:'创业帮产品',Url:'product-center'},
  976. {Icon:'./static/images/main-btn5@3x.png',Title:'我的创客',Url:'creater-list'},
  977. {Icon:'./static/images/main-btn6@3x.png',Title:'我的商户',Url:'merchant-list'},
  978. {Icon:'./static/images/main-btn4@3x.png',Title:'邀请好友',Url:'invite-frend'},
  979. //- {Icon:'./static/images/main-btn10@3x.png',Title:'开店宝开户',Url:'user-feedback'},
  980. //- {Icon:'./static/images/main-btn12@3x.png',Title:'码牌',Url:'merchant-create'},
  981. {Icon:'./static/images/main-btn14@3x.png',Title:'仓库管理',Url:'warehouse-management'},
  982. {Icon:'./static/images/main-btn15@3x.png',Title:'产品资质',Url:'qualifications'},
  983. //- {Icon:'./static/images/main-btn8@3x.png',Title:'商户验证',Url:'merchant-verification'},
  984. {Icon:'./static/images/main-btn16@3x.png',Title:'押金查询',Url:'querycount'},
  985. {Icon:'./static/images/main-btn7@3x.png',Title:'市场活动',Url:'market-active'},
  986. ];
  987. indexbanner.forEach(item=>{
  988. if(this.warehouse.length !== 0){
  989. this.entrancelist.push(item);
  990. }else{
  991. if(item.Url !== 'warehouse-management'){
  992. this.entrancelist.push(item);
  993. }
  994. }
  995. });
  996. }
  997. }
  998. },
  999. //- 获取顶部banner
  1000. async gettopbanner(){
  1001. const res = await getRequest('api/v1/advertisment/indextop?t='+Math.random(6),JSON.stringify({PageSize:8,PageNum:1}));
  1002. if(res.status === '1') {
  1003. this.banner = res.data;
  1004. };
  1005. if(this.isSpecial){
  1006. //- const arr = this.banner;
  1007. this.banner = [];
  1008. res.data.forEach(item=>{
  1009. if(item.Id === 20 || item.Id === 25){
  1010. this.banner.push(item);
  1011. };
  1012. });
  1013. };
  1014. },
  1015. //- 获取创业帮头条信息
  1016. async getheadline(){
  1017. const res = await getRequest('api/v1/sysrechargerecord/headline?t='+Math.random(6),JSON.stringify({PageSize:8,PageNum:1}));
  1018. if(res.status === '1') {
  1019. this.toutiao = res.data;
  1020. };
  1021. },
  1022. //- 跳转特训营
  1023. trainingCamp(){
  1024. PublicLib.Goto({Url:'trainingCamp'});
  1025. },
  1026. //- 跳转商城
  1027. mall(){
  1028. PublicLib.Goto({Url:'mall'});
  1029. },
  1030. //- 跳转消息
  1031. notice(){
  1032. PublicLib.Goto({Url:'notice-center'});
  1033. },
  1034. //- 跳转我的
  1035. user(){
  1036. PublicLib.Goto({Url:'user-center'});
  1037. },
  1038. async verificationrealauth(){
  1039. const Id = PublicLib.getCookieInfo('userId');
  1040. const userinfo = await getRequest('api/v1/users/personalinfo?t='+Math.random(6),JSON.stringify({Id}));
  1041. //- 是否实名认证完毕
  1042. if(userinfo.data.AuthFlag !== 1) {
  1043. this.realauth = true;
  1044. }else{
  1045. this.realauth = false;
  1046. };
  1047. },
  1048. entrance(Url){
  1049. PublicLib.putCookieInfo('isApp','true');
  1050. if(Url === 'user-feedback'){
  1051. return this.showShare = true;
  1052. //- return this.show = true;
  1053. };
  1054. if(Url === 'querycount'){
  1055. return this.showqueryShare = true;
  1056. //- return this.queryshow = true;
  1057. };
  1058. if(this.realauth){
  1059. PublicLib.ShowDialog({
  1060. Title:'暂未实名认证',
  1061. Message:'是否去实名认证?',
  1062. ConfirmText:'去实名',
  1063. CancelText:'暂不实名',
  1064. ConfirmAction:'app.goAuth()',
  1065. CanelAction:''
  1066. });
  1067. return;
  1068. };
  1069. //- 跳转对应的快捷入口页面
  1070. PublicLib.Goto({Url});
  1071. },
  1072. goAuth(){
  1073. PublicLib.Goto({Url:'user-realauth'});
  1074. },
  1075. goactive(){
  1076. //- 88活动
  1077. return PublicLib.Goto({Url:'welcome-double'});
  1078. },
  1079. bannerbtn(id){
  1080. PublicLib.putCookieInfo('indexBannerId',id);
  1081. if(id === 25){
  1082. //- 88业绩翻倍活动
  1083. return PublicLib.Goto({Url:'welcome-double'});
  1084. }else if(id === 20){
  1085. //- 888.88红包活动
  1086. return PublicLib.Goto({Url:'active-raffle'});
  1087. }else if(id === 27){
  1088. //- 盟主体系
  1089. PublicLib.Goto({Url:'https://mp.weixin.qq.com/s?__biz=Mzg5NTY0MzUzNw==&mid=2247488743&idx=1&sn=c1dfc32865dbfb10e52014c8476223b0&chksm=c00c6e19f77be70feb9edbbeabc9bb178d9f5f0021775123b77f71facba6ae3f6ceeb1469377#rd'});
  1090. return;
  1091. }else if(id === 28){
  1092. //- 推荐王
  1093. PublicLib.Goto({Url:'new-pag2'});
  1094. return;
  1095. }else if(id === 26){
  1096. //- 立刷0押
  1097. PublicLib.Goto({Url:'https://mp.weixin.qq.com/s?__biz=Mzg5NTY0MzUzNw==&mid=2247486329&idx=1&sn=ed9f5d3ffa8ff61d56725312d8e759c3&chksm=c00c7187f77bf89105b9a3ab1ba5e3c90cdc267b0d403c79d1e5ef1bf16cd54359eea67bc611#rd'});
  1098. return;
  1099. }
  1100. PublicLib.Goto({Url:'welcome'});
  1101. },
  1102. //- 跳转业绩
  1103. achievement(){
  1104. if(this.realauth){
  1105. PublicLib.ShowDialog({
  1106. Title:'暂未实名认证',
  1107. Message:'是否去实名认证?',
  1108. ConfirmText:'去实名',
  1109. CancelText:'暂不实名',
  1110. ConfirmAction:'app.goAuth()',
  1111. CanelAction:''
  1112. });
  1113. return;
  1114. };
  1115. PublicLib.Goto({Url:'product-myperformance'});
  1116. },
  1117. //- 服务中心
  1118. server(){
  1119. PublicLib.OnlineService();
  1120. //- PublicLib.Goto({Url:'user-service-list'});
  1121. },
  1122. //- 点击头部个人信息
  1123. userinfobtn(){
  1124. PublicLib.Goto({Url:'user-info'});
  1125. },
  1126. //- 获取仓库入口
  1127. async getwarehouselist(){
  1128. //- this.warehouse = [];
  1129. const UserId = PublicLib.getCookieInfo('userId');
  1130. const res = await getRequest('api/v1/storehouse/indexlist?t='+Math.random(6),JSON.stringify({UserId,PageSize:15,PageNum:1}));
  1131. if(res.status === '1') {
  1132. //- this.warehouse = [];
  1133. //- res.data.forEach((item,index)=>{
  1134. //- if(item.BrandId){
  1135. //- this.warehouse.push(item)
  1136. //- };
  1137. //- });
  1138. this.warehouse = res.data;
  1139. };
  1140. },
  1141. //- 跳转对应仓库
  1142. gowarehouse(id,name,brandId){
  1143. PublicLib.putCookieInfo('warehouseId', id);
  1144. PublicLib.putCookieInfo('warehouseName', name);
  1145. PublicLib.putCookieInfo('brandId', brandId);
  1146. if(PublicLib.getCookieInfo('userId') === '598'){
  1147. PublicLib.Goto({Url:'warehouse-management-afterSale'});
  1148. }else{
  1149. PublicLib.Goto({Url:'warehouse-management-afterSale'});
  1150. }
  1151. },
  1152. //- 预发货方法
  1153. async getsetfn(){
  1154. const ToUserId = PublicLib.getCookieInfo('userId');
  1155. const res = await getRequest('api/v1/pos/presendstockdetail/waitconfirms?t='+Math.random(6),JSON.stringify({ToUserId,PageNum:1,PageSize:10}));
  1156. if(PublicLib.getCookieInfo('dialogistrue') !== 'true' && res.data.SnList && res.data.SnList.length !== 0){
  1157. this.getsetsnlist = res.data;
  1158. PublicLib.putCookieInfo('dialogistrue','true');
  1159. this.getsetdialog = true;
  1160. };
  1161. },
  1162. snnolist(){
  1163. return this.result.map(item=>item.Id).join(',');
  1164. },
  1165. //- 预发货处理
  1166. getsetagreen:undebounce(async function(Status){
  1167. if(this.result.length === 0)return tips('请选择SN号');
  1168. const ToUserId = PublicLib.getCookieInfo('userId');
  1169. const res = await postRequest('api/v1/pos/presendstockdetail/confirm?t='+Math.random(6),JSON.stringify({ToUserId,Status,Ids:this.snnolist()}));
  1170. if(res.status !== '1') return tips(res.info);
  1171. if(this.result.length === this.getsetsnlist.SnList.length){
  1172. this.getsetdialog = false;
  1173. }else{
  1174. this.result = [];
  1175. PublicLib.putCookieInfo('dialogistrue','');
  1176. this.getsetfn();
  1177. };
  1178. setTimeout(()=>{
  1179. if(Status === 1){
  1180. tips('预发机确认收货');
  1181. }else{
  1182. tips('拒绝预发机收货');
  1183. };
  1184. },700);
  1185. }),
  1186. toggleAll(status) {
  1187. this.checked = !this.checked;
  1188. this.$refs.checkboxGroup.toggleAll(!status);
  1189. },
  1190. toggle(index) {
  1191. this.$refs.checkboxes[index].toggle();
  1192. setTimeout(()=>{
  1193. if(this.result.length !== this.getsetsnlist.SnList.length){
  1194. this.checked = false;
  1195. }else{
  1196. this.checked = true;
  1197. };
  1198. });
  1199. },
  1200. //- 获取数据
  1201. pageffect(url = '') {
  1202. const that = this;
  1203. window.libpag.PAGInit().then(async (PAG) => {
  1204. axios({url,responseType: "blob"}).then(async (response) =>{return response.request.response}).then(async (blob) => {
  1205. let file = new window.File([blob], url.replace(/(.*\/)*([^.]+)/i, '$2'));
  1206. const pagFile = await PAG.PAGFile.load(file);
  1207. //- document.getElementById('pag').width = document.documentElement.clientWidth / 5;
  1208. //- document.getElementById('pag').height = document.documentElement.clientWidth;
  1209. const pagView = await PAG.PAGView.init(pagFile, '#pag',{ useCanvas2D: true,useScale: true,firstFrame:true });
  1210. pagView.setRepeatCount(0);
  1211. await pagView.play();
  1212. });
  1213. });
  1214. },
  1215. }
  1216. });
  1217. </script>
  1218. </body>
  1219. </html>