<!--package_A/work/index.wxml-->
<view class="upload_container">
    <image class="head_img" mode="widthFix" src="../../../assets/img/upload_head.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>
            <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>
            <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>
            <text class="tips">请输入正确格式的电话号码</text>
        </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>
                <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>
                </view>
            </view>
            <text class="tips">请上传图片</text>
        </view>
    </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>