feat: feishu alert

src/views/rating/topic/index.vue

@@ -1,10 +1,10 @@
 <template>
   <div class="rating-topic-container">
     <vab-query-form>
-      <vab-query-form-left-panel :span="12">
+      <vab-query-form-left-panel>
         <el-button icon="el-icon-plus" type="primary" @click="handleAdd">创建话题</el-button>
       </vab-query-form-left-panel>
-      <vab-query-form-right-panel :span="12">
+      <vab-query-form-left-panel>
         <el-form :inline="true" :model="queryForm" @submit.native.prevent>
           <el-form-item>
             <el-select v-model="queryForm.status" clearable placeholder="请选择状态" @change="queryData">
@@ -21,7 +21,7 @@
             <el-button icon="el-icon-search" type="primary" @click="queryData">查询</el-button>
           </el-form-item>
         </el-form>
-      </vab-query-form-right-panel>
+      </vab-query-form-left-panel>
     </vab-query-form>
 
     <el-table v-loading="listLoading" :data="list" :element-loading-text="elementLoadingText">
@@ -46,10 +46,10 @@
         </template>
       </el-table-column>
 
-      <el-table-column align="center" label="允许评论" width="100">
+      <el-table-column align="left" label="用户信息" min-width="200" width="300">
         <template #default="{ row }">
-          <el-tag v-if="row.allowComment === 1 || row.allowComment === true" type="success">是</el-tag>
-          <el-tag v-else type="danger">否</el-tag>
+          <user-info v-if="row.user" :user="row.user" :user-id="row.userId" />
+          <span v-else>系统创建</span>
         </template>
       </el-table-column>
 
@@ -125,10 +125,11 @@
   import { formatTime } from '@/utils'
   import { getThumbUrl } from '@/utils/blessing'
   import TopicEdit from './components/TopicEdit'
+  import UserInfo from '@/components/UserInfo'
 
   export default {
     name: 'RatingTopicIndex',
-    components: { TopicEdit },
+    components: { TopicEdit, UserInfo },
     data() {
       return {
         list: [],
@@ -145,6 +146,9 @@
       }
     },
     created() {
+      if (this.$route.query.topicId) {
+        this.queryForm.keyword = this.$route.query.topicId
+      }
       this.fetchData()
     },
     methods: {