新讨论测试修改

assets/css/details.css

@@ -252,6 +252,15 @@
   color: #333333;
   margin-right: 10px;
 }
+.content .right .header .mj-header .hide {
+  cursor: pointer;
+  color: #aaaaaa;
+  margin-left: 12px;
+}
+.content .right .header .mj-header .hide .icon {
+  height: 16px;
+  margin-right: 5px;
+}
 .content .right .header .mj-header .time {
   color: #aaaaaa;
 }

assets/css/details.less

@@ -308,6 +308,17 @@
                     color: #333333;
                     margin-right: 10px;
                 }
+
+                .hide {
+                    cursor: pointer;
+                    color: #aaaaaa;
+                    margin-left: 12px;
+                    .icon {
+                        height: 16px;
+                        margin-right: 5px;
+                    }
+                }
+
                 .time {
                     color: #aaaaaa;
                 }
@@ -1930,4 +1941,3 @@
         }
     }
 }
-

pages/details/[id].vue

@@ -109,6 +109,11 @@
 
                             <div class="user-name">{{ info["nickname"] || "匿名用户" }}</div>
                             <div class="time">{{ handleDate(info["releasetime"]) }}发布</div>
+
+                            <div class="hide flexacenter" @click="openHide" v-if="permissions.includes('mj.hide')">
+                                <img class="icon" src="@/assets/img/set-icon.png" />
+                                隐藏
+                            </div>
                         </div>
                         <a class="mj-header-right flexacenter" target="_blank" :href="info['threadurl']">
                             <img class="original-icon" src="@/assets/img/original-icon.png" />
@@ -342,7 +347,7 @@
                                             </div>
                                         </div>
                                     </div>
-                                    <div class="comment-text" @click="!item['childState'] ? openAnswerCommentsChild(index) : closeAnswerCommentsChild()" v-html="item['content']"></div>
+                                    <div class="comment-text" v-if="item['content']" @click="!item['childState'] ? openAnswerCommentsChild(index) : closeAnswerCommentsChild()" v-html="item['content']"></div>
                                     <img class="comments-img" @click="handleAnswerText" :src="item.image?.base64 || item.image?.url" v-if="item.image?.url" />
                                     <!-- <div class="comments-input-masking" @click="closeAnswerCommentsChild()" v-if="item['childState']"></div> -->
                                     <!-- <div class="comments-input-box" :class="{ 'comments-input-box-show': item['childState'] }"> -->
@@ -431,7 +436,7 @@
                                                         </div>
                                                     </div>
                                                 </div>
-                                                <div class="comment-text" @click="!ite['childState'] ? openAnswerCommentsChild(index, i) : closeAnswerCommentsChild()">
+                                                <div class="comment-text" v-if="ite['content']" @click="!ite['childState'] ? openAnswerCommentsChild(index, i) : closeAnswerCommentsChild()">
                                                     <div class="comments-reply" v-if="ite?.reply?.nickname">@{{ ite?.reply?.nickname }}</div>
                                                     {{ ite["content"] }}
                                                 </div>
@@ -512,10 +517,10 @@
                         </el-popover>
                     </div>
 
-                    <div class="floor-centre flexflex flexacenter" @click="handleHide" v-if="permissions.includes('mj.hide')">
+                    <!-- <div class="floor-centre flexflex flexacenter" @click="openHide" v-if="permissions.includes('mj.hide')">
                         <img class="icon" src="@/assets/img/set-icon.png" />
                         隐藏
-                    </div>
+                    </div> -->
 
                     <div class="floor-left flexacenter">
                         <div class="item flexacenter" v-if="isBrowser" style="cursor: auto;">
@@ -561,7 +566,7 @@
                                             <img class="transmit-mini-img" :src="qrcode" />
                                             <div class="flexcenter">
                                                 <img class="give-sweep" src="@/assets/img/give-sweep.png" />
-                                                扫码转发该问答
+                                                扫码转发该面经
                                             </div>
                                         </div>
                                     </div>
@@ -674,6 +679,16 @@
             <img class="detail-img" :src="dialogSrc" />
         </div>
     </div>
+
+    <el-dialog v-model="dialogVisible" title="提示" width="500">
+        <span>确定隐藏该面经吗？</span>
+        <template #footer>
+            <div class="dialog-footer">
+                <el-button @click="dialogVisible = false">取 消</el-button>
+                <el-button type="primary" @click="handleHide">确 定</el-button>
+            </div>
+        </template>
+    </el-dialog>
 </template>
 
 <script setup>
@@ -2035,15 +2050,22 @@ let permissions = ref([])
 onMounted(() => {
     setTimeout(() => {
         permissions.value = window["permissions"] || []
-        // permissions.value = ["comment.edit", "comment.delete"]
+        permissions.value = ["mj.hide", "comment.edit", "comment.delete"]
     }, 1000)
 })
 
+let dialogVisible = ref(false)
+
+const openHide = () => {
+    dialogVisible.value = true
+}
+
 // 点击隐藏
 const handleHide = () => {
-    const userConfirmed = window.confirm("确定要隐藏该面经？")
+    mjHideHttp({ token }).then(res => {
-    if (!userConfirmed) return
+        dialogVisible.value = false
-    mjHideHttp({ token })
+        ElMessage.success(res.message || "隐藏成功")
+    })
 }
 
 // 点击删除
@@ -2158,7 +2180,7 @@ const postEditComment = () => {
     })
 }
 
-const closeEditFileUpload = () => editPicture.value = {}
+const closeEditFileUpload = () => (editPicture.value = {})
 </script>
 
 <style lang="less" scoped>

utils/http.js

@@ -10,7 +10,7 @@ axios.defaults.withCredentials = true
 axios.interceptors.request.use( //响应拦截
     async config => {
         // 开发时登录用的，可以直接替换小程序的 authorization
-        config['headers']['authorization'] = process.env.NODE_ENV !== "production" && "c1fb97e6994539d87922b1b60c09d43c"
+        config['headers']['authorization'] = process.env.NODE_ENV !== "production" && "287ad69d214c091fe46fbe995b6a8fc5"
         // config['headers']['authorization'] = "2lfrtq7h3ge634pl4ptlu2pbh2"
         return config;
     },