diff --git a/src/views/order/intention/create.vue b/src/views/order/intention/create.vue index 9aaa5a1..90193f8 100644 --- a/src/views/order/intention/create.vue +++ b/src/views/order/intention/create.vue @@ -9,11 +9,12 @@ - + + { - if (step.value !== 2) return false; + if (step.value !== 3) return false; if (form.value.selectedCarType === "其他") { // 其他车型需要填写完所有信息 @@ -166,23 +168,24 @@ const currentStepComponent = computed(() => { if (step.value === 2) return Step2; if (step.value === 3) return Step3; if (step.value === 4) return Step4; + if (step.value === 5) return Step5; return Step1; }); // 步骤条动态高亮/置灰 const stepForStepsBar = computed(() => { - // 车型为其他且在step2时,步骤条高亮到2,step4时高亮到4 + // 车型为其他且在step2时,步骤条高亮到2,step5时高亮到5 if (selectedCarType.value === "其他") { if (step.value === 2) return 2; - if (step.value === 4) return 4; + if (step.value === 5) return 5; } return step.value; }); -const step3Status = computed(() => { - // 车型为其他且在step2或step4时,步骤三置灰 +const step4Status = computed(() => { + // 车型为其他且在step2或step5时,步骤四置灰 if ( selectedCarType.value === "其他" && - (step.value === 2 || step.value === 4) + (step.value === 3 || step.value === 5) ) { return "wait"; } @@ -190,12 +193,12 @@ const step3Status = computed(() => { }); function handleNextStep() { - if (step.value === 4) { + if (step.value === 5) { // This is the final step, save the data saveOrder(); - } else if (step.value === 2 && selectedCarType.value === "其他") { - step.value = 4; - } else if (step.value < 4) { + } else if (step.value === 3 && selectedCarType.value === "其他") { + step.value = 5; + } else if (step.value < 5) { step.value++; } } @@ -205,10 +208,12 @@ function handlePrevStep() { } else if (step.value === 3) { step.value = 2; } else if (step.value === 4) { + step.value = 3; + } else if (step.value === 5) { if (selectedCarType.value === "其他") { - step.value = 2; - } else { step.value = 3; + } else { + step.value = 4; } } }