From a1d7e81859f554f3a53680cc35f0f49bf1f77098 Mon Sep 17 00:00:00 2001
From: wwf <1971391498@qq.com>
Date: 星期四, 14 五月 2026 14:37:02 +0800
Subject: [PATCH] 导入项目
---
src/views/mall/promotion/bargain/activity/BargainActivityForm.vue | 233 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
1 files changed, 233 insertions(+), 0 deletions(-)
diff --git a/src/views/mall/promotion/bargain/activity/BargainActivityForm.vue b/src/views/mall/promotion/bargain/activity/BargainActivityForm.vue
new file mode 100644
index 0000000..d8d1463
--- /dev/null
+++ b/src/views/mall/promotion/bargain/activity/BargainActivityForm.vue
@@ -0,0 +1,233 @@
+<template>
+ <Dialog v-model="dialogVisible" :title="dialogTitle" width="65%">
+ <Form
+ ref="formRef"
+ v-loading="formLoading"
+ :is-col="true"
+ :rules="rules"
+ :schema="allSchemas.formSchema"
+ class="mt-10px"
+ >
+ <template #spuId>
+ <el-button @click="spuSelectRef.open()">閫夋嫨鍟嗗搧</el-button>
+ <SpuAndSkuList
+ ref="spuAndSkuListRef"
+ :rule-config="ruleConfig"
+ :spu-list="spuList"
+ :spu-property-list-p="spuPropertyList"
+ >
+ <el-table-column align="center" label="鐮嶄环璧峰浠锋牸(鍏�)" min-width="168">
+ <template #default="{ row: sku }">
+ <el-input-number
+ v-model="sku.productConfig.bargainFirstPrice"
+ :min="0"
+ :precision="2"
+ :step="0.1"
+ class="w-100%"
+ />
+ </template>
+ </el-table-column>
+ <el-table-column align="center" label="鐮嶄环搴曚环(鍏�)" min-width="168">
+ <template #default="{ row: sku }">
+ <el-input-number
+ v-model="sku.productConfig.bargainMinPrice"
+ :min="0"
+ :precision="2"
+ :step="0.1"
+ class="w-100%"
+ />
+ </template>
+ </el-table-column>
+ <el-table-column align="center" label="娲诲姩搴撳瓨" min-width="168">
+ <template #default="{ row: sku }">
+ <el-input-number v-model="sku.productConfig.stock" class="w-100%" />
+ </template>
+ </el-table-column>
+ </SpuAndSkuList>
+ </template>
+ </Form>
+ <template #footer>
+ <el-button :disabled="formLoading" type="primary" @click="submitForm">纭� 瀹�</el-button>
+ <el-button @click="dialogVisible = false">鍙� 娑�</el-button>
+ </template>
+ </Dialog>
+ <SpuSelect ref="spuSelectRef" :isSelectSku="true" :radio="true" @confirm="selectSpu" />
+</template>
+<script lang="ts" setup>
+import * as BargainActivityApi from '@/api/mall/promotion/bargain/bargainActivity'
+import { BargainProductVO } from '@/api/mall/promotion/bargain/bargainActivity'
+import { allSchemas, rules } from './bargainActivity.data'
+import { SpuAndSkuList, SpuProperty, SpuSelect } from '@/views/mall/promotion/components'
+import { getPropertyList, RuleConfig } from '@/views/mall/product/spu/components'
+import * as ProductSpuApi from '@/api/mall/product/spu'
+import { convertToInteger, formatToFraction } from '@/utils'
+import { cloneDeep } from 'lodash-es'
+
+defineOptions({ name: 'PromotionBargainActivityForm' })
+
+const { t } = useI18n() // 鍥介檯鍖�
+const message = useMessage() // 娑堟伅寮圭獥
+
+const dialogVisible = ref(false) // 寮圭獥鐨勬槸鍚﹀睍绀�
+const dialogTitle = ref('') // 寮圭獥鐨勬爣棰�
+const formLoading = ref(false) // 琛ㄥ崟鐨勫姞杞戒腑锛�1锛変慨鏀规椂鐨勬暟鎹姞杞斤紱2锛夋彁浜ょ殑鎸夐挳绂佺敤
+const formType = ref('') // 琛ㄥ崟鐨勭被鍨嬶細create - 鏂板锛泆pdate - 淇敼
+const formRef = ref() // 琛ㄥ崟 Ref
+
+// ================= 鍟嗗搧閫夋嫨鐩稿叧 =================
+
+const spuSelectRef = ref() // 鍟嗗搧鍜屽睘鎬ч�夋嫨 Ref
+const spuAndSkuListRef = ref() // sku 绉掓潃閰嶇疆缁勪欢Ref
+const spuList = ref<BargainActivityApi.SpuExtension[]>([]) // 閫夋嫨鐨� spu
+const spuPropertyList = ref<SpuProperty<BargainActivityApi.SpuExtension>[]>([])
+const ruleConfig: RuleConfig[] = [
+ {
+ name: 'productConfig.bargainFirstPrice',
+ rule: (arg) => arg > 0,
+ message: '鍟嗗搧鐮嶄环璧峰浠锋牸涓嶈兘灏忎簬 0 锛侊紒锛�'
+ },
+ {
+ name: 'productConfig.bargainMinPrice',
+ rule: (arg) => arg >= 0,
+ message: '鍟嗗搧鐮嶄环搴曚环涓嶈兘灏忎簬 0 锛侊紒锛�'
+ },
+ {
+ name: 'productConfig.stock',
+ rule: (arg) => arg >= 1,
+ message: '鍟嗗搧娲诲姩搴撳瓨涓嶈兘灏忎簬 1 锛侊紒锛�'
+ }
+]
+const selectSpu = (spuId: number, skuIds: number[]) => {
+ formRef.value.setValues({ spuId })
+ getSpuDetails(spuId, skuIds)
+}
+/**
+ * 鑾峰彇 SPU 璇︽儏
+ */
+const getSpuDetails = async (
+ spuId: number,
+ skuIds: number[] | undefined,
+ products?: BargainProductVO[]
+) => {
+ const spuProperties: SpuProperty<BargainActivityApi.SpuExtension>[] = []
+ const res = (await ProductSpuApi.getSpuDetailList([spuId])) as BargainActivityApi.SpuExtension[]
+ if (res.length == 0) {
+ return
+ }
+ spuList.value = []
+ // 鍥犱负鍙兘閫夋嫨涓�涓�
+ const spu = res[0]
+ const selectSkus =
+ typeof skuIds === 'undefined' ? spu?.skus : spu?.skus?.filter((sku) => skuIds.includes(sku.id!))
+ selectSkus?.forEach((sku) => {
+ let config: BargainProductVO = {
+ spuId: spu.id!,
+ skuId: sku.id!,
+ bargainFirstPrice: 1,
+ bargainMinPrice: 1,
+ stock: 1
+ }
+ if (typeof products !== 'undefined') {
+ const product = products.find((item) => item.skuId === sku.id)
+ if (product) {
+ product.bargainFirstPrice = formatToFraction(product.bargainFirstPrice)
+ product.bargainMinPrice = formatToFraction(product.bargainMinPrice)
+ }
+ config = product || config
+ }
+ sku.productConfig = config
+ })
+ spu.skus = selectSkus as BargainActivityApi.SkuExtension[]
+ spuProperties.push({
+ spuId: spu.id!,
+ spuDetail: spu,
+ propertyList: getPropertyList(spu)
+ })
+ spuList.value.push(spu)
+ spuPropertyList.value = spuProperties
+}
+
+// ================= end =================
+
+/** 鎵撳紑寮圭獥 */
+const open = async (type: string, id?: number) => {
+ dialogVisible.value = true
+ dialogTitle.value = t('action.' + type)
+ formType.value = type
+ await resetForm()
+ // 淇敼鏃讹紝璁剧疆鏁版嵁
+ if (id) {
+ formLoading.value = true
+ try {
+ const data = (await BargainActivityApi.getBargainActivity(
+ id
+ )) as BargainActivityApi.BargainActivityVO
+ // 鐢ㄦ埛姣忔鐮嶄环閲戦鍒嗚浆鍏�, 鍒嗚浆鍏�
+ data.randomMinPrice = formatToFraction(data.randomMinPrice)
+ data.randomMaxPrice = formatToFraction(data.randomMaxPrice)
+ // 瀵归綈娲诲姩鍟嗗搧澶勭悊缁撴瀯
+ await getSpuDetails(
+ data.spuId!,
+ [data.skuId],
+ [
+ {
+ spuId: data.spuId!,
+ skuId: data.skuId,
+ bargainFirstPrice: data.bargainFirstPrice, // 鐮嶄环璧峰浠锋牸锛屽崟浣嶅垎
+ bargainMinPrice: data.bargainMinPrice, // 鐮嶄环搴曚环
+ stock: data.stock // 娲诲姩搴撳瓨
+ }
+ ]
+ )
+ formRef.value.setValues(data)
+ } finally {
+ formLoading.value = false
+ }
+ }
+}
+defineExpose({ open }) // 鎻愪緵 open 鏂规硶锛岀敤浜庢墦寮�寮圭獥
+
+/** 閲嶇疆琛ㄥ崟 */
+const resetForm = async () => {
+ spuList.value = []
+ spuPropertyList.value = []
+ await nextTick()
+ formRef.value.getElFormRef().resetFields()
+}
+
+/** 鎻愪氦琛ㄥ崟 */
+const emit = defineEmits(['success']) // 瀹氫箟 success 浜嬩欢锛岀敤浜庢搷浣滄垚鍔熷悗鐨勫洖璋�
+const submitForm = async () => {
+ // 鏍￠獙琛ㄥ崟
+ if (!formRef) return
+ const valid = await formRef.value.getElFormRef().validate()
+ if (!valid) return
+ // 鎻愪氦璇锋眰
+ formLoading.value = true
+ try {
+ const data = cloneDeep(formRef.value.formModel) as BargainActivityApi.BargainActivityVO
+ const products = spuAndSkuListRef.value.getSkuConfigs('productConfig')
+ products.forEach((item: BargainProductVO) => {
+ // 鐮嶄环浠锋牸鍏冭浆鍒�
+ item.bargainFirstPrice = convertToInteger(item.bargainFirstPrice)
+ item.bargainMinPrice = convertToInteger(item.bargainMinPrice)
+ })
+ // 鐢ㄦ埛姣忔鐮嶄环閲戦鍒嗚浆鍏�, 鍏冭浆鍒�
+ data.randomMinPrice = convertToInteger(data.randomMinPrice)
+ data.randomMaxPrice = convertToInteger(data.randomMaxPrice)
+ const formData = { ...data, ...products[0] }
+ if (formType.value === 'create') {
+ await BargainActivityApi.createBargainActivity(formData)
+ message.success(t('common.createSuccess'))
+ } else {
+ await BargainActivityApi.updateBargainActivity(formData)
+ message.success(t('common.updateSuccess'))
+ }
+ dialogVisible.value = false
+ // 鍙戦�佹搷浣滄垚鍔熺殑浜嬩欢
+ emit('success')
+ } finally {
+ formLoading.value = false
+ }
+}
+</script>
--
Gitblit v1.8.0