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

内容看板公告和逾期任务简化，uv-tags清理

Browse Source
This commit is contained in:
WindowBird 2025-11-25 16:31:39 +08:00
parent e7a388a3a5
commit 4c2e009598
1 changed files with 37 additions and 33 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

70
components/index/ContentDashboard.vue
View File

@ -21,7 +21,7 @@
<text class="task-count">{{ item.count }}</text>
<view class="task-label-wrapper">
<text class="task-label">{{ item.label }}</text>
<uv-tags
<!-- <uv-tags
v-if="item.label === '逾期任务'"
text="紧急"
:type="getTaskStatusType('overdue')"
@ -36,7 +36,7 @@
size="mini"
plain
:custom-style="{ marginTop: '4px' }"
></uv-tags>
></uv-tags> -->
</view>
</view>
</view>
@ -99,41 +99,44 @@
<view class="announcement-title-row">
<text class="announcement-title">{{ item.title }}</text>
<view class="announcement-tags">
<view class="announcement-tag tag-pinned" v-if="item.top">置顶</view>
<view class="announcement-tag tag-general" v-if="item.level === '1'">一般</view>
<view class="announcement-tag tag-important" v-if="item.level === '2'">重要</view>
<view class="announcement-tag tag-urgent" v-if="item.level === '3'">紧急</view>
<view class="announcement-tag tag-general" >公告</view>
<!-- <view class="announcement-tag tag-pinned" v-if="item.top">置顶</view>-->
<!-- <view class="announcement-tag tag-general" v-if="item.level === '1'">一般</view>-->
<!-- <view class="announcement-tag tag-important" v-if="item.level === '2'">重要</view>-->
<!-- <view class="announcement-tag tag-urgent" v-if="item.level === '3'">紧急</view>-->
</view>
</view>
<view class="announcement-meta">
<!-- <view class="announcement-meta">-->
<!--&lt;!&ndash; <view class="announcement-meta-item">&ndash;&gt;-->
<!--&lt;!&ndash; <text class="announcement-meta-icon">👤</text>&ndash;&gt;-->
<!--&lt;!&ndash; <text class="announcement-meta-text">{{ item.userName }}</text>&ndash;&gt;-->
<!--&lt;!&ndash; </view>&ndash;&gt;-->
<!-- <view class="announcement-meta-item">-->
<!-- <text class="announcement-meta-icon">👤</text>-->
<!-- <text class="announcement-meta-text">{{ item.userName }}</text>-->
<!--&lt;!&ndash; <text class="announcement-meta-icon">🕐</text>&ndash;&gt;-->
<!-- <text class="announcement-meta-text">{{ item.createTime }}</text>-->
<!-- </view>-->
<view class="announcement-meta-item">
<!-- <text class="announcement-meta-icon">🕐</text>-->
<text class="announcement-meta-text">{{ item.createTime }}</text>
</view>
</view>
<!-- </view>-->
</view>
</view>
<!-- 逾期任务卡片样式 -->
<view
<view
v-else-if="item.type === 'overdue'"
class="overdue-task-card task-card-base"
@click="goToTaskDetail(item)"
>
<view class="overdue-task-header">
<view class="overdue-task-owner-tag" v-if="item.firstOwner">
{{ item.firstOwner }}
</view>
</view>
<view class="overdue-task-title">{{ item.description }}</view>
<!-- <view class="overdue-task-header">-->
<!-- <view class="overdue-task-owner-tag" v-if="item.firstOwner">-->
<!-- {{ item.firstOwner }}-->
<!-- </view>-->
<!-- </view>-->
<!-- <text class="overdue-task-title">{{ item.description }}</text>-->
<view class="overdue-task-footer">
<text class="overdue-task-project">{{ item.project }}</text>
<text class="overdue-task-status">逾期{{ item.overdueDays }}天</text>
<text class="overdue-task-date">{{ item.date }}</text>
<!-- <text class="overdue-task-project">{{ item.project }}</text>-->
<view class="overdue-task-title">{{ truncateText(item.description, 20) }}</view>
<view class="overdue-task-status">逾期{{ item.overdueDays }}天</view>
<!-- <text class="overdue-task-date">{{ item.date }}</text>-->
</view>
</view>
</view>
@ -156,13 +159,13 @@
<text class="status-count">{{ status.count }}</text>
<view class="status-label-wrapper">
<text class="status-label">{{ status.label }}</text>
<uv-tags
<!-- <uv-tags
:text="getProjectStatusTag(status.label)"
:type="getProjectStatusType(status.label)"
size="mini"
plain
:custom-style="{ marginTop: '4px' }"
></uv-tags>
></uv-tags> -->
</view>
</view>
</view>
@ -184,13 +187,13 @@
<text class="status-count">{{ status.count }}</text>
<view class="status-label-wrapper">
<text class="status-label">{{ status.label }}</text>
<uv-tags
<!-- <uv-tags
:text="getCustomerStatusTag(status.label)"
:type="getCustomerStatusType(status.label)"
size="mini"
plain
:custom-style="{ marginTop: '4px' }"
></uv-tags>
></uv-tags> -->
</view>
</view>
</view>
@ -876,7 +879,7 @@ const getTagCustomStyle = (status) => {
// 合并列表滚动容器
.merged-list-scroll {
height: 30vh;
height: 40vh;
width: 100%;
}
@ -886,7 +889,7 @@ const getTagCustomStyle = (status) => {
// 逾期任务卡片样式
.overdue-task-card {
padding: 16px;
padding: 4px 12px;
display: flex;
flex-direction: column;
gap: 2px;
@ -908,7 +911,7 @@ const getTagCustomStyle = (status) => {
}
.overdue-task-title {
font-size: 16px;
font-size: 14px;
font-weight: 500;
color: #333;
line-height: 1.5;
@ -925,6 +928,7 @@ const getTagCustomStyle = (status) => {
align-items: center;
gap: 12px;
flex-wrap: wrap;
justify-content: space-between;
}
.overdue-task-project {
@ -991,7 +995,7 @@ const getTagCustomStyle = (status) => {
.task-card-announcement {
border-left: none;
padding: 16px;
padding: 4px 12px;
}
.announcement-content-wrapper {
@ -1010,7 +1014,7 @@ const getTagCustomStyle = (status) => {
.announcement-title {
font-size: 14px;
font-weight: 500;
color: #f56c6c;
color: #000000;
flex: 1;
}