如果管理后台没有启用会员充值菜单，移动端也不显示充值套餐功能

web/src/views/mobile/ChatExport.vue

@@ -15,43 +15,47 @@
       <div class="chat-list-wrapper">
         <div id="message-list-box" class="message-list-box">
           <van-list
-              v-model:error="error"
-              :finished="finished"
-              error-text="请求失败，点击重新加载"
-              @load="onLoad"
+            v-model:error="error"
+            :finished="finished"
+            error-text="请求失败，点击重新加载"
+            @load="onLoad"
           >
             <van-cell v-for="item in chatData" :key="item" :border="false" class="message-line">
               <chat-prompt
-                  v-if="item.type==='prompt'"
-                  :content="item.content"
-                  :created-at="dateFormat(item['created_at'])"
-                  :icon="item.icon"
-                  :tokens="item['tokens']"/>
-              <chat-reply v-else-if="item.type==='reply'"
-                          :content="item.content"
-                          :created-at="dateFormat(item['created_at'])"
-                          :icon="item.icon"
-                          :org-content="item.orgContent"
-                          :tokens="item['tokens']"/>
+                v-if="item.type === 'prompt'"
+                :content="item.content"
+                :created-at="dateFormat(item['created_at'])"
+                :icon="item.icon"
+                :tokens="item['tokens']"
+              />
+              <chat-reply
+                v-else-if="item.type === 'reply'"
+                :content="item.content"
+                :created-at="dateFormat(item['created_at'])"
+                :icon="item.icon"
+                :org-content="item.orgContent"
+                :tokens="item['tokens']"
+              />
             </van-cell>
           </van-list>
         </div>
       </div>
-
-    </div><!-- end chat box -->
+    </div>
+    <!-- end chat box -->
   </div>
 </template>
 <script setup>
-
-import {dateFormat, processContent} from "@/utils/libs";
-import ChatReply from "@/components/mobile/ChatReply.vue";
-import ChatPrompt from "@/components/mobile/ChatPrompt.vue";
-import {nextTick, ref} from "vue";
-import {useRouter} from "vue-router";
-import {httpGet} from "@/utils/http";
+import ChatPrompt from '@/components/mobile/ChatPrompt.vue'
+import ChatReply from '@/components/mobile/ChatReply.vue'
+import { httpGet } from '@/utils/http'
+import { dateFormat, processContent } from '@/utils/libs'
+import hl from 'highlight.js'
 import 'highlight.js/styles/a11y-dark.css'
-import hl from "highlight.js";
-import {showFailToast} from "vant";
+import MarkdownIt from 'markdown-it'
+import mathjaxPlugin from 'markdown-it-mathjax3'
+import { showFailToast } from 'vant'
+import { nextTick, ref } from 'vue'
+import { useRouter } from 'vue-router'
 
 const chatData = ref([])
 const router = useRouter()
@@ -62,8 +66,7 @@ const model = ref('')
 const finished = ref(false)
 const error = ref(false)
 
-const mathjaxPlugin = require('markdown-it-mathjax3')
-const md = require('markdown-it')({
+const md = new MarkdownIt({
   breaks: true,
   html: true,
   linkify: true,
@@ -72,11 +75,14 @@ const md = require('markdown-it')({
     const codeIndex = parseInt(Date.now()) + Math.floor(Math.random() * 10000000)
     // 显示复制代码按钮
     const copyBtn = `<span class="copy-code-mobile" data-clipboard-action="copy" data-clipboard-target="#copy-target-${codeIndex}">复制</span>
-<textarea style="position: absolute;top: -9999px;left: -9999px;z-index: -9999;" id="copy-target-${codeIndex}">${str.replace(/<\/textarea>/g, '&lt;/textarea>')}</textarea>`
+<textarea style="position: absolute;top: -9999px;left: -9999px;z-index: -9999;" id="copy-target-${codeIndex}">${str.replace(
+      /<\/textarea>/g,
+      '&lt;/textarea>'
+    )}</textarea>`
     if (lang && hl.getLanguage(lang)) {
       const langHtml = `<span class="lang-name">${lang}</span>`
       // 处理代码高亮
-      const preCode = hl.highlight(lang, str, true).value
+      const preCode = hl.highlight(str, { language: lang }).value
       // 将代码包裹在 pre 中
       return `<pre class="code-container"><code class="language-${lang} hljs">${preCode}</code>${copyBtn} ${langHtml}</pre>`
     }
@@ -84,50 +90,52 @@ const md = require('markdown-it')({
     // 处理代码高亮
     const preCode = md.utils.escapeHtml(str)
     // 将代码包裹在 pre 中
-    return `<pre class="code-container"><code class="language-${lang} hljs">${preCode}</code>${copyBtn}</pre>`
-  }
-});
+    return `<pre class="code-container">${code}${copyBtn}</pre>`
+  },
+})
 md.use(mathjaxPlugin)
 
 const onLoad = () => {
-  httpGet('/api/chat/history?chat_id=' + chatId).then(res => {
-    // 加载状态结束
-    finished.value = true;
-    const data = res.data
-    if (data && data.length > 0) {
-      for (let i = 0; i < data.length; i++) {
-        if (data[i].type === "prompt") {
-          chatData.value.push(data[i]);
-          continue;
+  httpGet('/api/chat/history?chat_id=' + chatId)
+    .then((res) => {
+      // 加载状态结束
+      finished.value = true
+      const data = res.data
+      if (data && data.length > 0) {
+        for (let i = 0; i < data.length; i++) {
+          if (data[i].type === 'prompt') {
+            chatData.value.push(data[i])
+            continue
+          }
+
+          data[i].orgContent = data[i].content
+          data[i].content = md.render(processContent(data[i].content))
+          chatData.value.push(data[i])
         }
 
-        data[i].orgContent = data[i].content;
-        data[i].content = md.render(processContent(data[i].content))
-        chatData.value.push(data[i]);
-      }
-
-      nextTick(() => {
-        hl.configure({ignoreUnescapedHTML: true})
-        const blocks = document.querySelector("#message-list-box").querySelectorAll('pre code');
-        blocks.forEach((block) => {
-          hl.highlightElement(block)
+        nextTick(() => {
+          hl.configure({ ignoreUnescapedHTML: true })
+          const blocks = document.querySelector('#message-list-box').querySelectorAll('pre code')
+          blocks.forEach((block) => {
+            hl.highlightElement(block)
+          })
         })
-      })
-    }
-  }).catch(() => {
-    error.value = true
-  })
-
-  httpGet(`/api/chat/detail?chat_id=${chatId}`).then(res => {
-    title.value = res.data.title
-    model.value = res.data.model
-    role.value = res.data.role_name
-  }).catch(e => {
-    showFailToast('加载对话失败：' + e.message)
-  })
-
-};
+      }
+    })
+    .catch(() => {
+      error.value = true
+    })
 
+  httpGet(`/api/chat/detail?chat_id=${chatId}`)
+    .then((res) => {
+      title.value = res.data.title
+      model.value = res.data.model
+      role.value = res.data.role_name
+    })
+    .catch((e) => {
+      showFailToast('加载对话失败：' + e.message)
+    })
+}
 </script>
 <style scoped lang="stylus">
 .chat-export-mobile {
@@ -171,4 +179,4 @@ const onLoad = () => {
     }
   }
 }
-</style>
+</style>