|
|
@@ -1,68 +1,75 @@ |
|
|
|
<!--package_A/work/index.wxml--> |
|
|
|
<view class="upload_container"> |
|
|
|
<image class="head_img" mode="widthFix" src="../../../assets/img/upload_head.png"></image> |
|
|
|
<image class="head_img" mode="widthFix" src="../../img/report_bg.png"></image> |
|
|
|
<view class="form_container"> |
|
|
|
<view class="form_item"> |
|
|
|
<text><text style="color: red;">*</text>选择河道:</text> |
|
|
|
<view class="value_box disable_class"> |
|
|
|
<text class="picker_text">{{form.streamName}}</text> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<view class="form_item {{formRules.location.warning ? 'warning' : ''}}"> |
|
|
|
<text><text style="color: red;">*</text>问题位置:</text> |
|
|
|
<view class="value_box"> |
|
|
|
<text class="picker_text" wx:if="{{form.location}}">{{form.location}}</text> |
|
|
|
<text style="color: #a6a6a6;font-size: 24rpx;" wx:else>请选择问题位置</text> |
|
|
|
<image src="../../../assets/img/location.png" style="width:60rpx;height:60rpx;position: absolute;right: 0rpx;top: 2rpx;z-index: 99;" bindtap="selectLocation"></image> |
|
|
|
</view> |
|
|
|
<text class="tips">请选择问题位置</text> |
|
|
|
</view> |
|
|
|
<view class="use_purpose {{formRules.feedbackDesc.warning ? 'warning' : ''}}"> |
|
|
|
<text><text style="color: red;">*</text>问题描述:</text> |
|
|
|
<view class="value_box"> |
|
|
|
<textarea maxlength="200" style="width:500rpx; height: 160rpx;padding-top: 10rpx;" type="text" adjust-position="{{true}}" placeholder="请输入问题描述" placeholder-style="font-size: 24rpx; color: #A6A6A6;" value="{{form.feedbackDesc}}" data-name="feedbackDesc" name="feedbackDesc" bindblur="bindValue" /> |
|
|
|
<!-- 河道信息 --> |
|
|
|
<view class="info_box"> |
|
|
|
<view class="box_title">河道信息</view> |
|
|
|
<view class="form_item"> |
|
|
|
<text><text style="color: red;">* </text>选择河道</text> |
|
|
|
<view class="value_box disable_class"> |
|
|
|
<text class="picker_text">{{form.streamName}}</text> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<text class="tips">请输入问题描述</text> |
|
|
|
</view> |
|
|
|
<view class="form_item {{formRules.feedbackName.warning ? 'warning' : ''}}"> |
|
|
|
<text><text style="color: red;">*</text>姓名:</text> |
|
|
|
<view class="value_box"> |
|
|
|
<input style="width: 100%;height: 100%;" type="text" maxlength="100" placeholder="请输入您的姓名" placeholder-style="font-size: 24rpx; color: #A6A6A6;" adjust-position="{{true}}" value="{{form.feedbackName}}" data-name="feedbackName" name="feedbackName" bindblur="bindValue" /> |
|
|
|
<view class="form_item {{formRules.location.warning ? 'warning' : ''}}"> |
|
|
|
<text><text style="color: red;">* </text>问题位置</text> |
|
|
|
<view class="value_box"> |
|
|
|
<text class="picker_text" wx:if="{{form.location}}">{{form.location}}</text> |
|
|
|
<text style="color: #a6a6a6;font-size: 28rpx;" wx:else>请选择问题位置</text> |
|
|
|
<image src="../../../assets/img/location.png" style="width:54rpx;height:54rpx;position: absolute;right: 0rpx;top: 7rpx;z-index: 99;" bindtap="selectLocation"></image> |
|
|
|
</view> |
|
|
|
<text class="tips">请选择问题位置</text> |
|
|
|
</view> |
|
|
|
<text class="tips">请输入您的姓名</text> |
|
|
|
</view> |
|
|
|
<view class="form_item {{formRules.feedbackPhone.warning ? 'warning' : ''}}"> |
|
|
|
<text><text style="color: red;">*</text>电话号码:</text> |
|
|
|
<view class="value_box"> |
|
|
|
<input style="width: 100%;height: 100%;" maxlength="11" type="text" placeholder="请输入您的电话号码" placeholder-style="font-size: 24rpx; color: #A6A6A6;" adjust-position="{{true}}" value="{{form.feedbackPhone}}" data-name="feedbackPhone" name="feedbackPhone" bindblur="bindValue" /> |
|
|
|
<view class="use_purpose {{formRules.feedbackDesc.warning ? 'warning' : ''}}"> |
|
|
|
<text><text style="color: red;">* </text>问题描述</text> |
|
|
|
<textarea maxlength="200" style="width:620rpx; height: 120rpx;padding: 20rpx;" type="text" adjust-position="{{true}}" placeholder="请输入问题描述" placeholder-style="font-size: 28rpx; color: #A6A6A6;" value="{{form.feedbackDesc}}" data-name="feedbackDesc" name="feedbackDesc" bindblur="bindValue" /> |
|
|
|
<text class="tips">请输入问题描述</text> |
|
|
|
</view> |
|
|
|
<text class="tips">请输入正确格式的电话号码</text> |
|
|
|
<view class="upload_images {{formRules.imageList.warning? 'warning': ''}}"> |
|
|
|
<text><text style="color: red;">* </text>上传图片</text> |
|
|
|
<view class="image_list"> |
|
|
|
<view class="image_preview" wx:for="{{imagePreviewList}}" wx:key="index"> |
|
|
|
<image class="image_item" src="{{item}}" mode="aspectFill" data-item="{{item}}"> |
|
|
|
</image> |
|
|
|
<div class="close" data-current="{{index}}" catchtap="deleteImage"></div> |
|
|
|
</view> |
|
|
|
<view class="upload_image" bindtap="uploadImage" wx:if="{{imageList.length<5}}"> |
|
|
|
<image style="height: 53rpx;width: 53rpx;margin-bottom: 27rpx;" mode="widthFix" src="../../../assets/img/open_upload.png"></image> |
|
|
|
<text style="font-size: 28rpx;">上传图片</text> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<text class="tips">请上传图片</text> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<view class="upload_images {{formRules.imageList.warning? 'warning': ''}}"> |
|
|
|
<text><text style="color: red;">*</text>上传照片:</text> |
|
|
|
<view class="image_list"> |
|
|
|
<view class="image_preview" wx:for="{{imagePreviewList}}" wx:key="index"> |
|
|
|
<image class="image_item" src="{{item}}" mode="aspectFill" data-item="{{item}}"> |
|
|
|
</image> |
|
|
|
<div class="close" data-current="{{index}}" catchtap="deleteImage"></div> |
|
|
|
|
|
|
|
<!-- 个人信息 --> |
|
|
|
<view class="info_box"> |
|
|
|
<view class="box_title">个人信息</view> |
|
|
|
<view class="form_item {{formRules.feedbackName.warning ? 'warning' : ''}}"> |
|
|
|
<text><text style="color: red;">* </text>姓名</text> |
|
|
|
<view class="value_box"> |
|
|
|
<input style="width: 100%;height: 100%;" type="text" maxlength="100" placeholder="请输入您的姓名" placeholder-style="font-size: 28rpx; color: #A6A6A6;" adjust-position="{{true}}" value="{{form.feedbackName}}" data-name="feedbackName" name="feedbackName" bindblur="bindValue" /> |
|
|
|
</view> |
|
|
|
<view class="upload_image" bindtap="uploadImage" wx:if="{{imageList.length<5}}"> |
|
|
|
<image style="height: 56rpx;width: 56rpx;" mode="widthFix" src="../../../assets/img/upload.png"></image> |
|
|
|
<text class="tips">请输入您的姓名</text> |
|
|
|
</view> |
|
|
|
<view class="form_item {{formRules.feedbackPhone.warning ? 'warning' : ''}}"> |
|
|
|
<text><text style="color: red;">* </text>电话号码</text> |
|
|
|
<view class="value_box"> |
|
|
|
<input style="width: 100%;height: 100%;" maxlength="11" type="text" placeholder="请输入您的电话号码" placeholder-style="font-size: 28rpx; color: #A6A6A6;" adjust-position="{{true}}" value="{{form.feedbackPhone}}" data-name="feedbackPhone" name="feedbackPhone" bindblur="bindValue" /> |
|
|
|
</view> |
|
|
|
<text class="tips">请输入正确格式的电话号码</text> |
|
|
|
</view> |
|
|
|
<text class="tips">请上传图片</text> |
|
|
|
</view> |
|
|
|
|
|
|
|
<view class="safe_box"> |
|
|
|
<label class="checkbox" bindtap="checkBoxChange"> |
|
|
|
<checkbox value="{{checkAgree}}" /><text>同意</text> |
|
|
|
</label> |
|
|
|
<text style="color: #2a82e4;" bindtap="showAgree">《用户服务协议》</text>和<text style="color: #2a82e4;" bindtap="showConceal">《隐私政策》</text> |
|
|
|
</view> |
|
|
|
<!-- 按钮 --> |
|
|
|
<button disabled="{{!checkAgree}}" style="width: 690rpx;" class="btn_item submit_btn" bindtap="submit">确定</button> |
|
|
|
</view> |
|
|
|
|
|
|
|
<view class="safe_box"> |
|
|
|
<label class="checkbox" bindtap="checkBoxChange"> |
|
|
|
<checkbox value="{{checkAgree}}" /><text>同意</text> |
|
|
|
</label> |
|
|
|
<text style="color: #2a82e4;" bindtap="showAgree">《用户服务协议》</text>和<text style="color: #2a82e4;" bindtap="showConceal">《隐私政策》</text> |
|
|
|
</view> |
|
|
|
|
|
|
|
<view class="btn_list"> |
|
|
|
<button class="btn_item cancel_btn" bindtap="returnLastPage">取消</button> |
|
|
|
<button disabled="{{!checkAgree}}" class="btn_item submit_btn" bindtap="submit">确认</button> |
|
|
|
</view> |
|
|
|
</view> |