From b602f5c00eabb4583f01406d382921f586e255fe Mon Sep 17 00:00:00 2001
From: Timothy Yin <master@uniiem.com>
Date: Tue, 21 Jan 2025 03:57:59 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E6=B7=BB=E5=8A=A0=E6=A8=A1=E6=9D=BF?=
 =?UTF-8?q?=E4=B8=BA=E7=A9=BA=E6=97=B6=E7=9A=84=E6=8F=90=E7=A4=BA=E4=BF=A1?=
 =?UTF-8?q?=E6=81=AF?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pages/generation/materials.vue     | 22 ++++++++++++++++++++++
 pages/generation/ppt-templates.vue | 14 ++++++++++++++
 2 files changed, 36 insertions(+)

diff --git a/pages/generation/materials.vue b/pages/generation/materials.vue
index dafc902..c350069 100644
--- a/pages/generation/materials.vue
+++ b/pages/generation/materials.vue
@@ -182,6 +182,16 @@ const onUserTitlesSubmit = (event: FormSubmitEvent<UserTitlesSchema>) => {
           :key="i"
         />
       </div>
+      <div
+        v-else-if="systemTitlesTemplate?.data.items.length === 0"
+        class="w-full py-20 flex flex-col justify-center items-center gap-2"
+      >
+        <Icon
+          class="text-7xl text-neutral-300 dark:text-neutral-700"
+          name="i-tabler-photo-hexagon"
+        />
+        <p class="text-sm text-neutral-500 dark:text-neutral-400">暂时没有可用模板</p>
+      </div>
       <div
         class="grid grid-cols-1 lg:grid-cols-2 xl:grid-cols-3 2xl:grid-cols-5 gap-4"
         v-else
@@ -236,6 +246,18 @@ const onUserTitlesSubmit = (event: FormSubmitEvent<UserTitlesSchema>) => {
           :key="i"
         />
       </div>
+      <div
+        v-else-if="userTitlesTemplate?.data.items.length === 0"
+        class="w-full py-20 flex flex-col justify-center items-center gap-2"
+      >
+        <Icon
+          class="text-7xl text-neutral-300 dark:text-neutral-700"
+          name="i-tabler-photo-hexagon"
+        />
+        <p class="text-sm text-neutral-500 dark:text-neutral-400">
+          还没有使用过模板
+        </p>
+      </div>
       <div
         class="grid grid-cols-1 lg:grid-cols-2 xl:grid-cols-3 2xl:grid-cols-5 gap-4"
         v-else
diff --git a/pages/generation/ppt-templates.vue b/pages/generation/ppt-templates.vue
index d4e4e28..235075f 100644
--- a/pages/generation/ppt-templates.vue
+++ b/pages/generation/ppt-templates.vue
@@ -56,6 +56,7 @@ const onDownloadClick = (ppt: PPTTemplate) => {
       <!-- cat selector -->
       <div class="flex flex-wrap gap-2">
         <div
+          v-if="pptTemplates?.data.items.length !== 0"
           v-for="cat in [
             { id: 0, type: '全部' },
             ...(pptCategories?.data.items || []),
@@ -74,6 +75,19 @@ const onDownloadClick = (ppt: PPTTemplate) => {
 
       <div class="space-y-4">
         <div
+          v-if="pptTemplates?.data.items.length === 0"
+          class="w-full py-20 flex flex-col justify-center items-center gap-2"
+        >
+          <Icon
+            class="text-7xl text-neutral-300 dark:text-neutral-700"
+            name="i-tabler-photo-hexagon"
+          />
+          <p class="text-sm text-neutral-500 dark:text-neutral-400">
+            暂时没有可用模板
+          </p>
+        </div>
+        <div
+          v-else
           class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 2xl:grid-cols-4 gap-4 mt-4"
         >
           <div