<!--pages/task/file/index/index.wxml-->
<title-bar title="文件签批流转"></title-bar>
<scroll-view scroll-y style="height: calc(100vh - {{topBarH}}px);">
  <!-- 表单 -->
  <view class="item-bg">
    <view class="item">
      <view class="h-div content">
        <text class="lab">文件名称：</text>
        <text class="val">关于某某某某某文件名称。</text>
      </view>
      <view class="h-div content">
        <text class="lab">任务状态：</text>
        <text class="val">进行中</text>
      </view>
      <view class="h-div content">
        <text class="lab">任务周期：</text>
        <text class="val">2022-09-15至2022-09-20</text>
      </view>
      <view class="h-div content">
        <text class="lab">发布时间：</text>
        <text class="val">2022-09-15</text>
      </view>
      <view class="h-div" style="margin-top: 15rpx;">
        <text class="lab">发布人：</text>
        <text class="val">某某人</text>
      </view>
    </view>
  </view>
  <!-- 文件内容 -->
  <view class="item-bg">
    <view class="item">
      <view class="h-div content">
        <text class="lab">文件内容:</text>
      </view>
      <view class="val">
        关于某某某某某某某某某某某项文件内容备注,关于某某某某某某某某某某某项文件内容备注。
      </view>
    </view>
  </view>
  <!-- 文件附件 -->
  <view class="item-bg">
    <view class="item">
      <view class="h-div content">
        <text class="lab">文件附件:</text>
      </view>
      <view wx:for="{{files}}" class="content h-div v-center" style="border-bottom:{{index==files.length-1?'none':''}}">
        <text class="file"></text>
        <text class="flex">{{item}}</text>
        <image class="cloud" src="/images/task/icon-cloud.png" />
      </view>
    </view>
  </view>
  <!-- 签批人 -->
  <view class="item-bg">
    <view class="item">
      <view class="h-div content">
        <text class="lab">签批人:</text>
      </view>
      <view style="flex-wrap: wrap;">
        <view wx:for="{{10}}" class="v-div v-center people">
          <image class="avatar" src="/images/task/icon-cloud.png" />
          <text class="name">某某人</text>
        </view>
      </view>
    </view>
  </view>
  <!-- 操作按钮 -->
  <view class="option h-div">
    <view catchtap="subSend" class="btn flex">签批</view>
    <view style="width: 32rpx;"></view>
    <view catchtap="upSend" class="btn flex">呈报上级</view>
  </view>
  <view class="space"></view>
  <!-- 文件签批 -->
  <view class="cu-modal {{popSub?'show':''}}">
    <view class="cu-dialog">
      <view class="cu-bar bg-white justify-end">
        <view class="content text-black" style="font-weight: bold;">文件签批</view>
        <view class="action" bindtap="subSend">
          <text class="cuIcon-close text-black"></text>
        </view>
      </view>
      <textarea class="pop-content" placeholder="请输入" />
      <view class="cu-bar bg-white justify-around">
        <view class="action">
          <view class="pop-sub pop-btn">签批通过</view>
          <view class="pop-cancle pop-btn">签批通过</view>
        </view>
      </view>
    </view>
  </view>

  <!-- 呈报上级 -->
  <view class="cu-modal {{popUp?'show':''}}">
    <view class="cu-dialog">
      <view class="cu-bar bg-white justify-end">
        <view class="content text-black" style="font-weight: bold;">文件呈报上级</view>
        <view class="action" bindtap="upSend">
          <text class="cuIcon-close text-black"></text>
        </view>
      </view>
      <view class="pop-peo h-div">
        <text class="cuIcon-people"></text>
        <text class="flex" style="margin-left: 10rpx;color: #BBBBBB;">请选中呈报人</text>
        <text class="cuIcon-right text-gray"></text>
      </view>
      <textarea class="pop-content" placeholder="请输入呈报原因" placeholder-style="color:#BBBBBB" />
      <view class="cu-bar bg-white justify-around">
        <view class="action">
          <view class="pop-sub pop-btn">提交</view>
          <view class="pop-cancle pop-btn">取消</view>
        </view>
      </view>
    </view>
  </view>
</scroll-view>