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>
|