From 38b68f92b9a47ca3947985d6b581603fe05106c7 Mon Sep 17 00:00:00 2001
From: charlie <charlie@lvguanqingdeMacBook-Pro.local>
Date: 星期六, 22 一月 2022 11:56:00 +0800
Subject: [PATCH] update: 1. 新增約訪預約資訊頭像圖片和型別icon，微調對齊方式 2. 約訪結案列表的樣式修正並調整進度條色彩
---
PAMapp/components/Appointment/AppointmentProgress.vue | 37 ++++++++++++++++++++-----------------
1 files changed, 20 insertions(+), 17 deletions(-)
diff --git a/PAMapp/components/Appointment/AppointmentProgress.vue b/PAMapp/components/Appointment/AppointmentProgress.vue
index 8d57b43..5d31d83 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;
+ border : 1px solid #CCCCCC;
+ border-radius : 50%;
+ height : 8px;
margin : 0;
- z-index : 50;
- border : 1px solid #707070;
+ width : 8px;
+ z-index : 5;
&.activate {
- background-color: $PRIMARY_BLACK;
+ background-color: $BEIGE;
}
}
.line {
- position : absolute;
- height : 3px;
- width : 90%;
- left : 5%;
background-color: #707070;
+ height : 3px;
+ left : 5%;
+ position : absolute;
+ width : 90%;
}
}
}
--
Gitblit v1.8.0