72 lines
1.5 KiB
Vue
72 lines
1.5 KiB
Vue
<template>
|
|
<div class="step5-container">
|
|
<div class="success-box">
|
|
<div class="success-icon">
|
|
<svg viewBox="0 0 100 100" width="100" height="100">
|
|
<circle cx="50" cy="50" r="48" fill="#b6ff3a" />
|
|
<polyline
|
|
points="30,55 48,72 72,38"
|
|
fill="none"
|
|
stroke="#222"
|
|
stroke-width="8"
|
|
stroke-linecap="round"
|
|
stroke-linejoin="round"
|
|
/>
|
|
</svg>
|
|
</div>
|
|
<div class="success-text">
|
|
{{
|
|
selectedCarType === "其他"
|
|
? "意向单生成，我们会尽快安排研发"
|
|
: "订单生成，我们会尽快安排生产"
|
|
}}
|
|
</div>
|
|
</div>
|
|
<div class="btn-row">
|
|
<el-button @click="$emit('prev-step')">上一步</el-button>
|
|
<el-button type="primary" @click="$emit('view-list')">查看列表</el-button>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<script setup>
|
|
const emit = defineEmits(["view-list"]);
|
|
|
|
const props = defineProps({
|
|
selectedCarType: {
|
|
type: String,
|
|
required: true,
|
|
},
|
|
});
|
|
</script>
|
|
|
|
<style scoped lang="scss">
|
|
.step5-container {
|
|
background: #fff;
|
|
padding: 24px;
|
|
border-radius: 8px;
|
|
}
|
|
.success-box {
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
margin: 48px 0 24px 0;
|
|
}
|
|
.success-icon {
|
|
margin-bottom: 24px;
|
|
}
|
|
.success-text {
|
|
padding: 24px 0;
|
|
width: 100%;
|
|
text-align: center;
|
|
font-size: 22px;
|
|
color: #333;
|
|
border-radius: 6px;
|
|
}
|
|
.btn-row {
|
|
display: flex;
|
|
justify-content: flex-end;
|
|
gap: 16px;
|
|
margin-top: 20px;
|
|
}
|
|
</style> |