github/dootask
1
0
Fork 0
mirror of https://github.com/kuaifan/dootask.git synced 2025-12-12 11:19:56 +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>
<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">
<ListItem v-for="(items, userid) in tipsTask" :key="userid">
<div class="list-content">
<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">
<span>[{{ item.project_name }}] </span>
<span>{{ item.name }}</span>
<span :title="item.name">{{ item.name }}</span>
</div>
<div class="list-task-date">{{ getCutTime(item) }}</div>
</div>

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

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