From add9b3bb61fcc337b02c15e7973967d670e7d3be Mon Sep 17 00:00:00 2001 From: zhengyiming <540361168@qq.com> Date: 星期三, 21 五月 2025 17:17:28 +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 | 45 ++++++++++++++++++++++++++++++--------------- 1 files changed, 30 insertions(+), 15 deletions(-) diff --git a/packages/components/src/components/Result/Result.vue b/packages/components/src/components/Result/Result.vue index d40bd86..fdd9835 100644 --- a/packages/components/src/components/Result/Result.vue +++ b/packages/components/src/components/Result/Result.vue @@ -4,12 +4,7 @@ <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> + <slot name="remark"> </slot> </div> </div> <div class="result-order-number"> @@ -17,29 +12,34 @@ <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> + <slot name="tips"> </slot> </div> <div class="result-wrapper-actions"> - <slot name="actions"> </slot> + <slot name="actions"> + <div class="chunk-form-actions"> + <nut-button class="recharge-button" type="primary" @click="emit('goBackHome')"> + <div class="recharge-button-inner"> + <div class="recharge-button-text">鍥為椤�</div> + </div> + </nut-button> + </div> + </slot> </div> </div> </template> <script setup lang="ts"> +import { computed } from 'vue'; +import { OssAssets } from '../../constants/img'; + defineOptions({ name: 'Result', }); type Props = { title?: string; - icon?: string; + type?: string; orderNo?: string; - refundCheckRemark?: string; servicePhone?: string; dangerTips?: string; warningTips?: string; @@ -47,4 +47,19 @@ }; const props = withDefaults(defineProps<Props>(), {}); + +const emit = defineEmits<{ + (e: 'goBackHome'): void; +}>(); + +const icon = computed(() => { + switch (props.type) { + case 'success': + return OssAssets.result.Success; + case 'fail': + return OssAssets.result.Fail; + default: + return OssAssets.result.Success; + } +}); </script> -- Gitblit v1.9.1