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 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">星探规则</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.taskName}}</view>
          <view style="margin-top:12rpx;">
            <view class="taskLineFrame">
              <view class="taskLine" style="width:{{(item.childIdArr.length*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.childIdArr.length==4}}" class="taskSuccessBtn">已完成</view>
          <view wx:if="{{item.childIdArr.length!=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">
          <view class="recordGroupLeft">
            <view class="recordHeadGroup">
              <image class="recordUserImg" src="{{imgUrl+'/images/defaultHead.png'}}"></image>
            </view>
            <view class="recordMainGroup">
              <view class="rewardName">头等舱机票一张</view>
              <view class="rewardTerm">2020.04.05</view>
            </view>
          </view>
          <view class="recordPic">
            <image class="recordTip" bindtap="lookDesc" data-value="{{true}}" src="{{imgUrl+'/images/recordTip.png'}}"></image> 
            <image wx:if="{{false}}" class="rewardIcon" src="{{imgUrl+'/images/jiangpin.png'}}"></image>
            <view class="rewardCash">
              <view class="cashGroup">
                <view class="cashNum">500</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}}"></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="inputGroup">
        <input class="inputCode" bindinput="getCaptcha" placeholder="请输入您的姓名"></input>
      </view>
      <view class="inputGroup">
        <input class="inputCode" bindinput="getCaptcha" placeholder="请输入您的联系电话"></input>
      </view>
      <view class="inputGroup">
        <input class="inputCode" style="width:500rpx;" bindinput="getCaptcha" placeholder="请输入验证码"></input>
        <view class="codeTime" bindtap="getCode">{{verificationCode}}</view>
      </view>
      <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 class="subscribeBtn" bindtap="subscribeFun">预约鉴赏</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="{{false}}">
        <image class="prizeImg" src="http://www.jiyou-tech.com/2020/496_qichen/static/images/indexBg.jpg"></image>
        <image bindtap="lookDesc" data-value="{{false}}" class="closeDescIcon" src="{{imgUrl+'/images/closeDescIcon.png'}}"></image>
      </view>
      <view class="prizeCustomGroup">
        <view class="prizeCustom">
          <view class="prizeTitle">500元购车券</view>
          <view class="prizeDescText">恭喜您！</view>
          <view class="prizeDescText">500元购车券，已放入您个人中心</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" catchtouchmove="ture" style="background-color:'rgba(000,000,000,0.8)';" wx:if="{{ruleShow}}">
      <view class="ruleImgGroup">
        <image class="ruleImg" src="{{imgUrl+'/images/rule.png'}}"></image>
        <image bindtap="lookRule" data-value="{{false}}" class="closeDescIcon" src="{{imgUrl+'/images/closeDescIcon.png'}}"></image>
      </view>
    </view>
  </view>
  <tabBar></tabBar>
</view>