feat: 前端优化

frontend/app/web-gold/src/views/material/Mix.vue

@@ -40,10 +40,12 @@
 
             <!-- 生成数量 -->
             <a-form-item label="生成数量">
-              <a-radio-group v-model:value="formData.produceCount" button-style="solid">
+              <a-radio-group v-model:value="formData.produceCount" button-style="solid" @change="saveProduceCount">
                 <a-radio-button :value="1">1个</a-radio-button>
-                <a-radio-button :value="2">2个</a-radio-button>
                 <a-radio-button :value="3">3个</a-radio-button>
+                <a-radio-button :value="5">5个</a-radio-button>
+                <a-radio-button :value="10">10个</a-radio-button>
+                <a-radio-button :value="15">15个</a-radio-button>
               </a-radio-group>
             </a-form-item>
 
@@ -270,12 +272,26 @@ const router = useRouter()
 const formData = ref({
   groupId: null,
   title: '',
-  produceCount: 3,
+  produceCount: loadProduceCount(),
   totalDuration: 15,  // 成品总时长 15-30s
   clipDuration: 3,    // 单切片时长 3-5s
   cropMode: 'center'  // 裁剪模式，默认居中裁剪
 })
 
+// 本地存储键名
+const STORAGE_KEY = 'mix-produce-count'
+
+// 从本地存储加载生成数量
+function loadProduceCount() {
+  const saved = localStorage.getItem(STORAGE_KEY)
+  return saved ? parseInt(saved, 10) : 3
+}
+
+// 保存生成数量到本地存储
+function saveProduceCount() {
+  localStorage.setItem(STORAGE_KEY, formData.value.produceCount.toString())
+}
+
 // 状态
 const loadingGroups = ref(false)
 const loadingFiles = ref(false)
@@ -512,7 +528,7 @@ onMounted(() => {
   }
 
   &__params {
-    width: 320px;
+    width: 340px;
     flex-shrink: 0;
 
     .ant-card {