From 5318a99b7008dfb47e6a8e60ebdb0abad8797308 Mon Sep 17 00:00:00 2001
From: lq <121091329@qq.com>
Date: Sat, 20 Sep 2025 12:37:28 +0800
Subject: [PATCH] =?UTF-8?q?loading=20=E5=9B=BE=E6=A0=87?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/task-item.vue                  | 33 +++++++++++++++----
 1 file changed, 26 insertions(+), 7 deletions(-)

diff --git a/src/views/property-marketing/assignment-management/components/task-item.vue b/src/views/property-marketing/assignment-management/components/task-item.vue
index 1949dc9..796253f 100644
--- a/src/views/property-marketing/assignment-management/components/task-item.vue
+++ b/src/views/property-marketing/assignment-management/components/task-item.vue
@@ -34,6 +34,11 @@
         <div class="font-size-14px color-#211F24 color-#211F24 p-12px task-description" :title="task.name || '未命名'">
           {{ task.name || '未命名' }}
         </div>
+        <div v-if="task.ai_generate_status == 0" class="AILoding">
+          <ASpin />
+          <div style="color: #9a56ba">内容生成中...</div>
+          <div style="color: #9a56ba">完成后将自动展示，您可先返回其他操作</div>
+        </div>
         <div class="flex items-center mt-12px w-full h-1px bg-#E6E6E8"></div>
         <div class="flex items-center mt-12px mb-16px action-buttons">
           <div class="flex items-center mr-12px" @click.stop="handleDelete">
@@ -49,7 +54,7 @@
 
 <script setup lang="ts">
 import { ref } from 'vue';
-import { DeleteOutlined as IconDelete } from '@ant-design/icons-vue';
+import { Spin as ASpin } from 'ant-design-vue';
 import iconDy from '@/assets/img/platform/icon-dy.png';
 import iconXhs from '@/assets/img/platform/icon-xhs.png';
 import iconBilibili from '@/assets/img/platform/icon-bilibili.png';
@@ -70,12 +75,6 @@ onMounted(() => {
 });
 
 const isPanelVisible = ref(false);
-const toggleTimePanel = () => {
-  isPanelVisible.value = !isPanelVisible.value;
-};
-const handleVisibleChange = (visible: boolean) => {
-  isPanelVisible.value = visible;
-};
 
 const handleDelete = () => {
   emit('handle-task', 'delete', props.task, props.record);
@@ -239,4 +238,24 @@ const getTaskStatusText = (status) => {
   background: linear-gradient(90deg, #fbf9ff 0%, #f3fafe 100%);
   color: #9a56ba;
 }
+
+.AILoding {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  width: 356px;
+  height: 108px;
+  border-radius: 8px;
+  background: linear-gradient(90deg, #fbf9ff 0%, #f3fafe 100%);
+  color: linear-gradient(90deg, #9a56ba 0%, #576fd1 100%);
+  margin-left: 16px;
+  font-weight: 400;
+  font-style: Regular;
+  font-size: 12px;
+  leading-trim: NONE;
+  line-height: 20px;
+  letter-spacing: 0%;
+  text-align: center;
+}
 </style>