From e662aa7d894a0b259dc1816e79514c1f0d38da9f Mon Sep 17 00:00:00 2001 From: zhengyiming <540361168@qq.com> Date: 星期三, 21 五月 2025 16:14:05 +0800 Subject: [PATCH] Merge branch 'dev-ui' of http://120.26.58.240:8888/r/LifePaymentFront into dev-ui --- packages/components/src/components/Result/Result.vue | 37 +++++++++++++++++++++++++++++-------- 1 files changed, 29 insertions(+), 8 deletions(-) diff --git a/packages/components/src/components/Result/Result.vue b/packages/components/src/components/Result/Result.vue index 479d443..d40bd86 100644 --- a/packages/components/src/components/Result/Result.vue +++ b/packages/components/src/components/Result/Result.vue @@ -1,14 +1,31 @@ <template> - <div class="recharge-result-view"> - <div class="recharge-result-view-title">{{ title }}</div> - <div class="recharge-result-view-subtitle">璁㈠崟鍙凤細{{ orderNo }}</div> - <div class="recharge-result-view-remark"> - {{ refundCheckRemark }},濡傛湁鐤戦棶璇疯仈绯诲鏈� {{ servicePhone }}锛堝懆涓�鍒板懆浜� 9:00-17:30锛� + <div class="result-wrapper" v-bind="$attrs"> + <div class="result-content"> + <img class="result-content-icon" :src="icon" /> + <div class="result-content-title">{{ title }}</div> + <div class="result-content-remark"> + <slot name="remark"> + <div class="result-content-remark-item">{{ refundCheckRemark }}</div> + <div class="result-content-remark-item" v-if="servicePhone"> + 濡傛湁鐤戦棶 璇疯仈绯诲鏈� {{ servicePhone }}锛堝懆涓�鍒板懆浜� 9:00-17:30锛� + </div> + </slot> + </div> </div> - <div class="recharge-result-view-btn-wrapper"> - <slot name="actions"> - <div class="recharge-result-view-btn" @click="emit('goBackHome')">鍥為椤�</div> + <div class="result-order-number"> + <div class="result-order-number-label">璁㈠崟缂栧彿锛�</div> + <div class="result-order-number-value">{{ orderNo }}</div> + </div> + <div class="result-wrapper-tips"> + <slot name="tips"> + <div class="result-wrapper-tips-item title">鍏呭�奸』鐭�</div> + <div class="result-wrapper-tips-item danger">{{ dangerTips }}</div> + <div class="result-wrapper-tips-item warning">{{ warningTips }}</div> + <div class="result-wrapper-tips-item">{{ customerServiceTips }}</div> </slot> + </div> + <div class="result-wrapper-actions"> + <slot name="actions"> </slot> </div> </div> </template> @@ -20,9 +37,13 @@ type Props = { title?: string; + icon?: string; orderNo?: string; refundCheckRemark?: string; servicePhone?: string; + dangerTips?: string; + warningTips?: string; + customerServiceTips?: string; }; const props = withDefaults(defineProps<Props>(), {}); -- Gitblit v1.9.1