From fd1dfcf3f484db0362dae58f6272b11573452451 Mon Sep 17 00:00:00 2001
From: Charles7c <charles7c@126.com>
Date: Wed, 23 Oct 2024 22:51:26 +0800
Subject: [PATCH] =?UTF-8?q?chore:=20=E4=BC=98=E5=8C=96=E5=B7=A5=E4=BD=9C?=
 =?UTF-8?q?=E5=8F=B0=E6=9C=80=E6=96=B0=E5=8A=A8=E6=80=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../workplace/components/LatestActivity.vue   | 164 +++++++++++-------
 1 file changed, 99 insertions(+), 65 deletions(-)

diff --git a/src/views/dashboard/workplace/components/LatestActivity.vue b/src/views/dashboard/workplace/components/LatestActivity.vue
index 0f529cb..0b7c220 100644
--- a/src/views/dashboard/workplace/components/LatestActivity.vue
+++ b/src/views/dashboard/workplace/components/LatestActivity.vue
@@ -1,71 +1,105 @@
 <template>
   <a-card class="general-card" title="最新动态" style="margin-bottom: 14px">
     <template #extra>
-      <a-link href="https://gitee.com/organizations/continew/events" target="_blank" rel="noopener">更多</a-link>
+      <a-dropdown>
+        <a-link>更多</a-link>
+        <template #content>
+          <a-doption>
+            <a-link href="https://gitee.com/organizations/continew/events" target="_blank" rel="noopener">Gitee</a-link>
+          </a-doption>
+          <a-doption>
+            <a-link href="https://gitcode.com/org/continew/discussion" target="_blank" rel="noopener">GitCode</a-link>
+          </a-doption>
+          <a-doption>
+            <a-link href="https://github.com/orgs/continew-org/discussions" target="_blank" rel="noopener">GitHub</a-link>
+          </a-doption>
+        </template>
+      </a-dropdown>
     </template>
-    <a-empty v-if="dataList.length === 0">暂无动态</a-empty>
-    <a-comment
-      v-for="(item, index) in dataList"
-      v-else
-      :key="index"
-      :author="item.actor.nickname"
-      align="right"
-      :class="`animated-fade-up-${index}`"
-    >
-      <template #avatar>
-        <a :href="item.actor.url" target="_blank" rel="noopener">
-          <a-avatar :size="30">
-            <img :src="item.actor.avatar" alt="avatar" />
-          </a-avatar>
-        </a>
-      </template>
-      <template #datetime><span :title="item.createTime">{{ item.createTimeString }}</span></template>
-      <template #content>
-        <div class="content">
-          <p v-if="item.type === 'PUSH'">
-            推送到了 <a-link :href="item.repo.url" target="_blank" rel="noopener">{{ item.repo.alias }}</a-link>
-            {{ `的 ${item.payload.branch} 分支 ${item.payload.commits.length} 个提交` }}
-            <a-comment
-              v-for="(commit, idx) in item.payload.commits"
-              :key="idx"
-              class="commit"
-            >
-              <template #content>
-                <a-link :href="`${item.repo.url}${commit.url}`" target="_blank" rel="noopener" style="font-size: 12px">{{ commit.sha.substring(0, 7) }}</a-link>
-                <a :href="`${item.repo.url}${commit.url}`" target="_blank" rel="noopener">{{ commit.message }}</a>
-              </template>
-            </a-comment>
-          </p>
-          <p v-else-if="item.type === 'ISSUE_OPEN'">
-            在 <a-link :href="item.repo.url" target="_blank" rel="noopener">{{ item.repo.alias }}</a-link>
-            创建了任务 <a-link :href="item.payload.url" target="_blank" rel="noopener">{{ item.payload.title }}</a-link>
-          </p>
-          <p v-else-if="item.type === 'ISSUE_CLOSE'">
-            更改了 <a-link :href="item.repo.url" target="_blank" rel="noopener">{{ item.repo.alias }}</a-link>
-            的任务 <a-link :href="item.payload.url" target="_blank" rel="noopener">{{ item.payload.title }}</a-link>
-            状态为 {{ item.payload.action === 'rejected' ? '已关闭' : '已完成' }}
-          </p>
-          <p v-else-if="item.type === 'ISSUE_COMMENT'">
-            评论了 <a-link :href="item.repo.url" target="_blank" rel="noopener">{{ item.repo.alias }}</a-link>
-            的任务 <a-link :href="item.payload.url" target="_blank" rel="noopener">{{ item.payload.title }}</a-link>
-          </p>
-          <p v-else-if="item.type === 'PULL_REQUEST'">
-            在 <a-link :href="item.repo.url" target="_blank" rel="noopener">{{ item.repo.alias }}</a-link>
-            创建了 Pull Request <a-link :href="item.payload.url" target="_blank" rel="noopener">{{ item.payload.title }}</a-link>
-          </p>
-          <p v-else-if="item.type === 'CREATE'">
-            推送了新的 {{ item.payload.refType }}
-            <a-link :href="item.payload.url" target="_blank" rel="noopener">{{ item.payload.ref }}</a-link>
-            到 <a-link :href="item.repo.url" target="_blank" rel="noopener">{{ item.repo.alias }}</a-link>
-          </p>
-          <p v-else-if="item.type === 'DELETE'">
-            删除了 <a-link :href="item.repo.url" target="_blank" rel="noopener">{{ item.repo.alias }}</a-link>
-            的 {{ item.payload.ref }} {{ item.payload.refType }}
-          </p>
-          <p v-else>暂无</p>
-        </div>
-      </template>
-    </a-comment>
+    <a-skeleton v-if="loading" :loading="loading" :animation="true">
+      <a-skeleton-line :rows="10" />
+    </a-skeleton>
+    <div v-else>
+      <a-empty v-if="dataList.length === 0">暂无动态</a-empty>
+      <a-comment
+        v-for="(item, index) in dataList"
+        v-else
+        :key="index"
+        :author="item.actor.nickname"
+        :class="`animated-fade-up-${index}`"
+      >
+        <template #avatar>
+          <a-badge>
+            <template #content>
+              <GiSvgIcon v-if="item.platform === 'GitHub'" name="github" :size="15" />
+              <GiSvgIcon v-else-if="item.platform === 'Gitee'" name="gitee" :size="15" />
+            </template>
+            <a :href="item.actor.url" target="_blank" rel="noopener">
+              <a-avatar :size="30">
+                <img :src="item.actor.avatar" alt="avatar" />
+              </a-avatar>
+            </a>
+          </a-badge>
+        </template>
+        <template #datetime>
+          <span :title="item.createTime">{{ item.createTimeString }}</span>
+        </template>
+        <template #content>
+          <div class="content">
+            <p v-if="item.type === 'PUSH'">
+              推送到了 <a-link :href="item.repo.url" target="_blank" rel="noopener">{{ item.repo.alias }}</a-link>
+              {{ `的 ${item.payload.branch} 分支 ${item.payload.commits.length} 个提交` }}
+              <a-comment
+                v-for="(commit, idx) in item.payload.commits"
+                :key="idx"
+                class="commit"
+              >
+                <template #content>
+                  <a-link :href="commit.url" target="_blank" rel="noopener" style="font-size: 12px" :title="commit.message">{{ commit.sha.substring(0, 7) }}</a-link>
+                  <a :href="commit.url" target="_blank" rel="noopener" :title="commit.message">{{ commit.message }}</a>
+                </template>
+              </a-comment>
+            </p>
+            <p v-else-if="item.type === 'ISSUE_OPEN'">
+              在 <a-link :href="item.repo.url" target="_blank" rel="noopener">{{ item.repo.alias }}</a-link>
+              创建了 Issue <a-link :href="item.payload.url" target="_blank" rel="noopener">{{ item.payload.title }}</a-link>
+            </p>
+            <p v-else-if="item.type === 'ISSUE_CLOSE'">
+              更改了 <a-link :href="item.repo.url" target="_blank" rel="noopener">{{ item.repo.alias }}</a-link>
+              的 Issue <a-link :href="item.payload.url" target="_blank" rel="noopener">{{ item.payload.title }}</a-link>
+              状态为 {{ item.payload.stateString }}
+            </p>
+            <p v-else-if="item.type === 'ISSUE_COMMENT'">
+              评论了 <a-link :href="item.repo.url" target="_blank" rel="noopener">{{ item.repo.alias }}</a-link>
+              的 Issue <a-link :href="item.payload.url" target="_blank" rel="noopener">{{ item.payload.title }}</a-link>
+            </p>
+            <p v-else-if="item.type === 'PULL_REQUEST_OPEN'">
+              在 <a-link :href="item.repo.url" target="_blank" rel="noopener">{{ item.repo.alias }}</a-link>
+              创建了 Pull Request <a-link :href="item.payload.url" target="_blank" rel="noopener">{{ item.payload.title }}</a-link>
+            </p>
+            <p v-else-if="item.type === 'PULL_REQUEST_MERGE'">
+              接受了 <a-link :href="item.repo.url" target="_blank" rel="noopener">{{ item.repo.alias }}</a-link>
+              的 Pull Request <a-link :href="item.payload.url" target="_blank" rel="noopener">{{ item.payload.title }}</a-link>
+            </p>
+            <p v-else-if="item.type === 'PULL_REQUEST_CLOSE'">
+              更改了 <a-link :href="item.repo.url" target="_blank" rel="noopener">{{ item.repo.alias }}</a-link>
+              的 Pull Request <a-link :href="item.payload.url" target="_blank" rel="noopener">{{ item.payload.title }}</a-link>
+              状态为 {{ item.payload.stateString }}
+            </p>
+            <p v-else-if="item.type === 'CREATE'">
+              推送了新的 {{ item.payload.refType }}
+              <a-link :href="item.payload.url" target="_blank" rel="noopener">{{ item.payload.ref }}</a-link>
+              到 <a-link :href="item.repo.url" target="_blank" rel="noopener">{{ item.repo.alias }}</a-link>
+            </p>
+            <p v-else-if="item.type === 'DELETE'">
+              删除了 <a-link :href="item.repo.url" target="_blank" rel="noopener">{{ item.repo.alias }}</a-link>
+              的 {{ item.payload.ref }} {{ item.payload.refType }}
+            </p>
+            <p v-else>暂无</p>
+          </div>
+        </template>
+      </a-comment>
+    </div>
   </a-card>
 </template>
 
@@ -118,7 +152,7 @@ const loading = ref(false)
 const getDataList = async () => {
   try {
     loading.value = true
-    const { data } = await get('https://api.charles7c.top/git/orgs/continew/events?limit=10')
+    const { data } = await get('https://api.charles7c.top/git/orgs/continew/events')
     data.forEach((item) => {
       dataList.value.push({
         ...item,