From 9f186f1e9c954ed670647832ffd1772c5a835731 Mon Sep 17 00:00:00 2001
From: Pang <aipaw@live.cn>
Date: Fri, 15 Dec 2023 22:51:20 +0800
Subject: [PATCH] =?UTF-8?q?perf:=20=E4=BC=98=E5=8C=96=E9=A1=B9=E7=9B=AE?=
 =?UTF-8?q?=E9=A1=B5=E9=9D=A2=E4=BB=BB=E5=8A=A1=E5=8A=A0=E8=BD=BD=E9=80=9F?=
 =?UTF-8?q?=E5=BA=A6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../pages/manage/components/ProjectPanel.vue  | 60 ++++++++++---------
 .../sass/pages/components/project-panel.scss  |  7 ---
 2 files changed, 31 insertions(+), 36 deletions(-)

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