|
|
@@ -3,7 +3,11 @@
|
|
|
<div v-if="currentStep === 0" class="home-entry">
|
|
|
<h3 class="title"><el-image :src="homeIcon" class="homeIcon" />免费入驻店铺</h3>
|
|
|
<div class="steps-container">
|
|
|
- <el-steps align-center>
|
|
|
+ <el-steps
|
|
|
+ align-center
|
|
|
+ :active="storeApplicationStatus == 0 || storeApplicationStatus == 2 ? 2 : 0"
|
|
|
+ :finish-status="storeApplicationStatus == 0 || storeApplicationStatus == 2 ? 'success' : undefined"
|
|
|
+ >
|
|
|
<el-step v-for="(item, index) in entryList" :key="index">
|
|
|
<template #title>
|
|
|
<div class="step-title-wrapper">
|
|
|
@@ -20,7 +24,11 @@
|
|
|
</el-steps>
|
|
|
</div>
|
|
|
<div class="button-container">
|
|
|
- <el-button type="primary" size="large" class="register-btn" @click="handleRegister"> 去入驻 </el-button>
|
|
|
+ <el-button type="danger" size="large" class="register-btn-red" @click="handleRegister" v-if="storeApplicationStatus == 2">
|
|
|
+ 审核拒绝,重新入驻
|
|
|
+ </el-button>
|
|
|
+ <el-button type="primary" size="large" class="register-btn" v-else-if="storeApplicationStatus == 0"> 等待审核 </el-button>
|
|
|
+ <el-button type="primary" size="large" class="register-btn" @click="handleRegister" v-else> 去入驻 </el-button>
|
|
|
</div>
|
|
|
</div>
|
|
|
</template>
|
|
|
@@ -54,14 +62,19 @@ const props = defineProps({
|
|
|
currentStep: {
|
|
|
type: Number,
|
|
|
default: 0
|
|
|
+ },
|
|
|
+ storeApplicationStatus: {
|
|
|
+ type: Number,
|
|
|
+ default: undefined
|
|
|
}
|
|
|
});
|
|
|
|
|
|
const emit = defineEmits(["update:currentStep"]);
|
|
|
|
|
|
// 处理入驻按钮
|
|
|
+// 点击后跳转到 go-flow 组件(步骤1:个人实名)
|
|
|
const handleRegister = () => {
|
|
|
- emit("update:currentStep", 1);
|
|
|
+ emit("update:currentStep", 2);
|
|
|
};
|
|
|
</script>
|
|
|
|
|
|
@@ -94,6 +107,14 @@ const handleRegister = () => {
|
|
|
margin-top: 120px;
|
|
|
margin-bottom: 60px;
|
|
|
:deep(.el-steps) {
|
|
|
+ // 所有连接线保持蓝色
|
|
|
+ .el-step__line {
|
|
|
+ border-color: #6c8ff8 !important;
|
|
|
+ .el-step__line-inner {
|
|
|
+ background-color: #6c8ff8 !important;
|
|
|
+ border-color: #6c8ff8 !important;
|
|
|
+ }
|
|
|
+ }
|
|
|
.el-step__head {
|
|
|
.el-step__icon {
|
|
|
width: 30px;
|
|
|
@@ -104,8 +125,14 @@ const handleRegister = () => {
|
|
|
background: #6c8ff8;
|
|
|
border: 0;
|
|
|
}
|
|
|
- .el-step__line {
|
|
|
- border: 1px solid #6c8ff8;
|
|
|
+
|
|
|
+ // 已完成步骤的样式(显示对勾)
|
|
|
+ &.is-finish {
|
|
|
+ .el-step__icon {
|
|
|
+ color: #ffffff;
|
|
|
+ background-color: #6c8ff8 !important;
|
|
|
+ border-color: #6c8ff8 !important;
|
|
|
+ }
|
|
|
}
|
|
|
}
|
|
|
.el-step__title {
|
|
|
@@ -156,6 +183,15 @@ const handleRegister = () => {
|
|
|
border-radius: 4px;
|
|
|
outline: none;
|
|
|
}
|
|
|
+ .register-btn-red {
|
|
|
+ width: 200px;
|
|
|
+ height: 44px;
|
|
|
+ font-size: 16px;
|
|
|
+ font-weight: 500;
|
|
|
+ border: 0;
|
|
|
+ border-radius: 4px;
|
|
|
+ outline: none;
|
|
|
+ }
|
|
|
}
|
|
|
}
|
|
|
</style>
|