perf: 任务附件过多时仅显示最新50个

This commit is contained in:
kuaifan 2022-03-08 18:34:20 +08:00
parent 389cafc240
commit 117d0fbcef
3 changed files with 6 additions and 2 deletions

View File

@ -243,7 +243,7 @@ class ProjectTask extends AbstractModel
*/ */
public function taskFile(): \Illuminate\Database\Eloquent\Relations\HasMany public function taskFile(): \Illuminate\Database\Eloquent\Relations\HasMany
{ {
return $this->hasMany(ProjectTaskFile::class, 'task_id', 'id')->orderBy('id'); return $this->hasMany(ProjectTaskFile::class, 'task_id', 'id')->orderByDesc('id')->limit(50);
} }
/** /**

View File

@ -277,6 +277,7 @@
<i class="taskfont">&#xe6e6;</i>{{$L('附件')}} <i class="taskfont">&#xe6e6;</i>{{$L('附件')}}
</div> </div>
<ul class="item-content file"> <ul class="item-content file">
<li v-if="taskDetail.file_num > 50" class="tip">{{$L(`${taskDetail.file_num}个文件仅显示最新50个`)}}</li>
<li v-for="file in fileList"> <li v-for="file in fileList">
<img v-if="file.id" class="file-ext" :src="file.thumb"/> <img v-if="file.id" class="file-ext" :src="file.thumb"/>
<Loading v-else class="file-load"/> <Loading v-else class="file-load"/>
@ -598,7 +599,7 @@ export default {
return this.taskFiles.filter(({task_id}) => { return this.taskFiles.filter(({task_id}) => {
return task_id == this.taskId return task_id == this.taskId
}).sort((a, b) => { }).sort((a, b) => {
return a.id - b.id; return b.id - a.id;
}); });
}, },

View File

@ -243,6 +243,9 @@
margin-bottom: -3px; margin-bottom: -3px;
> li { > li {
margin-bottom: 2px; margin-bottom: 2px;
&.tip {
color: #999;
}
.file-load { .file-load {
margin: 0; margin: 0;
padding: 2px; padding: 2px;