From 4b8c80fc5bb864e1785dc171879d0061c4449b27 Mon Sep 17 00:00:00 2001
From: Mila <Mila@pollex.com.tw>
Date: 星期四, 20 一月 2022 14:06:27 +0800
Subject: [PATCH] update: UiDateFormat 增加年份 & 月/日 判斷
---
PAMapp/components/Appointment/AppointmentProgress.vue | 35 +++++++++++++++++++----------------
1 files changed, 19 insertions(+), 16 deletions(-)
diff --git a/PAMapp/components/Appointment/AppointmentProgress.vue b/PAMapp/components/Appointment/AppointmentProgress.vue
index 8d57b43..3debf04 100644
--- a/PAMapp/components/Appointment/AppointmentProgress.vue
+++ b/PAMapp/components/Appointment/AppointmentProgress.vue
@@ -45,15 +45,18 @@
}
get displayCurrentStep(): number {
- let step: number = 0;
+ let step: number = 1;
switch (this.currentStep) {
- case 'picked' || 'reserved':
- step = 1;
- break;
case 'contacted':
step = 2;
break;
- case 'done' || 'closed' || 'cancel':
+ case 'done':
+ step = 3;
+ break;
+ case 'closed':
+ step = 3;
+ break;
+ case 'cancel':
step = 3;
break;
}
@@ -87,28 +90,28 @@
.appointment-progress{
display: flex;
.appointment-progress__indicator {
- justify-content: space-between;
- display : flex;
align-items : center;
+ display : flex;
+ justify-content: space-between;
position : relative;
.circle {
- width : 8px;
- height : 8px;
- border-radius : 50%;
background-color: white;
- margin : 0;
- z-index : 50;
border : 1px solid #707070;
+ border-radius : 50%;
+ height : 8px;
+ margin : 0;
+ width : 8px;
+ z-index : 5;
&.activate {
background-color: $PRIMARY_BLACK;
}
}
.line {
- position : absolute;
- height : 3px;
- width : 90%;
- left : 5%;
background-color: #707070;
+ height : 3px;
+ left : 5%;
+ position : absolute;
+ width : 90%;
}
}
}
--
Gitblit v1.8.0