<view class="content">
  <view class="header flex flex-justify-space-between">
    <view class="left flex-column">
      <text style="color: #FA7D22;margin: 22rpx 0 8rpx;font-size:36rpx;font-family: PingFangSC-Semibold, PingFang SC;">{{planInfo.status == 1 ? '进行中' : '已完成' }}~</text>
      <text style="color: #999999;font-size: 24rpx;">{{planInfo.start_time}}-{{ planInfo.end_time }}</text>
    </view>
    <image src="https://we-spa.oss-cn-shenzhen.aliyuncs.com/wxapp/20220317/icon_record_08.png" class="right"></image>
  </view>
  <view class="progress border-radius flex-column">
    <view class="flex-justify-space-between ">
      <text style="font-family: PingFangSC-Semibold, PingFang SC;">计划进展表</text>
      <text style="color:#FA7D22;">完成{{planInfo.process || '0'}}%</text>
    </view>
    <view class="flex scroll" style="margin-top: 30rpx;" wx:for="{{ planInfo.process_list }}" wx:key="index">
      <view class="left-box flex-column flex-center">
        <image src="{{ item.cover }}"></image>
        <text class="ellipsis" style="font-size: 24rpx;width: 100%;font-family: PingFangSC-Medium, PingFang SC;">{{ item.name }}</text>
      </view>
      <view class="flex1 flex" style="overflow-x: scroll">
        <view class="item flex-column flex-align-center" wx:for="{{ item.process_items }}" wx:key="index">
          <image src="/images/icon_record_new_0{{ 4+item.status }}.png"></image>
          <text style="color: #999999;font-size: 24rpx;">{{ item.project_time }}</text>
        </view>
      </view>
    </view>
  </view>
  <view class="border-radius flex-column" style="padding: 32rpx 28rpx;">
    <text style="font-family: PingFangSC-Semibold, PingFang SC;">我的预约</text>
    <block wx:if="{{ planInfo.order.order_id }}">
      <text class="ellipsis" style="color: #FA7D22;font-family: PingFangSC-Semibold, PingFang SC;margin: 30rpx 0 12rpx;">{{ planInfo.order.project_name }}</text>
      <text style="font-family: PingFangSC-Semibold, PingFang SC;">{{ planInfo.order.order_time }}</text>
      <text class="ellipsis" style="font-size: 24rpx;color: #666666;">{{ planInfo.order.store_name }}</text>
    </block>
    <block wx:else>
      <text style="margin: 30rpx 0 12rpx;color: #999;">暂无预约信息，快来预约吧～</text>
    </block>
  </view>
  <view class="border-radius list-box">
    <view class="list" wx:for="{{ planInfo.improve }}" 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>
      <!-- ?project_id=${item.id}&store_id= -->
      <navigator wx:key="index" url="/pages/projectDetail/projectDetail?project_id={{item.project_id}}&store_id={{item.store_id}}" hover-class="none">
        <view class="item flex-align-center">
          <image src="{{ item.cover }}"></image>
          <view class="right flex1 flex-column ellipsis">
            <text class="ellipsis" style="font-family: PingFangSC-Medium, PingFang SC;color: #FA7D22;font-size: 28rpx;">{{item.name}}</text>
            <text class="ellipsis" style="font-size: 24rpx;color: #666;margin-top: 16rpx;">{{item.desc}}</text>
            <!-- <text class="flex-justify-center">5分钟</text> -->
          </view>
          <view class="item-btn flex-center">立即预约</view>
        </view>
      </navigator>
    </view>
  </view>
  <view class="border-radius" style="padding: 32rpx 28rpx;">
    <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>