update: 1. 新增約訪預約資訊頭像圖片和型別icon，微調對齊方式 2. 約訪結案列表的樣式修正並調整進度條色彩

charlie

2022-01-22 38b68f92b9a47ca3947985d6b581603fe05106c7

 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%;
    }
  }
}