From 11a8a4740147723702d7558efab8b71de9f2b686 Mon Sep 17 00:00:00 2001
From: Timothy Yin <master@uniiem.com>
Date: Mon, 10 Feb 2025 15:35:39 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E7=94=9F=E6=88=90=E8=A7=86=E9=A2=91?=
 =?UTF-8?q?=E5=BF=AB=E9=80=9F=E9=A2=84=E8=A7=88=E3=80=81AIGC=20=E5=AF=BC?=
 =?UTF-8?q?=E8=88=AA=E6=96=B0=E5=A2=9E=20DS?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../aigc/generation/CGTaskCard.client.vue     |  11 +++++---
 components/aigc/generation/GBTaskCard.vue     |  25 +++++++++++++++++-
 pages/aigc/navigation.vue                     |   7 +++++
 public/logo/deepseek.png                      | Bin 0 -> 1431 bytes
 4 files changed, 39 insertions(+), 4 deletions(-)
 create mode 100644 public/logo/deepseek.png

diff --git a/components/aigc/generation/CGTaskCard.client.vue b/components/aigc/generation/CGTaskCard.client.vue
index a9c7783..d03db70 100644
--- a/components/aigc/generation/CGTaskCard.client.vue
+++ b/components/aigc/generation/CGTaskCard.client.vue
@@ -161,7 +161,7 @@ const onCombination = () => {
 <template>
   <div
     class="w-full rounded-xl border border-neutral-200 dark:border-neutral-700 hover:shadow transition overflow-hidden">
-    <div class="relative w-full aspect-video">
+    <div class="relative w-full aspect-video group">
       <NuxtImg class="w-full aspect-video object-cover pointer-events-none absolute inset-0" v-if="!!course.video_cover"
         :src="course.video_cover" alt="image" loading="lazy" />
       <div v-else
@@ -177,6 +177,11 @@ const onCombination = () => {
           </UBadge>
         </UTooltip>
       </div>
+      <div v-if="isDownloadable" class="absolute inset-0 bg-black/10 backdrop-blur-md flex justify-center items-center opacity-0 group-hover:opacity-100 duration-300">
+        <div class="rounded-full w-14 aspect-square bg-gray-300/50 backdrop-blur-md flex justify-center items-center cursor-pointer" @click="isPreviewModalOpen = true">
+          <Icon name="i-tabler-play" class="text-white text-3xl" />
+        </div>
+      </div>
     </div>
     <div class="px-2 pt-1 pb-2 flex justify-between">
       <div class="flex-1 overflow-hidden pt-1">
@@ -189,7 +194,7 @@ const onCombination = () => {
           <span>{{ dayjs(course.create_time * 1000).format('YYYY-MM-DD HH:mm:ss') }}</span>
           <button v-if="course.task_id" class="hover:text-primary font-medium" tabindex="-1" :title="course.task_id"
             @click="copyTaskId(isFailed ? `\n\n${course.message}\n${course.ppt_url}` : '')">
-            复制ID
+            {{ isFailed ? '复制错误报告' : '复制 ID' }}
           </button>
         </p>
       </div>
@@ -238,7 +243,7 @@ const onCombination = () => {
         </UButtonGroup>
       </div>
     </div>
-    <UModal v-model="isPreviewModalOpen">
+    <UModal v-model="isPreviewModalOpen" :ui="{ width: 'w-full sm:max-w-4xl'}">
       <UCard :ui="{ ring: '', divide: 'divide-y divide-gray-100 dark:divide-gray-800' }">
         <template #header>
           <div class="flex items-center justify-between">
diff --git a/components/aigc/generation/GBTaskCard.vue b/components/aigc/generation/GBTaskCard.vue
index 41011f7..955be24 100644
--- a/components/aigc/generation/GBTaskCard.vue
+++ b/components/aigc/generation/GBTaskCard.vue
@@ -15,6 +15,7 @@ const emit = defineEmits({
 const dayjs = useDayjs()
 const toast = useToast()
 
+const isPreviewModalOpen = ref(false)
 const isFullContentOpen = ref(false)
 const downloadingState = reactive({
   subtitle: 0,
@@ -82,7 +83,7 @@ const onClick = () => {
   <div
     class="w-full flex gap-2 rounded-xl border border-neutral-200 dark:border-neutral-700 hover:shadow transition overflow-hidden p-3"
   >
-    <div class="flex-0 h-48 aspect-[10/16] flex flex-col items-center justify-center rounded-lg shadow overflow-hidden">
+    <div class="flex-0 h-48 aspect-[10/16] flex flex-col items-center justify-center rounded-lg shadow overflow-hidden relative group">
       <div v-if="!video.video_cover" class="w-full h-full bg-primary flex flex-col justify-center items-center gap-2">
         <UIcon class="animate-spin text-4xl text-white" name="tabler:loader"/>
         <div class="flex flex-col items-center gap-0.5">
@@ -91,6 +92,11 @@ const onClick = () => {
         </div>
       </div>
       <NuxtImg v-else :src="video.video_cover" class="w-full h-full brightness-90 object-cover"/>
+      <div class="absolute inset-0 bg-black/10 backdrop-blur-md flex justify-center items-center rounded-lg opacity-0 group-hover:opacity-100 duration-300">
+        <div class="rounded-full w-14 aspect-square bg-gray-300/50 backdrop-blur-md flex justify-center items-center cursor-pointer" @click="isPreviewModalOpen = true">
+          <Icon name="i-tabler-play" class="text-white text-3xl" />
+        </div>
+      </div>
     </div>
     <div class="flex-1 flex flex-col justify-between gap-2">
       <div class="flex-1 rounded-lg bg-neutral-100 dark:bg-neutral-800 p-2 px-2.5">
@@ -186,6 +192,23 @@ const onClick = () => {
         </template>
       </UCard>
     </UModal>
+    <UModal v-model="isPreviewModalOpen">
+      <UCard :ui="{ ring: '', divide: 'divide-y divide-gray-100 dark:divide-gray-800' }">
+        <template #header>
+          <div class="flex items-center justify-between">
+            <div class="text-base font-semibold leading-6 text-gray-900 dark:text-white overflow-hidden">
+              <p>绿幕视频预览</p>
+              <p class="text-xs text-blue-500 w-full overflow-hidden text-nowrap text-ellipsis">
+                {{ video.title }}
+              </p>
+            </div>
+            <UButton class="-my-1" color="gray" icon="i-tabler-x" variant="ghost" @click="isPreviewModalOpen = false" />
+          </div>
+        </template>
+
+        <video class="w-full rounded shadow" controls autoplay :src="video.video_url" />
+      </UCard>
+    </UModal>
   </div>
 </template>
 
diff --git a/pages/aigc/navigation.vue b/pages/aigc/navigation.vue
index 0c589ad..028c8cf 100644
--- a/pages/aigc/navigation.vue
+++ b/pages/aigc/navigation.vue
@@ -19,6 +19,13 @@ const toolCats = ref<ToolCategory[]>([
     category: 'LLM 对话',
     icon: 'tabler:message-circle',
     links: [
+      {
+        id: 'deepseek',
+        label: 'DeepSeek',
+        description:
+          '深度求索人工智能基础技术研究有限公司(简称“深度求索”或“DeepSeek”)，成立于2023年，是一家专注于实现AGI的中国公司。',
+        url: 'https://chat.deepseek.com/',
+      },
       {
         id: 'doubao',
         label: '豆包',
diff --git a/public/logo/deepseek.png b/public/logo/deepseek.png
new file mode 100644
index 0000000000000000000000000000000000000000..b3b351db5645775aaf635113a290e64ba1b1a117
GIT binary patch
literal 1431
zcmV;I1!($-P)<h;3K|Lk000e1NJLTq004jh004jp0{{R3^x%>C0000XP)t-sM{rC{
zYyM4Z{!MHCO=|s3YyM4Z|4nQDO>6#5YyM4Z{tngIbN~PV3UpFVQvmEFeGfj<UAUX8
zBE|{;00kRKL_t(|ob6iK7NZ~xEj#%CA3SPR5|Th@?U{3CypPqI%gw?PUatoa9z1yP
z;K74`6h4H%OQ0+!{oabVHdxC&v1VDyZ;jjFax^Pqbo6Ojmc{s=8TZ!Zb%-Yn5y8jp
z_xqy2zu;i7^<~M_P<TK1-m(oTxw6B#6s&*QRFL(>6h>+He)d%u`rXG1HWu4ogitHT
z`yVs#p~Th_kH{r~&pml6Qg-Zfn{wAE1d{=04893EHcj954I8LF=*<gmw$M>A2`X&%
zng36j7Zk8KQZg&TZl4hFZp!>RK5lpofmH-?oXrzEH+)F~-{wjURU6jKPPLNY7zoPH
zhcH|ik?*{dbuA)W^<Dr!^zT5DT*ZKi!$RKL3^_VJRK-8Dzi_pfMv~*BJA)AVME?Us
zguswwKVNRKzcOelnq|ZuF`tirgr?@wAYcKKSosebxY|%3u&6owaR64}X-Oq$%>l+|
z^FSIT%|EIDvjvz(1nKA%KCKa;qN@O`iepj1+h1lt1&o7XSXBqyCBTB?AoUqk`~Efo
zW*C53^oA4!Kwc2z02S|hQh;S(`CKpsW-Oh&Z)Cu^H)cF{-Rptf0?0-pL3Hip{q-zB
zQ9X?0HMt~9){sb~ZMS<1g>!O5lM=sKy;iVs-~NStH%ND2vp7~sFu>_1ddFFX&}8P<
z<zxPi#2)EbUY@|ok?7;wZTK_=XHkt62%Is<Iw<INiQKN4d5b4-S`c>9K8<HJ7rZCu
z25JK5_r<OJkiuEjNAIz_xYz6C&F(T!3f;lgbyeSA!imlK?e3wP@9A5@SzY?eAi=`<
z<-v(kZ`)vEK8_)}3<M`%b*N8Zw8%TEZ)a`6?P51v&*h_(17ak^?Lg@WF?nufPm_QG
ziep9L@MNWK>uHZTxn|*{=6b)A1}FISMcfHo3QOx7Day_01qeP6%2qEg7fN9u6`IRu
zLY>esICMC`?+c|6s05@aRWbkuSSLs!05&CxAm}lu{MnizmiqcVk)w_Q;Lp4v>+2Nn
zGz|Du2Ze;$YRPpDgpAGyVyf2xFa+dtb8xDu%7fj2z@Tgtyya#txz0jC)jbxe*qBoI
zbzE<%19d~)=bAp!?R74I!^RWR#b9nfCsv{TTR<{>t8cLRZ_o{ISiAKSOzo+=0^m>S
zC75x-AirT+Pe`CViyRApE2pv^w}1OafTnQiTYXw5jO!cT#Os})%mhVwLlNEYH6o~-
zpjv4mG4)Q+9PsIa3P}+4ZTIo{l5&p6@g$@TJ>F3qvTEhTA7bOytvfK%g&jFTUD%p+
z788i?IEih$yFV{ZRF%e?Ok4f%Qrn~Jg#q6*7SMQ;YH(^~nufd_2E!7J(0Y^nyBcbG
z(c<!G@)Aqy%{CihvB3HW45ly9jGFGy4)QLa3feU`K<mxs1_-i)ZZEN^;JCUm0MQb=
z0Z%@V9jk%KX(|eL2K1JW+=fD3I^pc1%*sF+L?@ns!5|Uue$eVUV8BWlf(?n8d_ldE
zZ=Xz3;J+jF5nx@E*C!K8jP7@Y@r_SPCstV-CT|igF&DS`$gW-zR*91Yq-I+W=8ZL8
zIQ`~p5={mrkMs&;drYQq4QAc&#!;ZRTZkpc71_D)K|$Q0XjG8lcP`F-f-va^=4R)&
zV9#2l;m_r|nu1b=yVZvj(y({;$*ea6PZJAZ4fOE43(OaXt&vJvgIks{&FG)OCWny1
lPlbQ*;K73j4<7tK_yg?=>e0<E<~jfX002ovPDHLkV1mcxu#Nx#

literal 0
HcmV?d00001