root/ludu-admin-vue3
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

promotion：调整拼团活动的界面

Browse Source
This commit is contained in:
YunaiV 2023-10-06 21:03:17 +08:00
parent 78062dd474
commit 24fc36e23a
2 changed files with 17 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

27
src/views/mall/promotion/combination/activity/index.vue
View File

@ -71,26 +71,23 @@
<el-table-column label="商品标题" prop="spuName" min-width="300" /> <el-table-column label="商品标题" prop="spuName" min-width="300" />
<el-table-column <el-table-column
label="原价" label="原价"
prop="combinationFirstPrice" prop="marketPrice"
min-width="100" min-width="100"
:formatter="fenToYuanFormat" :formatter="fenToYuanFormat"
/> />
<el-table-column <el-table-column label="拼团价" prop="seckillPrice" min-width="100">
label="拼团价" <template #default="scope">
prop="combinationMinPrice" {{ formatCombinationPrice(scope.row.products) }}
min-width="100" </template>
:formatter="fenToYuanFormat" </el-table-column>
/> <el-table-column label="开团组数" prop="groupCount" min-width="100" />
<el-table-column label="拼团人数" prop="recordUserCount" min-width="100" /> <el-table-column label="成团组数" prop="groupSuccessCount" min-width="100" />
<el-table-column label="参与人数" prop="recordSuccessUserCount" min-width="110" /> <el-table-column label="购买次数" prop="recordCount" min-width="100" />
<el-table-column label="成团人数" prop="helpUserCount" min-width="100" />
<el-table-column label="活动状态" align="center" prop="status" min-width="100"> <el-table-column label="活动状态" align="center" prop="status" min-width="100">
<template #default="scope"> <template #default="scope">
<dict-tag :type="DICT_TYPE.COMMON_STATUS" :value="scope.row.status" /> <dict-tag :type="DICT_TYPE.COMMON_STATUS" :value="scope.row.status" />
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="库存" align="center" prop="stock" min-width="80" />
<el-table-column label="总库存" align="center" prop="totalStock" min-width="80" />
<el-table-column <el-table-column
label="创建时间" label="创建时间"
align="center" align="center"
@ -149,6 +146,7 @@ import * as CombinationActivityApi from '@/api/mall/promotion/combination/combin
import CombinationActivityForm from './CombinationActivityForm.vue' import CombinationActivityForm from './CombinationActivityForm.vue'
import { formatDate } from '@/utils/formatTime' import { formatDate } from '@/utils/formatTime'
import { fenToYuanFormat } from '@/utils/formatter' import { fenToYuanFormat } from '@/utils/formatter'
import { fenToYuan } from '@/utils'
defineOptions({ name: 'PromotionBargainActivity' }) defineOptions({ name: 'PromotionBargainActivity' })
@ -224,6 +222,11 @@ const handleDelete = async (id: number) => {
} catch {} } catch {}
} }
const formatCombinationPrice = (products) => {
const combinationPrice = Math.min(...products.map((item) => item.combinationPrice))
return `￥${fenToYuan(combinationPrice)}`
}
/** 初始化 **/ /** 初始化 **/
onMounted(async () => { onMounted(async () => {
await getList() await getList()

3
src/views/mall/promotion/seckill/activity/index.vue
View File

@ -87,7 +87,8 @@
min-width="100" min-width="100"
:formatter="fenToYuanFormat" :formatter="fenToYuanFormat"
/> />
<el-table-column label="秒杀价" prop="marketPrice" min-width="100"> <el-table-column label="原价" prop="marketPrice" min-width="100" />
<el-table-column label="秒杀价" prop="seckillPrice" min-width="100">
<template #default="scope"> <template #default="scope">
{{ formatSeckillPrice(scope.row.products) }} {{ formatSeckillPrice(scope.row.products) }}
</template> </template>