no message

resources/assets/js/components/DrawerOverlay.vue

@@ -27,6 +27,10 @@
                 type: Boolean,
                 default: true
             },
+            escClosable: {
+                type: Boolean,
+                default: true
+            },
             placement: {
                 validator (value) {
                     return ['right', 'bottom'].includes(value)
@@ -45,6 +49,14 @@
             }
         },
 
+        mounted () {
+            document.addEventListener('keydown', this.escClose);
+        },
+
+        beforeDestroy () {
+            document.removeEventListener('keydown', this.escClose);
+        },
+
         computed: {
             bodyStyle() {
                 let size = parseInt(this.size);
@@ -72,6 +84,13 @@
             close() {
                 this.$emit("input", !this.value)
             },
+            escClose(e) {
+                if (this.value && this.escClosable) {
+                    if (e.keyCode === 27) {
+                        this.close()
+                    }
+                }
+            }
         }
     }
 </script>

resources/assets/js/pages/manage/components/FileContent.vue

@@ -112,6 +112,7 @@ export default {
             handler(info) {
                 if (this.fileId != info.id) {
                     this.fileId = info.id;
+                    this.contentDetail = null;
                     this.getContent();
                 }
             },

resources/assets/js/pages/manage/file.vue

@@ -195,7 +195,10 @@
         </Modal>
 
         <!--查看/修改文件-->
-        <DrawerOverlay v-model="editShow" class="page-file-drawer">
+        <DrawerOverlay
+            v-model="editShow"
+            class="page-file-drawer"
+            :mask-closable="false">
             <FileContent v-if="editShowNum > 0" :parent-show="editShow" :file="editInfo"/>
         </DrawerOverlay>