You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
250 lines
11 KiB
250 lines
11 KiB
<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>
|