no message

pages/details/[id].vue

@@ -239,11 +239,12 @@
                                     <div class="operate flexacenter">
                                         <div class="item" :class="{ 'pitch': editEmojiState }">
                                             <img class="icon" src="@/assets/img/smiling-face.png" @click="openEditEmoji()" alt="" />
+                                            <div v-if="editEmojiState" class="emoji-edit-box-mask" @click="closeEditEmoji()"></div>
                                             <div class="emoji-box">
                                                 <div class="emoji-icon" v-for="item in emojiData" :key="item" @click="selectEditEmoji(item)">{{ item }}</div>
                                             </div>
                                         </div>
-                                        <div class="item flexacenter" @click="judgeLogin()">
+                                        <div class="item flexacenter" @click="handleEditFile()">
                                             <input class="file" type="file" @change="handleFileUpload($event)" accept=".png, .jpg, .jpeg" />
                                             <img class="icon" style="border-radius: 0;" src="@/assets/img/picture-icon.png" alt="" />
                                             <span class="file-hint">最多可上传1张图片，支持在输入框中直接粘贴图片。</span>
@@ -2012,19 +2013,21 @@ const uploadImg = base64 => {
         // detailLoading.value = true
         commonUploadHttp({
             data: base64,
-        }).then(res => {
-            if (res.code != 200) {
-                ElMessage({
-                    message: res.message || "上传失败",
-                    type: "error",
-                })
-                return
-            }
-            let data = res.data
-            resolve(data)
-        }).catch(err => {
-            console.log("err",err);
         })
+            .then(res => {
+                if (res.code != 200) {
+                    ElMessage({
+                        message: res.message || "上传失败",
+                        type: "error",
+                    })
+                    return
+                }
+                let data = res.data
+                resolve(data)
+            })
+            .catch(err => {
+                console.log("err", err)
+            })
         // .finally(() => (detailLoading.value = false))
     })
 }
@@ -2051,15 +2054,14 @@ let permissions = ref([])
 
 onMounted(() => {
     setTimeout(() => {
-        permissions.value = window["permissions"] || []
-        // permissions.value = ["mj.hide", "comment.edit", "comment.delete"]
+        // permissions.value = window["permissions"] || []
+        permissions.value = ["mj.hide", "comment.edit", "comment.delete"]
     }, 1000)
 })
 
 let dialogVisible = ref(false)
 
-const openHide = () => dialogVisible.value = true
-
+const openHide = () => (dialogVisible.value = true)
 
 // 点击隐藏
 const handleHide = () => {
@@ -2182,6 +2184,13 @@ const postEditComment = () => {
     })
 }
 
+const closeEditEmoji = () => (editEmojiState.value = false)
+
+const handleEditFile = () => {
+    editEmojiState.value = false
+    judgeLogin()
+}
+
 const closeEditFileUpload = () => (editPicture.value = {})
 </script>