github/dootask
1
0
Fork 0
mirror of https://github.com/kuaifan/dootask.git synced 2025-12-13 03:52:50 +00:00
Code Issues Packages Projects Releases Wiki Activity

perf: 优化时间冲突提示框

Browse Source
This commit is contained in:
Pang 2023-08-10 07:46:08 +08:00
parent bba40830fb
commit 00e255a4a8
2 changed files with 19 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
resources/assets/js/pages/manage/components/TaskExistTips.vue
View File

@ -1,13 +1,20 @@
<template> <template>
<Modal v-model="show" :title="$L('计划时间冲突提示')" class="task-exist-tips"> <Modal
v-model="show"
:title="$L('计划时间冲突提示')"
:styles="{
width: '90%',
maxWidth: '550px'
}"
class="task-exist-tips">
<List :split="false" size="small"> <List :split="false" size="small">
<ListItem v-for="(items, userid) in tipsTask" :key="userid"> <ListItem v-for="(items, userid) in tipsTask" :key="userid">
<div class="list-content"> <div class="list-content">
<UserAvatar :userid="userid" :size="28" :show-icon="true" :show-name="true" tooltipDisabled /> <UserAvatar :userid="userid" :size="28" :show-icon="true" :show-name="true" tooltipDisabled />
<div class="list-task clearfix" v-for="(item, key) in items" :key="key"> <div class="list-task" v-for="(item, key) in items" :key="key">
<div class="list-task-info"> <div class="list-task-info">
<span>[{{ item.project_name }}] </span> <span>[{{ item.project_name }}] </span>
<span>{{ item.name }}</span> <span :title="item.name">{{ item.name }}</span>
</div> </div>
<div class="list-task-date">{{ getCutTime(item) }}</div> <div class="list-task-date">{{ getCutTime(item) }}</div>
</div> </div>

13
resources/assets/sass/pages/components/task-exist-tips.scss vendored
View File

@ -12,19 +12,24 @@
} }
.list-task { .list-task {
margin-left: 22px; display: flex;
margin-left: 34px;
margin-right: 6px;
margin-top: 10px; margin-top: 10px;
} }
.list-task-info { .list-task-info {
float: left; flex: 1;
padding: 0 12px; overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
padding-right: 12px;
span:first-child { span:first-child {
color: #A7ABB5; color: #A7ABB5;
} }
} }
.list-task-date { .list-task-date {
float: right; //float: right;
} }
} }