fix(实物订单): 修复退款等弹窗不显示且切页时闪现

退款/发货/备注/修改地址四个弹窗此前用 v-if 挂载且 visible 同步为 true,
Element Plus 弹窗 visible 初始为 false 且非立即监听 modelValue,挂载即 true
导致永远打不开、状态卡死后在切页时闪现;改为常驻由 visible 变化驱动
This commit is contained in:
吴昊天 2026-09-29 17:34:45 +08:00
parent 12b8d62ce9
commit 5134bb80b2

View File

@ -37,18 +37,16 @@
@page-change="onPageChange"
/>
<!-- 发货弹窗组件 -->
<!-- 发货弹窗组件(不可加 v-if:挂载时 visible 已为 true 会因 EP 弹窗非立即监听而无法打开) -->
<OrderSend
v-if="sendVisible"
:visible="sendVisible"
:order-no="currentOrderNo"
@success="onShipmentSuccess"
@close="sendVisible = false"
/>
<!-- 备注弹窗组件 -->
<!-- 备注弹窗组件(同上,禁用 v-if 挂载式写法) -->
<OrderRemark
v-if="remarkVisible"
:visible="remarkVisible"
:order-id="remarkOrderId"
:remark="remarkContent"
@ -56,9 +54,8 @@
@close="remarkVisible = false"
/>
<!-- 修改地址弹窗组件 -->
<!-- 修改地址弹窗组件(同上,禁用 v-if 挂载式写法) -->
<OrderAddress
v-if="addressVisible"
:visible="addressVisible"
:order-no="addressOrderNo"
:contact-name="addressName"
@ -68,9 +65,8 @@
@close="addressVisible = false"
/>
<!-- 退款弹窗组件 -->
<!-- 退款弹窗组件(同上,禁用 v-if 挂载式写法) -->
<OrderRefund
v-if="refundVisible"
:visible="refundVisible"
:order-no="refundOrderNo"
@success="onRefundSuccess"