496_dongfengqichen_wxsmall/496_dongfengqichen/pages/myCenter/myCenter.wxml

<!--pages/myCenter/myCenter.wxml-->
<view>
  <view class="main">
    <view class="msgGroup" wx:if="{{!isLogin}}">
      <view class="pageTitle">个人中心</view>
      <view class="headGroup">
        <image class="defaultHead" src="{{imgUrl+'/images/defaultHead.png'}}"></image>
      </view>
      <view class="loginBtn">微信一键登录<button bindgetuserinfo="getUserWxMsg" class="getUserMsgBtn" open-type="getUserInfo" lang="zh_CN"></button></view>
    </view>
    <view class="userMsg" wx:if="{{isLogin}}">
      <image class="userMsgBg" src="{{imgUrl+'/images/userMsgBg.png'}}"></image>
      <view class="pageTitle">个人中心</view>
      <view class="headGroup" style="margin-bottom:11rpx;">
        <image class="defaultHead" src="{{userData.avatarUrl}}"></image>
      </view>
      <view class="userNameGroup">
        <view class="userName">{{userData.nickName}}</view>
        <image bindtap="addressControl" class="userNameEdit" src="{{imgUrl+'/images/userNameEdit.png'}}"></image>
      </view>
      <view class="userLevel" wx:if="{{userData.userLevel}}">
        <image class="userLevelIcon" src="{{imgUrl+'/images/userLevelIcon'+userData.userLevel+'.png'}}"></image>
        <view class="userLevelTip">您的级别为</view>
        <image class="userLevelText" src="{{imgUrl+'/images/userLevelText'+userData.userLevel+'.png'}}"></image>
        <view class="lookRule" bindtap="lookRule" data-value="{{true}}">星探规则</view>
      </view>
      <view class="userLevel" wx:if="{{!userData.userLevel}}">
        <image class="userWaitIcon" src="{{imgUrl+'/images/userWaitIcon.png'}}"></image>
        <view class="userWaitText">您的星探待激活</view>
        <view class="lookRule" bindtap="lookRule" data-value="{{true}}">星探规则</view>
      </view>
    </view>
    <view class="funList">
      <image class="funBg" src="{{imgUrl+'/images/funBg.png'}}"></image>
      <view bindtap="selectChange" data-value="1" class="selectGroup" style="border-color:{{selectNow==1?'#667ea3':'#7A797E'}}">
        <view wx:if="{{selectNow==1}}" class="arrowIcon"></view>
        <view class="imgFrame">
          <image class="taskIcon" src="{{selectNow==1?imgUrl+'/images/taskIcon2.png':imgUrl+'/images/taskIcon.png'}}"></image>
        </view>
        <view class="selectText" style="color:{{selectNow==1?'#667ea3':'black'}}">我的任务</view>
      </view>
      <view bindtap="selectChange" data-value="2" class="selectGroup" style="border-color:{{selectNow==2?'#667ea3':'#7A797E'}}">
        <view wx:if="{{selectNow==2}}" class="arrowIcon"></view>
        <view class="imgFrame">
          <image class="recordIcon" src="{{selectNow==2?imgUrl+'/images/recordIcon2.png':imgUrl+'/images/recordIcon.png'}}"></image>
        </view>
        <view class="selectText" style="color:{{selectNow==2?'#667ea3':'black'}}">获奖记录</view>
      </view>
      <view bindtap="selectChange" data-value="3" class="selectGroup" style="border-color:{{selectNow==3?'#667ea3':'#7A797E'}}">
        <view wx:if="{{selectNow==3}}" class="arrowIcon"></view>
        <view class="imgFrame">
          <image class="detachmentIcon" src="{{selectNow==3?imgUrl+'/images/detachmentIcon2.png':imgUrl+'/images/detachmentIcon.png'}}"></image>
        </view>
        <view class="selectText" style="color:{{selectNow==3?'#667ea3':'black'}}">星探小分队</view>
      </view>
      <view bindtap="selectChange" data-value="4" class="selectGroup" style="border-color:{{selectNow==4?'#667ea3':'#7A797E'}}">
        <view wx:if="{{selectNow==4}}" class="arrowIcon"></view>
        <view class="imgFrame">
          <image class="appreciateIcon" src="{{selectNow==4?imgUrl+'/images/appreciateIcon2.png':imgUrl+'/images/appreciateIcon.png'}}"></image>
        </view>
        <view class="selectText" style="color:{{selectNow==4?'#667ea3':'black'}}">预约鉴赏</view>
      </view>
    </view>
    <image wx:if="{{selectNow<1 || selectNow>4}}" class="myCenterBotBg" src="{{imgUrl+'/images/myCenterBotBg.png'}}"></image>
    <view class="taskGroup" wx:if="{{selectNow==1}}">
      <view class="taskSelect">
        <view bindtap="selectTask" data-type='1' class="taskText {{taskNow==1?'taskText2':''}}">每日任务</view>
        <view bindtap="selectTask" data-type='2' class="taskText {{taskNow==2?'taskText2':''}}">限时任务</view>
      </view>
      <view class="taskDetailFrame">
        <view class="taskDetailGroup" wx:for="{{taskList}}" wx:key="id">
          <view class="taskName">{{item.fullName}}</view>
          <view style="margin-top:12rpx;">
            <view class="taskLineFrame">
              <view class="taskLine" style="width:{{(item.unlockNum*25)+'%'}}"></view>
            </view>
            <view class="taskSignGroup">
              <image class="taskSignIcon" src="{{imgUrl+'/images/taskSignIcon.png'}}"></image>
              <image class="taskSignIcon" src="{{imgUrl+'/images/taskSignIcon.png'}}"></image>
              <image class="taskSignIcon" src="{{imgUrl+'/images/taskSignIcon.png'}}"></image>
              <image class="taskSignIcon" src="{{imgUrl+'/images/taskSignIcon.png'}}"></image>
            </view>
          </view>
          <view wx:if="{{item.unlockNum==4}}" class="taskSuccessBtn">已完成</view>
          <view wx:if="{{item.unlockNum!=4}}" class="taskWaitBtn">未完成</view>
        </view>
      </view>
    </view>
    <view class="taskGroup" wx:if="{{selectNow==2}}">
      <view class="taskSelect">
        <view bindtap="selectRecord" data-type='1' class="taskText recordText {{recordNow==1?'taskText2':''}}">星探奖励</view>
        <view bindtap="selectRecord" data-type='2' class="taskText recordText {{recordNow==2?'taskText2':''}}">每日任务奖品</view>
        <view bindtap="selectRecord" data-type='3' class="taskText recordText {{recordNow==3?'taskText2':''}}">幸运星抓手奖品</view>
      </view>
      <view class="recordFrame">
        <view class="recordGroup" wx:for="{{recordList}}" wx:key="index">
          <view class="recordGroupLeft">
            <view class="recordHeadGroup">
              <image class="recordUserImg" src="{{userData.avatarUrl?userData.avatarUrl:imgUrl+'/images/defaultHead.png'}}"></image>
            </view>
            <view class="recordMainGroup" style="width:230rpx;">
              <view class="rewardName">{{item.awardName}}</view>
              <view class="rewardTerm">{{item.cdate}}</view>
            </view>
          </view>
          <view class="recordPic">
            <image class="recordTip" bindtap="lookDesc" data-value="{{index}}" src="{{imgUrl+'/images/recordTip.png'}}"></image> 
            <image  wx:if="{{item.awardId!=1 && recordNow!=3}}" class="rewardIcon" mode="aspectFit" src="{{item.awardPicurl}}"></image>
            <image  wx:if="{{item.awardId!=1 && recordNow==3}}" class="luckyClaw" mode="aspectFit" src="{{item.awardPicurl}}"></image>
            <view class="rewardCash" wx:if="{{item.awardId==1}}">
              <view class="cashGroup">
                <view class="cashNum">{{item.awardMoney}}</view>
                <view class="cashCompany">元</view>
              </view>
              <view class="rewardCashText">购车红包</view>
            </view>
          </view>
        </view>
      </view>
    </view>
    <view class="ranksGroup" wx:if="{{selectNow==3}}">
      <scroll-view class="ranksList" scroll-y bindscrolltolower="scrolltolower">
        <view class="detachmentGroup" wx:for="{{shareFriendList}}" wx:key="index">
          <view class="detachmentGroupLeft">
            <view class="recordHeadGroup">
              <image class="recordUserImg" src="{{item.avatarUrl || imgUrl+'/images/defaultHead.png'}}"></image>
            </view>
            <view class="ranksName">{{item.nickName}}</view>
          </view>
          <view class="ranksName">{{item.cdate}}</view>
          <view class="ranksState ranksType1" wx:if="{{item.friendState==2}}">推荐已购车</view>
          <view class="ranksState ranksType2" wx:if="{{item.friendState==1}}">推荐留资有效</view>
          <view class="ranksState ranksType3" wx:if="{{item.friendState==-1}}">推荐留资无效</view>
          <view class="detachmentTip" wx:if="{{item.invalidDetail}}">{{item.invalidDetail}} * </view>
        </view>
      </scroll-view>
    </view>
    <!-- <view class="subscribeGroup" wx:if="{{selectNow==4 && !isRegister}}"> -->
    <view class="subscribeGroup" wx:if="{{selectNow==4}}">
      <view class="inputGroup">
        <input class="inputCode" bindinput="getRealname" value="{{subscribeData.realname}}" placeholder="请输入您的姓名"></input>
      </view>
      <view class="inputGroup">
        <input class="inputCode" bindinput="getMobile" type="number" value="{{subscribeData.mobile}}" maxlength='11' placeholder="请输入您的联系电话"></input>
        <view class="getPhoneFrame" wx:if="{{!phoneInputShow}}">
          <button class="getPhoneBtn" style="width: 652rpx;height: 65rpx;margin: 0;padding: 0;min-height: 0;" open-type="getPhoneNumber" bindgetphonenumber="getUserPhone"></button>
        </view>
      </view>
      <view class="inputGroup">
        <input class="inputCode" style="width:500rpx;" value="{{subscribeData.captcha}}" bindinput="getCaptcha" placeholder="请输入验证码"></input>
        <view class="codeTime" bindtap="getCode">{{verificationCode}}</view>
      </view>
      <view wx:if="{{siteSelect}}">
        <picker mode='selector' range="{{provinceArr}}" range-key="province" value="{{provinceValue}}" bindchange="provinceChane">
          <view class="selectSiteGroup">
            <text class="selectName">{{provinceArr[provinceValue].province}}</text>
            <image src="{{imgUrl+'/images/selectIcon.png'}}" class="selectIcon"></image>
          </view>
        </picker>
        <picker mode='selector' range="{{storeArr}}" range-key="agent_detail" value="{{storeValue}}" bindchange="storeChane">
          <view class="selectSiteGroup">
            <text class="selectName">{{storeArr[storeValue].agent_detail}}</text>
            <image src="{{imgUrl+'/images/selectIcon.png'}}" class="selectIcon"></image>
          </view>
        </picker>
      </view>
      <view class="agreementGroup">
        <image class="agreeIcon" bindtap="agreementState" src="{{imgUrl+(isAgreement?'/images/agreeIcon.png':'/images/disagreeIcon.png')}}"></image>
        <view class="agreementText"><view>我仔细阅读并接受所附的</view><view bindtap="agreementControl">《用户协议与隐私政策》</view></view>
      </view>
      <view class="subscribeBtn" bindtap="subscribeFun">登录/注册</view>
      <view class="subscribeBtn">查看更多车型</view>
    </view>
    <!-- <view class="subscribeGroup" wx:if="{{selectNow==4 && isRegister}}">
      <view>已预约</view>
    </view> -->
    <service></service>
    <view class="prizeDesc" catchtouchmove="ture" wx:if="{{descFrameShow}}">
      <view class="prizeImgGroup" wx:if="{{recordList[lookDescId].awardId!=1}}">
        <image class="prizeImg" src="{{recordList[lookDescId].awardDetailPicurl}}" mode="widthFix"></image>
        <image bindtap="lookDesc" data-value="{{false}}" class="closeDescIcon" src="{{imgUrl+'/images/closeDescIcon.png'}}"></image>
      </view>
      <view class="prizeCustomGroup" wx:if="{{recordList[lookDescId].awardId==1}}">
        <view class="prizeCustom">
          <view class="prizeTitle">{{recordList[lookDescId].awardMoney}}元购车券</view>
          <view class="prizeDescText">恭喜您！</view>
          <view class="prizeDescText">{{recordList[lookDescId].awardMoney}}元购车券，已放入您个人中心</view>
          <view class="prizeDescText">此购车券仅限</view>
          <view class="prizeDescText">全国东风启辰专营店购买启辰星使用</view>
          <view class="prizeDescText">同时，您也可以加入星探计划，</view>
          <view class="prizeDescText">获取更多好礼</view>
        </view>
        <image bindtap="lookDesc" data-value="{{false}}" class="closeDescIcon" src="{{imgUrl+'/images/closeDescIcon.png'}}"></image>
      </view>
    </view>
    <view class="prizeDesc" style="background-color:'rgba(000,000,000,0.8)';" wx:if="{{ruleShow}}">
      <view class="ruleImgGroup">
        <view class="ruleImgGroup" style="overflow: auto;">
          <image class="ruleImg" src="{{imgUrl+'/star/xingRule.png?v=002'}}"></image>
        </view>
        <image bindtap="lookRule" data-value="{{false}}" class="closeDescIcon" src="{{imgUrl+'/images/closeDescIcon.png'}}"></image>
      </view>
    </view>
  </view>
  <agreement bindmyevent="agreementControl" wx:if="{{agreement}}"></agreement>
  <tabBar></tabBar>
</view>