align(最低价ASIN): 回退参考纵向 rowspan 布局(序号/分组/店铺/操作合并+逐国ASIN点击复制+最低价两位小数)、补新增ASIN弹窗(分组→店铺联动→国家→ASIN+最低价校验)、去更新时间列（对齐 admin.js renderSkipPriceAsinRows/btnCreateSkipPriceAsin）

admin-frontend-vue/src/pages/asin/SkipPricePage.vue

@@ -1,16 +1,18 @@
 <script setup lang="ts">
-import { formatDateTime } from '@/utils/datetime'
-/** 最低价 ASIN（跳过跟价）：对齐 admin panel-skip-price-asin —— 价格范围筛选、行内「配置」抽屉
- *  (逐国 ASIN+最低价，留空=删除该站点、低价必带 ASIN)、导入添加/删除导入/导出。 */
-import { onMounted, reactive, ref } from 'vue'
+/** 最低价 ASIN（跳过跟价）：对齐 admin panel-skip-price-asin —— 纵向 rowspan 展示(序号/分组/店铺合并 + 逐国
+ *  ASIN 可点击复制 + 最低价两位小数)、新增 ASIN 弹窗(分组→店铺联动→国家→ASIN+最低价)、价格范围筛选、
+ *  行内「配置」抽屉(逐国 ASIN+最低价，留空=删除该站点、低价必带 ASIN)、导入添加/删除导入/导出。 */
+import { computed, onMounted, reactive, ref } from 'vue'
 import { ElMessage, ElMessageBox } from 'element-plus'
-import { fetchSkipPriceList } from './skip-price-api.ts'
-import type { SkipPriceItem } from './skip-price-model.ts'
+import CopyText from '@/components/CopyText.vue'
+import { createSkipPriceAsin, fetchSkipPriceList } from './skip-price-api.ts'
+import { skipPriceDisplayRows, type SkipPriceItem } from './skip-price-model.ts'
 import { asinCountryLabel } from './asin-country.ts'
 import { createSkipPriceFilterState, toSkipPriceParams, type SkipPriceFilterState } from './skip-price-filter.ts'
 import { deleteSkipPriceCountry, updateSkipPriceCountry } from './skip-price-detail-api.ts'
 import { fetchSkipPriceDeleteImportProgress, fetchSkipPriceImportProgress, startSkipPriceDeleteImport, startSkipPriceImport } from './skip-price-import-api.ts'
 import { isAllowedExcelImportFile } from './import-progress-model.ts'
+import { fetchShopNamesByGroup } from './query-asin-api.ts'
 import { fetchShopManageGroups } from '../shop/shop-manage-api.ts'
 import type { ShopGroupOption } from '../shop/shop-dto.ts'
 
@@ -35,6 +37,107 @@ function priceOf(row: SkipPriceItem, code: string): number | null {
   return typeof value === 'number' ? value : null
 }
 
+/** 纵向展示行：序号/分组/店铺/操作 按 rowspan 合并，逐国一行（对齐 admin.js renderSkipPriceAsinRows）。 */
+const displayRows = computed(() => skipPriceDisplayRows(rows.value, (page.value - 1) * pageSize + 1))
+
+/** rowspan 合并：序号(0)/分组(1)/店铺(2)/操作(6) 仅首行占位，其余合并。 */
+function spanMethod({ row, columnIndex }: { row: { isFirst: boolean; rowspan: number }; columnIndex: number }): [number, number] {
+  if (columnIndex === 0 || columnIndex === 1 || columnIndex === 2 || columnIndex === 6) {
+    return row.isFirst ? [row.rowspan, 1] : [0, 0]
+  }
+  return [1, 1]
+}
+
+// ---- 新增 ASIN 弹窗（对齐 admin.js btnOpenCreateSkipPriceAsin/btnCreateSkipPriceAsin） ----
+const createVisible = ref(false)
+const createGroupId = ref<number | null>(null)
+const createShopName = ref('')
+const createCountry = ref('')
+const createAsin = ref('')
+const createMinimumPrice = ref('')
+const createMsg = ref('')
+const createMsgOk = ref(false)
+const shopNames = ref<string[]>([])
+const shopNamesLoading = ref(false)
+const creating = ref(false)
+const createAsinInputRef = ref<InstanceType<typeof import('element-plus').ElInput> | null>(null)
+
+function openCreate(): void {
+  createGroupId.value = null
+  createShopName.value = ''
+  createCountry.value = ''
+  createAsin.value = ''
+  createMinimumPrice.value = ''
+  createMsg.value = ''
+  createMsgOk.value = false
+  shopNames.value = []
+  createVisible.value = true
+}
+
+async function onCreateGroupChange(): Promise<void> {
+  createShopName.value = ''
+  if (createGroupId.value == null) {
+    shopNames.value = []
+    return
+  }
+  shopNamesLoading.value = true
+  try {
+    shopNames.value = await fetchShopNamesByGroup(createGroupId.value)
+  } catch (error) {
+    shopNames.value = []
+    ElMessage.error(error instanceof Error ? error.message : '店铺列表加载失败')
+  } finally {
+    shopNamesLoading.value = false
+  }
+}
+
+function onCreateAsinInput(): void {
+  createAsin.value = createAsin.value.toUpperCase()
+}
+
+async function submitCreate(): Promise<void> {
+  createMsg.value = ''
+  createMsgOk.value = false
+  const groupId = createGroupId.value
+  const shopName = createShopName.value.trim()
+  const country = (createCountry.value || '').trim()
+  const asin = createAsin.value.trim().toUpperCase()
+  const minimumPrice = createMinimumPrice.value.trim()
+  if (!groupId || !shopName || !country || !asin) {
+    createMsg.value = '请完整填写分组、店铺名、国家和 ASIN'
+    return
+  }
+  if (minimumPrice) {
+    const minimumPriceNumber = Number(minimumPrice)
+    if (!Number.isFinite(minimumPriceNumber) || minimumPriceNumber < 0) {
+      createMsg.value = '最低价格式不正确'
+      return
+    }
+  }
+  creating.value = true
+  try {
+    const message = await createSkipPriceAsin({
+      groupId,
+      shopName,
+      countries: [country],
+      asin,
+      asinMappings: { [country]: asin },
+      minimumPriceMappings: minimumPrice ? { [country]: Number(minimumPrice) } : undefined,
+    })
+    // 对齐 admin：保留分组/店铺/国家，清空 ASIN/最低价方便连续录入，成功后刷新列表。
+    createMsg.value = message
+    createMsgOk.value = true
+    createAsin.value = ''
+    createMinimumPrice.value = ''
+    createAsinInputRef.value?.focus()
+    await load()
+  } catch (error) {
+    createMsg.value = error instanceof Error ? error.message : '保存失败'
+  } finally {
+    creating.value = false
+  }
+}
+
 // ---- 行内配置抽屉 ----
 const drawerVisible = ref(false)
 const drawerItem = ref<SkipPriceItem | null>(null)
@@ -258,7 +361,8 @@ onMounted(() => {
         <p>每店铺在 5 个站点设定的最低价 ASIN 清单；行内可逐站配置 ASIN 与最低价。</p>
       </div>
       <div class="heading-actions">
-        <el-button type="primary" @click="openImportAdd">导入添加</el-button>
+        <el-button type="primary" @click="openCreate">新增 ASIN</el-button>
+        <el-button @click="openImportAdd">导入添加</el-button>
         <el-button @click="openImportDelete">导入删除</el-button>
         <el-button @click="doExport">导出</el-button>
       </div>
@@ -302,26 +406,37 @@ onMounted(() => {
     </el-card>
 
     <el-card shadow="never">
-      <el-table v-loading="loading" :data="rows" stripe border>
-        <el-table-column prop="shopName" label="店铺" min-width="150" fixed />
-        <el-table-column prop="groupName" label="分组" min-width="110" />
-        <template v-for="code in COUNTRIES" :key="code">
-          <el-table-column :label="`${asinCountryLabel(code)} ASIN`" min-width="140">
-            <template #default="{ row }">
-              <span v-if="asinOf(row as SkipPriceItem, code)" class="asin-cell">{{ asinOf(row as SkipPriceItem, code) }}</span>
-              <span v-else class="dim">—</span>
-            </template>
-          </el-table-column>
-          <el-table-column :label="`${asinCountryLabel(code)} 最低价`" min-width="110" align="right">
-            <template #default="{ row }">{{ priceOf(row as SkipPriceItem, code) ?? '—' }}</template>
-          </el-table-column>
-        </template>
-        <el-table-column prop="updatedAt" label="更新时间" min-width="160">
-          <template #default="{ row }">{{ formatDateTime(row.updatedAt) }}</template>
+      <el-table v-loading="loading" :data="displayRows" :span-method="spanMethod" stripe border>
+        <el-table-column label="序号" width="80">
+          <template #default="{ row }">{{ row.rowNo }}</template>
+        </el-table-column>
+        <el-table-column label="分组" width="130">
+          <template #default="{ row }">{{ row.item.groupName || '—' }}</template>
+        </el-table-column>
+        <el-table-column label="店铺" min-width="150">
+          <template #default="{ row }">{{ row.item.shopName }}</template>
+        </el-table-column>
+        <el-table-column label="ASIN" min-width="150">
+          <template #default="{ row }">
+            <CopyText v-if="row.asin" :text="row.asin" class="asin-cell" />
+            <span v-else class="dim">-</span>
+          </template>
+        </el-table-column>
+        <el-table-column label="国家" width="110">
+          <template #default="{ row }">
+            <span v-if="row.country">{{ asinCountryLabel(row.country) }}</span>
+            <span v-else class="dim">-</span>
+          </template>
+        </el-table-column>
+        <el-table-column label="最低价" min-width="110" align="right">
+          <template #default="{ row }">
+            <span v-if="row.minimumPrice !== ''">{{ row.minimumPrice }}</span>
+            <span v-else class="dim">-</span>
+          </template>
         </el-table-column>
         <el-table-column label="操作" width="90" fixed="right">
           <template #default="{ row }">
-            <el-button link type="primary" @click="openConfig(row as SkipPriceItem)">配置</el-button>
+            <el-button v-if="row.isFirst" link type="primary" @click="openConfig(row.item as SkipPriceItem)">配置</el-button>
           </template>
         </el-table-column>
       </el-table>
@@ -338,6 +453,44 @@ onMounted(() => {
       </div>
     </el-card>
 
+    <el-dialog v-model="createVisible" title="新增 ASIN" width="560px" :close-on-click-modal="false">
+      <el-form label-position="top" @submit.prevent>
+        <el-form-item label="分组">
+          <el-select v-model="createGroupId" placeholder="请选择分组" filterable clearable style="width: 100%" @change="onCreateGroupChange">
+            <el-option v-for="group in groups" :key="group.id" :label="group.groupName" :value="group.id" />
+          </el-select>
+        </el-form-item>
+        <el-form-item label="店铺名">
+          <el-select
+            v-model="createShopName"
+            :disabled="createGroupId == null"
+            :loading="shopNamesLoading"
+            :placeholder="createGroupId == null ? '请先选择分组' : '请选择店铺'"
+            filterable
+            style="width: 100%"
+          >
+            <el-option v-for="name in shopNames" :key="name" :label="name" :value="name" />
+          </el-select>
+        </el-form-item>
+        <el-form-item label="国家">
+          <el-select v-model="createCountry" placeholder="请选择国家" clearable style="width: 100%">
+            <el-option v-for="code in COUNTRIES" :key="code" :label="asinCountryLabel(code)" :value="code" />
+          </el-select>
+        </el-form-item>
+        <el-form-item label="ASIN">
+          <el-input ref="createAsinInputRef" v-model="createAsin" placeholder="请输入 ASIN" @input="onCreateAsinInput" />
+        </el-form-item>
+        <el-form-item label="最低价">
+          <el-input v-model="createMinimumPrice" type="number" min="0" step="0.01" placeholder="选填" />
+        </el-form-item>
+        <el-alert v-if="createMsg" :title="createMsg" :type="createMsgOk ? 'success' : 'error'" :closable="false" show-icon />
+      </el-form>
+      <template #footer>
+        <el-button @click="createVisible = false">取消</el-button>
+        <el-button type="primary" :loading="creating" @click="submitCreate">保存</el-button>
+      </template>
+    </el-dialog>
+
     <el-drawer v-model="drawerVisible" :title="drawerItem ? `${drawerItem.shopName} · 最低价 ASIN 配置` : '最低价 ASIN 配置'" size="min(560px, 94%)">
       <p class="drawer-tip">留空表示删除该站点已有的 ASIN 与最低价。</p>
       <el-form label-position="top">