<view class="tabs flex-column">
  <scroll-view class="flex1" scroll-y scroll-into-view="{{toView}}">
    <view class="padding summary border-radius">
      <view class="title flex-align-center">
        <!-- <image src="/images/icon_record_02.png" class="icon"></image> -->
        <text>皮肤总结:</text>
        <!-- <text style="font-family: PingFangSC-Medium, PingFang SC;color: #FA7D22;">{{ analysis.skin_result.skin_name }}</text> -->
      </view>
      <view class="item" wx:for="{{ analysis.skin_result.list }}" wx:key="index">
        <image src="/images/icon_record_new_0{{index}}.png"></image>
        <text class="T" style="font-size: 28rpx;font-family: PingFangSC-Medium, PingFang SC;">{{ item.name }}：</text>
        <text class="t" style="font-size: 28rpx;color: #666;margin-top: 10rpx;">{{ item.suggest }}</text>
      </view>
    </view>
    <!-- <view class="line"></view> -->
    <view class="padding border-radius" wx:if="{{ plan && plan.list && plan.list.length > 0 }}">
      <view class="title flex-align-center">
        <!-- <image src="/images/icon_record_04.png" class="icon"></image> -->
        <text>改善方案</text>
      </view>
      <view class="list" wx:for="{{ plan.list }}" wx:key="index">
        <view class="btn-box flex flex-align-center">
          <image src="/images/icon_record_new_03.png"></image>
          <view class="btn flex-center">
            <text>{{ item.cate_name }} </text>
            <text class="line">|</text>
          </view>
          <view class="btn flex-center">
            <text>{{ item.rate }} </text>
            <text class="line">|</text>
          </view>
          <view class="btn flex-center">
            <text>{{ item.continue_time }} </text>
          </view>
        </view>
        <view class="item flex-align-center">
          <image src="{{ item.project_cover }}"></image>
          <view class="right flex1 flex-column ellipsis">
            <text class="ellipsis" style="font-family: PingFangSC-Medium, PingFang SC;font-size: 28rpx;color: #FA7D22;">{{item.project_name}}</text>
            <text class="ellipsis" style="font-size: 24rpx;color: #666;margin-top: 16rpx;">{{item.project_desc}}</text>
            <!-- <text class="flex-justify-center">5分钟</text> -->
          </view>
        </view>
      </view>
      <view class="no-list flex-column" wx:if="{{ plan.list && plan.list <= 0 }}" style="margin-top:30rpx;">
        <text style="font-size: 28rpx;font-family: PingFangSC-Medium, PingFang SC;font-weight: 500;">暂不推荐项目</text>
        <text style="margin:20rpx 0;color: #FF0000;font-size: 28rpx;">{{ plan.no_improve_reason || '-' }}</text>
        <view class="no-list-item flex-align-center">
          <image src="/images/icon_14.png" style="width: 132rpx;height:132rpx"></image>
        </view>
      </view>
      <!-- <text class="flex" style="margin-top:30rpx;">美容后文案文案文案文案文案文案文案文案文案当前面部表情纹、细纹的深度和面积大小数据相对主要集中在T区，主要问题在于自身优质分泌过多一级化妆品残留清洁不到位。需要进行深层清洁项目，选择控油产品优先使用。</text> -->
    </view>
    <view class="padding border-radius">
      <view class="title flex-align-center" style="margin-bottom: 20rpx;">
        <!-- <image src="/images/icon_record_04.png" class="icon"></image> -->
        <text>注意事项</text>
      </view>
      <text class="btm-box-text">每次医美结束后都需要保持充足睡眠，保证皮肤充分吸收水分，请勿熬夜。</text>
    </view>
    <view style="padding: 22rpx 36rpx 70rpx;" id="btm-btn">
      <view class="btm-btn flex-center" bindtap="onAddPlan" wx:if="{{ plan.is_add_plan == 0 }}">
        + 添加到我的美容计划
      </view>
      <view class="btm-btn flex-center" bindtap="goToBeautyPlan" wx:if="{{ plan.is_add_plan == 1 }}">
        查看我的美容计划
      </view>
    </view>
    <!-- <navigator style="padding: 22rpx 36rpx 70rpx;" url="/pages/beautyPlan/beautyPlan" hover-class="none" wx:if="{{ plan.is_add_plan == 0 }}">
    </navigator> -->
  </scroll-view>
</view>
<wux-landscape visible="{{ visible }}" maskClosable="{{ true }}" closable="{{ false }}" bind:close="onCancelUse">
  <view class="use-popup flex-column">
    <!-- <view class="close" bindtap="onCancelUse">x</view> -->
    <image class="close" src="/images/icon_close_02.png" bindtap="onCancelUse"></image>
    <text style="font-size: 36rpx;">提示</text>
    <text style="color: #666666;margin: 28rpx 0 40rpx;padding: 0 48rpx;">你已有美容计划，已完成{{plan.plan_process}}%，添加新计划后，将终止原计划。</text>
    <view class="use-btn flex">
      <navigator url="/pages/beautyPlan/beautyPlan?analysis_id={{ plan.plan_id }}" hover-class="none">
        <view class="btn cancel flex-center">去查看</view>
      </navigator>
      <view class="btn confirm flex-center" bindtap="addPlanApi">确认添加</view>
    </view>
    <!-- [温馨提示] 确认激活后，该会员卡将立即生效； 如暂不激活，可在“已购会员卡”中去选择激活。 -->
  </view>
</wux-landscape>