From 8fa837afbe347f2ffed22e34bd955a5459cff54b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=B0=8F=E4=B8=91=E8=B7=AF=E4=BA=BA?= <2278757482@qq.com>
Date: Tue, 1 Jun 2021 11:43:39 +0800
Subject: [PATCH] =?UTF-8?q?=E5=A4=9A=E5=9B=BE=E4=B8=8A=E4=BC=A0=E6=97=B6?=
 =?UTF-8?q?=EF=BC=8C=E5=88=A0=E9=99=A4=E6=8C=87=E5=AE=9A=E5=9B=BE=E7=89=87?=
 =?UTF-8?q?=E4=B8=8E=E9=A2=84=E8=A7=88?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../articles/components/ArticleDetail.vue     | 25 +++++++++++++++++--
 1 file changed, 23 insertions(+), 2 deletions(-)

diff --git a/app/Modules/Admin/Resources/vue-element-admin/views/articles/components/ArticleDetail.vue b/app/Modules/Admin/Resources/vue-element-admin/views/articles/components/ArticleDetail.vue
index d6467b3..94c3b9a 100644
--- a/app/Modules/Admin/Resources/vue-element-admin/views/articles/components/ArticleDetail.vue
+++ b/app/Modules/Admin/Resources/vue-element-admin/views/articles/components/ArticleDetail.vue
@@ -55,8 +55,15 @@
                         list-type="picture-card"
                         :auto-upload="false"
                         :file-list="filesList"
+                        drag
+                        :on-preview="handlePictureCardPreview"
+                        :on-remove="handleRemove"
                     >
                     </el-upload>
+                    <el-dialog :visible.sync="dialogVisible">
+                        <img width="100%" :src="dialogImageUrl" alt="">
+                    </el-dialog>
+
 
                     <el-button
                         class="margin-top-20"
@@ -245,8 +252,6 @@
                 // 测试
                 filesList: [],
 
-                dialogImageUrl: '',
-                dialogVisible: false,
                 dialogImageUrl: '',
                 dialogVisible: false,
                 disabled: false
@@ -308,6 +313,22 @@
             this.getArticleLabelSelect();
         },
         methods: {
+            handleRemove(file) {
+                let that = this;
+                that.postForm.article_images = [];
+                that.filesList.forEach(function (val, index) {
+                    if (val.url == file.url){
+                        // 再次点击则移除选中
+                        that.filesList.splice(index, 1);
+                    }else{
+                        that.postForm.article_images.push(val.url);
+                    }
+                });
+            },
+            handlePictureCardPreview(file) {
+                this.dialogImageUrl = file.url;
+                this.dialogVisible = true;
+            },
             // 打开文件选择器
             openSelectFiles() {
                 this.show_files = true;
-- 
Gitee