<view class="flex-column" style="height: 100%;">
  <!-- <view class="user-info flex-align-center">
    <image src="{{userInfo.avatar_url || '/images/my/header.png'}}" class="avatar"></image>
    <view class="info-right flex1">
      <text class="nick-name">{{userInfo.nickname || '微信用户'}}</text>
      <view class="intro flex-align-center">
        <view class="gender flex-center" style="margin-right: 14rpx;"
          wx:if="{{ userInfo.sex == 1 || userInfo.sex == 2 }}">
          <image src="/images/icon_gender_{{userInfo.sex}}.png"></image>
        </view>
      </view>
    </view>
    <view class="skin-status">
      <text style="font-size: 24rpx;">对比上次检测({{detail.last_day_num}}天前)</text>
      <view class="status flex-center">{{detail.last_result == 'better' ? '皮肤变好' : '皮肤变差'}}</view>
    </view>
  </view> -->
  <wux-spin class="flex-column" nested spinning="{{ spinning }}" size="large" tip="加载中...">
    <view class="user-info flex-align-center">
      <view class="info-right flex-column flex1 ellipsis">
        <text class="skin-status">{{detail.last_result == 'better' ? '皮肤变好' : '皮肤变差'}}</text>
        <text style="color: #999;font-size: 24rpx;margin: 8rpx 0 20rpx;">上次检查：{{detail.last_day_num}}天前</text>
        <view class="intro flex ">
          <view class="flex-align-center" wx:if="{{ userInfo.sex == 1 || userInfo.sex == 2 }}">
            <image src="/images/icon_record_07.png"></image>
            <text>{{ userInfo.sex == 1 ? '男' : '女' }}</text>
          </view>
          <view class="flex-align-center flex1 ellipsis" style="margin-left: 36rpx;">
            <image src="/images/icon_record_06.png"></image>
            <text class="flex1 ellipsis">{{userInfo.nickname || '微信用户'}}</text>
          </view>
        </view>
      </view>
      <image src="https://we-spa.oss-cn-shenzhen.aliyuncs.com/wxapp/20220317/icon_record_05.png" class="avatar"></image>
    </view>

    <view class="tabs flex-column flex1">
      <view class="tabs-wrap flex-justify-space-between">
        <view class="item {{current == 0 ? 'active' : ''}}" bindtap="onTabsChange" data-id="0">检测分析</view>
        <view class="item {{current == 1 ? 'active' : ''}}" bindtap="onTabsChange" data-id="1">问题详解</view>
        <view class="item {{current == 2 ? 'active' : ''}}" bindtap="onTabsChange" data-id="2">改善方案</view>
      </view>
      <view class="tabs-content flex-column flex1">
        <analysis current="{{ current }}" analysis="{{detail.analysis}}" class="flex1" style="display: {{ current == 0 ? 'block' : 'none' }};"></analysis>
        <explanation index="{{ current }}" explanation="{{ detail.details }}" class="flex1" style="display: {{ current == 1 ? 'block' : 'none' }};"></explanation>
        <plan analysis="{{detail.analysis}}" analysis_id="{{id}}" fromList="{{fromList}}" plan="{{detail.improve}}" class="flex1" style="display: {{ current == 2 ? 'block' : 'none' }};"></plan>
      </view>
    </view>

    <wux-landscape visible="{{ !visible && detail && detail.question && detail.question.length > 0 }}"  maskClosable="{{ true }}" closable="{{ false }}" bind:close="onCancelUse" class="skin-popup" catchtouchmove="true">
      <view class="use-popup flex-column">
        <text style="font-size: 36rpx;height: 150rpx;line-height: 150rpx;">皮肤问诊卡</text>
        <text style="font-size: 24rpx;color: #FF3A13;text-align: left;margin-bottom: 40rpx;">【温馨提示】根据您填写的信息，将会影响推荐的准确度，请务必认真填写哟~</text>
        <scroll-view scroll-y style="height:600rpx">
          <view class="item flex-column" wx:for="{{ detail.question }}" wx:key="index">
            <text style="text-align: left;font-size: 28rpx;color: #000;">{{index + 1}}.{{ item.question }}</text>
            <view class="btn-box flex-justify-space-around">
              <view class="btn-change flex-align-center" data-status="1" data-index="{{index}}" bindtap="onChangeStatus">
                <image src="/images/icon_{{ item.status == 1 ? '13' : '12' }}.png"></image>
                <text style="font-size: 28rpx;">是</text>
              </view>
              <view class="btn-change flex-align-center" data-status="0" data-index="{{index}}" bindtap="onChangeStatus">
                <image src="/images/icon_{{ item.status == 0 ? '13' : '12' }}.png"></image>
                <text style="font-size: 28rpx;">否</text>
              </view>
            </view>
          </view>
        </scroll-view>
        <view class="use-btn flex-justify-space-around">
          <view class="btn cancel flex-center" bindtap="onCancelUse">暂不提交</view>
          <view class="btn confirm flex-center" bindtap="onConfirmUse">确认提交</view>
        </view>
      </view>
    </wux-landscape>
  </wux-spin>
</view>


