<!--pages/msg/push/index.wxml-->
<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 class="put v-div h-center" placeholder="请输入" value="{{postData.address}}"></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]}}"></input>
    <!-- 内容 -->
    <view class="h-div v-center header">
      <text class="single"></text>
      <text class="title">事件描述</text>
    </view>
    <textarea bindinput="inputContent" value="{{postData.content}}" style="color: #333333;" class="put v-div" placeholder="请输入工作内容"></textarea>
  </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}}</view>
          </label>
        </view>
      </view>
    </radio-group>
  </view>
</view>
<!-- 事件解决建议 -->
<view class="cu-modal {{showAdvicePop?'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="showAdvicePop">
        <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="{{AdviceData}}" wx:key>
          <label catchtap="typeChange" data-index="{{index}}" class="flex justify-between align-center flex-sub">
            <view class="flex-sub">{{item}}</view>
          </label>
        </view>
      </view>
    </radio-group>
  </view>
</view>