<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="yellow" a:if="{{dataDetail.status==1}}">待领取</view>
          <view class="yellow2" 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}}</view>
    </view>
    <view class="header-main">
      <view class="flex-box flex-v-ce">
        <view class="laber">任务内容</view>
        <view class="flex-1">{{dataDetail.task_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 flex-v-ce">
        <view class="laber">任务类型</view>
        <view class="flex-1">{{dataDetail.pt_name}}</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">
        <view class="laber">逾期扣分</view>
        <view class="flex-1">{{dataDetail.point_config.timeout_deduction_point}}分/天</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>
        </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>
    <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>