Files
danyang-match/miniapp/pages/appeal/appeal.wxml
T

83 lines
2.9 KiB
Plaintext
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
<!-- 申诉提交页(重构: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>