From 6fa4bba623713c396432ba8b863846883d6a1906 Mon Sep 17 00:00:00 2001
From: wayne <wayne8692wayne8692@gmail.com>
Date: 星期三, 26 一月 2022 10:52:23 +0800
Subject: [PATCH] Merge branch 'pollex-dev' into sit
---
PAMapp/components/Interview/InterviewRecordCard.vue | 98 +++++++++++++++++++++++++++++++++++++++++++++++++
1 files changed, 98 insertions(+), 0 deletions(-)
diff --git a/PAMapp/components/Interview/InterviewRecordCard.vue b/PAMapp/components/Interview/InterviewRecordCard.vue
new file mode 100644
index 0000000..2a8bb4c
--- /dev/null
+++ b/PAMapp/components/Interview/InterviewRecordCard.vue
@@ -0,0 +1,98 @@
+<template>
+ <div class="record-log-component">
+ <div v-for="(item, index) in noticeLogsList"
+ :key="index">
+ <section
+ class="record-log-card"
+ >
+ <div class="record-log-card-date-container">
+ <div class="record-log-card-date-container-circle">
+ <div>
+ <UiDateFormat
+ class="xxsTxt bold line-height"
+ :date="item.createdDate"
+ onlyShowSection="YEAR" />
+ </div>
+ <div>
+ <UiDateFormat
+ class="xxsTxt bold line-height"
+ :date="item.createdDate"
+ onlyShowSection="DATE" />
+ </div>
+ <div>
+ <UiDateFormat
+ class="xxsTxt mt-4 line-space"
+ :date="item.createdDate"
+ onlyShowSection="TIME" />
+ </div>
+ </div>
+ </div>
+ <div class="record-log-msg">
+ <div>���赤�
+ <span v-if="item.email && item.phone">(���陛閮�mail)</span>
+ <span v-else-if="item.email">(Email)</span>
+ <span v-else>(���陛閮�)</span>
+ </div>
+ <div v-if="item.phone" class="mt-10">���{item.interviewDate | formatDate}}</div>
+ </div>
+ </section>
+ <div class="time-line"></div>
+ </div>
+ </div>
+</template>
+
+<script lang="ts">
+import { Component, Prop, Vue } from "nuxt-property-decorator";
+import { NoticeLogs } from "~/shared/models/appointment.model";
+
+@Component
+export default class RecordCard extends Vue {
+ @Prop()
+ noticeLogsList!: NoticeLogs[];
+}
+</script>
+
+<style lang="scss" scoped>
+.record-log-component{
+ display: flex;
+ flex-direction: column;
+ .record-log-card{
+ display: flex;
+ .record-log-card-date-container{
+ position:relative;
+ .record-log-card-date-container-circle{
+ display: flex;
+ flex-direction: column;
+ width: 56px;
+ height: 56px;
+ border-radius: 50%;
+ border:1px solid $PRIMARY_BLACK;
+ justify-content: center;
+ align-items: center;
+ align-content: center;
+ background-color:#1B365D;
+ color: #fff;
+ }
+ }
+ }
+}
+.mt-4{
+ margin-top: 4px;
+}
+.line-space{
+ letter-spacing: 1px;
+}
+.line-height{
+ line-height:1.2;
+}
+.time-line{
+ border-left: 1px solid black;
+ height: 30px;
+ margin-left: 28px;
+
+}
+.record-log-msg{
+ margin-left: 13px;
+ margin-top: 10px;
+}
+</style>
--
Gitblit v1.8.0