dd_xcx/pages/statistics/taskDetail/taskDetail.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.receiver_name}}" a:if="{{dataDetail.receiver_id!=0}}" imgUrl="{{dataDetail.receiver_img_url}}" height="90rpx" width="90rpx" fSize="28rpx"></img-box>
        <img-box name="{{dataDetail.owner_name}}" a:if="{{dataDetail.receiver_id==0}}" imgUrl="{{dataDetail.owner_img_url}}" height="90rpx" width="90rpx" fSize="28rpx"></img-box>
        <view class="top-left">
          <view class="name font-flex-word" a:if="{{dataDetail.status == 1 || dataDetail.status == -1 || dataDetail.receiver_id ==0 &&dataDetail.status == 4}}">{{dataDetail.owner_name}}悬赏的{{dataDetail.pt_name}}任务</view>
          <view class="name font-flex-word" a:if="{{dataDetail.status == 2 || dataDetail.status == 3 || dataDetail.receiver_id !=0 && dataDetail.status == 4}}">{{dataDetail.receiver_name}}的{{dataDetail.pt_name}}任务</view>
          <view class="orange" a:if="{{dataDetail.status==1}}">待领取</view>
          <view class="yellow" a:elif="{{dataDetail.status==2}}">进行中</view>
          <view class="green" a:elif="{{dataDetail.status==3}}">已完成</view>
          <view class="red" a:elif="{{dataDetail.status==4}}">已撤回</view>
          <view class="red" a:else>已过期</view>
        </view>
      </view>
      <view class="name">{{dataDetail.point_config.base_point}}{{dataDetail.pt_name}}</view>
    </view>
    <view class="header-main">
      <view class="flex-box">
        <view class="laber">任务内容</view>
        <view class="flex-1">{{dataDetail.task_name}}</view>
      </view>
      <view class="flex-box" a:if="{{dataDetail.status==3 && dataDetail.receiver_id != 0}}">
        <view class="laber">完成人</view>
        <view class="flex-1">{{dataDetail.receiver_name}}</view>
      </view>
      <view class="flex-box flex-v-ce" a:if="{{dataDetail.task_remark}}">
        <view class="laber">任务备注</view>
        <view class="flex-1">{{dataDetail.task_remark}}</view>
      </view>
      <view class="flex-box" a:if="{{dataDetail.task_file_list.length>0}}">
        <view class="laber"></view>
        <view class="flex-1 flex-box flex-v-ce imgs">
          <image mode="scaleToFill" data-index="{{index}}" a:for="{{dataDetail.task_file_list}}" data-item="{{dataDetail.task_file_list}}" src="{{item}}" catchTap="showImg"/>
        </view>
      </view>

      <view class="flex-box flex-v-ce">
        <view class="laber">任务类型</view>
        <view class="flex-1">{{dataDetail.type_mark}}</view>
      </view>
      <view class="flex-box flex-v-ce">
        <view class="laber">任务积分</view>
        <view class="flex-1">{{dataDetail.point_config.base_point}}{{dataDetail.pt_name}}</view>
      </view>
      <view class="flex-box flex-v-ce">
        <view class="laber">审批人</view>
        <view class="flex-1">{{dataDetail.reviewer_name}}</view>
      </view>
      <view class="flex-box flex-v-ce">
        <view class="laber">发布人</view>
        <view class="flex-1">{{dataDetail.owner_name}}</view>
      </view>
      <view class="flex-box flex-v-ce">
        <view class="laber">发布时间</view>
        <view class="flex-1">{{dataDetail.create_time}}</view>
      </view>
      <view class="flex-box flex-v-ce">
        <view class="laber">截止时间</view>
        <view class="flex-1">{{dataDetail.expire_time}}</view>
      </view>
      <view class="flex-box flex-v-ce" a:if="{{dataDetail.point_config.ahead_award_point}}">
        <view class="laber">提前奖分</view>
        <view class="flex-1">{{dataDetail.point_config.ahead_award_point}}B分/天</view>
      </view>
      <view class="flex-box flex-v-ce" a:if="{{dataDetail.point_config.timeout_deduction_point}}">
        <view class="laber">逾期扣分</view>
        <view class="flex-1">{{dataDetail.point_config.timeout_deduction_point}}B分/天</view>
      </view>
      <view class="flex-box flex-v-ce" a:if="{{dataDetail.department_info.length>0}}">
        <view class="laber">可见范围</view>
        <view class="flex-1">
            <text a:for="{{dataDetail.department_info}}">{{item.name}}<text a:if="{{(dataDetail.department_info.length-1)>index}}"> ,</text></text>
        </view>
      </view>
      <view class="flex-box flex-v-ce" a:if="{{dataDetail.complete_task&&dataDetail.complete_task.remark}}">
        <view class="laber">完成备注</view>
        <view class="flex-1">{{dataDetail.complete_task.remark}}</view>
      </view>
      <view class="flex-box" a:if="{{dataDetail.complete_task&&dataDetail.complete_task.files&&dataDetail.complete_task.files.length>0}}">
        <view class="laber"></view>
        <view class="flex-1 flex-box flex-v-ce imgs">
          <image mode="scaleToFill" data-index="{{index}}" a:for="{{dataDetail.complete_task.files}}" data-item="{{dataDetail.complete_task.files}}" src="{{item}}" catchTap="showImg"/>
        </view>
      </view>
    </view>
    
    <view class="main margin-bottom">
      <block a:if="{{dataDetail.source_type!=10}}">
        <view class="mian-title border-bottom" a:if="{{dataDetail.point_config&&dataDetail.point_config.item_info}}">规则依据
          <text>此事件打分参考以下积分规则</text>
        </view>
        <view class="header-main" a:if="{{dataDetail.point_config&&dataDetail.point_config.item_info}}">
          <view class="flex-box flex-v-ce" a:if="{{dataDetail.point_config.rule_info.name}}">
            <view class="laber">规则分类</view>
            <view class="flex-1">{{dataDetail.point_config.rule_info.name }}</view>
          </view>
          <view class="flex-box" a:if="{{dataDetail.point_config.item_info&&dataDetail.point_config.item_info.remark}}">
            <view class="laber">积分规则</view>
            <view class="flex-1">{{dataDetail.point_config.item_info.remark}}</view>
          </view>
          <view class="flex-box flex-v-ce" a:if="{{dataDetail.point_config.item_info.min_point}}">
            <view class="laber">规则积分</view>
            <view class="flex-1">
              <text a:if="{{dataDetail.point_config.item_info.range_type == 1}}">{{ dataDetail.point_config.item_info.min_point }}</text>
              <text a:if="{{dataDetail.point_config.item_info.range_type == 2}}">{{ dataDetail.point_config.item_info.min_point }} ~ {{ dataDetail.point_config.item_info.max_point }}</text>
              <text>{{dataDetail.pt_name}}</text>
            </view>
          </view>
        </view>
      </block>
    </view>
    <view class="btn-area" a:if="{{dataDetail.status == '1' && userId != dataDetail.owner_id && dataDetail.reviewer_id != userId&&!isCreator}}">
      <button type="default" loading="{{disabled}}" class="defBtn" disabled="{{disabled}}" catchTap="formSubmit">领取任务</button>
    </view>
  </view>
  <view class="pop-up" a:if="{{isPublisher}}">
    <picker onChange="bindPickerChange" value="{{index}}" range="{{array}}">
      <image class="img" mode="scaleToFill" src="../../../image/Bj.png"/>
    </picker>
  </view>
</view>