From 2ba3c52e6eb5d9499b619ef10dace2b3b9147297 Mon Sep 17 00:00:00 2001
From: RockYang <yangjian102621@gmail.com>
Date: Thu, 26 Dec 2024 18:59:58 +0800
Subject: [PATCH] =?UTF-8?q?=E7=A7=BB=E5=8A=A8=E7=AB=AF=E8=8F=9C=E5=8D=95?=
 =?UTF-8?q?=E6=8C=89=E9=9C=80=E5=8A=A0=E8=BD=BD=EF=BC=8C=E5=90=8E=E5=8F=B0?=
 =?UTF-8?q?=E5=8F=AF=E4=BB=A5=E9=85=8D=E7=BD=AE=E6=98=AF=E5=90=A6=E6=98=BE?=
 =?UTF-8?q?=E7=A4=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 CHANGELOG.md                   |  1 +
 web/src/views/mobile/Image.vue | 34 ++++++++++++++++++++++++++--------
 2 files changed, 27 insertions(+), 8 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index aa5cc7a4..ad204b86 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -11,6 +11,7 @@
 - 功能新增：生成提示词需要消耗算力，支持管理员设置每次生成提示词的算力消耗，防止被白嫖
 - 功能新增：DALL-E-3 绘图支持 Flux 绘图模型，支持在管理后添加 Flux,SD 等绘图模型
 - 功能优化：Markdown 支持解析 emoji 表情
+- 功能优化：当管理后台禁用了某个绘图菜单的时候，移动端绘图菜单也会同步禁用（不显示该功能）
 
 ## v4.1.7
 
diff --git a/web/src/views/mobile/Image.vue b/web/src/views/mobile/Image.vue
index d426be36..3b259949 100644
--- a/web/src/views/mobile/Image.vue
+++ b/web/src/views/mobile/Image.vue
@@ -1,13 +1,13 @@
 <template>
   <div class="mobile-image container">
     <van-tabs v-model:active="activeName" class="my-tab" animated sticky>
-      <van-tab title="MJ" name="mj">
-        <image-mj/>
+      <van-tab title="MJ" name="mj" v-if="activeMenu.mj">
+        <image-mj />
       </van-tab>
-      <van-tab title="SD" name="sd">
-        <image-sd/>
+      <van-tab title="SD" name="sd" v-if="activeMenu.sd">
+        <image-sd />
       </van-tab>
-      <van-tab title="DALL" name="dall">
+      <van-tab title="DALL" name="dall" v-if="activeMenu.dall">
         <image-dall />
       </van-tab>
     </van-tabs>
@@ -15,12 +15,30 @@
 </template>
 
 <script setup>
-import {ref} from "vue";
+import { onMounted, ref } from "vue";
 import ImageMj from "@/views/mobile/pages/ImageMj.vue";
 import ImageSd from "@/views/mobile/pages/ImageSd.vue";
 import ImageDall from "@/views/mobile/pages/ImageDall.vue";
+import { httpGet } from "@/utils/http";
 
-const activeName = ref("mj")
+const activeName = ref("");
+const menus = ref([]);
+const activeMenu = ref({
+  mj: false,
+  sd: false,
+  dall: false,
+});
+
+onMounted(() => {
+  httpGet("/api/menu/list").then((res) => {
+    menus.value = res.data;
+    activeMenu.value = {
+      mj: menus.value.some((item) => item.url === "/mj"),
+      sd: menus.value.some((item) => item.url === "/sd"),
+      dall: menus.value.some((item) => item.url === "/dalle"),
+    };
+  });
+});
 </script>
 
 <style lang="stylus">
@@ -31,4 +49,4 @@ const activeName = ref("mj")
     }
   }
 }
-</style>
\ No newline at end of file
+</style>