东风启辰小程序端
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

198 line
12KB

  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">微信一键登录<button bindgetuserinfo="getUserWxMsg" 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+'/images/userMsgBg.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 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. <view class="userLevelTip">您的级别为</view>
  24. <image class="userLevelText" src="{{imgUrl+'/images/userLevelText'+userData.userLevel+'.png'}}"></image>
  25. <view class="lookRule">星探规则</view>
  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. <view class="lookRule" bindtap="lookRule" data-value="{{true}}">星探规则</view>
  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':imgUrl+'/images/appreciateIcon.png'}}"></image>
  60. </view>
  61. <view class="selectText" style="color:{{selectNow==4?'#667ea3':'black'}}">预约鉴赏</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">
  71. <view class="taskDetailGroup" wx:for="{{taskList}}" wx:key="id">
  72. <view class="taskName">{{item.taskName}}</view>
  73. <view style="margin-top:12rpx;">
  74. <view class="taskLineFrame">
  75. <view class="taskLine" style="width:{{(item.childIdArr.length*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.childIdArr.length==4}}" class="taskSuccessBtn">已完成</view>
  85. <view wx:if="{{item.childIdArr.length!=4}}" class="taskWaitBtn">未完成</view>
  86. </view>
  87. </view>
  88. </view>
  89. <view class="taskGroup" wx:if="{{selectNow==2}}">
  90. <view class="taskSelect">
  91. <view bindtap="selectRecord" data-type='1' class="taskText recordText {{recordNow==1?'taskText2':''}}">星探奖励</view>
  92. <view bindtap="selectRecord" data-type='2' class="taskText recordText {{recordNow==2?'taskText2':''}}">每日任务奖品</view>
  93. <view bindtap="selectRecord" data-type='3' class="taskText recordText {{recordNow==3?'taskText2':''}}">幸运星抓手奖品</view>
  94. </view>
  95. <view class="recordFrame">
  96. <view class="recordGroup" wx:for="{{recordList}}" wx:key="index">
  97. <view class="recordGroupLeft">
  98. <view class="recordHeadGroup">
  99. <image class="recordUserImg" src="{{imgUrl+'/images/defaultHead.png'}}"></image>
  100. </view>
  101. <view class="recordMainGroup">
  102. <view class="rewardName">{{item.awardName}}</view>
  103. <view class="rewardTerm">{{item.cdate}}</view>
  104. </view>
  105. </view>
  106. <view class="recordPic">
  107. <image class="recordTip" bindtap="lookDesc" data-value="{{index}}" src="{{imgUrl+'/images/recordTip.png'}}"></image>
  108. <image wx:if="{{item.awardId!=1 && recordNow!=3}}" class="rewardIcon" mode="aspectFit" src="{{item.awardPicurl}}"></image>
  109. <image wx:if="{{item.awardId!=1 && recordNow==3}}" class="luckyClaw" mode="aspectFit" src="{{item.awardPicurl}}"></image>
  110. <view class="rewardCash" wx:if="{{item.awardId==1}}">
  111. <view class="cashGroup">
  112. <view class="cashNum">{{item.awardMoney}}</view>
  113. <view class="cashCompany">元</view>
  114. </view>
  115. <view class="rewardCashText">购车红包</view>
  116. </view>
  117. </view>
  118. </view>
  119. </view>
  120. </view>
  121. <view class="ranksGroup" wx:if="{{selectNow==3}}">
  122. <scroll-view class="ranksList" scroll-y bindscrolltolower="scrolltolower">
  123. <view class="detachmentGroup" wx:for="{{shareFriendList}}" wx:key="index">
  124. <view class="detachmentGroupLeft">
  125. <view class="recordHeadGroup">
  126. <image class="recordUserImg" src="{{item.avatarUrl || imgUrl+'/images/defaultHead.png'}}"></image>
  127. </view>
  128. <view class="ranksName">{{item.nickName}}</view>
  129. </view>
  130. <view class="ranksName">{{item.cdate}}</view>
  131. <view class="ranksState ranksType1" wx:if="{{item.friendState==2}}">推荐已购车</view>
  132. <view class="ranksState ranksType2" wx:if="{{item.friendState==1}}">推荐留资有效</view>
  133. <view class="ranksState ranksType3" wx:if="{{item.friendState==-1}}">推荐留资无效</view>
  134. <view class="detachmentTip" wx:if="{{item.invalidDetail}}">{{item.invalidDetail}} * </view>
  135. </view>
  136. </scroll-view>
  137. </view>
  138. <view class="subscribeGroup" wx:if="{{selectNow==4 && !isRegister}}">
  139. <view class="inputGroup">
  140. <input class="inputCode" bindinput="getRealname" placeholder="请输入您的姓名"></input>
  141. </view>
  142. <view class="inputGroup">
  143. <input class="inputCode" bindinput="getMobile" type="number" value="{{subscribeData.mobile}}" maxlength='11' placeholder="请输入您的联系电话"></input>
  144. <view class="getPhoneFrame" wx:if="{{!phoneInputShow}}">
  145. <button class="getPhoneBtn" style="width: 652rpx;height: 65rpx;margin: 0;padding: 0;min-height: 0;" open-type="getPhoneNumber" bindgetphonenumber="getUserPhone"></button>
  146. </view>
  147. </view>
  148. <view class="inputGroup">
  149. <input class="inputCode" style="width:500rpx;" bindinput="getCaptcha" placeholder="请输入验证码"></input>
  150. <view class="codeTime" bindtap="getCode">{{verificationCode}}</view>
  151. </view>
  152. <view wx:if="{{siteSelect}}">
  153. <picker mode='selector' range="{{provinceArr}}" range-key="province" value="{{provinceValue}}" bindchange="provinceChane">
  154. <view class="selectSiteGroup">
  155. <text class="selectName">{{provinceArr[provinceValue].province}}</text>
  156. <image src="{{imgUrl+'/images/selectIcon.png'}}" class="selectIcon"></image>
  157. </view>
  158. </picker>
  159. <picker mode='selector' range="{{storeArr}}" range-key="agent_detail" value="{{storeValue}}" bindchange="storeChane">
  160. <view class="selectSiteGroup">
  161. <text class="selectName">{{storeArr[storeValue].agent_detail}}</text>
  162. <image src="{{imgUrl+'/images/selectIcon.png'}}" class="selectIcon"></image>
  163. </view>
  164. </picker>
  165. </view>
  166. <view class="subscribeBtn" bindtap="subscribeFun">预约鉴赏</view>
  167. </view>
  168. <view class="subscribeGroup" wx:if="{{selectNow==4 && isRegister}}">
  169. <view>已预约</view>
  170. </view>
  171. <service></service>
  172. <view class="prizeDesc" catchtouchmove="ture" wx:if="{{descFrameShow}}">
  173. <view class="prizeImgGroup" wx:if="{{recordList[lookDescId].awardId!=1}}">
  174. <image class="prizeImg" src="{{recordList[lookDescId].awardDetailPicurl}}" mode="widthFix"></image>
  175. <image bindtap="lookDesc" data-value="{{false}}" class="closeDescIcon" src="{{imgUrl+'/images/closeDescIcon.png'}}"></image>
  176. </view>
  177. <view class="prizeCustomGroup" wx:if="{{recordList[lookDescId].awardId==1}}">
  178. <view class="prizeCustom">
  179. <view class="prizeTitle">{{recordList[lookDescId].awardMoney}}元购车券</view>
  180. <view class="prizeDescText">恭喜您!</view>
  181. <view class="prizeDescText">{{recordList[lookDescId].awardMoney}}元购车券,已放入您个人中心</view>
  182. <view class="prizeDescText">此购车券仅限</view>
  183. <view class="prizeDescText">全国东风启辰专营店购买启辰星使用</view>
  184. <view class="prizeDescText">同时,您也可以加入星探计划,</view>
  185. <view class="prizeDescText">获取更多好礼</view>
  186. </view>
  187. <image bindtap="lookDesc" data-value="{{false}}" class="closeDescIcon" src="{{imgUrl+'/images/closeDescIcon.png'}}"></image>
  188. </view>
  189. </view>
  190. <view class="prizeDesc" catchtouchmove="ture" style="background-color:'rgba(000,000,000,0.8)';" wx:if="{{ruleShow}}">
  191. <view class="ruleImgGroup">
  192. <image class="ruleImg" src="{{imgUrl+'/images/rule.png'}}"></image>
  193. <image bindtap="lookRule" data-value="{{false}}" class="closeDescIcon" src="{{imgUrl+'/images/closeDescIcon.png'}}"></image>
  194. </view>
  195. </view>
  196. </view>
  197. <tabBar></tabBar>
  198. </view>