From 65ebd84c61cf86c12f6180d931a0476d5f4b3cdb Mon Sep 17 00:00:00 2001
From: HelenHuang <LinHuang@pollex.com.tw>
Date: 星期二, 15 二月 2022 11:38:37 +0800
Subject: [PATCH] TODO#135406 [顧問] 預約單明細 - 點擊更多約訪紀錄時，改為展開而非導頁
---
PAMapp/assets/scss/_common.scss | 2 ++
PAMapp/components/Appointment/AppointmentInterviewList.vue | 23 ++++++++++++++---------
2 files changed, 16 insertions(+), 9 deletions(-)
diff --git a/PAMapp/assets/scss/_common.scss b/PAMapp/assets/scss/_common.scss
index 1898ed7..ee6f5d2 100644
--- a/PAMapp/assets/scss/_common.scss
+++ b/PAMapp/assets/scss/_common.scss
@@ -103,6 +103,7 @@
align-items: center;
font-weight: bold;
width: 70px;
+ background-color: #fff;
border-radius: 6px;
border-bottom: 1px solid #CCCCCC;
border-right: 1px solid #CCCCCC;
@@ -115,6 +116,7 @@
flex:1;
border-radius: 5px;
padding: 10px;
+ background-color: #fff;
}
.mb-3{
margin-bottom: 3px;
diff --git a/PAMapp/components/Appointment/AppointmentInterviewList.vue b/PAMapp/components/Appointment/AppointmentInterviewList.vue
index 8366632..92fe2cc 100644
--- a/PAMapp/components/Appointment/AppointmentInterviewList.vue
+++ b/PAMapp/components/Appointment/AppointmentInterviewList.vue
@@ -5,28 +5,37 @@
<div class="pam-link-button"
@click="addInterview">+�憓�</div>
</div>
- <InterviewCard :interviewList="displayList.slice(0, 3)"></InterviewCard>
+
+ <InterviewCard :interviewList="displayAppointmentList"></InterviewCard>
<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 class="pam-link-button" @click="readAllList = !readAllList">
+ {{ readAllList ? '憿舐內頛��' : '撅��憭�' }}
+ <i :class="readAllList ? 'icon-top' : 'icon-down'"></i>
</div>
</section>
</div>
</template>
<script lang="ts">
-import { Vue, Component, Prop, Watch } from 'nuxt-property-decorator';
+import { Vue, Component, Prop, Watch, namespace } from 'nuxt-property-decorator';
+
import { InterviewRecord } from '~/shared/models/appointment.model';
@Component
export default class AppointmentInterviewList extends Vue {
+
@Prop()
interviewList!: InterviewRecord[];
appointmentId!: string;
displayList: InterviewRecord[] = [];
+ readAllList = false;
+
+ get displayAppointmentList(): InterviewRecord[] {
+ return this.readAllList ? this.displayList : this.displayList.slice(0, 3);
+ }
+
//////////////////////////////////////////////////////////////////////
@@ -49,10 +58,6 @@
addInterview(): void {
this.$router.push(`/appointment/${this.appointmentId}/interview/new`);
- }
-
- readMoreBtn() {
- this.$router.push(`/appointment/${this.appointmentId}/interviewList`);
}
}
--
Gitblit v1.8.0