From 4880e6bb8ea17ed7965396002bf2831fd57e0307 Mon Sep 17 00:00:00 2001
From: BTMuli <BT-Muli@outlook.com>
Date: Sat, 9 Dec 2023 00:52:11 +0800
Subject: [PATCH] =?UTF-8?q?=F0=9F=8C=B1=20=E4=BB=BF=E7=85=A7=E5=92=A8?=
 =?UTF-8?q?=E8=AE=AF=E9=A1=B5=E5=86=99=E4=BA=86=E4=B8=AA=E9=85=92=E9=A6=86?=
 =?UTF-8?q?=E9=A1=B5=E9=9D=A2=20#67?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 public/source/UI/posts.png              | Bin 0 -> 2052 bytes
 src/components/app/t-sidebar.vue        |   5 +
 src/pages/common/Posts.vue              | 244 ++++++++++++++++++++++++
 src/plugins/Mys/api/index.ts            |   7 +-
 src/plugins/Mys/index.ts                |   2 +
 src/plugins/Mys/request/getForumList.ts |  30 +++
 src/router/modules/main.ts              |   9 +-
 7 files changed, 292 insertions(+), 5 deletions(-)
 create mode 100644 public/source/UI/posts.png
 create mode 100644 src/pages/common/Posts.vue
 create mode 100644 src/plugins/Mys/request/getForumList.ts

diff --git a/public/source/UI/posts.png b/public/source/UI/posts.png
new file mode 100644
index 0000000000000000000000000000000000000000..ef557513cb502137db5732cb6f6c5dc499d277c9
GIT binary patch
literal 2052
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

literal 0
HcmV?d00001

diff --git a/src/components/app/t-sidebar.vue b/src/components/app/t-sidebar.vue
index b7d4c6c1..307c6824 100644
--- a/src/components/app/t-sidebar.vue
+++ b/src/components/app/t-sidebar.vue
@@ -30,6 +30,11 @@
           <img src="/platforms/mhy/mys.webp" alt="mihoyo" class="side-icon" />
         </template>
       </v-list-item>
+      <v-list-item title="酒馆" value="posts" :link="true" href="/posts">
+        <template #prepend>
+          <img src="/source/UI/posts.png" alt="posts" class="side-icon" />
+        </template>
+      </v-list-item>
       <v-list-item title="成就" value="achievements" :link="true" href="/achievements">
         <template #prepend>
           <img src="../../assets/icons/achievements.svg" alt="achievementsIcon" class="side-icon" />
diff --git a/src/pages/common/Posts.vue b/src/pages/common/Posts.vue
new file mode 100644
index 00000000..d3e972d7
--- /dev/null
+++ b/src/pages/common/Posts.vue
@@ -0,0 +1,244 @@
+<template>
+  <ToLoading v-model="loading" :title="loadingTitle" />
+  <div class="posts-grid">
+    <v-card v-for="post in posts" :key="post.postId" class="post-card">
+      <div class="post-cover" @click="createPost(post)">
+        <img :src="post.cover" alt="cover" />
+      </div>
+      <div class="post-content">
+        <div class="post-card-title" :title="post.title">{{ post.title }}</div>
+        <div class="post-card-user">
+          <div class="pcu-left">
+            <div class="pcu-icon">
+              <img :src="post.user.icon" alt="userIcon" />
+            </div>
+            <div v-if="post.user.pendant !== ''" class="pcu-pendent">
+              <img :src="post.user.pendant" alt="userPendant" />
+            </div>
+          </div>
+          <div class="pcu-right">
+            <span>{{ post.user.nickname }}</span>
+            <span>{{ post.user.label }}</span>
+          </div>
+        </div>
+        <div class="post-card-data">
+          <div class="pcd-item" :title="`浏览数：${post.data.view}`">
+            <v-icon>mdi-eye</v-icon>
+            <span>{{ post.data.view }}</span>
+          </div>
+          <div class="pcd-item" :title="`收藏数：${post.data.mark}`">
+            <v-icon>mdi-star</v-icon>
+            <span>{{ post.data.mark }}</span>
+          </div>
+          <div class="pcd-item" :title="`回复数：${post.data.reply}`">
+            <v-icon>mdi-comment</v-icon>
+            <span>{{ post.data.reply }}</span>
+          </div>
+          <div class="pcd-item" :title="`点赞数：${post.data.like}`">
+            <v-icon>mdi-thumb-up</v-icon>
+            <span>{{ post.data.like }}</span>
+          </div>
+          <div class="pcd-item" :title="`转发数：${post.data.forward}`">
+            <v-icon>mdi-share-variant</v-icon>
+            <span>{{ post.data.forward }}</span>
+          </div>
+        </div>
+      </div>
+      <div class="post-card-forum" :title="`频道: ${post.forum.name}`">
+        <img :src="post.forum.icon" :alt="post.forum.name" />
+        <span>{{ post.forum.name }}</span>
+      </div>
+    </v-card>
+  </div>
+</template>
+<script setup lang="ts">
+import { onMounted, ref } from "vue";
+
+import ToLoading from "../../components/overlay/to-loading.vue";
+import Mys from "../../plugins/Mys";
+import { createPost } from "../../utils/TGWindow";
+
+const loading = ref<boolean>(true);
+const loadingTitle = ref<string>("正在加载中...");
+
+const posts = ref<TGApp.Plugins.Mys.News.RenderCard[]>([]);
+
+onMounted(async () => {
+  loading.value = true;
+  const getData = await Mys.Post.forum(26);
+  posts.value = Mys.News.card.news(getData);
+  loading.value = false;
+});
+</script>
+<style lang="css" scoped>
+.posts-grid {
+  display: grid;
+  padding: 5px;
+  font-family: var(--font-title);
+  grid-gap: 10px;
+  grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
+}
+
+.post-card {
+  border-radius: 5px;
+  background: var(--app-page-bg);
+  color: var(--box-text-1);
+}
+
+.dark .post-card {
+  border: 1px solid var(--common-shadow-2);
+}
+
+.post-cover {
+  position: relative;
+  display: flex;
+  overflow: hidden;
+  width: 100%;
+  align-items: center;
+  justify-content: center;
+  aspect-ratio: 36 / 13;
+}
+
+.post-cover img {
+  min-width: 100%;
+  height: 100%;
+  object-fit: cover;
+  object-position: center;
+  transition: all 0.3s linear;
+}
+
+.post-content {
+  position: relative;
+  display: flex;
+  width: 100%;
+  flex-direction: column;
+  padding: 10px;
+  gap: 10px;
+}
+
+.post-card-title {
+  overflow: hidden;
+  width: 100%;
+  font-size: 18px;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.post-card-user {
+  display: flex;
+}
+
+.pcu-left {
+  position: relative;
+  width: 50px;
+  height: 50px;
+}
+
+.pcu-icon {
+  position: absolute;
+  top: 5px;
+  left: 5px;
+  overflow: hidden;
+  width: 40px;
+  height: 40px;
+  border-radius: 50%;
+}
+
+.pcu-icon img {
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+}
+
+.pcu-pendent {
+  position: absolute;
+  top: 0;
+  left: 0;
+  overflow: hidden;
+  width: 50px;
+  height: 50px;
+  border-radius: 50%;
+}
+
+.pcu-pendent img {
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+}
+
+.pcu-right {
+  position: relative;
+  display: flex;
+  height: 50px;
+  flex-direction: column;
+  align-items: start;
+  color: var(--box-text-4);
+}
+
+.pcu-right :nth-child(1) {
+  display: flex;
+  height: 30px;
+  align-items: center;
+  justify-content: start;
+  font-size: 16px;
+}
+
+.pcu-right :nth-child(2) {
+  display: flex;
+  width: 100%;
+  height: 20px;
+  align-items: center;
+  justify-content: start;
+  border-top: 2px solid var(--common-shadow-2);
+  font-size: 14px;
+  opacity: 0.7;
+}
+
+.post-card-forum {
+  position: absolute;
+  top: 0;
+  right: 0;
+  display: flex;
+  align-items: center;
+  justify-content: flex-start;
+  padding: 5px;
+  backdrop-filter: blur(20px);
+  background: rgb(0 0 0/20%);
+  border-bottom-left-radius: 5px;
+  border-top-right-radius: 5px;
+  box-shadow: 0 0 10px var(--tgc-dark-1);
+  color: var(--tgc-white-1);
+}
+
+.post-card-forum img {
+  width: 20px;
+  height: 20px;
+  margin-right: 5px;
+}
+
+.post-cover img:hover {
+  cursor: pointer;
+  transform: scale(1.1);
+  transition: all 0.3s linear;
+}
+
+.post-card-data {
+  display: flex;
+  width: 100%;
+  height: 20px;
+  align-items: center;
+  justify-content: flex-end;
+  padding: 5px;
+  column-gap: 10px;
+}
+
+.pcd-item {
+  display: flex;
+  align-items: center;
+  justify-content: flex-start;
+  color: var(--box-text-7);
+  font-size: 12px;
+  gap: 5px;
+  opacity: 0.6;
+}
+</style>
diff --git a/src/plugins/Mys/api/index.ts b/src/plugins/Mys/api/index.ts
index 2b1845c8..794fbff1 100644
--- a/src/plugins/Mys/api/index.ts
+++ b/src/plugins/Mys/api/index.ts
@@ -1,8 +1,7 @@
 /**
- * @file plugins Mys api index.ts
+ * @file plugins/Mys/api/index.ts
  * @description Mys API
- * @author BTMuli <bt-muli@outlook.com>
- * @since Alpha v0.2.1
+ * @since Beta v0.3.7
  */
 
 const MysApi = {
@@ -10,6 +9,8 @@ const MysApi = {
   Gacha: "https://api-takumi.mihoyo.com/common/blackboard/ys_obc/v1/gacha_pool?app_sn=ys_obc",
   Lottery: "https://bbs-api.miyoushe.com/painter/wapi/lottery/user/show?id={lotteryId}",
   News: "https://bbs-api.mihoyo.com/post/wapi/getNewsList?gids={gid}&page_size={pageSize}&type={newsType}&last_id={lastId}",
+  Forum:
+    "https://bbs-api.miyoushe.com/post/wapi/getForumPostList?forum_id={forum}&gids={gid}&sort_type={type}",
   Position: "https://api-static.mihoyo.com/common/blackboard/ys_obc/v1/home/position?app_sn=ys_obc",
   Post: {
     Api: "https://bbs-api.mihoyo.com/post/wapi/getPostFull?post_id={postId}",
diff --git a/src/plugins/Mys/index.ts b/src/plugins/Mys/index.ts
index 77cc3e8c..6c7f4158 100644
--- a/src/plugins/Mys/index.ts
+++ b/src/plugins/Mys/index.ts
@@ -6,6 +6,7 @@
 
 import MysApi from "./api";
 import { getLoginQr, getLoginStatus } from "./request/doGameLogin";
+import getForumList from "./request/getForumList";
 import getGachaData from "./request/getGachaData";
 import getLotteryData from "./request/getLotteryData";
 import getNewsList from "./request/getNewsList";
@@ -20,6 +21,7 @@ const Mys = {
   Api: MysApi,
   Post: {
     get: getPostData,
+    forum: getForumList,
   },
   Gacha: {
     get: getGachaData,
diff --git a/src/plugins/Mys/request/getForumList.ts b/src/plugins/Mys/request/getForumList.ts
new file mode 100644
index 00000000..0218d884
--- /dev/null
+++ b/src/plugins/Mys/request/getForumList.ts
@@ -0,0 +1,30 @@
+/**
+ * @file plugins/Mys/request/getForumList.ts
+ * @description Mys 插件特定论坛请求
+ * @since Beta v0.3.7
+ */
+
+import { http } from "@tauri-apps/api";
+
+import MysApi from "../api";
+
+/**
+ * @description 获取特定论坛列表
+ * @since Beta v0.3.7
+ * @param {number} forumId 特定论坛 ID
+ * @param {number} gid GID
+ * @param {number} type 排序方式: 0-按热度排序，1-最新回复，2-按时间排序
+ * @return {Promise<TGApp.Plugins.Mys.Forum.FullData>}
+ */
+async function getForumList(
+  forumId: number,
+  gid: number = 2,
+  type: number = 0,
+): Promise<TGApp.Plugins.Mys.Forum.FullData> {
+  const url = MysApi.Forum.replace("{forum}", forumId.toString())
+    .replace("{gid}", gid.toString())
+    .replace("{type}", type.toString());
+  return await http.fetch<TGApp.Plugins.Mys.Forum.Response>(url).then((res) => res.data.data);
+}
+
+export default getForumList;
diff --git a/src/router/modules/main.ts b/src/router/modules/main.ts
index 629da5f5..3856f12f 100644
--- a/src/router/modules/main.ts
+++ b/src/router/modules/main.ts
@@ -1,7 +1,7 @@
 /**
- * @file router modules main.ts
+ * @file router/modules/main.ts
  * @description 主路由模块
- * @since Beta v0.3.3
+ * @since Beta v0.3.7
  */
 
 const mainRoutes = [
@@ -20,6 +20,11 @@ const mainRoutes = [
     name: "咨讯",
     component: async () => await import("../../pages/common/News.vue"),
   },
+  {
+    path: "/posts",
+    name: "酒馆",
+    component: async () => await import("../../pages/common/Posts.vue"),
+  },
   {
     path: "/achievements/:app?",
     name: "成就",