From 8117e8ce2e0844a99569f2f4c5a8c5f87b5b828b Mon Sep 17 00:00:00 2001
From: LyMysterious <LyMy1234@outlook.com>
Date: Fri, 11 Apr 2025 18:33:34 +0800
Subject: [PATCH] =?UTF-8?q?feat:=E6=88=91=E7=9A=84=E9=B1=BC=E7=AF=93?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/fishbaskets/fishbaskets.js    |  9 ++++
 src/pages/fishbaskets/Fishbaskets.vue | 59 +++++++++++++++++++++++----
 2 files changed, 60 insertions(+), 8 deletions(-)
 create mode 100644 src/api/fishbaskets/fishbaskets.js

diff --git a/src/api/fishbaskets/fishbaskets.js b/src/api/fishbaskets/fishbaskets.js
new file mode 100644
index 0000000..46bbd6d
--- /dev/null
+++ b/src/api/fishbaskets/fishbaskets.js
@@ -0,0 +1,9 @@
+import request from '@/utils/request'
+
+
+/**
+ * 我的鱼篓列表
+ */
+export function myFishBaskets () {
+    return request.get('/Fishing/all-fish')
+}
\ No newline at end of file
diff --git a/src/pages/fishbaskets/Fishbaskets.vue b/src/pages/fishbaskets/Fishbaskets.vue
index 11698a0..976ddd7 100644
--- a/src/pages/fishbaskets/Fishbaskets.vue
+++ b/src/pages/fishbaskets/Fishbaskets.vue
@@ -4,21 +4,64 @@
  * @Author: LyMy
  * @Date: 2025-04-11 16:33:21
  * @LastEditors: LyMy
- * @LastEditTime: 2025-04-11 16:36:40
- * @FilePath: \fish_game\src\pages\fishbaskets\Fishbaskets.vue
+ * @LastEditTime: 2025-04-11 18:31:55
+ * @FilePath: \go_fish_web\src\pages\fishbaskets\Fishbaskets.vue
 -->
 <template>
-  <div class="equipments-page">
-    <h1>鱼篓</h1>
-    <p>这是鱼篓内容。</p>
-  </div>
+    <div class="equipments-page">
+        <h1>🎣 我的鱼篓</h1>
+        <el-table :data="fishList" style="width: 100%;height: calc(100vh - 240px);" border>
+            <el-table-column prop="name" label="鱼名" />
+            <el-table-column prop="weight" label="重量" align="right"/>
+            <el-table-column prop="description" label="描述" />
+            <el-table-column label="是否稀有" align="center">
+                <template #default="{ row }">
+                    <el-tag :type="row.isRare ? 'danger' : 'info'">
+                        {{ row.isRare ? '稀有' : '普通' }}
+                    </el-tag>
+                </template>
+            </el-table-column>
+        </el-table>
+    </div>
 </template>
 
 <script setup>
+import { ref, onMounted } from 'vue'
+import { useRouter } from 'vue-router'
+import { myFishBaskets } from '@/api/fishbaskets/fishbaskets'
+import { ElMessage } from 'element-plus'
+
+const fishList = ref([])
+const router = useRouter()
+
+const fetchFishList = async () => {
+    try {
+        const res = await myFishBaskets()
+        if (res) {
+            fishList.value = res
+        }
+    } catch (err) {
+        ElMessage.warning('请检查网络或重试')
+    }
+}
+
+const goHome = () => {
+    router.push('/')
+}
+
+onMounted(() => {
+    fetchFishList()
+})
 </script>
 
 <style scoped>
 .equipments-page {
-  text-align: center;
+    text-align: center;
+    margin-top: 50px;
+}
+
+.result {
+    margin-top: 20px;
+    font-size: 16px;
 }
-</style>
+</style>
\ No newline at end of file