fix: 优化卖家发布页面消耗品表格响应式布局、补充输入框与比例选择圆角并统一橙色主题

frontend/src/composables/usePublishForm.ts

@@ -120,6 +120,13 @@ export function usePublishForm(options: UsePublishFormOptions) {
       ])
       publishOptions.value = nextPublishOptions
       salePriceConfig.value = nextSalePriceConfig
+
+      // 默认数字都是0
+      for (const item of nextPublishOptions.quantity_items) {
+        if (quantityValues[item.key] === undefined) {
+          quantityValues[item.key] = 0
+        }
+      }
     } catch {
       publishOptions.value = emptyListingPublishOptions
       salePriceConfig.value = emptyListingSalePriceConfig
@@ -198,6 +205,11 @@ export function usePublishForm(options: UsePublishFormOptions) {
     revokeAllScreenshotPreviews()
     selectedSkins.value = []
     activeUploadKey.value = 'coin'
+
+    // Also re-initialize quantityValues to 0
+    for (const item of publishOptions.value.quantity_items) {
+      quantityValues[item.key] = 0
+    }
   }
 
   async function handleResetDraft() {
@@ -427,6 +439,17 @@ export function usePublishForm(options: UsePublishFormOptions) {
     for (const item of pricing.screenshotSlots.value) {
       if (isScreenshotRequired(item) && !screenshotFiles[item.key]) return `请上传${item.label}`
     }
+    for (const item of pricing.quantityItems.value) {
+      if (!pricing.isQuantityItemDisabled(item)) {
+        const val = quantityValues[item.key]
+        if (val === undefined || val === null || (val as unknown) === '') {
+          return `请填写${item.label}的数量`
+        }
+        if (Number(val) < 0) {
+          return `${item.label}的数量不能为负数`
+        }
+      }
+    }
     for (const item of pricing.quantityItems.value) {
       if (pricing.isQuantityItemDisabled(item) && Number(quantityValues[item.key] || 0) > 0) {
         return '赛季保险选择 3*3 时不能填写 9格体验卡'