feat: 接入权限接口

clinical-web/src/views/management/settings/index.vue

@@ -1,8 +1,11 @@
 <script setup lang="ts">
-import { onMounted, reactive, ref } from 'vue'
+import { computed, onMounted, reactive, ref, watch } from 'vue'
 import { ElMessage } from 'element-plus'
 
+import { useLoginStore } from '@/stores/login'
+
 import EmbedSettingsCard from './components/EmbedSettingsCard.vue'
+import MenuResourceSettings from './components/MenuResourceSettings.vue'
 import SignatureSettingsCard from './components/SignatureSettingsCard.vue'
 import SmsSettingsCard from './components/SmsSettingsCard.vue'
 import TabletDevicesCard from './components/TabletDevicesCard.vue'
@@ -15,6 +18,12 @@ import {
 import type { SettingToggleKey, SignatureSettings, SmsChannel, TabletDevice } from './types'
 
 const loading = ref(true)
+const activeTab = ref('general')
+const loginStore = useLoginStore()
+const canManageMenus = computed(() => loginStore.hasPermission('system:config:menu'))
+watch(canManageMenus, (canManage) => {
+  if (!canManage && activeTab.value === 'menus') activeTab.value = 'general'
+})
 const signatureSettings = reactive<SignatureSettings>({ ...mockSignatureSettings })
 const smsChannel = ref<SmsChannel>(defaultSmsChannel)
 const tabletDevices = ref<TabletDevice[]>([])
@@ -71,25 +80,32 @@ onMounted(loadSettings)
 
 <template>
   <section class="settings-page">
-    <div v-if="loading" class="loading-grid" aria-label="正在加载系统设置">
-      <span v-for="index in 4" :key="index" />
-    </div>
+    <el-tabs v-model="activeTab" class="settings-tabs">
+      <el-tab-pane label="系统参数" name="general">
+        <div v-if="loading" class="loading-grid" aria-label="正在加载系统设置">
+          <span v-for="index in 4" :key="index" />
+        </div>
 
-    <div v-else class="settings-grid">
-      <SignatureSettingsCard
-        :settings="signatureSettings"
-        @update:link-expire-hours="updateLinkExpireHours"
-        @toggle="toggleSetting"
-      />
-      <SmsSettingsCard
-        :channel="smsChannel"
-        :channel-options="smsChannelOptions"
-        @update:channel="updateSmsChannel"
-        @test="sendTestSms"
-      />
-      <TabletDevicesCard :devices="tabletDevices" @reconnect="reconnectDevice" />
-      <EmbedSettingsCard @copy="copyEmbedUrl" @rotate-key="rotateKey" />
-    </div>
+        <div v-else class="settings-grid">
+          <SignatureSettingsCard
+            :settings="signatureSettings"
+            @update:link-expire-hours="updateLinkExpireHours"
+            @toggle="toggleSetting"
+          />
+          <SmsSettingsCard
+            :channel="smsChannel"
+            :channel-options="smsChannelOptions"
+            @update:channel="updateSmsChannel"
+            @test="sendTestSms"
+          />
+          <TabletDevicesCard :devices="tabletDevices" @reconnect="reconnectDevice" />
+          <EmbedSettingsCard @copy="copyEmbedUrl" @rotate-key="rotateKey" />
+        </div>
+      </el-tab-pane>
+      <el-tab-pane v-if="canManageMenus" label="菜单设置" name="menus">
+        <MenuResourceSettings />
+      </el-tab-pane>
+    </el-tabs>
   </section>
 </template>
 
@@ -100,6 +116,10 @@ onMounted(loadSettings)
   margin: 0 auto;
 }
 
+.settings-tabs {
+  background: transparent;
+}
+
 .settings-grid,
 .loading-grid {
   display: grid;