epmet-work-mp/subpages/demandCheck/pages/dissatisfied/demandCheck/demandCheck.wxml

<view class="complete-info" >
  <block >
    <view class="content">
      <view class="personal-info">
        <view class="basic-info">
         
          <view class="item">
                  <view class="field">
                    <text class="must">*</text>
                    <view class="field-text">所属组织</view>
                  </view>
                  <view class="value-dl" bind:tap="showPicker">
                    <view class="di-name">{{agencyName?agencyName:'请选择'}}</view>
                    <image class="di-but" src="../../../../../images/right.png" mode="aspectFit" />
                  </view>
            </view>
          <view class="item">
            <view class="field">
              <text class="must">*</text>
              <view class="field-text">诉求类型</view>
            </view>
            <view class="value-mobile">
              <radio-group class="radio-group" bind:change="handleChangeType">
                <radio checked="{{tabVal === '0'}}" value="0" checked="true" color="#4193fe" class="radio">事件上报</radio>
                <radio checked="{{tabVal === '1'}}" value="1" color="#4193fe" class="radio">居民需求</radio>
              </radio-group>
            </view>
          </view>
          <view class="item" wx:if="{{tabVal === '1'}}">
                  <view class="field" >
                    <text class="must">*</text>
                    <view class="field-text">需求类型</view>
                  </view>
                  <view class="value-dl" bind:tap="showMeasurePicker">
                    <view class="di-name">{{categoryName?categoryName:'请选择'}}</view>
                    <image class="di-but" src="../../../../../images/right.png" mode="aspectFit" />
                  </view>
            </view>
          <view class="item" wx:if="{{tabVal === '1'}}">
                  <view class="field" >
                    <text class="must">*</text>
                    <view class="field-text">上报类型</view>
                  </view>
                  <view class="value-dl" bind:tap="showReportTypePicker">
                    <view class="di-name">{{reportTypeName?reportTypeName:'请选择'}}</view>
                    <image class="di-but" src="../../../../../images/right.png" mode="aspectFit" />
                  </view>
            </view>
        </view>
      </view>

      <view class="add-issue">
        <view class="issue-content">
          <view class="item">
            <view class="field">
              <text class="must">*</text>
              <view class="field-text">{{tabVal==='1'?'需求描述':'事件描述'}}</view>
            </view>
          </view>
          <textarea maxlength="500"  value="{{fmData.content}}" bindblur="bindTextareaInput" bindinput="bindTextareaInput" bindfocus="bindTextareaFocus" placeholder="请输入事件描述(不超过500字)">
          </textarea>
          <!-- 语音播放 -->
          <view class="audio-play" wx:if="{{fmData.voiceList.length>0}}"> 
              <view class="audio-play-left">
                  <image src="../../../images/zt.png" mode="" bind:tap="handlePlay" wx:if="{{!hasPlay}}"/>
                  <image src="../../../images/bf.png" mode="" bind:tap="handlePlay" wx:else/>
                  <slider value="{{stepValue}}" min="0" max="{{totalMax}}" bindchange="slideChange" bindchanging="handleSlideMove" class="audio-slider" active-color="#3A80E7" block-color="#3A80E7" block-size="2" />
                  <view class="audio-time">{{totalTime}}</view>
              </view>
              <image src="../../../images/sc.png" bind:tap="handleAudioDel"  mode=""/>
          </view>
          
          <view class="mkf-img" bindtap="showRecordSheet">
            <image src="../../../images/mkf.png" mode=""/> 您也可以语音输入描述
          </view>
        </view>
        <!-- 上传图片 -->
        <view class="image-box">
            <view class="{{ uploadImageList.length < 4 ? 'image-list' : uploadImageList.length > 3 && uploadImageList.length < 7  ? 'image-list image-list-2' : uploadImageList.length > 6 && uploadImageList.length < 10 ? 'image-list image-list-3' : 'image-list image-list-4' }}">
              <view class=" image-list-label">
                  <view class="field-text">上传图片</view>
               </view>
            <view
              class="image-item"
              wx:for="{{uploadImageList}}"
              wx:for-index="index"
              wx:for-item="item"
              wx:key="imageId">
              <image class="issue-image" src="{{item.imgUrl}}" />
              <image wx:if="{{!item.uploaded}}" class="loading" src="../../../images/loading.gif" />
              <image bindtap="deleteImage" data-imageid="{{item.imageId}}" class="close" wx:else src="../../../images/icon_close.png" />
            </view>
            <image wx:if="{{uploadImageList.length < 3}}" src="../../../images/ig_tianjiatupian@2x.png" bindtap="chooseImage" />
          </view>
         </view>
      </view>
      <view class="personal-info">
          <view class="basic-info">
            <view class="item">
                  <view class="field">
                    <text class="must">*</text>
                    <view class="field-text">{{tabVal === '1'?'需求时间':'发生时间'}}</view>
                  </view>
                  <view class="value-dl" bind:tap="showTimePicker">
                    <view class="di-name">{{showTime?showTime:'请选择'}}</view>
                    <image class="di-but" src="../../../../../images/right.png" mode="aspectFit" />
                  </view>
            </view>
            <view class="item" wx:if="{{tabVal ==='1'}}">
                  <view class="field">
                    <text class="must">*</text>
                    <view class="field-text">服务时间 </view>
                  </view>
                  <view class="value-dl" bind:tap="showTimePickerW">
                    <view class="di-name">{{showWantServiceTimeTime?showWantServiceTimeTime:'请选择'}}</view>
                    <image class="di-but" src="../../../../../images/right.png" mode="aspectFit" />
                  </view>
            </view>
            <view class="item" wx:if="{{tabVal === '0'}}">
                <view class="field">
                  <text class="must">*</text>
                  <view class="field-text">发生地点</view>
                </view>
                <view class="value-dl" bind:tap="toughGetLocation">
                  <view class="di-name">{{addressContent}}</view>
                  <image class="di-but" src="../../../../../images/right.png" mode="aspectFit" />
                </view>
            </view>
            <view class="item">
                  <view class="field">
                    <text class="must">*</text>
                    <view class="field-text" >{{tabVal === '1'?'需求人':'联系人'}}</view>
                  </view>
                    <navigator hover-class="backC" class="value-dl"  url="/subpages/demandCheck/pages/dissatisfied/searchResi/searchResi" >
                      <view class="di-name" > 
                      {{resiName?resiName:'请选择'}}
                      </view>
                     <image class="di-but" src="../../../../../images/right.png" mode="aspectFit" />
                  </navigator>
            </view>
            <view class="item">
                  <view class="field">
                    <text class="must">*</text>
                    <view class="field-text">联系电话</view>
                  </view>
                  <view hover-class="backC" class="value-dl" >
                      <!-- <view class="di-name" > 
                      {{resiMobile?resiMobile:'请输入'}}
                      </view> -->
                      <input type="text" placeholder="请输入" value="{{resiMobile}}" bindblur="bindMobile"/>
                  </view>
            </view>
          </view>
      </view>
      <view class="submit-button">
        <button disabled="{{ submitDisabled }}" bindtap="submitPersonalInfo" hover-class="hover-submit">提交</button>
      </view>
    </view>
  </block>
</view>
<view class="sheet-bg" wx:if="{{showRecord}}"></view>
<view class="record-actionsheet {{showRecord ? '' : 'record-actionsheet-hide'}}">
 
  <view class="sound-cancle" bind:tap="hancleCancle">取消</view>
  <view class="sound-time">{{recordingTime}}</view>
  <view class="sound-operate">
      <view class="sound-operate-del" bind:tap="handleRecordDel">
        <image  wx:if="{{isStart}}" src="../../../images/del.png" />
      </view>
      <view class="sound-operate-btn">
        <view class="sound-circel">
          <view wx:if="{{isStart}}" class="sound-circle-bd" bind:tap="handleRecord">
              <view class="sound-play {{!hasStart && 'sound-play-stop'}}">
                <view class="sound-play-item"></view>
                <view class="sound-play-item"></view>
                <view class="sound-play-item"></view>
                <view class="sound-play-item"></view>
              </view>
          </view>
          <view wx:else class="sound-circle-bd sound-circle-bg" bind:tap="handleOpenRecord"></view>
        </view>
      </view>
      <view class="sound-operate-finish" bind:tap="recordStop">
        <image  wx:if="{{isStart}}" src="../../../images/save.png" />
      </view>
    </view>
    <view class="sound-tips">
      <view >点击发布语音内容</view>
      <view >限10分钟内</view>
    </view>
</view>

  <wux-actionsheet id="wux-actionsheet" />
  <!-- 需求时间/发生时间 -->
  <wux-date-picker
    visible="{{ visibleTime }}"
    controlled
    mode="datetime"
    value="{{ fmData.happenTime }}"
    lang="zh_CN"
    minDate="{{minDate}}"
    maxDate="{{maxDate}}"
    bind:confirm="onConfirmDate"
    bind:visibleChange="onVisibleChange"
    bind:cancel="onCancel"
  />
 
  <!-- 服务时间     bind:visibleChange="onVisibleChange"-->
  <wux-date-picker
    visible="{{ visibleTimeWantServiceTime }}"
    controlled
    mode="datetime"
    value="{{ fmData.wantServiceTime }}"
    lang="zh_CN"
    minDate="{{minDate}}"
    maxDate="{{maxDate}}"
    bind:confirm="onConfirmWantServiceTime"
    bind:cancel="onCancel"
  />
  <wux-picker
        options="{{ angencyList }}"
        value="{{ fmData.gridId }}"
        visible="{{angencyVisible}}"
        controlled
        cascade
        bind:cancel="hidePickerAngency"
        bind:confirm="onConfirmAngecy"
  >
  </wux-picker>
  <wux-picker
        options="{{ reportTypeList }}"
        value="{{ form.reportType }}"
        visible="{{reportTypeVisible}}"
        controlled
        cascade
        bind:cancel="hidePickerReportType"
        bind:confirm="onConfirmReportType"
  >
  </wux-picker>
  <wux-picker
        options="{{ measureList }}"
        value="{{ measureValue }}"
        visible="{{measureVisible}}"
        cols="2"
        controlled
        cascade
        bind:cancel="hidePickerMeasure"
        bind:confirm="onConfirmMeasure"
  >
  </wux-picker>