Update : 顧問流程樣式更新

HelenHuang

2022-01-22 aecb706f3c17eb36076160d27a0db24525da3ca7

Update : 顧問流程樣式更新

 PAMapp/assets/scss/utilities/_heading.scss

@@ -125,7 +125,6 @@
  @extend .text--bold;
  @extend .text--primary;
  @extend .cursor--pointer;
  @extend .text--underline;
}

.pam-link-button--lg {
@@ -134,5 +133,4 @@
  @extend .text--bold;
  @extend .text--primary;
  @extend .cursor--pointer;
  @extend .text--underline;
}

 PAMapp/components/Appointment/AppointmentInterviewList.vue

@@ -2,13 +2,16 @@
    <div>
        <div class="interview__header">
            <div class="mdTxt">約訪紀錄</div>
            <div class="pam-link-button--lg"
            <div class="pam-link-button"
            @click="addInterview">+新增</div>
        </div>
        <InterviewCard :interviewList="displayList.slice(0, 3)"></InterviewCard>

        <section class="text--right mt-30" v-if="interviewList.length > 3">
                <div class="pam-link-button--lg" @click="readMoreBtn">展開看更多</div>
        <section class="text--right mt-30 interview-check-more" v-if="interviewList.length > 3">
                <div class="pam-link-button" @click="readMoreBtn">
                  展開看更多
                  <i class="icon-expand"></i>
                  </div>
        </section>
    </div>
</template>
@@ -61,4 +64,8 @@
  justify-content: space-between;
  margin-bottom  : 10px;
}
.interview-check-more{
  display: flex;
  justify-content: center;
}
</style>

 PAMapp/components/Interview/InterviewAdd.vue

@@ -5,18 +5,19 @@
          <span>{{interviewRecord.lastModifiedDate | formatDate}} 更新</span>
      </div>
      <el-row class="mdTxt mb-10">
          <el-col :xs="16" :sm="20">約訪時間</el-col>
          <el-col :xs="16" :sm="20" v-if="interviewId">約訪時間</el-col>
          <el-col :xs="16" :sm="20" class="required" v-else>約訪時間</el-col>
          <el-col :xs="8" :sm="4" class="text--right" v-if="interviewId">
              <span
                v-if="!isEdit"
                class="mr-10 text--primary text--underline cursor--pointer"
                class="mr-10 text--primary  cursor--pointer"
                @click="showCancelPopUp = true"
              >刪除</span>
              ><i class="icon-delet"></i></span>
              <span
                v-if="!isEdit"
                class="text--primary text--underline cursor--pointer"
                class="text--primary  cursor--pointer"
                @click="isEdit = !isEdit"
              >編輯</span>
              ><i class="icon-edit"></i></span>
          </el-col>
      </el-row>
      <template v-if="!interviewId || isEdit">

 PAMapp/components/Interview/InterviewCard.vue

@@ -138,6 +138,7 @@
}
.record-card {
    height: 64px;
    margin-bottom: 20px;
    .record-card-date{
        display: flex;
        flex-direction: column;

 PAMapp/pages/appointment/_appointmentId/interview/new/index.vue

@@ -43,4 +43,13 @@
    display: flex;
    justify-content: center;
}
.required {
  position: relative;
  &::before {
      content: '*';
      position: absolute;
      color: #FF0000;
      transform: translate(-12px, 0);
  }
}
</style>

 PAMapp/pages/satisfactionList.vue

@@ -14,7 +14,7 @@
              的整體服務，您給予幾顆星評價？
          </div>
        </div>
        <el-rate v-model="item.satisfaction" class="pam-satisfaction-rate mt-10"></el-rate>
        <el-rate v-model="item.score" class="pam-satisfaction-rate mt-10 fix-chrome-click--issue"></el-rate>
      </div>
      <div class="text--center mt-30">
        <el-button type="primary" :disabled="isBtnDisabled">送出</el-button>
@@ -118,4 +118,4 @@
  }

}
</style>
</style>