fix: rating

src/views/rating/topic/index.vue

@@ -6,6 +6,14 @@
       </vab-query-form-left-panel>
       <vab-query-form-right-panel :span="12">
         <el-form :inline="true" :model="queryForm" @submit.native.prevent>
+          <el-form-item>
+            <el-select v-model="queryForm.status" clearable placeholder="请选择状态" @change="queryData">
+              <el-option label="审核中" :value="1" />
+              <el-option label="已通过" :value="2" />
+              <el-option label="已拒绝" :value="3" />
+              <el-option label="禁用" :value="4" />
+            </el-select>
+          </el-form-item>
           <el-form-item>
             <el-input v-model.trim="queryForm.keyword" clearable placeholder="请输入评价主题" />
           </el-form-item>
@@ -17,11 +25,9 @@
     </vab-query-form>
 
     <el-table v-loading="listLoading" :data="list" :element-loading-text="elementLoadingText">
-      <el-table-column align="left" label="评价主题" min-width="250">
+      <el-table-column align="left" label="评价主题" min-width="200" width="200">
         <template #default="{ row }">
-          <div class="topic-info-cell">
-            <el-image v-if="row.coverUrl" class="topic-cover" :preview-src-list="[row.coverUrl]" :src="getThumbUrl(row.coverUrl)" />
-            <div v-else class="topic-cover-placeholder"><i class="el-icon-picture-outline" /></div>
+          <div class="topic-info-cell" style="cursor: pointer" @click="handleViewItems(row)">
             <div class="topic-details">
               <div class="topic-title">{{ row.title }}</div>
               <div v-if="row.description" class="topic-desc" :title="row.description">{{ row.description }}</div>
@@ -47,7 +53,7 @@
         </template>
       </el-table-column>
 
-      <el-table-column align="left" label="互动统计" min-width="180">
+      <el-table-column align="left" label="互动统计" width="180">
         <template #default="{ row }">
           <div class="stat-cell">
             <div class="stat-row">
@@ -82,17 +88,19 @@
         </template>
       </el-table-column>
 
-      <el-table-column align="center" label="热门分数" prop="hotScore" width="100" />
+      <el-table-column align="left" label="热门分数" prop="hotScore" width="100" />
 
-      <el-table-column align="center" label="创建时间" prop="createdAt" width="160">
+      <el-table-column align="left" label="创建时间" prop="createdAt" width="160">
         <template #default="{ row }">
           {{ formatTime(row.createdAt) }}
         </template>
       </el-table-column>
 
-      <el-table-column align="center" fixed="right" label="操作" width="120">
+      <el-table-column align="center" label="操作" width="150">
         <template #default="{ row }">
           <el-button type="text" @click="handleViewItems(row)">查看评分项</el-button>
+          <el-button v-if="row.status !== 4" style="color: #f56c6c" type="text" @click="handleDisable(row)">禁用</el-button>
+          <el-button v-if="row.status === 4" style="color: #67c23a" type="text" @click="handleEnable(row)">启用</el-button>
         </template>
       </el-table-column>
     </el-table>
@@ -113,6 +121,7 @@
 
 <script>
   import { getList } from '@/api/rating/topic'
+  import { reviewTopic } from '@/api/rating/topicOperate'
   import { formatTime } from '@/utils'
   import { getThumbUrl } from '@/utils/blessing'
   import TopicEdit from './components/TopicEdit'
@@ -131,6 +140,7 @@
           pageNo: 1,
           pageSize: 10,
           keyword: '',
+          status: '',
         },
       }
     },
@@ -173,6 +183,50 @@
           query: { topicId: row.id },
         })
       },
+      handleDisable(row) {
+        this.$confirm('确定要禁用该话题吗？', '提示', {
+          confirmButtonText: '确定',
+          cancelButtonText: '取消',
+          type: 'warning',
+        })
+          .then(async () => {
+            try {
+              const { msg } = await reviewTopic({
+                topicId: row.id,
+                userId: this.$store.state.user.userId || '',
+                status: 4,
+                type: 'topic',
+              })
+              this.$baseMessage(msg || '已禁用', 'success')
+              this.fetchData()
+            } catch (error) {
+              console.error(error)
+            }
+          })
+          .catch(() => {})
+      },
+      handleEnable(row) {
+        this.$confirm('确定要启用该话题吗？', '提示', {
+          confirmButtonText: '确定',
+          cancelButtonText: '取消',
+          type: 'success',
+        })
+          .then(async () => {
+            try {
+              const { msg } = await reviewTopic({
+                topicId: row.id,
+                userId: this.$store.state.user.userId || '',
+                status: 2,
+                type: 'topic',
+              })
+              this.$baseMessage(msg || '已启用', 'success')
+              this.fetchData()
+            } catch (error) {
+              console.error(error)
+            }
+          })
+          .catch(() => {})
+      },
     },
   }
 </script>