东风启辰小程序端
選択できるのは25トピックまでです。 トピックは、先頭が英数字で、英数字とダッシュ('-')を使用した35文字以内のものにしてください。

myCenter.wxml 20KB

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