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

68
components/index/ContentDashboard.vue
View File

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