PC端调整

safe-campus-bbs-ui/src/api/moments/index.js

@@ -33,4 +33,13 @@ export function getMomentComments(momentId, params) {
         method: 'get',
         params
     })
+}
+
+// 置顶取消置顶
+export function isTopData(data){
+    return request({
+        url:`/bbs/moment/top`,
+        method:'put',
+        data
+    })
 }
\ No newline at end of file

safe-campus-bbs-ui/src/views/comment/index.vue

@@ -24,8 +24,8 @@
           </el-row>
             <el-table :data="tableList">
                 <el-table-column label="评论内容" prop="content" align="center"></el-table-column>
-                <el-table-column label="动态编号" align="center" prop="momentId" width="100"></el-table-column>
-                <el-table-column label="动态内容" prop="momentContent" align="center"></el-table-column>
+                <el-table-column label="所属动态编号" align="center" prop="momentId" width="100"></el-table-column>
+                <el-table-column label="动态内容" prop="momentContent" align="center" width="300" show-overflow-tooltip></el-table-column>
                 <el-table-column label="账号" prop="userName" align="center"></el-table-column>
                 <el-table-column label="姓名" prop="nickName" align="center"></el-table-column>
                 <el-table-column label="创建时间" prop="createTime" align="center"></el-table-column>

safe-campus-bbs-ui/src/views/moments/index.vue

@@ -30,24 +30,20 @@
             </el-row>
             <el-table :data="tableList">
               <el-table-column label="动态编号" align="center" prop="id" width="100"></el-table-column>
-                <el-table-column label="动态内容" prop="content" align="center">
+                <el-table-column label="动态内容" prop="content" align="center" width="320" show-overflow-tooltip>
                     <template #default="{ row }">
                         <div v-html="formatContent(row.content)" class="content-container"></div>
                         <span v-if="row.type == 'IMAGE' && row.attachments && row.attachments.length > 0"
                             class="pic-box">
                             <span v-for="(img, idx) in row.attachments">[图片]</span>
-                            <!-- <el-image :preview-src-list="row.previewList" class="img"
-                                v-for="(img, idx) in row.attachments" :initial-index="idx" :key="idx"
-                                :src="img.url"></el-image> -->
                         </span>
                         <span v-if="row.type == 'VIDEO' && row.attachments && row.attachments.length > 0"
                             class="pic-box">
                             <span v-for="(img, idx) in row.attachments">[视频]</span>
-                            <!-- <video class="img" v-for="(img, idx) in row.attachments" :key="idx" :src="img.url"></video> -->
                         </span>
                     </template>
                 </el-table-column>
-                <el-table-column label="话题" align="center" prop="topicNames" width="200"></el-table-column>
+                <el-table-column label="话题" align="center" prop="topicNames" width="200" show-overflow-tooltip></el-table-column>
                 <el-table-column label="学工号" prop="userName" align="center" width="140"></el-table-column>
                 <el-table-column label="姓名" prop="nickName" align="center" width="120"></el-table-column>
                 <el-table-column label="部门(班级)" prop="deptName" align="center" width="120"></el-table-column>
@@ -55,10 +51,12 @@
                 <el-table-column label="点赞数" prop="likeCount" align="center" width="80"></el-table-column>
                 <el-table-column label="评论数" prop="commentCount" align="center" width="80"></el-table-column>
                 <el-table-column label="创建时间" prop="createTime" align="center" width="160"></el-table-column>
-                <el-table-column label="操作" align="center" width="160">
+                <el-table-column label="操作" align="center" width="180" fixed="right">
                     <template #default="{ row }">
                         <el-button type="text" @click="handleDetail(row)">详情</el-button>
                         <el-button type="text" @click="handleDelete(row)">删除</el-button>
+                        <el-button type="text" v-if="!row.isTop" @click="handleTop(row, 1)">置顶</el-button>
+                        <el-button type="text" v-if="row.isTop == 1" @click="handleTop(row, 0)">取消置顶</el-button>
                     </template>
                 </el-table-column>
             </el-table>
@@ -71,7 +69,7 @@
 </template>
 
 <script>
-import { listData, delData } from '@/api/moments';
+import { listData, delData,isTopData } from '@/api/moments';
 import DetailDialog from './DetailDialog.vue';
 import emotions from '@/utils/emjo';
 export default {
@@ -159,6 +157,20 @@ export default {
                 ...this.queryParams
             }, `动态_${new Date().getTime()}.xlsx`)
         },
+        // 置顶/取消置顶
+        handleTop(row, isTop) {
+            let text = isTop == '0' ? '取消置顶' : '置顶'
+            let data = {
+                isTop,
+                momentId: row.id
+            }
+            this.$modal.confirm(`确认要${text}评论内容为：${row.content}的数据吗？`).then(function () {
+                return isTopData(data);
+            }).then(() => {
+                this.$modal.msgSuccess(text + "成功");
+                this.getList()
+            })
+        },
         /**
          * 将内容中的表情符号转换为iconfont标签
          * @param {string} content - 原始内容