Files
danyang-match/miniapp/pages/relationship-status/relationship-status.wxml
T

78 lines
2.9 KiB
Plaintext
Raw Normal View History

2026-09-09 22:05:00 +08:00
<!-- 婚恋状态页 U25(重构:userStore + DangerActionDialog) -->
<view class="page">
<ui-nav-bar
title="婚恋状态"
show-back="{{true}}"
status-bar-height="{{statusBarHeight}}"
nav-bar-height="{{navBarHeight}}"
bind:back="onBack"
/>
<view class="body" style="padding-top: {{statusBarHeight + navBarHeight}}px;">
<ui-loading wx:if="{{loading}}" mode="spinner" text="加载中..." />
<block wx:else>
<!-- 当前状态卡片 -->
<view class="status-card status-card--{{statusKind}}">
<view class="status-card__head">
<text class="status-card__label">当前状态</text>
<ui-status-badge kind="{{statusKind}}" label="{{statusLabel}}" icon="{{true}}" />
</view>
<text class="status-card__desc">{{statusDesc}}</text>
</view>
<!-- 正在了解中的对象 -->
<view wx:if="{{matchingWith}}" class="partner-card">
<ui-section-header title="正在了解的对象" />
<view class="partner-row">
<view class="partner-info">
<text class="partner-name">{{matchingWith.displayName || '对方'}}</text>
<text class="partner-hint">你们已互相喜欢,正在了解中</text>
</view>
<button class="btn-danger-outline" bindtap="onUnmatch" disabled="{{actionLoading}}">解除匹配</button>
</view>
</view>
<!-- 操作区 -->
<view class="actions">
<ui-section-header title="状态管理" />
<!-- 正在寻找:可暂停 / 设为正在了解 -->
<block wx:if="{{status === 'searching'}}">
<button class="btn-primary" bindtap="onSetGettingToKnow" disabled="{{actionLoading}}">设置为"正在了解"</button>
<button class="btn-outline" bindtap="onPause" disabled="{{actionLoading}}">暂停寻找</button>
</block>
<!-- 已暂停:可恢复 -->
<block wx:elif="{{status === 'paused'}}">
<button class="btn-primary" bindtap="onResume" disabled="{{actionLoading}}">恢复寻找</button>
</block>
<!-- 正在了解:可恢复寻找或解除匹配 -->
<block wx:elif="{{status === 'getting_to_know'}}">
<button class="btn-outline" bindtap="onResume" disabled="{{actionLoading}}">恢复寻找</button>
</block>
<!-- 已成功牵手 / 已退出:无操作 -->
<view wx:elif="{{status === 'matched_successfully' || status === 'service_exited'}}" class="actions-tip">
<text>当前状态无需调整</text>
</view>
</view>
<!-- 公益免费标识 -->
<view class="free-badge">
<text>本平台为公益服务,所有功能永久免费</text>
</view>
</block>
</view>
<!-- 危险操作二次确认弹窗 -->
<ui-danger-action-dialog
visible="{{showDangerDialog}}"
action="{{dangerAction}}"
target-name="{{dangerTargetName}}"
bind:confirm="onDangerConfirm"
bind:cancel="onDangerCancel"
/>
</view>