From d81e52816e6af9fcc935497b93f0970ec40e8a89 Mon Sep 17 00:00:00 2001
From: sws <1141121512@qq.com>
Date: Mon, 19 Aug 2024 15:58:40 +0800
Subject: [PATCH] =?UTF-8?q?1.=E9=93=BE=E6=8E=A5=E4=BC=98=E5=8C=96=20sws=20?=
 =?UTF-8?q?2024-08-19?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/common/hot/index.vue           |  2 +-
 .../common/upload/form-upload-category.vue    | 10 +++++--
 src/components/common/upload/index.vue        | 29 ++++++++++++-------
 src/components/common/upload/upload-model.vue |  4 +--
 .../common/url-value/url-value-dialog.vue     |  2 +-
 src/styles/index.scss                         |  2 ++
 6 files changed, 32 insertions(+), 17 deletions(-)

diff --git a/src/components/common/hot/index.vue b/src/components/common/hot/index.vue
index d1e801d6..2f92c089 100644
--- a/src/components/common/hot/index.vue
+++ b/src/components/common/hot/index.vue
@@ -57,7 +57,7 @@
             </span>
         </template>
     </el-dialog>
-    <el-dialog v-model="hot_dialog_visible" width="560" append-to-body @close="hot_close_event">
+    <el-dialog v-model="hot_dialog_visible" width="560" append-to-body draggable @close="hot_close_event">
         <template #header>
             <div class="title re">
                 <div class="tc size-16 fw">设置热区</div>
diff --git a/src/components/common/upload/form-upload-category.vue b/src/components/common/upload/form-upload-category.vue
index 3d88f551..19a31c19 100644
--- a/src/components/common/upload/form-upload-category.vue
+++ b/src/components/common/upload/form-upload-category.vue
@@ -1,5 +1,5 @@
 <template>
-    <el-dialog v-model="dialog_visible_category_oprate" class="radius-lg" width="500" append-to-body>
+    <el-dialog v-model="dialog_visible_category_oprate" class="radius-lg" width="500" draggable append-to-body>
         <template #header>
             <div class="title center re">
                 <div class="tc size-16 fw">{{ type == 'add' ? '添加' : '编辑' }}附件分类</div>
@@ -136,4 +136,10 @@ const confirm_event = async (formEl: FormInstance | undefined) => {
     });
 };
 </script>
-<style lang="scss" scoped></style>
+<style lang="scss" scoped>
+.el-dialog__header {
+    .title {
+        height: 2.8rem;
+    }
+}
+</style>
diff --git a/src/components/common/upload/index.vue b/src/components/common/upload/index.vue
index c28c2228..749c052b 100644
--- a/src/components/common/upload/index.vue
+++ b/src/components/common/upload/index.vue
@@ -1,6 +1,6 @@
 <!-- 上传组件 -->
 <template>
-    <el-dialog v-model="dialog_visible" class="radius-lg" width="1168" append-to-body>
+    <el-dialog v-model="dialog_visible" class="radius-lg" width="1168" draggable append-to-body>
         <template #header>
             <div class="title re">
                 <el-radio-group v-model="upload_type" is-button @change="upload_type_change">
@@ -27,15 +27,14 @@
                             <div class="custom-tree-node flex-row jc-sb gap-10 align-c w pr-10" :class="data.is_enable == 0 || node.parent.data.is_enable == 0 ? 'disabled bg-red' : ''">
                                 <div class="flex-1 flex-width text-line-1 block">{{ data.name }}</div>
                                 <div v-if="data.id" class="flex-row gap-10 cr-9 category-oprate c-pointer">
-                                    <div v-if="data.pid == 0" @click.stop="append_type_event(data)">
-                                        <icon class="icon" name="add" size="12"></icon>
-                                    </div>
-                                    <div @click.stop="edit_type_event(data)">
-                                        <icon class="icon" name="edit" size="12"></icon>
-                                    </div>
-                                    <div @click.stop="remove_type_event(node, data)">
-                                        <icon class="icon" name="del" size="12"></icon>
-                                    </div>
+                                    <el-popover placement="right" :width="400" trigger="click">
+                                        <template #reference>
+                                            <icon name="ellipsis" size="14" color="9"></icon>
+                                        </template>
+                                        <div v-if="data.pid == 0" @click.stop="append_type_event(data)"><icon class="icon" name="add" size="12"></icon>新增</div>
+                                        <div @click.stop="edit_type_event(data)"><icon class="icon" name="edit" size="12"></icon>编辑</div>
+                                        <div @click.stop="remove_type_event(node, data)"><icon class="icon" name="del" size="12"></icon>删除</div>
+                                    </el-popover>
                                 </div>
                             </div>
                         </template>
@@ -55,7 +54,7 @@
                     <div class="right-search">
                         <el-input v-model="search_name" :placeholder="'请输入' + upload_type_name + '名称'" @change="get_attachment_list('1')">
                             <template #suffix>
-                                <icon name="search" size="18"></icon>
+                                <icon name="search" size="18" class="c-pointer" @click="get_attachment_list('1')"></icon>
                             </template>
                         </el-input>
                     </div>
@@ -269,6 +268,7 @@ const upload_type_name = computed(() => {
 // 切换图片/视频/文件
 const upload_type_change = (type: any) => {
     view_list_value.value = [];
+    get_attachment_list();
 };
 
 // 打开上传弹窗
@@ -492,6 +492,12 @@ const del_event = (item: uploadList) => {
             ElMessage.success('删除成功!');
             // 调用查询接口
             get_attachment_list();
+
+            // 过滤已删除的文件
+            view_list_value.value = view_list_value.value.filter((items: any) => {
+                return items.id !== item.id;
+            });
+            console.log(view_list_value.value);
         });
     });
 };
@@ -506,6 +512,7 @@ const mult_del_event = () => {
                 // 调用查询接口
                 get_attachment_list();
                 check_img_ids.value = '';
+                view_list_value.value = [];
             });
         });
     } else {
diff --git a/src/components/common/upload/upload-model.vue b/src/components/common/upload/upload-model.vue
index 33d01867..7789b6ca 100644
--- a/src/components/common/upload/upload-model.vue
+++ b/src/components/common/upload/upload-model.vue
@@ -1,6 +1,6 @@
 <!-- 上传组件 -->
 <template>
-    <el-dialog v-model="dialogVisible" class="radius-lg" width="1168" append-to-body @close="close_dialog">
+    <el-dialog v-model="dialogVisible" class="radius-lg" width="1168" draggable append-to-body @close="close_dialog">
         <template #header>
             <div class="title center re">
                 <div class="tc size-16 fw">{{ upload_type_name }}上传</div>
@@ -12,7 +12,7 @@
                     <el-radio-group v-model="form.type" @change="upload_type_change">
                         <el-radio value="loc">本地上传</el-radio>
                         <el-radio value="scan">扫码上传</el-radio>
-                        <el-radio v-if="type !== 'file'" value="web">网络上传</el-radio>
+                        <el-radio value="web">网络上传</el-radio>
                     </el-radio-group>
                 </el-form-item>
                 <el-form-item label="上传至分组" prop="category_id">
diff --git a/src/components/common/url-value/url-value-dialog.vue b/src/components/common/url-value/url-value-dialog.vue
index b7cfcf15..147a637c 100644
--- a/src/components/common/url-value/url-value-dialog.vue
+++ b/src/components/common/url-value/url-value-dialog.vue
@@ -1,5 +1,5 @@
 <template>
-    <el-dialog v-model="dialogVisible" class="radius-lg" width="1168" append-to-body @close="close_event">
+    <el-dialog v-model="dialogVisible" class="radius-lg" width="1168" draggable append-to-body @close="close_event">
         <template #header>
             <div class="title center re">
                 <div class="tc size-16 fw">选择链接</div>
diff --git a/src/styles/index.scss b/src/styles/index.scss
index e490b3dc..3d9c7a80 100644
--- a/src/styles/index.scss
+++ b/src/styles/index.scss
@@ -132,6 +132,8 @@ div:focus {
     }
     .el-dialog__headerbtn {
         font-size: 2.4rem;
+        width: 3.4rem;
+        height: 3.4rem;
     }
     .title {
         height: 3.8rem;