fix: 完成: 诊所设置中心,消息中心

packages/effects/layouts/src/widgets/notification/notification.vue

@@ -103,11 +103,19 @@ function handleClick(item: NotificationItem) {
               <span
                 class="relative flex h-10 w-10 shrink-0 overflow-hidden rounded-full"
               >
-                <img
-                  :src="item.avatar"
+
+                <component
+                  :is="item.icon"
+                  v-if="item.icon"
+                  :class="item.status === 1 ? 'text-gray-400 group-hover:text-gray-600': item.color"
                   class="aspect-square h-full w-full object-cover"
                   role="img"
                 />
+<!--                <img-->
+<!--                  :src="item.avatar"-->
+<!--                  class="aspect-square h-full w-full object-cover"-->
+<!--                  role="img"-->
+<!--                />-->
               </span>
               <div class="flex flex-col gap-1 leading-none">
                 <p class="font-semibold">{{ item.title }}</p>

packages/effects/layouts/src/widgets/notification/types.ts

@@ -1,5 +1,8 @@
 interface NotificationItem {
-  avatar: string;
+  // avatar: string;
+  id: number;
+  icon: string;
+  color: string;
   date: string;
   isRead?: boolean;
   message: string;