yovinchen/FlashSaleSystem
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

优化内容

Browse Source
This commit is contained in:
YoVinchen
2026-05-02 17:45:58 +08:00
parent bcd30ae5de
commit da2053c520
38 changed files with 364 additions and 133 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
flash-sale-frontend/src/pages/admin/flashsales.vue
View File

@@ -2,7 +2,7 @@
<div class="admin-flashsales page-shell">
<div class="page-header">
<div>
<h2 class="page-title">秒杀管理</h2>
<h2 class="page-title">限时管理</h2>
<p class="page-subtitle">覆盖 JSP 的活动列表、发布、暂停、恢复、结束与详情查看</p>
</div>
<div class="page-actions">
@@ -12,7 +12,7 @@
</el-button>
<el-button type="primary" @click="openCreateDialog">
<el-icon><Plus /></el-icon>
创建秒杀
创建限时
</el-button>
</div>
</div>
@@ -67,7 +67,7 @@
<el-table-column prop="originalPrice" label="原价" width="110">
<template #default="{ row }">¥{{ formatCurrency(row.originalPrice) }}</template>
</el-table-column>
<el-table-column prop="flashPrice" label="秒杀价" width="110">
<el-table-column label="活动价" prop="flashPrice" width="110">
<template #default="{ row }">¥{{ formatCurrency(row.flashPrice) }}</template>
</el-table-column>
<el-table-column prop="flashStock" label="总库存" width="100" />
@@ -109,7 +109,7 @@
</div>
</div>
<el-dialog v-model="formVisible" :title="formMode === 'create' ? '创建秒杀活动' : '编辑秒杀活动'" width="760px">
<el-dialog v-model="formVisible" :title="formMode === 'create' ? '创建限时活动' : '编辑限时活动'" width="760px">
<el-form ref="formRef" :model="form" :rules="rules" label-width="110px">
<el-form-item label="关联商品" prop="productId">
<el-select v-model="form.productId" filterable :disabled="formMode === 'edit'" placeholder="请选择商品">
@@ -118,12 +118,12 @@
</el-form-item>
<el-row :gutter="16">
<el-col :span="12">
<el-form-item label="秒杀价格" prop="flashPrice">
<el-form-item label="活动价格" prop="flashPrice">
<el-input-number v-model="form.flashPrice" :min="0.01" :precision="2" class="w-full" />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="秒杀库存" prop="flashStock">
<el-form-item label="活动库存" prop="flashStock">
<el-input-number v-model="form.flashStock" :min="1" class="w-full" />
</el-form-item>
</el-col>
@@ -153,7 +153,7 @@
</template>
</el-dialog>
<el-dialog v-model="detailVisible" title="秒杀详情" width="760px">
<el-dialog v-model="detailVisible" title="限时详情" width="760px">
<div v-if="currentItem" class="detail-layout">
<SafeImage :src="currentItem.productImageUrl" :alt="currentItem.productName" wrapper-class="detail-image" img-class="detail-image" />
<div class="detail-content">
@@ -236,8 +236,8 @@ const form = reactive({
const rules: FormRules = {
productId: [{ required: true, message: '请选择商品', trigger: 'change' }],
flashPrice: [{ required: true, message: '请输入秒杀价格', trigger: 'change' }],
flashStock: [{ required: true, message: '请输入秒杀库存', trigger: 'change' }],
flashPrice: [{required: true, message: '请输入活动价格', trigger: 'change'}],
flashStock: [{required: true, message: '请输入活动库存', trigger: 'change'}],
startTime: [{ required: true, message: '请选择开始时间', trigger: 'change' }],
endTime: [{ required: true, message: '请选择结束时间', trigger: 'change' }],
}
@@ -377,7 +377,7 @@ const submitForm = async () => {
if (formMode.value === 'create') {
await flashsaleApi.create(payload)
ElMessage.success('秒杀活动创建成功')
ElMessage.success('限时活动创建成功')
} else {
await flashsaleApi.update(form.id, {
flashPrice: form.flashPrice,
@@ -385,7 +385,7 @@ const submitForm = async () => {
startTime: form.startTime,
endTime: form.endTime,
})
ElMessage.success('秒杀活动更新成功')
ElMessage.success('限时活动更新成功')
}
formVisible.value = false