pcalife/PAM.git - dev.pollex.com.tw

			@@ -3,7 +3,11 @@
			<div class="text--right mb-10" @click="showNotificationHint = true">
			<i class="satisfaction-icon icon-edit"></i>
			</div>
			<div class="satisfaction-banner my-10 cursor--pointer" @click="$router.push('/satisfactionList')">
			<div
			v-if="isUserLogin && unReviewLogList.length"
			class="satisfaction-banner my-10 cursor--pointer"
			@click="$router.push('/satisfactionList')"
			>
			<p class="satisfaction-text text--center">請填寫滿意度調查</p>
			</div>
			<el-row
			@@ -14,7 +18,7 @@
			align="middle"
			class="notification-card"
			>
			<el-col class="unRead" :span="3"></el-col>
			<el-col class="unRead" :span="3" v-if="!item.readDate"></el-col>
			<el-col :span="18">
			<p class="text">{{item.content}}</p>
			</el-col>
			@@ -22,13 +26,13 @@
			<div>
			<UiDateFormat
			class="date"
			:date="item.date"
			:date="item.createdDate"
			onlyShowSection="DAY" />
			</div>
			<div>
			<UiDateFormat
			class="time"
			:date="item.date"
			:date="item.createdDate"
			onlyShowSection="TIME" />
			</div>

			@@ -54,22 +58,29 @@
			</template>

			<script lang="ts">
			import { Component, Vue } from "nuxt-property-decorator";
			import { Component, State, Vue } from "nuxt-property-decorator";
			import { AppointmentLog } from "~/shared/models/appointment.model";
			import { NotificationList } from "~/shared/models/reviews.model";
			import authService from "~/shared/services/auth.service";

			@Component
			export default class Notification extends Vue {
			showNotificationHint = false;

			notificationList = [
			{
			content: '系統停機公告：10/19(五)22:30至10/21(日)20:00進行系統更新',
			date: '2022-01-05T04:18:05.249Z'
			},
			{
			content: '系統停機公告：10/19(五)22:30至10/21(日)20:00進行系統更新',
			date: '2022-01-05T04:18:05.249Z'
			}
			]
			@State
			unReviewLogList!: AppointmentLog[];

			@State
			notificationList!: NotificationList[];

			showNotificationHint = false;
			isUserLogin = false;

			////////////////////////////////////////////////////////////

			mounted() {
			this.isUserLogin = authService.isUserLogin();
			}

			}
			</script>