From 8950a8d205f4991ec1b952a849eb72335973d1c5 Mon Sep 17 00:00:00 2001
From: duanshuwen <duanshuwen@gogpay.cn>
Date: Sun, 7 Dec 2025 22:31:49 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E6=96=B0=E5=A2=9E=E8=AF=84=E8=AE=BA?=
 =?UTF-8?q?=E7=BB=84=E4=BB=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/renderer/constant/rate.ts                 | 48 +++++++++++++++++++
 .../components/RateContentSection/index.vue   |  9 +++-
 .../rate/components/RateListSection/index.vue | 37 ++++++++++++++
 3 files changed, 92 insertions(+), 2 deletions(-)
 create mode 100644 src/renderer/views/rate/components/RateListSection/index.vue

diff --git a/src/renderer/constant/rate.ts b/src/renderer/constant/rate.ts
index c3522a6..736a65a 100644
--- a/src/renderer/constant/rate.ts
+++ b/src/renderer/constant/rate.ts
@@ -49,4 +49,52 @@ export const channels: Item[] = [
         total: 70,
         score: 4.5
     }
+]
+
+interface ListItem {
+    id: number
+    userName: string
+    content: string
+    createTime: string
+    channelName: string
+    channelIcon: any
+    imageList: any[]
+    score: number
+}
+
+export const commentList: ListItem[] = [
+    {
+        id: 1,
+        userName: '用户98882',
+        content: '环境不错，温泉也很好',
+        createTime: '2022-11-09 16:24:30',
+        channelName: '携程',
+        channelIcon: xc,
+        imageList: [
+            xc,
+            xc,
+            xc,
+            xc,
+            xc,
+            xc,
+        ],
+        score: 5,
+    },
+    {
+        id: 2,
+        userName: '用户98882',
+        content: '环境不错，温泉也很好',
+        createTime: '2022-11-09 16:24:30',
+        channelName: '抖音',
+        channelIcon: dy,
+        imageList: [
+            dy,
+            dy,
+            dy,
+            dy,
+            dy,
+            dy,
+        ],
+        score: 5,
+    },
 ]
\ No newline at end of file
diff --git a/src/renderer/views/rate/components/RateContentSection/index.vue b/src/renderer/views/rate/components/RateContentSection/index.vue
index 40da24a..3cdc4d2 100644
--- a/src/renderer/views/rate/components/RateContentSection/index.vue
+++ b/src/renderer/views/rate/components/RateContentSection/index.vue
@@ -1,12 +1,14 @@
 <template>
-    <div class="box-border border-[1px] border-[#E5E8EE] rounded-[16px] p-[16px]">
-        <el-tabs v-model="activeName" class="demo-tabs">
+    <div class="flex flex-col box-border border-[1px] border-[#E5E8EE] rounded-[16px] p-[16px]">
+        <el-tabs v-model="activeName">
             <el-tab-pane :label="`${item.label}(${item.total})`" :name="item.name" v-for="item in tabs"
                 :key="item.label" />
         </el-tabs>
 
         <RateFilterSection />
 
+        <RateListSection :list="commentList" />
+
         <!-- 分页 -->
         <Pagination v-model:current-page="queryParams.pageIndex" :page-size="queryParams.pageSize" :total="total" />
     </div>
@@ -14,8 +16,10 @@
 
 <script setup lang="ts" name="RateContentSection">
 import { ref } from 'vue'
+import { commentList } from '@/constant/rate'
 import Pagination from '@/components/Pagination/index.vue'
 import RateFilterSection from '../RateFilterSection/index.vue'
+import RateListSection from '../RateListSection/index.vue'
 
 const activeName = ref('all')
 const tabs = ref([
@@ -35,6 +39,7 @@ const tabs = ref([
         total: 50,
     }
 ])
+const list = ref([])
 const total = ref(200)
 const queryParams = ref({
     pageIndex: 1,
diff --git a/src/renderer/views/rate/components/RateListSection/index.vue b/src/renderer/views/rate/components/RateListSection/index.vue
new file mode 100644
index 0000000..996f4bf
--- /dev/null
+++ b/src/renderer/views/rate/components/RateListSection/index.vue
@@ -0,0 +1,37 @@
+<template>
+    <div class="list h-[420px] px-[16px] overflow-y-auto">
+        <div class="mb-[16px]" v-for="item in list" :key="item.id">
+            <div class="flex items-center text-[14px] select-none">
+                <el-image :src="item.channelIcon" />
+                <span class="text-[#1B74F5] ml-[12px]">{{ item.channelName }}</span>
+                <span class="text-[#1B74F5] mx-[3px]">-</span>
+                <span class="text-[#171717]">{{ item.userName }}</span>
+                <span class="text-[#99A0AE] mx-[6px]">·</span>
+                <span class="text-[#2B7FFF]">评分{{ item.score }}</span>
+                <span class="text-[#99A0AE] ml-auto">{{ item.createTime }}</span>
+            </div>
+            <div class="content pl-[60px]">
+                <p class="text-[14px] text-[#525866] leading-[20px] mb-[8px]">{{ item.content }}</p>
+
+                <div class="grid grid-cols-3 gap-[8px] w-[316px]">
+                    <el-image :src="img" class="w-[100px] h-[100px] rounded-[8px]"
+                        v-for="(img, index) in item.imageList" :key="index" />
+                </div>
+            </div>
+            <div class="reply pl-[60px]">
+                <span class="text-[14px] text-[#2B7FFF] cursor-pointer">回复</span>
+            </div>
+        </div>
+    </div>
+</template>
+
+<script setup lang="ts" name="RateContentSection">
+import { defineProps } from 'vue'
+
+defineProps({
+    list: {
+        type: Array,
+        default: () => [],
+    }
+})
+</script>
\ No newline at end of file