loading 图标

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>