| 1 |
- <view class="complaint-page"><block wx:if="{{complaintInfo.complaintsStatus==1}}"><block wx:if="{{$root.g0}}"><view class="status-block"><view class="status-title">书嗨处理</view><view class="time">--</view><view class="status-info"><view class="info-row"><text class="label">处理状态：</text><text class="value status-text">{{complaintStatusText}}</text></view><view class="info-row"><text class="label">平台回复：</text><text class="value">{{complaintInfo.description||'暂无'}}</text></view></view></view></block><view class="complaint-records"><block wx:for="{{$root.l0}}" wx:for-item="item" wx:for-index="index" wx:key="index"><view class="complaint-item"><view class="complaint-header"><view class="header-main"><text class="title">{{item.$orig.userType==1?'我的投诉':'客服回复'}}</text><text class="time">{{item.$orig.createTime}}</text></view></view><view class="complaint-content"><block wx:if="{{item.$orig.reason}}"><view class="info-row"><text class="label">投诉原因：</text><text class="value">{{item.$orig.reason}}</text></view></block><block wx:if="{{item.$orig.contactNumber}}"><view class="info-row"><text class="label">联系方式：</text><text class="value">{{item.$orig.contactNumber}}</text></view></block><view class="info-row"><text class="label">投诉说明：</text><text class="value">{{item.$orig.description}}</text></view><block wx:if="{{item.g1}}"><view class="info-row image-list"><text class="label">上传凭证：</text><view class="images"><block wx:for="{{item.$orig.imgList}}" wx:for-item="img" wx:for-index="imgIndex" wx:key="imgIndex"><image src="{{img}}" mode="aspectFill" data-event-opts="{{[['tap',[['previewImage',['$0',imgIndex],[[['complaintInfo.disposeLogList','',index,'imgList']]]]]]]}}" bindtap="__e"></image></block></view></view></block></view></view></block></view></block><block wx:else><view class="form-block"><view class="form-item flex-a"><view class="common-text-2 required">投诉原因</view><view data-event-opts="{{[['tap',[['showReasonPicker',['$event']]]]]}}" class="input-wrapper flex-1" bindtap="__e"><block wx:if="{{!complaintReason}}"><text class="placeholder">请选择投诉原因</text></block><block wx:else><text>{{complaintReason}}</text></block><u-icon vue-id="1ce223ea-1" name="arrow-right" color="#333" size="32" top="3rpx" bind:__l="__l"></u-icon></view></view></view><view class="form-block"><view class="form-item flex-a" style="padding:14rpx 0;"><view class="common-text-2 required">联系方式</view><u-input bind:input="__e" class="flex-1" vue-id="1ce223ea-2" input-align="right" placeholder-style="color:#999;font-size:28rpx;" placeholder="请输入联系方式" border="{{false}}" type="number" maxlength="11" value="{{phone}}" data-event-opts="{{[['^input',[['__set_model',['','phone','$event',[]]]]]]}}" bind:__l="__l"></u-input></view></view><view class="common-text-2 required mb-20">投诉说明</view><view class="form-block" style="padding:20rpx;"><u-input bind:input="__e" vue-id="1ce223ea-3" type="textarea" placeholder="请描述投诉情况，有助于客服更快处理" height="{{200}}" border="{{false}}" value="{{description}}" data-event-opts="{{[['^input',[['__set_model',['','description','$event',[]]]]]]}}" bind:__l="__l"></u-input></view><view class="common-text-2 required mb-20">上传凭证(最多3张)</view><u-upload class="upload-image" vue-id="1ce223ea-4" fileList="{{fileList}}" maxCount="{{3}}" auto-upload="{{false}}" previewFullImage="{{true}}" uploadText="点击上传" data-event-opts="{{[['^onChooseComplete',[['afterRead']]],['^delete',[['deletePic']]],['^onUploaded',[['onUploaded']]]]}}" bind:onChooseComplete="__e" bind:delete="__e" bind:onUploaded="__e" bind:__l="__l"></u-upload><view class="bottom-fixed-con"><u-button vue-id="1ce223ea-5" type="primary" data-event-opts="{{[['^click',[['submitComplaint']]]]}}" bind:click="__e" bind:__l="__l" vue-slots="{{['default']}}">提交</u-button></view><u-picker vue-id="1ce223ea-6" mode="selector" range="{{reasonList}}" value="{{showPicker}}" data-event-opts="{{[['^confirm',[['confirmReason']]],['^cancel',[['e0']]],['^input',[['__set_model',['','showPicker','$event',[]]]]]]}}" bind:confirm="__e" bind:cancel="__e" bind:input="__e" bind:__l="__l"></u-picker></block></view>
|
