update: TODO#134659 通知 - 全部已讀 api 串接

Mila

2022-01-25 ca96eb6477c35a96f74382850daa93ead30835d2

 PAMapp/pages/notification/index.vue

@@ -1,8 +1,5 @@
<template>
    <div>
        <div class="text--right mb-10" @click="showNotificationHint = true">
            <i class="satisfaction-icon icon-edit"></i>
        </div>
        <div
            v-if="isUserLogin && unReviewLogList.length"
            class="satisfaction-banner my-10 cursor--pointer"
@@ -38,22 +35,6 @@

            </el-col>
        </el-row>

        <PopUpFrame
             :isOpen.sync="showNotificationHint"
        >
            <div class="text--center mdTxt">
                <p class="mb-30">通知</p>
                <div class="mb-20 cursor--pointer">全部已讀</div>
                <div class="cursor--pointer">全部刪除</div>
                <div class="text--center mt-30">
                    <el-button
                        type="primary"
                        @click="showNotificationHint = false"
                    >確定</el-button>
                </div>
            </div>
        </PopUpFrame>
    </div>
</template>

@@ -62,6 +43,7 @@
import { AppointmentLog } from "~/shared/models/appointment.model";
import { NotificationList } from "~/shared/models/reviews.model";
import authService from "~/shared/services/auth.service";
import reviewsService from "~/shared/services/reviews.service";

@Component
export default class Notification extends Vue {
@@ -72,13 +54,13 @@
    @State
    notificationList!: NotificationList[];

    showNotificationHint = false;
    isUserLogin = false;

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

    mounted() {
        this.isUserLogin = authService.isUserLogin();
        reviewsService.readAllMyNotification().then(res => res);
    }

}
@@ -119,7 +101,7 @@
            width: 10px;
            height: 10px;
            border-radius: 50px;
            background-color: $YELLOW;
            background-color: $PRIMARY_RED;
        }

        .notification-period {