feat: 修复雪花id问题

Yi.BBS.Vue3/src/apis/discussApi.js

@@ -5,4 +5,11 @@ export function getList(data){
         method: 'get',
         params:data
     })
+};
+
+export function getListByPlateId(plateId){
+    return myaxios({
+        url: `/discuss/plate-id/${plateId}`,
+        method: 'get'
+    })
 };

Yi.BBS.Vue3/src/components/PlateCard.vue

@@ -11,7 +11,7 @@
             <span>{{props.name}}</span>
             <div class="bottom">
               <time class="remarks">{{ props.introduction }}</time>
-              <RouterLink to="/discuss">    <el-button text class="button" type="primary">进入<el-icon><CaretRight /></el-icon></el-button> </RouterLink> 
+              <RouterLink :to="`/discuss/${props.id}`">    <el-button text class="button" type="primary">进入<el-icon><CaretRight /></el-icon></el-button> </RouterLink> 
             </div>
           </div>
         </el-card>
@@ -20,7 +20,10 @@
   </template>
   
   <script  setup>
-const props = defineProps(['name','introduction'])
+import { onMounted } from 'vue';
+
+const props = defineProps(['name','introduction','id'])
+
   </script>
   
   <style>

Yi.BBS.Vue3/src/router/index.js

@@ -22,7 +22,7 @@ const router = createRouter({
         },
         {
           name:'discuss',
-          path: '/discuss',
+          path: '/discuss/:plateId',
           component: () => import('../views/Discuss.vue')
         },
         {

Yi.BBS.Vue3/src/utils/request.js

@@ -1,14 +1,21 @@
 
 import axios from 'axios';
-
+// import JsonBig from 'json-bigint'
 const myaxios = axios.create({
     baseURL:import.meta.env.VITE_APP_BASEAPI,
     timeout: 50000,
     // transformResponse: [data => {
-    //     const json = JsonBig({
-    //         storeAsString: true
-    //     })
-    //     return json.parse(data)
+    //     try {
+    //         const json = JsonBig({
+    //             storeAsString: true
+    //           })
+    //         return json.parse(data)
+    //       } catch (err) {
+    //         // 如果转换失败，则包装为统一数据格式并返回
+    //         return {
+    //           data
+    //         }
+    //       }
     // }],
     headers: {
         'Authorization': 'Bearer ' + ""

Yi.BBS.Vue3/src/views/Discuss.vue

@@ -4,13 +4,13 @@
     <el-form :inline="true" >
             <el-form-item label="标签：" >
       <el-input          placeholder="请输入标签"
-        :suffix-icon="Calendar"></el-input>
+      ></el-input>
     </el-form-item>
       
     <el-form-item label="内容：">
         <el-input
         placeholder="搜索当下分类下的内容"
-        :suffix-icon="Calendar"
+
       />
     </el-form-item>
     <div class="form-right">
@@ -46,19 +46,30 @@
     <el-tab-pane label="最新" name="second">   </el-tab-pane>
     <el-tab-pane label="最热" name="third">   </el-tab-pane>
   </el-tabs>
-<div class="div-item" v-for="i in 10" >
-  <DisscussCard/>
+<div class="div-item" v-for="i in discussList" >
+  <DisscussCard :title="i.title" :introduction="i.introduction" :createTime="i.createTime"/>
 </div>
     </div>
 </template>
 <script setup>
 import DisscussCard from '@/components/DisscussCard.vue'
-import { ref } from 'vue'
+import {getListByPlateId} from '@/apis/discussApi.js'
+import { onMounted, ref } from 'vue'
+import { useRouter,useRoute } from 'vue-router'
+const router = useRouter()
+const route=useRoute()
 const activeName = ref('first')
 
+const discussList=ref([]);
+
 const handleClick = (tab, event) => {
   console.log(tab, event)
 }
+
+onMounted(async()=>{
+ const response= await getListByPlateId(route.params.plateId);
+ discussList.value=response.items;
+})
 </script>
 <style scoped>
 .body-div{

Yi.BBS.Vue3/src/views/Index.vue

@@ -9,9 +9,8 @@
    
      
       <el-row class="left-div">
-
         <el-col :span="8" v-for="i in plateList" class="plate" :style="{  'padding-left': i%3==1?0:0.2+'rem','padding-right': i%3==0?0:0.2+'rem'}" >
-          <PlateCard :name="i.name" :introduction="i.introduction"/>
+          <PlateCard :name="i.name" :introduction="i.introduction" :id="i.id"/>
           </el-col>
 
         <el-col :span="24" v-for="i in discussList">
@@ -103,10 +102,10 @@ var discussList=ref([]);
   onMounted(async()=>{
  const response=  await getList();
  plateList.value= response.items;
+
 const discussReponse=await discussGetList();
 discussList.value= discussReponse.items;
-
-  })
+  });
 
 
 </script>