83 lines
2.9 KiB
Plaintext
83 lines
2.9 KiB
Plaintext
<!-- 申诉提交页(重构:appealService + ui-nav-bar + ui-textarea) -->
|
||
<view class="page">
|
||
<ui-nav-bar
|
||
title="{{typeLabel}}"
|
||
show-back="{{true}}"
|
||
status-bar-height="{{statusBarHeight}}"
|
||
nav-bar-height="{{navBarHeight}}"
|
||
bind:back="onBack"
|
||
/>
|
||
|
||
<!-- 提交成功态 -->
|
||
<view wx:if="{{submitted}}" class="body" style="padding-top: {{statusBarHeight + navBarHeight}}px;">
|
||
<view class="success-wrap">
|
||
<view class="success-icon">✓</view>
|
||
<text class="success-title">申诉已提交</text>
|
||
<text class="success-hint">工作人员将在 1-3 个工作日内审核您的申诉结果,请耐心等待。</text>
|
||
<button class="btn-primary" bindtap="goBack">返回</button>
|
||
</view>
|
||
</view>
|
||
|
||
<!-- 表单态 -->
|
||
<view wx:else class="body" style="padding-top: {{statusBarHeight + navBarHeight}}px;">
|
||
<view class="intro-card">
|
||
<text class="intro-title">{{typeLabel}}</text>
|
||
<text class="intro-subtitle">请如实描述您的情况,工作人员将认真审核</text>
|
||
</view>
|
||
|
||
<!-- 申诉原因 -->
|
||
<view class="card">
|
||
<ui-section-header title="申诉原因" subtitle="必填,至少10字" />
|
||
<ui-textarea
|
||
value="{{reason}}"
|
||
placeholder="请详细说明您认为处置不当的原因,以及您希望恢复账号的理由..."
|
||
maxlength="500"
|
||
error="{{reasonError}}"
|
||
bind:input="onReasonInput"
|
||
/>
|
||
</view>
|
||
|
||
<!-- 补充证据 -->
|
||
<view class="card">
|
||
<ui-section-header title="补充证据" subtitle="选填,最多5张" />
|
||
<view class="evidence-list">
|
||
<view
|
||
class="evidence-item"
|
||
wx:for="{{evidenceFiles}}"
|
||
wx:key="index"
|
||
data-url="{{item}}"
|
||
bindtap="previewImage"
|
||
>
|
||
<image src="{{item}}" mode="aspectFill" />
|
||
<view class="remove-btn" catchtap="removeImage" data-index="{{index}}">✕</view>
|
||
</view>
|
||
<view class="evidence-add" bindtap="chooseEvidence" wx:if="{{evidenceFiles.length < 5}}">
|
||
<text class="add-icon">+</text>
|
||
<text class="add-text">添加证据</text>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
|
||
<!-- 联系方式 -->
|
||
<view class="card">
|
||
<ui-section-header title="联系方式" subtitle="选填" />
|
||
<input
|
||
class="contact-input"
|
||
placeholder="请输入手机号或邮箱,便于我们联系您"
|
||
value="{{contactMethod}}"
|
||
bindinput="onContactInput"
|
||
/>
|
||
</view>
|
||
|
||
<button class="btn-submit" bindtap="submitAppeal" loading="{{submitting}}" disabled="{{!reason}}">
|
||
提交申诉
|
||
</button>
|
||
<text class="hint">提交后工作人员将在 1-3 个工作日内审核,请勿重复提交</text>
|
||
|
||
<!-- 公益免费标识 -->
|
||
<view class="free-badge">
|
||
<text>本平台为公益服务,申诉受理永久免费</text>
|
||
</view>
|
||
</view>
|
||
</view>
|