WindowBird/OfficeSystem
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

优化首页卡片

Browse Source
This commit is contained in:
WindowBird 2025-11-12 14:57:55 +08:00
parent 2f8c7270cf
commit 3574aa5bab
1 changed files with 30 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

44
components/ContentDashboard.vue
View File

@ -42,30 +42,35 @@
<view class="overdue-section" v-if="overdueTasks.length > 0"> <view class="overdue-section" v-if="overdueTasks.length > 0">
<view class="overdue-card task-card-base task-card-overdue" v-for="task in overdueTasks.slice(0, 1)" :key="task.id" @click="goToTaskDetail(task)"> <view class="overdue-card task-card-base task-card-overdue" v-for="task in overdueTasks.slice(0, 1)" :key="task.id" @click="goToTaskDetail(task)">
<view class="task-header"> <view class="task-header">
<view class="task-badge-wrapper"> <view style="display: flex;align-items: center">
<uv-tags <view class="task-badge-wrapper">
:text="getStatusText('overdue')" <uv-tags
:type="getTaskStatusType('overdue')" :text="getStatusText('overdue')"
size="mini" :type="getTaskStatusType('overdue')"
:plain="false" size="mini"
:custom-style="getTagCustomStyle('overdue')" :plain="false"
></uv-tags> :custom-style="getTagCustomStyle('overdue')"
></uv-tags>
</view>
<view class="task-date-wrapper">
<text class="task-date">{{ task.date }}</text>
</view>
</view> </view>
<view class="task-date-wrapper">
<text class="task-date">{{ task.date }}</text> <view class="task-action">
<uv-button type="error" size="small" @click.stop="handleOverdueTask(task)">立即处理</uv-button>
</view> </view>
</view> </view>
<view class="task-content"> <view class="task-content">
<text class="task-project">所属项目: {{ task.project }}</text> <text class="task-project">所属项目: {{ task.project }}</text>
<text class="task-description">{{ task.description }}</text> <text class="task-description">{{truncateText(task.description)}}</text>
<view class="task-meta"> <view class="task-meta">
<text class="task-owner">负责人: {{ task.owner }}</text> <text class="task-owner">负责人: {{ task.owner }}</text>
<text class="task-time">发布时间: {{ task.releaseTime }}</text> <text class="task-time">发布时间: {{ task.releaseTime }}</text>
</view> </view>
</view> </view>
<view class="task-action">
<uv-button type="error" size="small" @click.stop="handleOverdueTask(task)">立即处理</uv-button>
</view>
</view> </view>
</view> </view>
@ -187,6 +192,16 @@ const customerStatus = ref([
{ label: '即将跟进', count: 0 } { label: '即将跟进', count: 0 }
]); ]);
const truncateText = (text, maxLength = 30, suffix = '...')=> {
if (!text || typeof text !== 'string') return ''
if (text.length <= maxLength) {
return text
}
return text.substring(0, maxLength) + suffix
}
// 加载状态 // 加载状态
const loading = ref(false); const loading = ref(false);
@ -586,6 +601,7 @@ const getTagCustomStyle = (status) => {
.task-header { .task-header {
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: space-between;
gap: 12px; gap: 12px;
margin-bottom: 12px; margin-bottom: 12px;
} }