From 26d40a2c13be954d86b3770617ecd6f284d2f12e Mon Sep 17 00:00:00 2001
From: yml <yml@yml.com>
Date: Thu, 28 May 2026 11:29:46 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E5=A4=8D=E5=90=8E=E5=8F=B0=E6=8A=98?=
 =?UTF-8?q?=E5=8F=A0=E7=8A=B6=E6=80=81=E5=92=8C=E4=BF=9D=E5=AD=98=E6=8F=90?=
 =?UTF-8?q?=E7=A4=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../AdminKuaishouCloudFulfillmentView.vue     |  3 ++
 .../src/views/admin/layout/AdminLayout.vue    | 48 ++++++++++++++++++-
 .../AdminCloudtentaclesConfigCard.vue         | 14 ++++--
 .../AdminCloudtentaclesDebugCard.vue          | 13 +++--
 .../composables/useRememberedCollapse.ts      | 28 +++++++++--
 5 files changed, 94 insertions(+), 12 deletions(-)

diff --git a/apps/frontend/src/views/admin/fulfillment/kuaishou-cloud/AdminKuaishouCloudFulfillmentView.vue b/apps/frontend/src/views/admin/fulfillment/kuaishou-cloud/AdminKuaishouCloudFulfillmentView.vue
index 9d762c33..f9653ff3 100644
--- a/apps/frontend/src/views/admin/fulfillment/kuaishou-cloud/AdminKuaishouCloudFulfillmentView.vue
+++ b/apps/frontend/src/views/admin/fulfillment/kuaishou-cloud/AdminKuaishouCloudFulfillmentView.vue
@@ -1,6 +1,7 @@
 <script setup lang="ts">
 import { computed, onMounted, reactive, ref, watch } from 'vue'
 
+import { showError, showSuccess } from '@/lib/feedback'
 import {
   fetchAdminCloudtentaclesOverrideRules,
   fetchAdminCloudtentaclesSkuList,
@@ -142,8 +143,10 @@ async function saveOverrideRules() {
     overrideRules.value = Array.isArray(response.data.rules)
       ? response.data.rules.map((rule) => normalizeEditableRule(rule))
       : []
+    showSuccess(`商品覆盖规则已保存，共 ${overrideRules.value.length} 条`)
   } catch (error) {
     overrideErrorMessage.value = error instanceof Error ? error.message : '保存 cloudtentacles 覆盖规则失败'
+    showError(overrideErrorMessage.value)
   } finally {
     overrideSaving.value = false
   }
diff --git a/apps/frontend/src/views/admin/layout/AdminLayout.vue b/apps/frontend/src/views/admin/layout/AdminLayout.vue
index 23564b33..a9beea4f 100644
--- a/apps/frontend/src/views/admin/layout/AdminLayout.vue
+++ b/apps/frontend/src/views/admin/layout/AdminLayout.vue
@@ -30,9 +30,11 @@ import { formatAdminDateTime } from '@/utils/admin-time'
 const route = useRoute()
 const router = useRouter()
 const sidebarStorageKey = 'admin-sidebar-collapsed'
+const sidebarMenuOpenedsStorageKey = 'admin-sidebar-menu-openeds'
 const isSidebarCollapsed = ref(
   typeof window !== 'undefined' && window.localStorage.getItem(sidebarStorageKey) === '1',
 )
+const sidebarMenuOpeneds = ref(readSidebarMenuOpeneds())
 
 const currentRole = computed(() => getAdminRole())
 const isAdmin = computed(() => currentRole.value === 'admin')
@@ -110,6 +112,20 @@ function toggleSidebarCollapse() {
   }
 }
 
+function handleSidebarMenuOpen(index: string) {
+  const normalizedIndex = String(index || '').trim()
+  if (!normalizedIndex) return
+
+  sidebarMenuOpeneds.value = Array.from(new Set([...sidebarMenuOpeneds.value, normalizedIndex]))
+  writeSidebarMenuOpeneds(sidebarMenuOpeneds.value)
+}
+
+function handleSidebarMenuClose(index: string) {
+  const normalizedIndex = String(index || '').trim()
+  sidebarMenuOpeneds.value = sidebarMenuOpeneds.value.filter((item) => item !== normalizedIndex)
+  writeSidebarMenuOpeneds(sidebarMenuOpeneds.value)
+}
+
 async function submitLogout() {
   try {
     await logoutAdmin()
@@ -121,6 +137,34 @@ async function submitLogout() {
     await router.replace('/admin/login')
   }
 }
+
+function readSidebarMenuOpeneds(): string[] {
+  if (typeof window === 'undefined') {
+    return []
+  }
+
+  try {
+    const rawValue = window.localStorage.getItem(sidebarMenuOpenedsStorageKey)
+    if (!rawValue) {
+      return []
+    }
+
+    const parsed = JSON.parse(rawValue)
+    return Array.isArray(parsed)
+      ? Array.from(new Set(parsed.map((item) => String(item || '').trim()).filter(Boolean)))
+      : []
+  } catch {
+    return []
+  }
+}
+
+function writeSidebarMenuOpeneds(openeds: string[]) {
+  if (typeof window === 'undefined') {
+    return
+  }
+
+  window.localStorage.setItem(sidebarMenuOpenedsStorageKey, JSON.stringify(openeds))
+}
 </script>
 
 <template>
@@ -151,12 +195,14 @@ async function submitLogout() {
 
       <el-menu
         :default-active="activeNavIndex"
-        :default-openeds="['/admin/platform-shops']"
+        :default-openeds="sidebarMenuOpeneds"
         router
         class="sidebar-menu"
         :collapse="isSidebarCollapsed"
         :collapse-transition="false"
         :ellipsis="false"
+        @open="handleSidebarMenuOpen"
+        @close="handleSidebarMenuClose"
       >
         <template v-for="item in navItems" :key="item.to">
           <el-sub-menu v-if="item.children?.length" :index="item.to">
diff --git a/apps/frontend/src/views/admin/platform-shops/components/cloudtentacles/AdminCloudtentaclesConfigCard.vue b/apps/frontend/src/views/admin/platform-shops/components/cloudtentacles/AdminCloudtentaclesConfigCard.vue
index f4bd0955..dfcea7b7 100644
--- a/apps/frontend/src/views/admin/platform-shops/components/cloudtentacles/AdminCloudtentaclesConfigCard.vue
+++ b/apps/frontend/src/views/admin/platform-shops/components/cloudtentacles/AdminCloudtentaclesConfigCard.vue
@@ -52,9 +52,10 @@ type Props = {
 
 defineProps<Props>()
 
-const advancedCollapseNames = useRememberedCollapse(
-  'admin:platform-config:cloudtentacles:config:collapse',
-)
+const {
+  activeNames: advancedCollapseNames,
+  handleChange: handleAdvancedCollapseChange,
+} = useRememberedCollapse('admin:platform-config:cloudtentacles:config:collapse')
 </script>
 
 <template>
@@ -250,7 +251,12 @@ const advancedCollapseNames = useRememberedCollapse(
             </el-form>
           </div>
 
-          <el-collapse v-model="advancedCollapseNames" class="advanced-collapse">
+          <el-collapse
+            :model-value="advancedCollapseNames"
+            class="advanced-collapse"
+            @update:model-value="handleAdvancedCollapseChange"
+            @change="handleAdvancedCollapseChange"
+          >
             <el-collapse-item name="advanced" title="高级参数与调试字段">
               <el-form label-width="auto" label-position="top">
                 <div class="form-grid">
diff --git a/apps/frontend/src/views/admin/platform-shops/components/cloudtentacles/AdminCloudtentaclesDebugCard.vue b/apps/frontend/src/views/admin/platform-shops/components/cloudtentacles/AdminCloudtentaclesDebugCard.vue
index 471ab0f2..58bec998 100644
--- a/apps/frontend/src/views/admin/platform-shops/components/cloudtentacles/AdminCloudtentaclesDebugCard.vue
+++ b/apps/frontend/src/views/admin/platform-shops/components/cloudtentacles/AdminCloudtentaclesDebugCard.vue
@@ -22,14 +22,19 @@ type Props = {
 
 defineProps<Props>()
 
-const debugCollapseNames = useRememberedCollapse(
-  'admin:platform-config:cloudtentacles:debug:collapse',
-)
+const {
+  activeNames: debugCollapseNames,
+  handleChange: handleDebugCollapseChange,
+} = useRememberedCollapse('admin:platform-config:cloudtentacles:debug:collapse')
 </script>
 
 <template>
   <el-card class="debug-card">
-    <el-collapse v-model="debugCollapseNames">
+    <el-collapse
+      :model-value="debugCollapseNames"
+      @update:model-value="handleDebugCollapseChange"
+      @change="handleDebugCollapseChange"
+    >
       <el-collapse-item name="debug">
         <template #title>
           <div class="debug-title">
diff --git a/apps/frontend/src/views/admin/platform-shops/composables/useRememberedCollapse.ts b/apps/frontend/src/views/admin/platform-shops/composables/useRememberedCollapse.ts
index 8d1fde96..c22d866a 100644
--- a/apps/frontend/src/views/admin/platform-shops/composables/useRememberedCollapse.ts
+++ b/apps/frontend/src/views/admin/platform-shops/composables/useRememberedCollapse.ts
@@ -1,8 +1,22 @@
 import { ref, watch, type Ref } from 'vue'
 
-export function useRememberedCollapse(storageKey: string, defaultValue: string[] = []): Ref<string[]> {
+export type RememberedCollapseState = {
+  activeNames: Ref<string[]>
+  handleChange: (value: unknown) => void
+}
+
+export function useRememberedCollapse(
+  storageKey: string,
+  defaultValue: string[] = [],
+): RememberedCollapseState {
   const activeNames = ref<string[]>(readStoredCollapseNames(storageKey, defaultValue))
 
+  function handleChange(value: unknown) {
+    const nextNames = normalizeCollapseNames(value)
+    activeNames.value = nextNames
+    writeStoredCollapseNames(storageKey, nextNames)
+  }
+
   watch(
     activeNames,
     (names) => {
@@ -11,7 +25,10 @@ export function useRememberedCollapse(storageKey: string, defaultValue: string[]
     { deep: true },
   )
 
-  return activeNames
+  return {
+    activeNames,
+    handleChange,
+  }
 }
 
 function readStoredCollapseNames(storageKey: string, defaultValue: string[]): string[] {
@@ -32,7 +49,7 @@ function readStoredCollapseNames(storageKey: string, defaultValue: string[]): st
   }
 }
 
-function writeStoredCollapseNames(storageKey: string, names: string[]): void {
+function writeStoredCollapseNames(storageKey: string, names: unknown): void {
   if (!canUseLocalStorage()) {
     return
   }
@@ -45,6 +62,11 @@ function writeStoredCollapseNames(storageKey: string, names: string[]): void {
 }
 
 function normalizeCollapseNames(value: unknown, fallback: string[] = []): string[] {
+  if (typeof value === 'string' || typeof value === 'number') {
+    const normalized = String(value || '').trim()
+    return normalized ? [normalized] : []
+  }
+
   if (!Array.isArray(value)) {
     return [...fallback]
   }