<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> 