health.applet/miniprogram/module/order/components/refund-confirm-popup/refund-confirm-popup.wxml

<t-popup
  placement="bottom"
  visible="{{visible}}"
  show-overlay="{{true}}"
  close-on-overlay-click="{{true}}"
  bind:visible-change="onPopupVisibleChange"
>
  <view class="refund-confirm-popup">
    <view class="refund-confirm-popup__header">
      <view class="title">确认退款信息</view>
      <text class="refund-confirm-popup__close" catchtap="onClose">×</text>
      <view class="refund-confirm-popup__header-spacer" />
    </view>

    <view class="refund-confirm-popup__content">
      <view class="goods-card">
        <image class="goods-card__icon" src="{{goodsImage}}" mode="aspectFill" wx:if="{{goodsImage}}" />
        <view class="goods-card__icon goods-card__icon--placeholder" wx:else>
          <text class="placeholder-icon">📦</text>
        </view>
        <view class="goods-card__main">
          <view class="goods-card__name">{{goodsName}}</view>
          <view class="goods-card__meta">{{goodsMeta1}}</view>
        </view>
        <view class="goods-card__right">
          <view class="goods-card__price">¥{{goodsPrice || '0.00'}}</view>
          <view class="goods-card__count">{{goodsMeta2}}</view>
        </view>
      </view>

      <view class="form-row" wx:if="{{showReceiptStatus}}">
        <text class="label">商品状态</text>
        <view class="value select" bindtap="onOpenStatusPicker">
          {{statusLabel}}
          <t-icon name="chevron-right" class="arrow-icon" size="30rpx" color="#b0b0b0" />
        </view>
      </view>

      <view class="form-row" catchtap="onEditReason">
        <text class="label">退款原因</text>
        <view class="value link">
          {{refundReason || '请选择'}}
          <t-icon name="chevron-right" class="arrow-icon" size="30rpx" color="#b0b0b0" />
        </view>
      </view>

      <view class="divider"></view>

      <view class="form-row" catchtap="onEditAmount">
        <text class="label amount-title">退款金额</text>
        <view class="value link">
          <t-icon name="edit" class="edit-icon" size="28rpx" color="#b0b0b0" />
          修改
        </view>
      </view>
      <view class="form-row">
        <text class="label">退回微信</text>
        <view class="value amount">¥{{refundAmount}}</view>
      </view>

      <view class="form-row" catchtap="onEditProof">
        <text class="label">上传描述和凭证<text style="color:red">*</text></text>
        <view class="value link red">
          {{proofImages.length ? '已上传' + proofImages.length + '张' : '上传有助处理退款'}}
          <t-icon name="chevron-right" class="arrow-icon" size="30rpx" color="#b0b0b0" />
        </view>
      </view>
    </view>

    <view class="refund-confirm-popup__footer">
      <view class="refund-amount-line"><text>退回微信¥</text><text class="wechat-price">{{refundAmount}}</text></view>
      <view class="submit-btn" bindtap="onSubmit">提交申请</view>
    </view>
  </view>
</t-popup>

<t-picker
  visible="{{statusPickerVisible}}"
  value="{{statusPickerValue}}"
  title=""
  use-popup="{{true}}"
  header="{{true}}"
  cancel-btn="取消"
  confirm-btn="确定"
  bind:change="onStatusPickerChange"
  bind:close="onStatusPickerClose"
  z-index="12000"
  style="--td-picker-z-index: 12000; --td-popup-z-index: 12000;"
>
  <t-picker-item options="{{statusPickerOptions}}" />
</t-picker>

<t-popup
  placement="center"
  visible="{{amountEditorVisible}}"
  show-overlay="{{true}}"
  close-on-overlay-click="{{true}}"
  bind:visible-change="onAmountPopupVisibleChange"
  z-index="12000"
  style="--td-popup-z-index: 12000;"
>
  <view class="amount-popup">
    <view class="amount-popup__header">
      <view class="title">请输入退款总金额</view>
    </view>
    <view class="amount-popup__body">
      <view class="hint">最高可退¥{{maxAmount}}元</view>
      <input class="amount-input" type="digit" value="{{amountInput}}" bindinput="onAmountInput" />
      <view class="actions">
        <view class="action-item">
          <t-button class="action-btn" block size="medium" variant="outline" theme="primary" catchtap="onAmountClose">取消</t-button>
        </view>
        <view class="action-item">
          <t-button class="action-btn confirm-btn" block size="medium" theme="primary" catchtap="onAmountConfirm">确定</t-button>
        </view>
      </view>
    </view>
  </view>
</t-popup>