perf: 优化项目页面任务加载速度

This commit is contained in:
Pang 2023-12-15 22:51:20 +08:00
parent a6873302f3
commit 9f186f1e9c
2 changed files with 31 additions and 36 deletions

View File

@ -175,35 +175,37 @@
<TaskMenu :ref="`taskMenu_${item.id}`" :task="item" icon="ios-more"/> <TaskMenu :ref="`taskMenu_${item.id}`" :task="item" icon="ios-more"/>
</div> </div>
</div> </div>
<div v-if="item.desc" class="task-desc"><pre v-html="item.desc"></pre></div> <template v-if="!item.complete_at">
<div v-if="item.task_tag.length > 0" class="task-tags"> <div v-if="item.desc" class="task-desc"><pre v-html="item.desc"></pre></div>
<Tag v-for="(tag, keyt) in item.task_tag" :key="keyt" :color="tag.color">{{tag.name}}</Tag> <div v-if="item.task_tag.length > 0" class="task-tags">
</div> <Tag v-for="(tag, keyt) in item.task_tag" :key="keyt" :color="tag.color">{{tag.name}}</Tag>
<div class="task-users"> </div>
<ul> <div class="task-users">
<li v-for="(user, keyu) in ownerUser(item.task_user)" :key="keyu"> <ul>
<UserAvatar :userid="user.userid" size="32" :borderWitdh="2" :borderColor="item.color"/> <li v-for="(user, keyu) in ownerUser(item.task_user)" :key="keyu">
</li> <UserAvatar :userid="user.userid" size="32" :borderWitdh="2" :borderColor="item.color"/>
<li v-if="ownerUser(item.task_user).length === 0" class="no-owner"> </li>
<Button type="primary" size="small" ghost @click.stop="openTask(item, true)">{{$L('领取任务')}}</Button> <li v-if="ownerUser(item.task_user).length === 0" class="no-owner">
</li> <Button type="primary" size="small" ghost @click.stop="openTask(item, true)">{{$L('领取任务')}}</Button>
</ul> </li>
<div v-if="item.file_num > 0" class="task-icon">{{item.file_num}}<Icon type="ios-link-outline" /></div> </ul>
<div v-if="item.msg_num > 0" class="task-icon">{{item.msg_num}}<Icon type="ios-chatbubbles-outline" /></div> <div v-if="item.file_num > 0" class="task-icon">{{item.file_num}}<Icon type="ios-link-outline" /></div>
</div> <div v-if="item.msg_num > 0" class="task-icon">{{item.msg_num}}<Icon type="ios-chatbubbles-outline" /></div>
<div class="task-progress"> </div>
<div v-if="item.sub_num > 0" class="task-sub-num">{{item.sub_complete}}/{{item.sub_num}}</div> <div class="task-progress">
<Progress :percent="item.percent" :stroke-width="6" /> <div v-if="item.sub_num > 0" class="task-sub-num">{{item.sub_complete}}/{{item.sub_num}}</div>
<ETooltip <Progress :percent="item.percent" :stroke-width="6" />
v-if="item.end_at" <ETooltip
:class="['task-time', item.today ? 'today' : '', item.overdue ? 'overdue' : '']" v-if="item.end_at"
:disabled="$isEEUiApp || windowTouch" :class="['task-time', item.today ? 'today' : '', item.overdue ? 'overdue' : '']"
:open-delay="600" :disabled="$isEEUiApp || windowTouch"
:content="item.end_at"> :open-delay="600"
<div v-if="!item.complete_at"><i class="taskfont">&#xe71d;</i>{{ expiresFormat(item.end_at) }}</div> :content="item.end_at">
</ETooltip> <div v-if="!item.complete_at"><i class="taskfont">&#xe71d;</i>{{ expiresFormat(item.end_at) }}</div>
</div> </ETooltip>
<em v-if="item.p_name" class="priority-color" :style="{backgroundColor:item.p_color}"></em> </div>
<em v-if="item.p_name" class="priority-color" :style="{backgroundColor:item.p_color}"></em>
</template>
</div> </div>
<div class="task-item additem"> <div class="task-item additem">
<TaskAddSimple <TaskAddSimple

View File

@ -587,13 +587,6 @@
text-decoration: line-through; text-decoration: line-through;
} }
} }
.task-desc,
.task-tags,
.task-users,
.task-progress,
.priority-color {
display: none;
}
} }
&.hidden { &.hidden {
display: none; display: none;