From 0892e2c93e0514a98fc4be087e63080c8ca82d6d Mon Sep 17 00:00:00 2001
From: linfeng <linfngtech001@163.com>
Date: Mon, 19 Jun 2023 12:47:01 +0800
Subject: [PATCH] update post.vue

---
 .../src/views/modules/admin/post.vue          | 271 ++++--------------
 1 file changed, 54 insertions(+), 217 deletions(-)

diff --git a/src/main/resources/static/linfeng-community-vue/src/views/modules/admin/post.vue b/src/main/resources/static/linfeng-community-vue/src/views/modules/admin/post.vue
index e9e2153..7e37143 100644
--- a/src/main/resources/static/linfeng-community-vue/src/views/modules/admin/post.vue
+++ b/src/main/resources/static/linfeng-community-vue/src/views/modules/admin/post.vue
@@ -1,103 +1,41 @@
 <template>
   <div class="mod-config">
-    <el-form
-      :inline="true"
-      :model="dataForm"
-      @keyup.enter.native="getDataList()"
-    >
+    <el-form :inline="true" :model="dataForm" @keyup.enter.native="getDataList()">
       <el-form-item>
-        <el-input
-          v-model="dataForm.key"
-          placeholder="帖子内容或标题搜索"
-          clearable
-        ></el-input>
+        <el-input v-model="dataForm.key" placeholder="帖子内容或标题搜索" clearable></el-input>
       </el-form-item>
       <el-form-item>
         <!-- 选择框 -->
         <el-select v-model="dataForm.status" clearable placeholder="请选择状态">
-          <el-option
-            v-for="item in options"
-            :key="item.value"
-            :label="item.label"
-            :value="item.value"
-          >
+          <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value">
           </el-option>
         </el-select>
 
         <el-button @click="getDataList()">查询</el-button>
         <el-button @click="refresh()">重置</el-button>
-        <el-button
-          v-if="isAuth('admin:post:delete')"
-          type="danger"
-          @click="deleteHandle()"
-          :disabled="dataListSelections.length <= 0"
-          >批量删除</el-button
-        >
+        <el-button v-if="isAuth('admin:post:delete')" type="danger" @click="deleteHandle()"
+          :disabled="dataListSelections.length <= 0">批量删除</el-button>
       </el-form-item>
     </el-form>
-    <el-table
-      :data="dataList"
-      border
-      v-loading="dataListLoading"
-      @selection-change="selectionChangeHandle"
-      style="width: 100%"
-    >
-      <el-table-column
-        type="selection"
-        header-align="center"
-        align="center"
-        width="50"
-      >
+    <el-table :data="dataList" border v-loading="dataListLoading" @selection-change="selectionChangeHandle"
+      style="width: 100%">
+      <el-table-column type="selection" header-align="center" align="center" width="50">
       </el-table-column>
-      <el-table-column
-        prop="id"
-        header-align="center"
-        align="center"
-        label="id"
-      >
+      <el-table-column prop="id" header-align="center" align="center" label="id">
       </el-table-column>
-      <el-table-column
-        prop="userInfo.username"
-        header-align="center"
-        align="center"
-        label="用户名"
-      >
+      <el-table-column prop="userInfo.username" header-align="center" align="center" label="用户名">
       </el-table-column>
-      <el-table-column
-        prop="userInfo.avatar"
-        header-align="center"
-        align="center"
-        label="头像"
-      >
+      <el-table-column prop="userInfo.avatar" header-align="center" align="center" label="头像">
         <template slot-scope="scope">
-          <img
-            style="width: 40px; height: 40px"
-            :src="scope.row.userInfo.avatar"
-          />
+          <img style="width: 40px; height: 40px" :src="scope.row.userInfo.avatar" />
         </template>
       </el-table-column>
-      
-      <el-table-column
-        prop="title"
-        header-align="center"
-        align="center"
-        label="标题"
-      >
+
+      <el-table-column prop="title" header-align="center" align="center" label="标题">
       </el-table-column>
-      <el-table-column
-        prop="content"
-        header-align="center"
-        align="center"
-        width="200"
-        label="内容"
-      >
+      <el-table-column prop="content" header-align="center" align="center" width="200" label="内容">
       </el-table-column>
-      <el-table-column
-        prop="type"
-        header-align="center"
-        align="center"
-        label="帖子类型"
-      >
+      <el-table-column prop="type" header-align="center" align="center" label="帖子类型">
         <template slot-scope="scope">
           <div>
             <el-tag v-if="scope.row.type == 1" type="success">图文</el-tag>
@@ -105,54 +43,20 @@
           </div>
         </template>
       </el-table-column>
-      <el-table-column
-        prop="media"
-        header-align="center"
-        align="center"
-        label="文件"
-      >
+      <el-table-column prop="media" header-align="center" align="center" label="文件">
         <template slot-scope="scope">
-          <el-button
-            v-if="scope.row.type == 2"
-            type="text"
-            @click="openVideo(scope.row.media[0])"
-            >点击预览</el-button
-          >
-          <el-button
-            v-if="scope.row.type == 1 && scope.row.media[0]"
-            type="text"
-            @click="openPic(scope.row.media)"
-            >点击查看</el-button
-          >
+          <el-button v-if="scope.row.type == 2" type="text" @click="openVideo(scope.row.media[0])">点击预览</el-button>
+          <el-button v-if="scope.row.type == 1 && scope.row.media[0]" type="text"
+            @click="openPic(scope.row.media)">点击查看</el-button>
         </template>
       </el-table-column>
-      <el-table-column
-        prop="readCount"
-        header-align="center"
-        align="center"
-        label="浏览量"
-      >
+      <el-table-column prop="readCount" header-align="center" align="center" label="浏览量">
       </el-table-column>
-      <el-table-column
-        prop="commentCount"
-        header-align="center"
-        align="center"
-        label="评论数"
-      >
+      <el-table-column prop="commentCount" header-align="center" align="center" label="评论数">
       </el-table-column>
-      <el-table-column
-        prop="collectionCount"
-        header-align="center"
-        align="center"
-        label="点赞数"
-      >
+      <el-table-column prop="collectionCount" header-align="center" align="center" label="点赞数">
       </el-table-column>
-      <el-table-column
-        prop="postTop"
-        header-align="center"
-        align="center"
-        label="置顶"
-      >
+      <el-table-column prop="postTop" header-align="center" align="center" label="置顶">
         <template slot-scope="scope">
           <div>
             <el-tag v-if="scope.row.postTop == 1" type="success">是</el-tag>
@@ -161,110 +65,42 @@
         </template>
       </el-table-column>
 
-      <el-table-column
-        prop="address"
-        header-align="center"
-        align="center"
-        label="发帖地址"
-      >
+      <el-table-column prop="address" header-align="center" align="center" label="发帖地址">
       </el-table-column>
 
-      <el-table-column
-        prop="createTime"
-        header-align="center"
-        align="center"
-        label="创建时间"
-      >
+      <el-table-column prop="createTime" header-align="center" align="center" label="创建时间">
       </el-table-column>
-      <el-table-column
-        fixed="right"
-        header-align="center"
-        align="center"
-        width="150"
-        label="操作"
-      >
+      <el-table-column fixed="right" header-align="center" align="center" width="150" label="操作">
         <template slot-scope="scope">
-          <el-button
-            v-if="scope.row.status == 1 || scope.row.status == 2"
-            type="text"
-            size="small"
-            @click="statusHandle(scope.row.id)"
-            >上架</el-button
-          >
-          <el-button
-            v-if="scope.row.status == 0"
-            type="text"
-            size="small"
-            @click="statusDownHandle(scope.row.id)"
-            >下架</el-button
-          >
+          <el-button v-if="scope.row.status == 1 || scope.row.status == 2" type="text" size="small"
+            @click="statusHandle(scope.row.id)">上架</el-button>
+          <el-button v-if="scope.row.status == 0" type="text" size="small"
+            @click="statusDownHandle(scope.row.id)">下架</el-button>
 
-          <el-button
-            type="text"
-            size="small"
-            @click="addOrUpdateHandle(scope.row.id)"
-            >修改</el-button
-          >
-          <el-button
-            type="text"
-            size="small"
-            @click="deleteHandle(scope.row.id)"
-            >删除</el-button
-          >
+          <el-button type="text" size="small" @click="addOrUpdateHandle(scope.row.id)">修改</el-button>
+          <el-button type="text" size="small" @click="deleteHandle(scope.row.id)">删除</el-button>
         </template>
       </el-table-column>
     </el-table>
-    <el-pagination
-      @size-change="sizeChangeHandle"
-      @current-change="currentChangeHandle"
-      :current-page="pageIndex"
-      :page-sizes="[10, 20, 50, 100]"
-      :page-size="pageSize"
-      :total="totalPage"
-      layout="total, sizes, prev, pager, next, jumper"
-    >
+    <el-pagination @size-change="sizeChangeHandle" @current-change="currentChangeHandle" :current-page="pageIndex"
+      :page-sizes="[10, 20, 50, 100]" :page-size="pageSize" :total="totalPage"
+      layout="total, sizes, prev, pager, next, jumper">
     </el-pagination>
     <!-- 弹窗, 新增 / 修改 -->
-    <add-or-update
-      v-if="addOrUpdateVisible"
-      ref="addOrUpdate"
-      @refreshDataList="getDataList"
-    ></add-or-update>
+    <add-or-update v-if="addOrUpdateVisible" ref="addOrUpdate" @refreshDataList="getDataList"></add-or-update>
 
-    <el-dialog
-      title="视频预览"
-      :visible.sync="dialogVisible"
-      width="30%"
-      :before-close="handleClose"
-    >
-      <video
-        class="video"
-        :src="this.videoUrl"
-        enable-danmu
-        danmu-btn
-        controls
-      ></video>
+    <el-dialog title="视频预览" :visible.sync="dialogVisible" width="30%" :before-close="handleClose">
+      <video class="video" :src="this.videoUrl" enable-danmu danmu-btn controls></video>
       <span slot="footer" class="dialog-footer">
         <el-button @click="dialogVisible = false">取 消</el-button>
-        <el-button type="primary" @click="dialogVisible = false"
-          >确 定</el-button
-        >
+        <el-button type="primary" @click="dialogVisible = false">确 定</el-button>
       </span>
     </el-dialog>
-    <el-dialog
-      title="图片预览(点击查看)"
-      :visible.sync="dialogVisible2"
-      width="60%"
-      :before-close="handleClose"
-    >
+    <el-dialog title="图片预览(点击查看)" :visible.sync="dialogVisible2" width="60%" :before-close="handleClose">
       <div class="images">
         <div v-for="(item, index) in media" :key="index" class="image-middle">
           <el-card shadow="hover" :body-style="{ padding: '10px' }">
-            <img
-              :src="media[index]"
-              class="image"
-              @click="goPic(media[index])"
-            />
+            <img :src="media[index]" class="image" @click="goPic(media[index])" />
             <div style="text-align: center; padding-top: 12px">
               <span>图{{ index + 1 }}</span>
             </div>
@@ -274,9 +110,7 @@
 
       <span slot="footer" class="dialog-footer">
         <el-button @click="dialogVisible2 = false">取 消</el-button>
-        <el-button type="primary" @click="dialogVisible2 = false"
-          >确 定</el-button
-        >
+        <el-button type="primary" @click="dialogVisible2 = false">确 定</el-button>
       </span>
     </el-dialog>
   </div>
@@ -316,7 +150,6 @@ export default {
           label: "已下架",
         },
       ],
-      // value: ''
     };
   },
   components: {
@@ -383,8 +216,8 @@ export default {
       var ids = id
         ? [id]
         : this.dataListSelections.map((item) => {
-            return item.id;
-          });
+          return item.id;
+        });
       this.$confirm(
         `确定对[id=${ids.join(",")}]进行[${id ? "删除" : "批量删除"}]操作?`,
         "提示",
@@ -418,8 +251,8 @@ export default {
       var ids = id
         ? [id]
         : this.dataListSelections.map((item) => {
-            return item.id;
-          });
+          return item.id;
+        });
       this.$confirm(
         `确定对[id=${ids.join(",")}]进行[${id ? "下架" : "批量下架"}]操作?`,
         "提示",
@@ -454,8 +287,8 @@ export default {
       var ids = id
         ? [id]
         : this.dataListSelections.map((item) => {
-            return item.id;
-          });
+          return item.id;
+        });
       this.$confirm(
         `确定对[id=${ids.join(",")}]进行[${id ? "上架" : "批量上架"}]操作?`,
         "提示",
@@ -490,7 +323,7 @@ export default {
         .then((_) => {
           done();
         })
-        .catch((_) => {});
+        .catch((_) => { });
     },
     openVideo(url) {
       this.dialogVisible = true;
@@ -512,11 +345,13 @@ export default {
   width: 100%;
   margin-bottom: 10px;
 }
+
 .position {
   margin-left: 15px;
   font-size: 30px;
   font-weight: 600;
 }
+
 /* 图片总布局，样式 */
 .images {
   display: flex;
@@ -525,11 +360,13 @@ export default {
   margin-right: 20px;
   flex-wrap: wrap;
 }
+
 /* 图片之间 */
 .image-middle {
   margin-right: 15px;
   margin-bottom: 15px;
 }
+
 /* 单张图片样式 */
 .image {
   width: 110px;