renxiaodong/lingji-work-fe
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

loading 图标

Browse Source
This commit is contained in:
lq
2025-09-20 12:37:28 +08:00
parent 15492d6d33
commit 5318a99b70
1 changed files with 26 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

33
src/views/property-marketing/assignment-management/components/task-item.vue
View File

@ -34,6 +34,11 @@
<div class="font-size-14px color-#211F24 color-#211F24 p-12px task-description" :title="task.name || '未命名'"> <div class="font-size-14px color-#211F24 color-#211F24 p-12px task-description" :title="task.name || '未命名'">
{{ task.name || '未命名' }} {{ task.name || '未命名' }}
</div> </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 w-full h-1px bg-#E6E6E8"></div>
<div class="flex items-center mt-12px mb-16px action-buttons"> <div class="flex items-center mt-12px mb-16px action-buttons">
<div class="flex items-center mr-12px" @click.stop="handleDelete"> <div class="flex items-center mr-12px" @click.stop="handleDelete">
@ -49,7 +54,7 @@
<script setup lang="ts"> <script setup lang="ts">
import { ref } from 'vue'; 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 iconDy from '@/assets/img/platform/icon-dy.png';
import iconXhs from '@/assets/img/platform/icon-xhs.png'; import iconXhs from '@/assets/img/platform/icon-xhs.png';
import iconBilibili from '@/assets/img/platform/icon-bilibili.png'; import iconBilibili from '@/assets/img/platform/icon-bilibili.png';
@ -70,12 +75,6 @@ onMounted(() => {
}); });
const isPanelVisible = ref(false); const isPanelVisible = ref(false);
const toggleTimePanel = () => {
isPanelVisible.value = !isPanelVisible.value;
};
const handleVisibleChange = (visible: boolean) => {
isPanelVisible.value = visible;
};
const handleDelete = () => { const handleDelete = () => {
emit('handle-task', 'delete', props.task, props.record); emit('handle-task', 'delete', props.task, props.record);
@ -239,4 +238,24 @@ const getTaskStatusText = (status) => {
background: linear-gradient(90deg, #fbf9ff 0%, #f3fafe 100%); background: linear-gradient(90deg, #fbf9ff 0%, #f3fafe 100%);
color: #9a56ba; 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> </style>