Merge branch 'Phase3' of ssh://192.168.0.10:29418/pcalife/PAM into Phase3

Tomas

2022-06-10 f5c3e5e9254b7af10ddbc8b5cb81cd78f531e8d1

 PAMapp/components/Interview/InterviewRecordCard.vue

@@ -7,12 +7,17 @@
                >
                    <div class="record-log-card-date-container">
                        <div class="record-log-card-date-container-circle">
                            <div class="xxsTxt bold line-height">{{item.createdDate | formatYear}}</div>
                            <div>
                                <UiDateFormat
                                    class="xxsTxt bold line-height"
                                    :date="item.createdDate"
                                    onlyShowSection="DAY" />
                                    onlyShowSection="YEAR" />
                            </div>
                            <div>
                                <UiDateFormat
                                    class="xxsTxt bold line-height"
                                    :date="item.createdDate"
                                    onlyShowSection="DATE" />
                            </div>
                            <div>
                                <UiDateFormat
@@ -28,7 +33,7 @@
                                <span v-else-if="item.email">(Email)</span>
                                <span v-else>(手機簡訊)</span>
                            </div>
                            <div class="mt-10">預約{{item.interviewDate | formatDate}}</div>
                            <div v-if="item.phone" class="mt-10">預約 {{item.interviewDate | formatDate}}</div>
                        </div>
                </section>
                <div class="time-line"></div>
@@ -40,15 +45,7 @@
import { Component, Prop, Vue } from "nuxt-property-decorator";
import { NoticeLogs } from "~/shared/models/appointment.model";

@Component({
    filters: {
        formatYear(value) {
            if (value) {
                return new Date(value).getFullYear();
            }
        }
    }
})
@Component
export default class RecordCard extends Vue {
    @Prop()
    noticeLogsList!: NoticeLogs[];
@@ -73,6 +70,8 @@
                justify-content: center;
                align-items: center;
                align-content: center;
                background-color:#1B365D;
                color: #fff;
            }
        }
    }
@@ -96,4 +95,4 @@
    margin-left: 13px;
    margin-top: 10px;
}
</style>
</style>