<title-bar title="上报诉求"></title-bar>
<scroll-view scroll-y refresher-enabled style="height: calc(100vh - {{topBarH}}px);">
  <view class="item">
    <!-- 标题 -->
    <view class="h-div v-center header">
      <text class="single"></text>
      <text class="title">工作标题</text>
    </view>
    <input bindinput="inputContent" data-name="title" value="{{postData.title}}" class="put v-div h-center" placeholder="请输入标题"></input>
    <!-- 类型 -->
    <view class="h-div v-center header">
      <text class="single"></text>
      <text class="title">工作类型</text>
    </view>
    <input catchtap="popModal" data-type="showTypePop" disabled class="put v-div h-center" placeholder="请选择" value="{{TypeData[postData.type-1].typeName}}"></input>
    <!-- 内容 -->
    <view class="h-div v-center header">
      <text class="single"></text>
      <text class="title">工作内容</text>
    </view>
    <textarea bindinput="inputContent" data-name="detail" value="{{postData.detail}}" style="color: #333333;" class="put v-div" placeholder="请输入工作内容"></textarea>
    <!-- 时间 -->
    <view class="h-div v-center header">
      <text class="single"></text>
      <text class="title">工作时间</text>
    </view>
    <view class="filter">
      <picker mode="date" value="{{postData.startTime}}" data-name="startTime" bindchange="bindDateChange">
        <view class="picker">
          开始时间: {{postData.startTime||'-'}}
        </view>
      </picker>
      <picker mode="date" value="{{postData.endTime}}" data-name="endTime" bindchange="bindDateChange">
        <view class="picker">
          结束时间: {{postData.endTime||'-'}}
        </view>
      </picker>
    </view>
    <!-- 附件 -->
    <view class="h-div v-center header">
      <text class="single"></text>
      <text class="title flex">附件</text>
      <text catchtap="chooseFile" class="title cuIcon-roundadd" style="font-weight: normal;color: #5DA6F4;">添加图片</text>
    </view>
    <view class="grid">
      <view class="img" wx:for="{{files}}" style="position: relative;">
        <text catchtap="deleteFile" data-id="{{item.sysdocumentid}}" class="cuIcon-delete del" style="color:red;"></text>
        <image class="img" src="{{baseUrl+item.filepath}}" catchtap="filePre" data-url="{{item.filepath}}" />
      </view>
    </view>
  </view>
  <view class="space"></view>
</scroll-view>
<view class="option">
  <view catchtap="push" class="btn">上报</view>
</view>

<!-- 选择工作类型 -->
<view class="cu-modal {{showTypePop?'show':''}}">
  <view class="cu-dialog pop" catchtap>
    <view class="cu-bar justify-end pop-header">
      <view class="content">选择工作类型</view>
      <view class="action" catchtap="popModal" data-type="showTypePop">
        <text class="cuIcon-close text-red"></text>
      </view>
    </view>
    <radio-group class="block" style="max-height: 50vh;overflow-y: scroll;">
      <view class="cu-list menu text-left">
        <view class="cu-item" wx:for="{{TypeData}}" wx:key>
          <label catchtap="typeChange" data-index="{{index}}" class="flex justify-between align-center flex-sub">
            <view class="flex-sub">{{item.typeName}}</view>
          </label>
        </view>
      </view>
    </radio-group>
  </view>
</view>