Domovská stránka Prehľadávať Pomoc
Registrovať Prihlásiť sa
lichunlei
/
cyb_configserver_com
1
0
Fork 0
Súbory Issues 0 Pull requesty 0 Wiki
Strom: de14a1fcdd
Branche Tagy
cyb_configse...
/
wwwroot
/
template
/
app
/
creater
/
marketing-ssistant-detail.html

marketing-ssistant-detail.html 24 KB
História Raw

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561 
  1. <!DOCTYPE html>
    2. 

  2. <html>
    3. 

  3. 

  4. <head>
    5. 

  5. 	<meta charset="utf-8">
    6. 

  6. 	<title>月度账单-创业帮</title>
    7. 

  7. 	<meta name="keywords" content="月度账单-创业帮">
    8. 

  8. 	<meta name="description" content="月度账单-创业帮">
    9. 

  9. 	<meta content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,shrink-to-fit=no,user-scalable=no" name="viewport"
    10. 

  10. 	 viewport="cover">
    11. 

  11. 	<meta name="apple-mobile-web-app-capable" content="yes">
    12. 

  12. 	<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
    13. 

  13. 	<meta content="telephone=no" name="format-detection">
    14. 

  14. 	<meta content="email=no" name="format-detection">
    15. 

  15. 	<meta name="apple-mobile-web-app-title" content="月度账单-创业帮">
    16. 

  16. 	<meta http-equiv="Cache-Control" content="no-siteapp">
    17. 

  17. 	<link rel="stylesheet" href="./static/css/main.css">
    18. 

  18. 	<link rel="stylesheet" href="https://ap.kexiaoshuang.com/skin/app/default/static/css/_keyframes.css">
    19. 

  19. 	<link rel="stylesheet" href="https://ap.kexiaoshuang.com/skin/app/default/static/css/year-report.css">
    20. 

  20. 	<style>
    21. 

  21. 		.m0a{
    22. 

  22.       	margin: 0 auto;
    23. 

  23.       }
    24. 

  24.       .width90{
    25. 

  25.       	width:90% !important;
    26. 

  26.       }
    27. 

  27.       @keyframes translateY0-100 {
    28. 

  28.       	0% {
    29. 

  29.       		transform: translate(-50%,0) rotate(180deg);
    30. 

  30.       		opacity: 0.5;
    31. 

  31.       	}
    32. 

  32.       	50% {
    33. 

  33.       		transform: translate(-50%,50%) rotate(180deg);
    34. 

  34.       		opacity: 1;
    35. 

  35.       	}
    36. 

  36.       	100%{
    37. 

  37.       		transform: translate(-50%,0) rotate(180deg);
    38. 

  38.       		opacity: 0.5;
    39. 

  39.       	}
    40. 

  40.       }
    41. 

  41.       @keyframes scale1-3-1 {
    42. 

  42.       	0% {
    43. 

  43.       		transform: scale(1);
    44. 

  44.       
    45. 

  45.       	}
    46. 

  46.       	50% {
    47. 

  47.       		transform: scale(0.95);
    48. 

  48.       	}
    49. 

  49.       	100% {
    50. 

  50.       		transform: scale(1);
    51. 

  51.       	}
    52. 

  52.       }
    53. 

  53.       .year-report .fourth2 .kv{
    54. 

  54.       	//- animation: opachalf-1 0.5 forwards;
    55. 

  55.       }
    56. 

  56.       .amtBox:{animation: none !important;}
    57. 

  57.       .kv{animation:scale1-3-1 1s ease-in-out}
    58. 

  58.       .year-report .second .kv .df {
    59. 

  59.       	width: 6.56rem;
    60. 

  60.       	height: 6.2rem;
    61. 

  61.       	top: 0.7667rem;
    62. 

  62.       }
    63. 

  63.       .openAnm{}
    64. 

  64.       .next{animation:translateY0-100 1s 0.3s ease-in-out infinite;bottom:1rem !important;transform:}
    65. 

  65.       .first .kv,
    66. 

  66.       .second .kv,
    67. 

  67.       .third1 .kv,
    68. 

  68.       .third2 .kv,
    69. 

  69.       .fourth1 .kv,
    70. 

  70.       .fourth2 .kv,
    71. 

  71.       .fiveth .kv,
    72. 

  72.       .sixth .kv,
    73. 

  73.       .seventh .kv{
    74. 

  74.       	background-size: cover !important;
    75. 

  75.       }
    76. 

  76.       .flexdimg{
    77. 

  77.       	animation:none !important;
    78. 

  78.       }
    79. 

  79.       .bgctra{background:transparent !important;}
    80. 

  80.       .year-report .seventh .kv .df{
    81. 

  81.       	width:100%;
    82. 

  82.       }
    83. 

  83.     </style>
    84. 

  84. </head>
    85. 

  85. 

  86. <body class="pb0 pt0 ovh fl" style="padding:0;">
    87. 

  87. 	<div class="year-report bgctra invited-old" id="app" v-cloak>
    88. 

  88. 		<div class="year-report abs" style="z-index:-1;"></div>
    89. 

  89. 		<div class="vh100" @touchend="gtouchend" @touchstart="gtouchstart"><img class="bottom1 mt16 abs" src="./static/images/report-bottom-1.png"
    90. 

  90. 			 alt="alt">
    91. 

  91. 			<transition class="openAnm" name="fade">
    92. 

  92. 				<div class="first m0a ovh rel width90" v-if="pageNum === 1"><img class="logo" src="./static/images/report-LOGO.png"
    93. 

  93. 					 alt="alt"><img class="kv db" src="./static/images/report-KV.png" alt="alt" style="width:100%;"></div>
    94. 

  94. 			</transition>
    95. 

  95. 			<transition name="fade">
    96. 

  96. 				<div class="second m0a ovh width90" v-if="pageNum === 2"><img class="logo" src="./static/images/report-LOGO.png"
    97. 

  97. 					 alt="alt">
    98. 

  98. 					<div class="kv m0a rel">
    99. 

  99. 						<div class="df abs jcsb">
    100. 

  100. 							<div class="f15" style="animation: opac0-1 1s 0.1s forwards; opacity:0;">3月8日 创业帮立项</div>
    101. 

  101. 							<div class="f15" style="animation: opac0-1 1s 0.2s forwards; opacity:0;">3月10日 创业帮正式上线 金控机具同步上线</div>
    102. 

  102. 							<div class="f15">
    103. 

  103. 								<div class="f15" style="animation: opac0-1 1s 0.3s forwards; opacity:0;">3月11日 平台首次进件 </div>
    104. 

  104. 							</div>
    105. 

  105. 							<div class="f15">
    106. 

  106. 								<div style="animation: opac0-1 1s 0.5s forwards; opacity:0;">3月24日17:24:01 </div><span style="animation: opac0-1 1s 0.6s forwards; opacity:0;">创业帮平台日交易量</span><span
    107. 

  107. 								 class="b f16" style="animation: opac0-1 1s 0.6s forwards; opacity:0;">突破333万</span>
    108. 

  108. 							</div>
    109. 

  109. 							<div class="f15">
    110. 

  110. 								<div style="animation: opac0-1 1s 0.8s forwards; opacity:0;">4月28日09:09:36 </div><span style="animation: opac0-1 1s 0.9s forwards; opacity:0;">创业帮平台总交易量</span><span
    111. 

  111. 								 class="b f16" style="animation: opac0-1 1s 1s forwards; opacity:0;">破十亿</span>
    112. 

  112. 							</div>
    113. 

  113. 						</div>
    114. 

  114. 					</div>
    115. 

  115. 				</div>
    116. 

  116. 			</transition>
    117. 

  117. 			<transition name="fade">
    118. 

  118. 				<div class="third1 m0a ovh rel width90" v-if="pageNum === 3"><img class="logo" src="./static/images/report-LOGO.png"
    119. 

  119. 					 alt="alt">
    120. 

  120. 					<div class="kv m0a">
    121. 

  121. 						<div class="df m0a mt8 jcsb warp">
    122. 

  122. 							<div class="df jcsb aic" v-for="item,index in amountRank" :key="index" ref="showindex" style="opacity:0"><img
    123. 

  123. 								 class="left" src="./static/images/report-num1.png" alt="" v-if="index === 0"><img class="left" src="./static/images/report-num2.png"
    124. 

  124. 								 alt="" v-if="index === 1"><img class="left" src="./static/images/report-num3.png" alt="" v-if="index === 2">
    125. 

  125. 								<div class="left" v-if="index &gt; 2">{{index+1}}</div>
    126. 

  126. 								<div class="center">{{item.realname}}</div>
    127. 

  127. 								<div class="right">{{item.thisamount}}</div>
    128. 

  128. 							</div>
    129. 

  129. 						</div>
    130. 

  130. 					</div>
    131. 

  131. 				</div>
    132. 

  132. 			</transition>
    133. 

  133. 			<transition name="fade">
    134. 

  134. 				<div class="third2 m0a ovh rel width90" v-if="pageNum === 4"><img class="logo" src="./static/images/report-LOGO.png"
    135. 

  135. 					 alt="alt">
    136. 

  136. 					<div class="kv m0a">
    137. 

  137. 						<div class="df m0a mt8 jcsb warp">
    138. 

  138. 							<div class="df jcsb aic" v-for="item,index in countRank" :key="index" ref="showindex" style="opacity:0"><img
    139. 

  139. 								 class="left" src="./static/images/report-num1.png" alt="" v-if="index === 0"><img class="left" src="./static/images/report-num2.png"
    140. 

  140. 								 alt="" v-if="index === 1"><img class="left" src="./static/images/report-num3.png" alt="" v-if="index === 2">
    141. 

  141. 								<div class="left" v-if="index &gt; 2">{{index+1}}</div>
    142. 

  142. 								<div class="center">{{item.realname}}</div>
    143. 

  143. 								<div class="right">{{item.thismonthcount}}</div>
    144. 

  144. 							</div>
    145. 

  145. 						</div>
    146. 

  146. 					</div>
    147. 

  147. 				</div>
    148. 

  148. 				<div class="fourth1 m0a ovh width90" v-if="pageNum === 5"><img class="logo" src="./static/images/report-LOGO.png"
    149. 

  149. 					 alt="alt">
    150. 

  150. 					<div class="kv m0a rel" style="background:none"><img class="flexdimg" src="./static/images/report-KV4.png" alt=""
    151. 

  151. 						 style="width:100%;height:100%"><img class="abs" src="./static/images/report-person.png" alt=""></div>
    152. 

  152. 				</div>
    153. 

  153. 				<div class="fourth2 m0a ovh width90" v-if="pageNum === 6"><img class="logo" src="./static/images/report-LOGO.png"
    154. 

  154. 					 alt="alt">
    155. 

  155. 					<div class="kv m0a rel" style="background:none"><img src="./static/images/report-KV4-2.png" alt="" style="width:100%;height:100%"><img
    156. 

  156. 						 class="abs" src="./static/images/report-person.png" alt="">
    157. 

  157. 						<div class="df abs jcsb" style="color:#FD8817;">
    158. 

  158. 							<div>
    159. 

  159. 								<div class="f15" style="animation: opac0-1 1s 0.1s forwards; opacity:0;">{{firstCome}}</div>
    160. 

  160. 								<div class="f15" style="animation: opac0-1 1s 0.2s forwards; opacity:0;">是你来到创业帮的第一天</div>
    161. 

  161. 								<div class="f15" style="animation: opac0-1 1s 0.3s forwards; opacity:0;">隔着这个屏幕</div>
    162. 

  162. 								<div class="f15" style="animation: opac0-1 1s 0.4s forwards; opacity:0;">我们开始紧密相连</div>
    163. 

  163. 							</div>
    164. 

  164. 							<div class="mt16">
    165. 

  165. 								<div class="f15" v-if="firstOpenDay.length" style="animation: opac0-1 1s 0.5s forwards; opacity:0;">{{firstOpenDay}}
    166. 

  166. 								</div>
    167. 

  167. 								<div class="f15" v-if="firstOpenDay.length" style="animation: opac0-1 1s 0.6s forwards; opacity:0;">是你第一次为商户完成开机</div>
    168. 

  168. 								<div class="f15" style="animation: opac0-1 1s 0.7s forwards; opacity:0;">成功的背后</div>
    169. 

  169. 								<div class="f15" style="animation: opac0-1 1s 0.8s forwards; opacity:0;">是你的辛勤付出</div>
    170. 

  170. 								<div class="f15" style="animation: opac0-1 1s 0.9s forwards; opacity:0;">他们的日子方便了一点</div>
    171. 

  171. 								<div class="f15" style="animation: opac0-1 1s 1s forwards; opacity:0;">你的生活也红火了一点</div>
    172. 

  172. 							</div>
    173. 

  173. 						</div>
    174. 

  174. 					</div>
    175. 

  175. 				</div>
    176. 

  176. 			</transition>
    177. 

  177. 			<transition name="fade">
    178. 

  178. 				<div class="fiveth m0a ovh width90" v-if="pageNum === 7"><img class="logo" src="./static/images/report-LOGO.png"
    179. 

  179. 					 alt="alt">
    180. 

  180. 					<div class="kv m0a rel">
    181. 

  181. 						<div class="amtBox abs"><img class="abs" src="./static/images/report-start.png" alt=""></div>
    182. 

  182. 						<div class="df abs jcsb">
    183. 

  183. 							<div>
    184. 

  184. 								<div class="f15" style="animation: opac0-1 1s 0.1s forwards; opacity:0;">白天越来越长</div>
    185. 

  185. 								<div class="f15" style="animation: opac0-1 1s 0.2s forwards; opacity:0;">夜晚越来越热</div>
    186. 

  186. 								<div class="f15" style="animation: opac0-1 1s 0.3s forwards; opacity:0;">却始终能看到你熟悉的步伐</div>
    187. 

  187. 							</div>
    188. 

  188. 							<div>
    189. 

  189. 								<div class="f15" style="animation: opac0-1 1s 0.4s forwards; opacity:0;">这些天你推荐了{{achivment.AddUser}}个伙伴</div>
    190. 

  190. 								<div class="f15" style="animation: opac0-1 1s 0.5s forwards; opacity:0;">开了{{achivment.TotalPosMerchant}}台机具</div>
    191. 

  191. 								<div class="f15" style="animation: opac0-1 1s 0.6s forwards; opacity:0;">交易额突破了{{totalamount}}元</div>
    192. 

  192. 								<div class="f15" style="animation: opac0-1 1s 0.7s forwards; opacity:0;">每一句你好</div>
    193. 

  193. 								<div class="f15" style="animation: opac0-1 1s 0.8s forwards; opacity:0;">都是为幸福生活努力的声音</div>
    194. 

  194. 							</div>
    195. 

  195. 						</div>
    196. 

  196. 					</div>
    197. 

  197. 				</div>
    198. 

  198. 			</transition>
    199. 

  199. 			<transition name="fade">
    200. 

  200. 				<div class="sixth m0a ovh width90" v-if="pageNum === 8"><img class="logo" src="./static/images/report-LOGO.png" alt="alt">
    201. 

  201. 					<div class="kv m0a rel"><img class="abs" id="s1" src="./static/images/report-start.png" alt="">
    202. 

  202. 						<div class="amtBox abs" style="animation: opachalf-1 1s 4s forwards;"><img class="abs" id="s2" src="./static/images/report-start.png"
    203. 

  203. 							 alt="" style="animation: opachalf-1 3s 4s infinite;"><img class="abs" id="s3" src="./static/images/report-start.png"
    204. 

  204. 							 alt="" style="animation: opachalf-1 3s 5.5s infinite;"><img class="abs" id="s4" src="./static/images/report-start.png"
    205. 

  205. 							 alt="" style="animation: opachalf-1 3s 6.8s infinite;"><img class="abs" id="s5" src="./static/images/report-start.png"
    206. 

  206. 							 alt="" style="animation: opachalf-1 3s 5s infinite;"><img class="abs" id="s6" src="./static/images/report-start.png"
    207. 

  207. 							 alt="" style="animation: opachalf-1 3s 5.2s infinite;"><img class="abs" id="s7" src="./static/images/report-start.png"
    208. 

  208. 							 alt="" style="animation: opachalf-1 3s 4.3s infinite;"><img class="abs" id="s8" src="./static/images/report-start.png"
    209. 

  209. 							 alt="" style="animation: opachalf-1 3s 5.4s infinite;"></div>
    210. 

  210. 						<div class="df abs jcsb" style="width: 5.8733rem;height: 4.9733rem;">
    211. 

  211. 							<div>
    212. 

  212. 								<div class="f15" style="animation: opac0-1 1s 4.1s forwards;opacity:0;">用微光点燃微光</div>
    213. 

  213. 								<div class="f15" style="animation: opac0-1 1s 4.2s forwards;opacity:0;">微光照亮微光</div>
    214. 

  214. 								<div class="f15" style="animation: opac0-1 1s 4.3s forwards;opacity:0;">最终我们将连在一起发光</div>
    215. 

  215. 							</div>
    216. 

  216. 							<div v-if="isApp">
    217. 

  217. 								<div class="f15" style="animation: opac0-1 1s 4.4s forwards;opacity:0;">感谢创业帮全体伙伴的辛勤付出</div>
    218. 

  218. 								<div class="f15" style="animation: opac0-1 1s 4.5s forwards;opacity:0;">写下你的期望</div>
    219. 

  219. 								<div class="f15" style="animation: opac0-1 1s 4.6s forwards;opacity:0;">定下你的年度目标</div>
    220. 

  220. 								<div class="f15" style="animation: opac0-1 1s 4.7s forwards;opacity:0;">也许惊喜将在不远后发生</div>
    221. 

  221. 							</div>
    222. 

  222. 							<div v-if="!isApp">
    223. 

  223. 								<div class="f15" style="animation: opac0-1 1s 4.4s forwards;opacity:0;">加入创业帮</div>
    224. 

  224. 								<div class="f15" style="animation: opac0-1 1s 4.5s forwards;opacity:0;">与我一起直面惊喜</div>
    225. 

  225. 								<div class="f15" style="animation: opac0-1 1s 4.6s forwards;opacity:0;">也许惊喜将在不远后发生</div>
    226. 

  226. 							</div>
    227. 

  227. 						</div>
    228. 

  228. 						<div class="form abs" v-if="isApp">
    229. 

  229. 							<input type="text" placeholder="写下你对自己的的年度期望" v-model="formInfo.ExpectAmount ">
    230. 

  230. 							<input class="mt8" type="text" placeholder="写下你的年度目标业绩" v-model="formInfo.TargetAmount">
    231. 

  231. 							<div class="pt16 bc333">
    232. 

  232. 								<van-button type="primary" block color="#FFD500" round @click="submit">提交目标</van-button>
    233. 

  233. 							</div>
    234. 

  234. 						</div>
    235. 

  235. 						<div class="form abs" v-if="!isApp" style="height: 0.5rem;">
    236. 

  236. 							<div class="pt16 bc333">
    237. 

  237. 								<van-button type="primary" block color="#FFD500" round @click="joinus">点击加入</van-button>
    238. 

  238. 							</div>
    239. 

  239. 						</div>
    240. 

  240. 					</div>
    241. 

  241. 				</div>
    242. 

  242. 			</transition>
    243. 

  243. 			<transition name="fade">
    244. 

  244. 				<div class="seventh m0a width90" v-if="pageNum === 9"><img class="logo" src="./static/images/report-LOGO.png" alt="alt">
    245. 

  245. 					<div class="kv m0a rel">
    246. 

  246. 						<div class="df m0a jcsb abs">
    247. 

  247. 							<div class="f20" style="animation: opac0-1 1s 0.1s forwards;opacity:0;">创业帮上线首月成绩单</div>
    248. 

  248. 							<div>
    249. 

  249. 								<div class="f15" style="animation: opac0-1 1s 0.2s forwards;opacity:0;">这些天</div>
    250. 

  250. 								<div class="f15" style="animation: opac0-1 1s 0.3s forwards;opacity:0;">我在创业帮推荐了{{achivment.AddUser}}个伙伴</div>
    251. 

  251. 								<div class="f15" style="animation: opac0-1 1s 0.4s forwards;opacity:0;">开了{{achivment.TotalPosMerchant}}台机具</div>
    252. 

  252. 								<div class="f15" style="animation: opac0-1 1s 0.5s forwards;opacity:0;">交易额突破了{{totalamount}}元</div>
    253. 

  253. 							</div>
    254. 

  254. 							<div>
    255. 

  255. 								<div class="f15" style="animation: opac0-1 1s 0.6s forwards;opacity:0;">在今年</div>
    256. 

  256. 								<div class="f15" style="animation: opac0-1 1s 0.7s forwards;opacity:0;">我期望是： {{formInfo.ExpectAmount }} </div>
    257. 

  257. 								<div class="f15" style="animation: opac0-1 1s 0.8s forwards;opacity:0;">我的目标是： {{formInfo.TargetAmount}}</div>
    258. 

  258. 								<div class="f15" style="animation: opac0-1 1s 0.9s forwards;opacity:0;">我的生活</div>
    259. 

  259. 								<div class="f15" style="animation: opac0-1 1s 1.1s forwards;opacity:0;">将因为这一点一滴的行动</div>
    260. 

  260. 								<div class="f15" style="animation: opac0-1 1s 1.2s forwards;opacity:0;">变得更加美好</div>
    261. 

  261. 							</div>
    262. 

  262. 						</div>
    263. 

  263. 						<van-button type="primary" block color="#FD8817" round @click="share" v-if="type === 'ios'">分享成绩</van-button>
    264. 

  264. 						<van-button type="primary" block color="#FD8817" round @click="share" v-if="type === 'android'">返回分享</van-button>
    265. 

  265. 					</div>
    266. 

  266. 				</div>
    267. 

  267. 			</transition>
    268. 

  268. 		</div><img class="next" src="./static/images/report-nextPage.png" alt="" @click="nextPage" v-if="pageNum !== 8 &amp;&amp; pageNum!==9">
    269. 

  269. 		<van-popup class="bgcf7f7f7" v-model="show" position="bottom" :style="{ height: '28%' }">
    270. 

  270. 			<div class="sharepanel rel">
    271. 

  271. 				<div class="f12 c999 tc">分享到</div>
    272. 

  272. 				<van-grid class="grad" :column-num="2">
    273. 

  273. 					<van-grid-item text="微信" @click="weixin">
    274. 

  274. 						<template #icon>
    275. 

  275. 							<svg class="icon" aria-hidden="true">
    276. 

  276. 								<use xlink:href="#icon-weixin"> </use>
    277. 

  277. 							</svg>
    278. 

  278. 						</template>
    279. 

  279. 					</van-grid-item>
    280. 

  280. 					<van-grid-item text="微信朋友圈" @click="weixinfriend">
    281. 

  281. 						<template #icon>
    282. 

  282. 							<svg class="icon" aria-hidden="true">
    283. 

  283. 								<use xlink:href="#icon-pengyouquan"></use>
    284. 

  284. 							</svg>
    285. 

  285. 						</template>
    286. 

  286. 					</van-grid-item>
    287. 

  287. 				</van-grid>
    288. 

  288. 				<div class="tc mt16 cencal abs bgcfff f14 c333" @click="show = false">取消</div>
    289. 

  289. 			</div>
    290. 

  290. 		</van-popup>
    291. 

  291. 	</div>
    292. 

  292. 	<script src="./static/js/klm-vv.min.js"></script>
    293. 

  293. 	<script src="./static/js/appfunc.min.js"></script>
    294. 

  294. 	<script src="./static/js/klm-axios-config.js"></script>
    295. 

  295. 	<script src="./static/js/publicfn.js"></script>
    296. 

  296. 	<script src="./static/js/iconfont.js"></script>
    297. 

  297. 	<script>
    298. 

  298. 		//- PublicLib.SetStatusBarStyle({type:'light', isShow:1});
    299. 

  299. 		// 通过 CDN 引入时不会自动注册 Lazyload 组件
    300. 

  300. 		// 可以通过下面的方式手动注册
    301. 

  301. 		// 在 #app 标签下渲染一个按钮组件
    302. 

  302. 		let app = new Vue({
    303. 

  303. 			el: '#app',
    304. 

  304. 			data() {
    305. 

  305. 				return {
    306. 

  306. 					show: false,
    307. 

  307. 					firstCome: '',
    308. 

  308. 					isApp: true,
    309. 

  309. 					dateArr: [],
    310. 

  310. 					totalamountArr: [],
    311. 

  311. 					firstOpenDay: '',
    312. 

  312. 					achivment: {
    313. 

  313. 						TotalPosMerchant: 0,
    314. 

  314. 						AddUser: 0,
    315. 

  315. 					},
    316. 

  316. 					amountRank: [],
    317. 

  317. 					countRank: [],
    318. 

  318. 					startPrice: 100000,
    319. 

  319. 					formInfo: {
    320. 

  320. 						ExpectAmount: '',
    321. 

  321. 						TargetAmount: '',
    322. 

  322. 					},
    323. 

  323. 					pagY: '',
    324. 

  324. 					pagY1: '',
    325. 

  325. 					pageNum: 1,
    326. 

  326. 					timer: '',
    327. 

  327. 					timer2: '',
    328. 

  328. 					timer3: '',
    329. 

  329. 					type: '',
    330. 

  330. 				};
    331. 

  331. 			},
    332. 

  332. 			created() {
    333. 

  333. 				if (PublicLib.getCookieInfo('isApp') === 'true') {
    334. 

  334. 					this.isApp = true;
    335. 

  335. 				} else {
    336. 

  336. 					this.isApp = false;
    337. 

  337. 					PublicLib.putCookieInfo('userId', this.getUrlParam('Id'));
    338. 

  338. 				};
    339. 

  339. 				this.type = browsertype.versions.ios ? 'ios' : 'android';
    340. 

  340. 				this.personalInfo();
    341. 

  341. 				this.theFirstOpen(0);
    342. 

  342. 				this.theFirstOpen(1);
    343. 

  343. 				this.theFirstOpen(2);
    344. 

  344. 				this.theFirstOpen(3);
    345. 

  345. 				this.makerSortDo()
    346. 

  346. 				this.makerFlowingSortDo()
    347. 

  347. 				this.getMonthInfo('202003')
    348. 

  348. 				this.getMonthInfo('202004')
    349. 

  349. 				this.getMonthInfo('202005')
    350. 

  350. 			},
    351. 

  351. 			mounted() {
    352. 

  352. 				this.autoPage()
    353. 

  353. 			},
    354. 

  354. 			updated() {
    355. 

  355. 				this.$refs.showindex.forEach((item, index) => {
    356. 

  356. 					console.dir(item.style);
    357. 

  357. 					item.style.animation = `opac0-1 1s ${(index + 1) * .2}s forwards`
    358. 

  358. 				})
    359. 

  359. 			},
    360. 

  360. 			watch: {
    361. 

  361. 				pageNum: function (val) {
    362. 

  362. 					console.log(val, 'val')
    363. 

  363. 					if (val === 5) {
    364. 

  364. 						this.timer2 = setTimeout(() => {
    365. 

  365. 							this.pageNum++
    366. 

  366. 						}, 1000)
    367. 

  367. 					}
    368. 

  368. 					if (val === 7) {
    369. 

  369. 						this.timer3 = setInterval(() => {
    370. 

  370. 							this.startPrice * 9
    371. 

  371. 						}, 1000)
    372. 

  372. 					}
    373. 

  373. 					clearInterval(this.timer3)
    374. 

  374. 				},
    375. 

  375. 			},
    376. 

  376. 			computed: {
    377. 

  377. 				totalamount: function () {
    378. 

  378. 					let sum = 0
    379. 

  379. 					return this.abs(this.totalamountArr.reduce(
    380. 

  380. 						(pre, cur) => pre + cur,
    381. 

  381. 						sum
    382. 

  382. 					))
    383. 

  383. 				}
    384. 

  384. 			},
    385. 

  385. 			methods: {
    386. 

  386. 				//- 截取参数函数
    387. 

  387. 				getUrlParam(name) {
    388. 

  388. 					var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)"); //构造一个含有目标参数的正则表达式对象
    389. 

  389. 					var r = window.location.search.substr(1).match(reg);  //匹配目标参数
    390. 

  390. 					if (r != null) return unescape(r[2]);
    391. 

  391. 					return null; //返回参数值
    392. 

  392. 				},
    393. 

  393. 				hideName(str) {
    394. 

  394. 					arr = str.split('')
    395. 

  395. 					arr.splice(1, 1, "*");
    396. 

  396. 					str = arr.join('')
    397. 

  397. 					return str
    398. 

  398. 				},
    399. 

  399. 				// 金额展示处理函数(1000,423,324,322.00)
    400. 

  400. 				abs(val) {
    401. 

  401. 					//金额转换  保留2位小数 并每隔3位用逗号分开 1,234.56
    402. 

  402. 					let str = (val / 1).toFixed(2) + ''
    403. 

  403. 					let intSum = str.substring(0, str.indexOf(".")).replace(/\B(?=(?:\d{3})+$)/g, ',') //取到整数部分
    404. 

  404. 					let dot = str.substring(str.length, str.indexOf(".")) //取到小数部分搜索
    405. 

  405. 					let ret = intSum + dot;
    406. 

  406. 					return ret;
    407. 

  407. 				},
    408. 

  408. 				//- 用户信息
    409. 

  409. 				async personalInfo() {
    410. 

  410. 					const Id = PublicLib.getCookieInfo('userId');
    411. 

  411. 					const res = await getRequest('api/v1/users/personalinfo?t=' + Math.random(6), JSON.stringify({ Id }));
    412. 

  412. 					if (res.status === '1' && res.data.AuthDate) {
    413. 

  413. 						let data = '';
    414. 

  414. 						const zero = this.changedata(res.data.AuthDate, 5) === '0' ? '' : this.changedata(res.data.AuthDate, 5);
    415. 

  415. 						const month = zero + '' + this.changedata(res.data.AuthDate, 6);
    416. 

  416. 						const day = this.changedata(res.data.AuthDate, 8) + '' + this.changedata(res.data.AuthDate, 9);
    417. 

  417. 						this.firstCome = `${month} 月 ${day} 日`;
    418. 

  418. 					};
    419. 

  419. 				},
    420. 

  420. 				changedata(str, ind) {
    421. 

  421. 					let arr = str.split('');
    422. 

  422. 					return arr[ind];
    423. 

  423. 				},
    424. 

  424. 				//- 第一次开机
    425. 

  425. 				async theFirstOpen(ProductType) {
    426. 

  426. 					const UserId = PublicLib.getCookieInfo('userId');
    427. 

  427. 					const res = await getRequest('api/v1/pos/merchantinfo/mymerchant?t=' + Math.random(6), JSON.stringify({ PageSize: 10, PageNum: 1, UserId, ActiveStatus: 1, ProductType, MinTrade: '', MaxTrade: '', ActTime: '', Sort: 'trade' }));
    428. 

  428. 					if (res.status === '1') {
    429. 

  429. 						if (res.data.length) {
    430. 

  430. 							this.dateArr.push((new Date(res.data[0].KqRegTime)).getTime())
    431. 

  431. 							this.sortDate();
    432. 

  432. 						} else {
    433. 

  433. 							this.firstOpenDay = ''
    434. 

  434. 						}
    435. 

  435. 					};
    436. 

  436. 				},
    437. 

  437. 				//- 机具排行榜
    438. 

  438. 				async makerSortDo() {
    439. 

  439. 					const res = await getRequest('api/v1/LargeDataScreen/MakerSort?t=' + Math.random(6), JSON.stringify({}));
    440. 

  440. 					if (res.status === '1') {
    441. 

  441. 						this.countRank = res.data
    442. 

  442. 						this.countRank.map((item) => {
    443. 

  443. 							item.realname = this.hideName(item.realname)
    444. 

  444. 						})
    445. 

  445. 					};
    446. 

  446. 				},
    447. 

  447. 				//- 交易额排行榜
    448. 

  448. 				async makerFlowingSortDo() {
    449. 

  449. 					const res = await getRequest('api/v1/LargeDataScreen/MakerFlowingWaterSort?t=' + Math.random(6), JSON.stringify({}));
    450. 

  450. 					if (res.status === '1') {
    451. 

  451. 						console.log('11111111222121321')
    452. 

  452. 						this.amountRank = res.data
    453. 

  453. 						this.amountRank.map((item) => {
    454. 

  454. 							item.thisamount = this.abs(item.thisamount)
    455. 

  455. 							item.realname = this.hideName(item.realname)
    456. 

  456. 						})
    457. 

  457. 					}
    458. 

  458. 				},
    459. 

  459. 				//- 交易额
    460. 

  460. 				async getMonthInfo(month) {
    461. 

  461. 					const UserId = PublicLib.getCookieInfo('userId');
    462. 

  462. 					const res = await getRequest('api/v1/usertradedaysummary/teamperformance?t=' + Math.random(6), JSON.stringify({ TradeMonth: '202204', UserId }));
    463. 

  463. 					if (res.status === '1') {
    464. 

  464. 						this.achivment = res.data
    465. 

  465. 						this.totalamountArr.push(res.data.TotalAmount)
    466. 

  466. 						console.log(this.totalamountArr, '总交易额数组')
    467. 

  467. 					};
    468. 

  468. 				},
    469. 

  469. 				//提交表单
    470. 

  470. 				async submitFormInfo() {
    471. 

  471. 					const UserId = PublicLib.getCookieInfo('userId');
    472. 

  472. 					this.pageNum++;
    473. 

  473. 					const res = await postRequest('api/v1/LargeDataScreen/UsersWish?t=' + Math.random(6), JSON.stringify({ ...this.formInfo, UserId }))
    474. 

  474. 					if (res.status !== '1') {
    475. 

  475. 						tips('请重试！')
    476. 

  476. 					}
    477. 

  477. 					//- if(res.status === '1'){
    478. 

  478. 					//- }
    479. 

  479. 				},
    480. 

  480. 				sortDate() {
    481. 

  481. 					this.dateArr.sort((a, b) => a - b)
    482. 

  482. 					let date = new Date(this.dateArr[0])
    483. 

  483. 					this.firstOpenDay = `${date.getMonth() + 1} 月 ${date.getDate()} 日`
    484. 

  484. 				},
    485. 

  485. 				backbtn() {
    486. 

  486. 					PublicLib.GoBack({ Level: 1 });
    487. 

  487. 				},
    488. 

  488. 				submit() {
    489. 

  489. 					if (this.formInfo.ExpectAmount.length === 0 || this.formInfo.TargetAmount.length === 0) {
    490. 

  490. 						return tips('请写下目标！')
    491. 

  491. 					};
    492. 

  492. 					if (this.formInfo.ExpectAmount.length >= 15 || this.formInfo.TargetAmount.length >= 15) {
    493. 

  493. 						return tips('请不要超过15个字!')
    494. 

  494. 					};
    495. 

  495. 					this.submitFormInfo()
    496. 

  496. 				},
    497. 

  497. 				gtouchstart(e) {
    498. 

  498. 					this.pagY = e.changedTouches[0].clientY;
    499. 

  499. 					clearInterval(this.timer)
    500. 

  500. 					clearInterval(this.timer2)
    501. 

  501. 				},
    502. 

  502. 				gtouchend(e) {
    503. 

  503. 					this.pagY1 = e.changedTouches[0].clientY;
    504. 

  504. 					this.autoPage()
    505. 

  505. 					if ((this.pagY1 - this.pagY) > 50) {
    506. 

  506. 						clearInterval(this.timer2)
    507. 

  507. 

  508. 						if (this.pageNum >= 2 && this.pageNum <= 9) {
    509. 

  509. 							this.pageNum--
    510. 

  510. 							if (this.pageNum === 5) {
    511. 

  511. 								this.pageNum = 4
    512. 

  512. 							}
    513. 

  513. 						}
    514. 

  514. 						//- console.log( this.pageNum,'up','timer2',this.timer2)
    515. 

  515. 					};
    516. 

  516. 					if ((this.pagY1 - this.pagY) < -50) {
    517. 

  517. 						if (this.pageNum >= 1 && this.pageNum < 8) {
    518. 

  518. 							this.pageNum++
    519. 

  519. 						}
    520. 

  520. 						//- console.log( this.pageNum,'down')
    521. 

  521. 					};
    522. 

  522. 				},
    523. 

  523. 				autoPage(time = 4000) {
    524. 

  524. 					this.timer = setInterval(() => {
    525. 

  525. 						if (this.pageNum >= 1 && this.pageNum < 8) {
    526. 

  526. 							this.pageNum++
    527. 

  527. 						}
    528. 

  528. 					}, time)
    529. 

  529. 				},
    530. 

  530. 				nextPage() {
    531. 

  531. 					if (this.pageNum >= 1 && this.pageNum < 8) {
    532. 

  532. 						this.pageNum++
    533. 

  533. 					}
    534. 

  534. 				},
    535. 

  535. 				joinus() {
    536. 

  536. 					const UserId = PublicLib.getCookieInfo('userId');
    537. 

  537. 					window.location.href = 'http://bs.kexiaoshuang.com/p/user-inviteregist-1?Id=' + UserId;
    538. 

  538. 				},
    539. 

  539. 				share() {
    540. 

  540. 					if (this.type === 'ios') {
    541. 

  541. 						this.show = true;
    542. 

  542. 					} else {
    543. 

  543. 						this.backbtn();
    544. 

  544. 					};
    545. 

  545. 				},
    546. 

  546. 				weixin() {
    547. 

  547. 					const UserId = PublicLib.getCookieInfo('userId');
    548. 

  548. 					const Url = 'http://bs.kexiaoshuang.com/p/year-report4?Id=' + UserId;
    549. 

  549. 					PublicLib.ShareAppMessageImage({ Title: '创业帮破十亿啦！', Detail: '点击查看我的创客历程', Icon: 'https://bs.kexiaoshuang.com/static/share-logo.png', Url });
    550. 

  550. 				},
    551. 

  551. 				weixinfriend() {
    552. 

  552. 					const UserId = PublicLib.getCookieInfo('userId');
    553. 

  553. 					const Url = 'http://bs.kexiaoshuang.com/p/year-report4?Id=' + UserId;
    554. 

  554. 					PublicLib.ShareTimeline({ Title: '创业帮破十亿啦！', Detail: '点击查看我的创客历程', Icon: 'https://bs.kexiaoshuang.com/static/share-logo.png', Url });
    555. 

  555. 				},
    556. 

  556. 			}
    557. 

  557. 		});
    558. 

  558. 	</script>
    559. 

  559. </body>
    560. 

  560. 

  561. </html>
    562.