From 97dd13a2d1b3fe60a3d26c0d6343dde3ca1b037b Mon Sep 17 00:00:00 2001
From: linfeng <2445465217@qq.com>
Date: Tue, 20 Dec 2022 10:09:48 +0800
Subject: [PATCH] =?UTF-8?q?=E5=90=8E=E5=8F=B0=E5=89=8D=E7=AB=AF=E4=BF=AE?=
 =?UTF-8?q?=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/views/modules/admin/post.vue          | 161 ++++++++++--------
 1 file changed, 89 insertions(+), 72 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 1ba4690..41c0019 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
@@ -13,18 +13,19 @@
         ></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>
-     </el-select>
+        <!-- 选择框 -->
+        <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>
+        </el-select>
 
-      <el-button @click="getDataList()">查询</el-button>
-      <el-button @click="refresh()">重置</el-button>
+        <el-button @click="getDataList()">查询</el-button>
+        <el-button @click="refresh()">重置</el-button>
         <el-button
           v-if="isAuth('admin:post:delete')"
           type="danger"
@@ -32,7 +33,6 @@
           :disabled="dataListSelections.length <= 0"
           >批量删除</el-button
         >
-
       </el-form-item>
     </el-form>
     <el-table
@@ -118,8 +118,18 @@
         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
@@ -163,7 +173,7 @@
           </div>
         </template>
       </el-table-column>
-      
+
       <el-table-column
         prop="address"
         header-align="center"
@@ -187,13 +197,15 @@
         label="操作"
       >
         <template slot-scope="scope">
-          <el-button v-if="scope.row.status==1 || scope.row.status==2"
+          <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"
+          <el-button
+            v-if="scope.row.status == 0"
             type="text"
             size="small"
             @click="statusDownHandle(scope.row.id)"
@@ -238,13 +250,13 @@
       width="30%"
       :before-close="handleClose"
     >
-          <video
-            class="video"
-            :src="this.videoUrl"
-            enable-danmu
-            danmu-btn
-            controls
-          ></video>
+      <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"
@@ -258,16 +270,20 @@
       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])"/> 
-        <div style="text-align:center;padding-top:12px">
-        <span>图{{index+1}}</span>
+      <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])"
+            />
+            <div style="text-align: center; padding-top: 12px">
+              <span>图{{ index + 1 }}</span>
+            </div>
+          </el-card>
         </div>
-        </el-card>
       </div>
-    </div>
 
       <span slot="footer" class="dialog-footer">
         <el-button @click="dialogVisible2 = false">取 消</el-button>
@@ -286,7 +302,7 @@ export default {
     return {
       dataForm: {
         key: "",
-        status:'',
+        status: "",
       },
       dataList: [],
       pageIndex: 1,
@@ -297,19 +313,23 @@ export default {
       addOrUpdateVisible: false,
       dialogVisible: false,
       dialogVisible2: false,
-      videoUrl:"",
+      videoUrl: "",
       media: [],
-       options: [{
+      options: [
+        {
           value: 0,
-          label: '正常'
-        }, {
+          label: "正常",
+        },
+        {
           value: 1,
-          label: '待审核'
-        }, {
+          label: "待审核",
+        },
+        {
           value: 2,
-          label: '已下架'
-        }],
-        // value: ''
+          label: "已下架",
+        },
+      ],
+      // value: ''
     };
   },
   components: {
@@ -319,12 +339,12 @@ export default {
     this.getDataList();
   },
   methods: {
-    refresh(){
-        this.dataForm.key='';
-        this.dataForm.status='';
-        this.pageIndex=1;
-        this.pageSize=10;
-        this.getDataList();
+    refresh() {
+      this.dataForm.key = "";
+      this.dataForm.status = "";
+      this.pageIndex = 1;
+      this.pageSize = 10;
+      this.getDataList();
     },
     // 获取数据列表
     getDataList() {
@@ -336,7 +356,7 @@ export default {
           page: this.pageIndex,
           limit: this.pageSize,
           key: this.dataForm.key,
-          status:this.dataForm.status
+          status: this.dataForm.status,
         }),
       }).then(({ data }) => {
         if (data && data.code === 0) {
@@ -407,8 +427,8 @@ export default {
         });
       });
     },
-    statusDownHandle(id){
-            var ids = id
+    statusDownHandle(id) {
+      var ids = id
         ? [id]
         : this.dataListSelections.map((item) => {
             return item.id;
@@ -479,26 +499,24 @@ export default {
       });
     },
     handleClose(done) {
-        this.$confirm('确认关闭？')
-          .then(_ => {
-            done();
-          })
-          .catch(_ => {});
+      this.$confirm("确认关闭？")
+        .then((_) => {
+          done();
+        })
+        .catch((_) => {});
     },
-    openVideo(url){
-      this.dialogVisible=true;
-      this.videoUrl=url;
+    openVideo(url) {
+      this.dialogVisible = true;
+      this.videoUrl = url;
     },
-    openPic(media){
-      this.dialogVisible2=true;
-      this.media=media;
+    openPic(media) {
+      this.dialogVisible2 = true;
+      this.media = media;
     },
-    goPic(url){
-      console.log('==>',url);
+    goPic(url) {
+      console.log("==>", url);
       window.open(url);
-    }
-
-
+    },
   },
 };
 </script>
@@ -513,7 +531,7 @@ export default {
   font-weight: 600;
 }
 /* 图片总布局，样式 */
-.images{
+.images {
   display: flex;
   margin-top: 20px;
   margin-left: 21px;
@@ -521,14 +539,13 @@ export default {
   flex-wrap: wrap;
 }
 /* 图片之间 */
-.image-middle{
+.image-middle {
   margin-right: 15px;
   margin-bottom: 15px;
 }
 /* 单张图片样式 */
-.image{
-  width:110px;
+.image {
+  width: 110px;
   height: 110px;
 }
-
 </style>
\ No newline at end of file