东风启辰小程序端
Nelze vybrat více než 25 témat Téma musí začínat písmenem nebo číslem, může obsahovat pomlčky („-“) a může být dlouhé až 35 znaků.

280 lines
18KB

  1. <!--pages/myCenter/myCenter.wxml-->
  2. <view>
  3. <view class="main">
  4. <view class="msgGroup" wx:if="{{!isLogin}}">
  5. <!-- <view class="pageTitle">个人中心</view> -->
  6. <view class="headGroup">
  7. <image class="defaultHead" src="{{imgUrl+'/images/defaultHead.png'}}"></image>
  8. </view>
  9. <view class="loginBtn"><image style="width:307rpx;height:48rpx;" src="{{imgUrl+'/btns/wxLoginIcon.jpg'}}"></image><button bindgetuserinfo="getUserWxMsg" style="width:100%;height:100%;min-height:0;padding:0;margin:0;" class="getUserMsgBtn" open-type="getUserInfo" lang="zh_CN"></button></view>
  10. </view>
  11. <view class="userMsg" wx:if="{{isLogin}}">
  12. <image class="userMsgBg" src="{{imgUrl+'/newImages/39.png'}}"></image>
  13. <!-- <view class="pageTitle">个人中心</view> -->
  14. <view class="headGroup" style="margin-bottom:11rpx;">
  15. <image class="defaultHead" src="{{userData.avatarUrl}}"></image>
  16. </view>
  17. <view class="userNameGroup">
  18. <view class="userName">{{userData.nickName}}</view>
  19. <image bindtap="addressControl" class="userNameEdit" src="{{imgUrl+'/images/userNameEdit.png'}}"></image>
  20. </view>
  21. <view class="userLevel" wx:if="{{userData.userLevel}}">
  22. <image class="userLevelIcon" src="{{imgUrl+'/images/userLevelIcon'+userData.userLevel+'.png'}}"></image>
  23. <image class="userLevelTip" src="{{imgUrl+'/images/myCenterTipLevel.jpg'}}"></image>
  24. <image class="userLevelText" src="{{imgUrl+'/images/userLevelText'+userData.userLevel+'.png'}}"></image>
  25. <image class="lookRule" bindtap="lookRule" data-value="{{true}}" src="{{imgUrl+'/btns/myCenterRule.jpg'}}"></image>
  26. </view>
  27. <view class="userLevel" wx:if="{{!userData.userLevel}}">
  28. <image class="userWaitIcon" src="{{imgUrl+'/images/userWaitIcon.png'}}"></image>
  29. <view class="userWaitText">您的星探待激活</view>
  30. <image class="lookRule" bindtap="lookRule" data-value="{{true}}" src="{{imgUrl+'/btns/myCenterRule.jpg'}}"></image>
  31. </view>
  32. </view>
  33. <view class="funList">
  34. <image class="funBg" src="{{imgUrl+'/images/funBg.png'}}"></image>
  35. <view bindtap="selectChange" data-value="1" class="selectGroup" style="border-color:{{selectNow==1?'#667ea3':'#7A797E'}}">
  36. <view wx:if="{{selectNow==1}}" class="arrowIcon"></view>
  37. <view class="imgFrame">
  38. <image class="taskIcon" src="{{selectNow==1?imgUrl+'/images/taskIcon2.png':imgUrl+'/images/taskIcon.png'}}"></image>
  39. </view>
  40. <view class="selectText" style="color:{{selectNow==1?'#667ea3':'black'}}">我的任务</view>
  41. </view>
  42. <view bindtap="selectChange" data-value="2" class="selectGroup" style="border-color:{{selectNow==2?'#667ea3':'#7A797E'}}">
  43. <view wx:if="{{selectNow==2}}" class="arrowIcon"></view>
  44. <view class="imgFrame">
  45. <image class="recordIcon" src="{{selectNow==2?imgUrl+'/images/recordIcon2.png':imgUrl+'/images/recordIcon.png'}}"></image>
  46. </view>
  47. <view class="selectText" style="color:{{selectNow==2?'#667ea3':'black'}}">获奖记录</view>
  48. </view>
  49. <view bindtap="selectChange" data-value="3" class="selectGroup" style="border-color:{{selectNow==3?'#667ea3':'#7A797E'}}">
  50. <view wx:if="{{selectNow==3}}" class="arrowIcon"></view>
  51. <view class="imgFrame">
  52. <image class="detachmentIcon" src="{{selectNow==3?imgUrl+'/images/detachmentIcon2.png':imgUrl+'/images/detachmentIcon.png'}}"></image>
  53. </view>
  54. <view class="selectText" style="color:{{selectNow==3?'#667ea3':'black'}}">星探小分队</view>
  55. </view>
  56. <view bindtap="selectChange" data-value="4" class="selectGroup" style="border-color:{{selectNow==4?'#667ea3':'#7A797E'}}">
  57. <view wx:if="{{selectNow==4}}" class="arrowIcon"></view>
  58. <view class="imgFrame">
  59. <image class="appreciateIcon" src="{{selectNow==4?imgUrl+'/images/appreciateIcon2.png?v=002':imgUrl+'/images/appreciateIcon.png?v=002'}}"></image>
  60. </view>
  61. <view class="selectText" style="color:{{selectNow==4?'#667ea3':'black'}}">{{buyState?"我的VIP卡":"我的订单"}}</view>
  62. </view>
  63. </view>
  64. <image wx:if="{{selectNow<1 || selectNow>4}}" class="myCenterBotBg" src="{{imgUrl+'/images/myCenterBotBg.png'}}"></image>
  65. <view class="taskGroup" wx:if="{{selectNow==1}}">
  66. <view class="taskSelect">
  67. <view bindtap="selectTask" data-type='1' class="taskText {{taskNow==1?'taskText2':''}}">每日任务</view>
  68. <view bindtap="selectTask" data-type='2' class="taskText {{taskNow==2?'taskText2':''}}">星探任务</view>
  69. </view>
  70. <view class="taskDetailFrame" wx:if="{{taskNow==1}}">
  71. <view class="taskDetailGroup" wx:for="{{taskList}}" wx:key="id">
  72. <view class="taskName">{{item.fullName}}</view>
  73. <view style="margin-top:12rpx;">
  74. <view class="taskLineFrame">
  75. <view class="taskLine" style="width:{{(item.unlockNum*25)+'%'}}"></view>
  76. </view>
  77. <view class="taskSignGroup">
  78. <image class="taskSignIcon" src="{{imgUrl+'/images/taskSignIcon.png'}}"></image>
  79. <image class="taskSignIcon" src="{{imgUrl+'/images/taskSignIcon.png'}}"></image>
  80. <image class="taskSignIcon" src="{{imgUrl+'/images/taskSignIcon.png'}}"></image>
  81. <image class="taskSignIcon" src="{{imgUrl+'/images/taskSignIcon.png'}}"></image>
  82. </view>
  83. </view>
  84. <view wx:if="{{item.unlockNum==4}}" class="taskSuccessBtn">已完成</view>
  85. <view wx:if="{{item.unlockNum!=4}}" class="taskWaitBtn">未完成</view>
  86. </view>
  87. </view>
  88. <view class="taskDetailFrame" wx:if="{{taskNow==2}}">
  89. <image class="scoutTaskDesc" src="{{imgUrl+'/newImages/scoutTaskDesc.png'}}"></image>
  90. <image class="scoutTaskIcon" src="{{imgUrl+'/newImages/scoutTaskIcon'+(barNums>3?'2':barNums>0?'':'3')+'.png?v=002'}}"></image>
  91. <view class="barFrame">
  92. <view style="position:absolute;top:-5rpx;left:295rpx;">
  93. <view class="barCarIcon">
  94. <image class="scoutTaskCar" wx:for="{{0+barNums>5?5:0+barNums}}" wx:key="index" src="{{imgUrl+'/newImages/scoutTaskCarIcon2.png'}}"></image>
  95. <image class="scoutTaskCar" wx:for="{{5-barNums>0?5-barNums:0}}" wx:key="index" src="{{imgUrl+'/newImages/scoutTaskCarIcon1.png'}}"></image>
  96. </view>
  97. <view class="barGroup">
  98. <view class="barContent" style="width:{{(barNums<=5?barNums:5)*20+'%'}}"></view>
  99. </view>
  100. <view class="barSignIcon">
  101. <image class="taskSignIcon2" wx:for="{{5}}" wx:key="index" src="{{imgUrl+'/images/taskSignIcon.png'}}"></image>
  102. </view>
  103. </view>
  104. </view>
  105. <image class="scoutTaskGo" bindtap="starGo" src="{{imgUrl+'/newImages/scoutTaskGo.png'}}"></image>
  106. </view>
  107. </view>
  108. <view class="taskGroup" wx:if="{{selectNow==2}}">
  109. <view class="taskSelect">
  110. <view bindtap="selectRecord" data-type='1' class="taskText recordText {{recordNow==1?'taskText2':''}}">玩出惊喜奖品</view>
  111. <view bindtap="selectRecord" data-type='2' class="taskText recordText {{recordNow==2?'taskText2':''}}">每日任务奖品</view>
  112. <view bindtap="selectRecord" data-type='3' class="taskText recordText {{recordNow==3?'taskText2':''}}">星探奖励</view>
  113. </view>
  114. <view class="recordFrame">
  115. <image class="newImages1" wx:if="{{!recordList.length && recordNow==1 && !getState}}" src="{{imgUrl+'/newImages/1.png'}}"></image>
  116. <image class="newImages2" bindtap="enterLucky" wx:if="{{!recordList.length && recordNow==1 && !getState}}" src="{{imgUrl+'/newImages/2.png'}}"></image>
  117. <image class="newImages5" wx:if="{{!recordList.length && recordNow==2 && !getState}}" src="{{imgUrl+'/newImages/5.png'}}"></image>
  118. <image class="newImages6" bindtap="enterEvery" wx:if="{{!recordList.length && recordNow==2 && !getState}}" src="{{imgUrl+'/newImages/6.png'}}"></image>
  119. <image class="newImages8" wx:if="{{!recordList.length && recordNow==3 && !getState}}" src="{{imgUrl+'/newImages/8.png'}}"></image>
  120. <image class="newImages6" bindtap="starGo" wx:if="{{!recordList.length && recordNow==3 && !getState}}" src="{{imgUrl+'/newImages/6.png'}}"></image>
  121. <view class="recordGroup" wx:if="{{recordList.length}}" wx:for="{{recordList}}" wx:key="index">
  122. <view class="recordGroupLeft">
  123. <view class="recordHeadGroup">
  124. <image class="recordUserImg" src="{{userData.avatarUrl?userData.avatarUrl:imgUrl+'/images/defaultHead.png'}}"></image>
  125. </view>
  126. <view class="recordMainGroup" style="width:230rpx;">
  127. <view class="rewardName">{{item.awardName}}</view>
  128. <view class="rewardTerm">{{item.cdate}}</view>
  129. </view>
  130. </view>
  131. <view class="recordPic">
  132. <!-- <view class="noLock" wx:if="{{item.awardState == 0}}">未激活</view> -->
  133. <image class="recordTip" bindtap="lookDesc" data-value="{{index}}" src="{{imgUrl+'/images/recordTip.png'}}"></image>
  134. <image wx:if="{{item.awardId!=1 && recordNow!=3}}" class="rewardIcon" mode="aspectFit" src="{{item.awardPicurl}}"></image>
  135. <image wx:if="{{item.awardId!=1 && recordNow==3}}" class="luckyClaw" mode="aspectFit" src="{{item.awardPicurl}}"></image>
  136. <view class="rewardCash" wx:if="{{item.awardId==1}}">
  137. <view class="cashGroup">
  138. <view class="cashNum">{{item.awardMoney}}</view>
  139. <view class="cashCompany">元</view>
  140. </view>
  141. <view class="rewardCashText">购车红包</view>
  142. </view>
  143. </view>
  144. </view>
  145. </view>
  146. </view>
  147. <view class="ranksGroup" wx:if="{{selectNow==3}}">
  148. <image class="newImages3" wx:if="{{!shareFriendList.length}}" src="{{imgUrl+'/newImages/3.png'}}"></image>
  149. <image class="newImages4" bindtap="starGo" wx:if="{{!shareFriendList.length}}" src="{{imgUrl+'/newImages/4.png'}}"></image>
  150. <image class="newImages7" wx:if="{{shareFriendList.length}}" src="{{imgUrl+'/newImages/7.png'}}"></image>
  151. <scroll-view class="ranksList" wx:if="{{shareFriendList.length}}" scroll-y bindscrolltolower="scrolltolower">
  152. <view class="detachmentGroup" wx:for="{{shareFriendList}}" wx:key="index">
  153. <view class="detachmentGroupLeft">
  154. <view class="recordHeadGroup">
  155. <image class="recordUserImg" src="{{item.avatarUrl || imgUrl+'/images/defaultHead.png'}}"></image>
  156. </view>
  157. <view class="ranksName">{{item.nickName}}</view>
  158. </view>
  159. <view class="ranksName">{{item.cdate}}</view>
  160. <view class="ranksState ranksType1" wx:if="{{item.friendState==2}}">推荐已购车</view>
  161. <view class="ranksState ranksType2" wx:if="{{item.friendState==1}}">推荐留资有效</view>
  162. <view class="ranksState ranksType3" wx:if="{{item.friendState==-1}}">推荐留资无效</view>
  163. <view class="detachmentTip" wx:if="{{item.invalidDetail}}">{{item.invalidDetail}} * </view>
  164. </view>
  165. </scroll-view>
  166. </view>
  167. <!-- <view class="subscribeGroup" wx:if="{{selectNow==4}}">
  168. <view class="inputGroup">
  169. <input class="inputCode" bindinput="getRealname" value="{{subscribeData.realname}}" placeholder="请输入您的姓名"></input>
  170. </view>
  171. <view class="inputGroup">
  172. <input class="inputCode" bindinput="getMobile" type="number" value="{{subscribeData.mobile}}" maxlength='11' placeholder="请输入您的联系电话"></input>
  173. <view class="getPhoneFrame" wx:if="{{!phoneInputShow}}">
  174. <button class="getPhoneBtn" style="width: 652rpx;height: 65rpx;margin: 0;padding: 0;min-height: 0;" open-type="getPhoneNumber" bindgetphonenumber="getUserPhone"></button>
  175. </view>
  176. </view>
  177. <view class="inputGroup">
  178. <input class="inputCode" bindfocus="showSite" style="width:450rpx;" value="{{subscribeData.captcha}}" bindinput="getCaptcha" placeholder="请输入验证码"></input>
  179. <view class="codeTime" bindtap="getCode">{{verificationCode}}</view>
  180. </view>
  181. <view wx:if="{{siteSelect}}">
  182. <picker mode='selector' range="{{provinceArr}}" range-key="province" value="{{provinceValue}}" bindchange="provinceChane">
  183. <view class="selectSiteGroup">
  184. <text class="selectName">{{provinceArr[provinceValue].province}}</text>
  185. <image src="{{imgUrl+'/images/selectIcon.png'}}" class="selectIcon"></image>
  186. </view>
  187. </picker>
  188. <picker mode='selector' range="{{storeArr}}" range-key="agent_detail" value="{{storeValue}}" bindchange="storeChane">
  189. <view class="selectSiteGroup">
  190. <text class="selectName">{{storeArr[storeValue].agent_detail}}</text>
  191. <image src="{{imgUrl+'/images/selectIcon.png'}}" class="selectIcon"></image>
  192. </view>
  193. </picker>
  194. </view>
  195. <view class="agreementGroup">
  196. <image class="agreeIcon" bindtap="agreementState" src="{{imgUrl+(isAgreement?'/images/agreeIcon.png?v=003':'/images/disagreeIcon.png?v=002')}}"></image>
  197. <view class="agreementText">
  198. <image style="width:261rpx;height:23rpx;" src="{{imgUrl+'/images/myCenterAgreenTip.png'}}"></image>
  199. <view bindtap="agreementControl">
  200. <image style="width:240rpx;height:23rpx;margin-left:3rpx;" src="{{imgUrl+'/images/myCenterAgreen.png'}}"></image>
  201. </view>
  202. </view>
  203. </view>
  204. <view class="subscribeBtn" bindtap="subscribeFun">
  205. <image style="width:100%;height:100%;" src="{{imgUrl+'/btns/myCenterBtn1.png'}}"></image>
  206. <button wx:if="{{userData}}" class="getUserMsgBtn" open-type="getUserInfo" lang="zh_CN" bindgetuserinfo="getUserWxMsg" style="width:100%;height:100%;min-height:0;padding:0;margin:0;"></button>
  207. </view>
  208. <view class="subscribeBtn" bindtap="lookMore">
  209. <image style="width:100%;height:100%;" src="{{imgUrl+'/btns/myCenterBtn2.png'}}"></image></view>
  210. </view> -->
  211. <view class="orderDescGroup" wx:if="{{selectNow==4 && !buyState}}">
  212. <image class="orderDesc" src="{{imgUrl+'/images/orderDesc.png'}}"></image>
  213. <image class="indexOrderIcon" bindtap="placingControl" src="{{imgUrl+'/images/indexOrderIcon.png'}}"></image>
  214. </view>
  215. <view class="placingOrder" wx:if="{{selectNow==4 && buyState}}">
  216. <view style="display:flex;align-items:center;">
  217. <image class="orderHead" src="{{userData.avatarUrl}}"></image>
  218. <view style="margin-left:15rpx;margin-right:101rpx;">
  219. <view class="cardTitle">启辰星VIP预定卡</view>
  220. <view class="cardCtime">{{buyStateTime}}</view>
  221. </view>
  222. </view>
  223. <image class="orderCard" src="{{imgUrl+'/images/orderCard.png'}}"></image>
  224. </view>
  225. <service></service>
  226. <view class="prizeDesc" catchtouchmove="ture" wx:if="{{mycenterTipWindow==1}}">
  227. <view class="mycenterTipWindowGroup">
  228. <image class="mycenterTipWindow1" src="{{imgUrl+'/images/mycenterTipWindow1.png'}}"></image>
  229. <image bindtap="tipWindow" class="closeDescIcon" style="top:-10rpx;right:-10rpx;" src="{{imgUrl+'/images/closeDescIcon.png'}}"></image>
  230. <view class="mycenterTipBtnGroup">
  231. <image class="mycenterTipBtn" bindtap="lookAddress" style="margin-bottom:30rpx;" src="{{imgUrl+'/images/mycenterTipBtn2.png'}}"></image>
  232. <image class="mycenterTipBtn" bindtap="tipWindow" src="{{imgUrl+'/images/mycenterTipBtn1.png'}}"></image>
  233. </view>
  234. </view>
  235. </view>
  236. <view class="prizeDesc" catchtouchmove="ture" wx:if="{{mycenterTipWindow==2}}">
  237. <view class="mycenterTipWindowGroup" style="width:654rpx;height:536rpx;">
  238. <image class="mycenterTipWindow1" src="{{imgUrl+'/images/mycenterTipWindow2.png'}}"></image>
  239. <image bindtap="tipWindow" class="closeDescIcon" style="top:-10rpx;right:-10rpx;" src="{{imgUrl+'/images/closeDescIcon.png'}}"></image>
  240. <view class="mycenterTipBtnGroup">
  241. <image class="mycenterTipBtn" bindtap="lookAddress" style="margin-bottom:30rpx;" src="{{imgUrl+'/images/mycenterTipBtn2.png'}}"></image>
  242. <image class="mycenterTipBtn" bindtap="tipWindow" src="{{imgUrl+'/images/mycenterTipBtn1.png'}}"></image>
  243. </view>
  244. </view>
  245. </view>
  246. <view class="prizeDesc" catchtouchmove="ture" wx:if="{{descFrameShow}}">
  247. <view class="prizeImgGroup" wx:if="{{recordList[lookDescId].awardId!=1}}">
  248. <image class="prizeImg" src="{{imgUrl+'/images/prizeDetailtext.png'}}"></image>
  249. <image bindtap="lookDesc" data-value="{{false}}" style="top:-10rpx;right:-10rpx;" class="closeDescIcon" src="{{imgUrl+'/images/closeDescIcon.png'}}"></image>
  250. <view class="exchangeCode">{{recordList[lookDescId].couponCode || recordList[lookDescId].productCode || ''}}<image class="copyBtn" bindtap="copyExchangeCode" src="{{imgUrl+'/images/copyBtn.png'}}"></image></view>
  251. <image class="mycenterConfirmBtn" bindtap="lookDesc" src="{{imgUrl+'/images/mycenterConfirmBtn.png'}}"></image>
  252. </view>
  253. <view class="prizeCustomGroup" wx:if="{{recordList[lookDescId].awardId==1}}">
  254. <view class="prizeCustom">
  255. <view class="prizeTitle">{{recordList[lookDescId].awardMoney}}元购车券</view>
  256. <view class="prizeDescText">恭喜您!</view>
  257. <view class="prizeDescText">{{recordList[lookDescId].awardMoney}}元购车券,已放入您个人中心</view>
  258. <view class="prizeDescText">此购车券仅限</view>
  259. <view class="prizeDescText">全国东风启辰专营店购买启辰星使用</view>
  260. <view class="prizeDescText">同时,您也可以加入星探计划,</view>
  261. <view class="prizeDescText">获取更多好礼</view>
  262. </view>
  263. <image bindtap="lookDesc" data-value="{{false}}" class="closeDescIcon" src="{{imgUrl+'/images/closeDescIcon.png'}}"></image>
  264. </view>
  265. </view>
  266. <view class="prizeDesc" style="background-color:'rgba(000,000,000,0.8)';" wx:if="{{ruleShow}}">
  267. <view class="ruleContent">
  268. <image class="starRuleTitle" src="{{imgUrl+'/images/starRuleTitle.png'}}"></image>
  269. <view class="rule">
  270. <image class="ruleImg" src="{{imgUrl+'/images/starRule.png?v=002'}}"></image>
  271. </view>
  272. <image class="closeBtn" src="{{imgUrl+'/star/closebtn.png'}}" bindtap="lookRule" data-value="{{false}}"></image>
  273. </view>
  274. </view>
  275. </view>
  276. <agreement bindmyevent="agreementControl" wx:if="{{agreement}}"></agreement>
  277. <userMsg bindaddress="addressControl" wx:if="{{addressShow}}"></userMsg>
  278. <placingOrder bindplacing="placingControl" wx:if="{{placing}}"></placingOrder>
  279. <tabBar></tabBar>
  280. </view>