dd_xcx/pages/statistics/workDetail/workDetail.axml

<view>
  <view class="header margin-bottom">
    <view class="header-top flex-box flex-v-ce  margin-bottom">
      <view class="flex-box flex-v-ce flex-1 ">
        <img-box name="{{dataDetail.name}}" height="90rpx" width="90rpx" fSize="28rpx"></img-box>
        <view class="top-left">
          <view class="name">吴俊逸</view>
          <view>产品运营部</view>
        </view>
      </view>
      <view class="top-right">
        <view>10</view>
        <view>B分</view>
      </view>
      <view class="top-right">
        <view>0</view>
        <view>最终分</view>
      </view>
    </view>
    <view class="header-main">
      <view class="flex-box flex-v-ce">
        <view class="laber">工作内容</view>
        <view class="flex-1">积分申请</view>
      </view>
      <view class="flex-box flex-v-ce">
        <view class="laber">截止时间</view>
        <view class="flex-1">积分申请</view>
      </view>
      <view class="flex-box flex-v-ce">
        <view class="laber">逾期扣分</view>
        <view class="flex-1">积分申请</view>
      </view>
      <view class="flex-box flex-v-ce">
        <view class="laber">任务备注</view>
        <view class="flex-1">积分申请</view>
      </view>
      <view class="flex-box flex-v-ce">
        <view class="laber">审批人</view>
        <view class="flex-1">积分申请</view>
      </view>
      <view class="flex-box flex-v-ce">
        <view class="laber">发布人</view>
        <view class="flex-1">积分申请</view>
      </view>
      <view class="flex-box flex-v-ce">
        <view class="laber">积分种类</view>
        <view class="flex-1">积分申请</view>
      </view>
      <view class="flex-box">
        <view class="laber">任务图片</view>
        <view class="flex-1 flex-box flex-v-ce imgs">
            <image mode="scaleToFill"  data-index="{{imgIndex}}" data-item="{{item.files}}" src="../../../image/start1.png" catchTap="showImg"/>
            <image mode="scaleToFill" src="../../../image/start1.png"/>
            <image mode="scaleToFill" src="../../../image/start1.png"/>
        </view>
      </view>
    </view>
  </view>
  <view class="main border-bottom">
    <view class="flex-box flex-v-ce titles">
      <view class="title flex-1">任务进度</view>
      <view class="blue" style="font-size:28rpx" catchTap="openSchedule">更新进度</view>
    </view>
    <view class="slider">
      <slider value="33" onChange="slider4change" min="25" max="50"></slider>
    </view>
  </view>
  <view class="footer">
    <view class="flex-box flex-v-ce selectItems">
      <view data-index="1" class="{{activeIndex == 1? 'active':''}} flex-1" catchTap="activeItem">任务过程</view>
      <view data-index="2" class="{{activeIndex == 2? 'active':''}} flex-1" catchTap="activeItem">记分记录</view>
      <view a:if="{{activeIndex == 1}}" class="flex-box-end flex-2 blue ji">
        <text style="padding-right:24rpx">+记一条</text>
      </view>
      <view a:if="{{activeIndex == 2}}" class="flex-box-end flex-2 blue ji">
        <text style="padding-right:24rpx">记分</text>
      </view>
    </view>
    <view a:if="{{activeIndex == 1}}">
      <view class="flex-box gc_item">
        <view class="flex-box  flex-1">
          <img-box name="{{dataDetail.name}}" height="90rpx" width="90rpx" fSize="28rpx"></img-box>
          <view class="top-left">
            <view class="flex-box">
              <view class="fontColorX flex-1">吴俊逸</view>
              <view style="font-size:28rpx">2021-01-08 18:11</view>
            </view>
            <view style="color:#222;margin-right:80rpx;">产品运营部产品运营部产品运营部产品运营部产品运营部</view>
          </view>
          <view class="delete">
            <image mode="scaleToFill" src="../../../image/delete.png" class="img"></image>
          </view>
        </view>
      </view>
    </view>
    <view a:else>
      <view class="sum">合计20</view>
      <view class="flex-box gc_item">
        <view class="flex-box flex-1">
          <img-box name="{{dataDetail.name}}" height="90rpx" width="90rpx" fSize="28rpx"></img-box>
          <view class="top-left">
            <view class="flex-box">
              <view class="fontColorX flex-1">吴俊逸</view>
              <view style="font-size:28rpx">2021-01-08 18:11</view>
            </view>
            <view style="color:#222;margin-right:80rpx;">产品运营部产品运营部产品运营部产品运营部产品运营部</view>
          </view>
          <view class="delete">
            <image mode="scaleToFill" src="../../../image/delete.png" class="img"></image>
          </view>
        </view>
      </view>
    </view>
  </view>
  <view class="pop-up">
    <picker onChange="bindPickerChange" value="{{index}}" range="{{array}}">
      <image class="img2" mode="scaleToFill" src="../../../image/Bj.png"/>
    </picker>
  </view>
</view>