♻️ 重构传递数据

src/components/app/t-postcard.vue

@@ -114,7 +114,7 @@ type TPostCardProps = {
 };
 type TPostCardEmits = {
   (e: "onSelected", v: string): void;
-  (e: "onUserClick", v: TGApp.BBS.Post.User): void;
+  (e: "onUserClick", u: TGApp.BBS.Post.User, g: number): void;
 };
 type RenderForum = { name: string; icon: string; id: number };
 type RenderStatus = { stat: number; label: string; color: string };
@@ -271,7 +271,7 @@ async function toForum(forum: RenderForum): Promise<void> {
 function onUserClick(): void {
   if (props.selectMode) return;
   if (!card.value || card.value.user === null) return;
-  emits("onUserClick", card.value.user);
+  emits("onUserClick", card.value.user, props.modelValue.post.game_id);
 }
 </script>
 <style lang="scss" scoped>

src/components/viewPost/vp-overlay-user.vue

@@ -108,7 +108,7 @@ async function loadPosts(): Promise<void> {
     load.value = false;
     return;
   }
-  const resp = await postReq.user.post(props.uid, props.gid, offset.value);
+  const resp = await postReq.user.post(props.uid, 0, offset.value);
   if ("retcode" in resp) {
     showSnackbar.warn(`[${resp.retcode}] ${resp.message}`);
     load.value = false;

src/pages/common/PostCollect.vue

@@ -90,10 +90,17 @@
   </v-app-bar>
   <div class="pc-posts">
     <div v-for="item in curPosts" :key="item.post.post_id">
-      <TPostCard @onSelected="handleSelected" :model-value="item" :select-mode="selectedMode" />
+      <TPostCard
+        @onSelected="handleSelected"
+        :model-value="item"
+        :select-mode="selectedMode"
+        :user-click="true"
+        @onUserClick="handleUserClick"
+      />
     </div>
   </div>
-  <ToCollectPost @submit="load" :post="selectedPost" v-model="showOverlay" />
+  <ToCollectPost @submit="load" :post="selectedPost" v-model="showCollect" />
+  <VpOverlayUser v-model="showUser" :gid="curGid" :uid="curUid" />
 </template>
 <script lang="ts" setup>
 import TPostCard from "@comp/app/t-postcard.vue";
@@ -101,6 +108,7 @@ import showDialog from "@comp/func/dialog.js";
 import showLoading from "@comp/func/loading.js";
 import showSnackbar from "@comp/func/snackbar.js";
 import ToCollectPost from "@comp/pageCollect/to-collectPost.vue";
+import VpOverlayUser from "@comp/viewPost/vp-overlay-user.vue";
 import TSUserCollection from "@Sqlite/modules/userCollect.js";
 import { event } from "@tauri-apps/api";
 import type { UnlistenFn } from "@tauri-apps/api/event";
@@ -116,12 +124,17 @@ let collectListener: UnlistenFn | null = null;
 
 const curSelect = ref<string>("未分类");
 const page = ref<number>(1);
+const curUid = ref<string>("");
+const curGid = ref<number>(2);
 const selectedMode = ref<boolean>(false);
-const showOverlay = ref<boolean>(false);
+const showUser = ref<boolean>(false);
+const showCollect = ref<boolean>(false);
 const sortId = ref<boolean>(false);
+
 const selectedPost = shallowRef<Array<string>>([]);
 const collections = shallowRef<Array<TGApp.Sqlite.UserCollection.UFCollection>>([]);
 const selected = shallowRef<Array<TGApp.Sqlite.UserCollection.UFPost>>([]);
+
 const length = computed<number>(() => Math.ceil(selected.value.length / 12));
 const view = computed<number>(() => (length.value === 1 ? 1 : length.value > 5 ? 5 : length.value));
 const curPosts = computed<Array<TGApp.BBS.Post.FullData>>(() =>
@@ -178,10 +191,11 @@ async function load(): Promise<void> {
 }
 
 function toSelect(): void {
+  if (showUser.value) showUser.value = false;
   if (selectedMode.value) {
     selectedMode.value = false;
     if (selectedPost.value.length === 0) return;
-    showOverlay.value = true;
+    showCollect.value = true;
     return;
   }
   selectedPost.value = [];
@@ -382,6 +396,13 @@ async function mergePosts(posts: Array<TGApp.BBS.Post.FullData>, collect: string
     if (!res) await TGLogger.Error(`[PostCollect] mergePosts [${post.post.post_id}]`);
   }
 }
+
+function handleUserClick(user: TGApp.BBS.Post.User, gid: number): void {
+  if (showCollect.value) showCollect.value = false;
+  curGid.value = gid;
+  curUid.value = user.uid;
+  showUser.value = true;
+}
 </script>
 <style lang="css" scoped>
 .pc-top {

src/pages/common/PostForum.vue

@@ -345,8 +345,9 @@ function searchPost(): void {
   } else createPost(search.value);
 }
 
-function handleUserClick(user: TGApp.BBS.Post.User): void {
+function handleUserClick(user: TGApp.BBS.Post.User, gid: number): void {
   if (showSearch.value) showSearch.value = false;
+  curGid.value = gid;
   curUid.value = user.uid;
   showUser.value = true;
 }

src/pages/common/PostTopic.vue

@@ -270,8 +270,9 @@ function getGameList(list: Array<TGApp.BBS.Topic.GameInfo> | undefined): Array<G
   });
 }
 
-function handleUserClick(user: TGApp.BBS.Post.User): void {
+function handleUserClick(user: TGApp.BBS.Post.User, gid: number): void {
   if (showSearch.value) showSearch.value = false;
+  curGid.value = gid;
   curUid.value = user.uid;
   showUser.value = true;
 }