<!--pages/task/index/index.wxml-->
<title-bar title="专项任务"></title-bar>
<!-- 筛选 -->
<scroll-view scroll-x class="bg-white nav">
  <view class="flex text-center">
    <view class="cu-item flex-sub {{index==curTab?'text-blue cur':''}}" wx:for="{{tabs}}" wx:key catchtap="tabSelect" data-index="{{index}}">
      {{item.lab}}
    </view>
  </view>
</scroll-view>
<!-- 搜索 -->
<view class="cu-bar search">
  <view class="search-form round">
    <text class="cuIcon-search"></text>
    <input type="text" placeholder="请输入关键字" confirm-type="search"></input>
  </view>
</view>
<scroll-view refresher-enabled scroll-y style="height: calc(100vh - 190rpx - {{topBarH}}px);">
  <!-- 列表 -->
  <view class="item-bg" wx:for="{{list}}">
    <view catchtap="toDetail" data-item="{{item}}" class="item">
      <view class="head h-div v-center">
        <view class="single"></view>
        <view wx:if="{{item.type == 0}}" class="title ellipsis">文件签批流转任务</view>
        <view wx:if="{{item.type == 1}}" class="title ellipsis">专项检查任务</view>
        <view class="status" style="color: var(--green);">已完成（签批通过）</view>
      </view>
      <view class="tv">关于某某某某某某某某某某某项工作的任务要求,关于某某某某某某某某工作的任务要求。
      </view>
      <view class="h-div v-center">
        <view class="g-container">
          <view class="g-progress" style="width: {{80}}%;background: linear-gradient(to right, #038EFE, #41DBFB);"></view>
        </view>
        <text class="val">80%</text>
      </view>
      <view class="line"></view>
      <view class="h-div bottom">
        <text class="flex">发布人：某某人</text>
        <text>发布时间：2022-09-15</text>
      </view>
      <image class="bottom-img" src="/images/task/icon-bottom-line.png" mode="aspectFill" />
    </view>
  </view>
  <view class="space"></view>
</scroll-view>