From ea408eac6343066edcd8ca18117794442b64b545 Mon Sep 17 00:00:00 2001
From: wupengfei <834520024@qq.com>
Date: 星期三, 21 五月 2025 17:16:39 +0800
Subject: [PATCH] feat: 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