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/rewardActivity/RewardForm.vue | 224 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++
1 files changed, 224 insertions(+), 0 deletions(-)
diff --git a/src/views/mall/promotion/rewardActivity/RewardForm.vue b/src/views/mall/promotion/rewardActivity/RewardForm.vue
new file mode 100644
index 0000000..64a2dd4
--- /dev/null
+++ b/src/views/mall/promotion/rewardActivity/RewardForm.vue
@@ -0,0 +1,224 @@
+<template>
+ <Dialog v-model="dialogVisible" :title="dialogTitle" width="65%">
+ <el-form
+ ref="formRef"
+ v-loading="formLoading"
+ :model="formData"
+ :rules="formRules"
+ label-width="80px"
+ >
+ <el-form-item label="娲诲姩鍚嶇О" prop="name">
+ <el-input v-model="formData.name" placeholder="璇疯緭鍏ユ椿鍔ㄥ悕绉�" />
+ </el-form-item>
+ <el-form-item label="娲诲姩鏃堕棿" prop="startAndEndTime">
+ <el-date-picker
+ v-model="formData.startAndEndTime"
+ :end-placeholder="t('common.endTimeText')"
+ :start-placeholder="t('common.startTimeText')"
+ range-separator="-"
+ type="datetimerange"
+ value-format="x"
+ />
+ </el-form-item>
+ <el-form-item label="鏉′欢绫诲瀷" prop="conditionType">
+ <el-radio-group v-model="formData.conditionType">
+ <el-radio
+ v-for="dict in getIntDictOptions(DICT_TYPE.PROMOTION_CONDITION_TYPE)"
+ :key="dict.value"
+ :label="dict.value"
+ >
+ {{ dict.label }}
+ </el-radio>
+ </el-radio-group>
+ </el-form-item>
+ <el-form-item label="浼樻儬璁剧疆">
+ <RewardRule ref="rewardRuleRef" v-model="formData" />
+ </el-form-item>
+ <el-form-item label="娲诲姩鑼冨洿" prop="productScope">
+ <el-radio-group v-model="formData.productScope">
+ <el-radio
+ v-for="dict in getIntDictOptions(DICT_TYPE.PROMOTION_PRODUCT_SCOPE)"
+ :key="dict.value"
+ :label="dict.value"
+ >
+ {{ dict.label }}
+ </el-radio>
+ </el-radio-group>
+ </el-form-item>
+ <el-form-item
+ v-if="formData.productScope === PromotionProductScopeEnum.SPU.scope"
+ prop="productSpuIds"
+ >
+ <SpuShowcase v-model="formData.productSpuIds" />
+ </el-form-item>
+ <el-form-item
+ v-if="formData.productScope === PromotionProductScopeEnum.CATEGORY.scope"
+ label="鍒嗙被"
+ prop="productCategoryIds"
+ >
+ <ProductCategorySelect v-model="formData.productCategoryIds" :multiple="true" />
+ </el-form-item>
+ <el-form-item label="澶囨敞" prop="remark">
+ <el-input v-model="formData.remark" placeholder="璇疯緭鍏ュ娉�" />
+ </el-form-item>
+ </el-form>
+ <template #footer>
+ <el-button :disabled="formLoading" type="primary" @click="submitForm">纭� 瀹�</el-button>
+ <el-button @click="dialogVisible = false">鍙� 娑�</el-button>
+ </template>
+ </Dialog>
+</template>
+<script lang="ts" setup>
+import RewardRule from './components/RewardRule.vue'
+import SpuShowcase from '@/views/mall/product/spu/components/SpuShowcase.vue'
+import { DICT_TYPE, getIntDictOptions } from '@/utils/dict'
+import * as RewardActivityApi from '@/api/mall/promotion/reward/rewardActivity'
+import { PromotionConditionTypeEnum, PromotionProductScopeEnum } from '@/utils/constants'
+import ProductCategorySelect from '@/views/mall/product/category/components/ProductCategorySelect.vue'
+import { cloneDeep } from 'lodash-es'
+import { fenToYuan, yuanToFen } from '@/utils'
+
+defineOptions({ name: 'ProductBrandForm' })
+
+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 formData = ref<RewardActivityApi.RewardActivityVO>({
+ conditionType: PromotionConditionTypeEnum.PRICE.type,
+ productScope: PromotionProductScopeEnum.ALL.scope,
+ rules: []
+} as RewardActivityApi.RewardActivityVO)
+const formRules = reactive({
+ name: [{ required: true, message: '娲诲姩鍚嶇О涓嶈兘涓虹┖', trigger: 'blur' }],
+ startAndEndTime: [{ required: true, message: '娲诲姩鏃堕棿涓嶈兘涓虹┖', trigger: 'blur' }],
+ conditionType: [{ required: true, message: '鏉′欢绫诲瀷涓嶈兘涓虹┖', trigger: 'change' }],
+ productScope: [{ required: true, message: '鍟嗗搧鑼冨洿涓嶈兘涓虹┖', trigger: 'blur' }],
+ productSpuIds: [{ required: true, message: '鍟嗗搧涓嶈兘涓虹┖', trigger: 'blur' }],
+ productCategoryIds: [{ required: true, message: '鍟嗗搧鍒嗙被涓嶈兘涓虹┖', trigger: 'blur' }]
+})
+const formRef = ref() // 琛ㄥ崟 Ref
+const rewardRuleRef = ref<InstanceType<typeof RewardRule>>() // 娲诲姩瑙勫垯 Ref
+
+/** 鎵撳紑寮圭獥 */
+const open = async (type: string, id?: number) => {
+ dialogVisible.value = true
+ dialogTitle.value = t('action.' + type)
+ formType.value = type
+ resetForm()
+ // 淇敼鏃讹紝璁剧疆鏁版嵁
+ if (id) {
+ formLoading.value = true
+ try {
+ const data = await RewardActivityApi.getReward(id)
+ // 杞尯娈垫椂闂�
+ data.startAndEndTime = [data.startTime, data.endTime]
+ // 瑙勫垯鍒嗚浆鍏�
+ data.rules?.forEach((item: any) => {
+ item.discountPrice = fenToYuan(item.discountPrice || 0)
+ if (data.conditionType === PromotionConditionTypeEnum.PRICE.type) {
+ item.limit = fenToYuan(item.limit || 0)
+ }
+ })
+ formData.value = data
+ // 鑾峰緱鍟嗗搧鑼冨洿
+ await getProductScope()
+ } finally {
+ formLoading.value = false
+ }
+ }
+}
+defineExpose({ open }) // 鎻愪緵 open 鏂规硶锛岀敤浜庢墦寮�寮圭獥
+
+/** 鎻愪氦琛ㄥ崟 */
+const emit = defineEmits(['success']) // 瀹氫箟 success 浜嬩欢锛岀敤浜庢搷浣滄垚鍔熷悗鐨勫洖璋�
+const submitForm = async () => {
+ // 鏍￠獙琛ㄥ崟
+ if (!formRef.value) return
+ const valid = await formRef.value.validate()
+ if (!valid) return
+
+ // 鎻愪氦璇锋眰
+ formLoading.value = true
+ try {
+ // 璁剧疆娲诲姩瑙勫垯浼樻儬鍒�
+ rewardRuleRef.value?.setRuleCoupon()
+ const data = cloneDeep(formData.value)
+ // 鏃堕棿娈佃浆鎹�
+ data.startTime = data.startAndEndTime![0]
+ data.endTime = data.startAndEndTime![1]
+ delete data.startAndEndTime
+ // 瑙勫垯鍏冭浆鍒�
+ data.rules.forEach((item) => {
+ item.discountPrice = yuanToFen(item.discountPrice || 0)
+ if (data.conditionType === PromotionConditionTypeEnum.PRICE.type) {
+ item.limit = yuanToFen(item.limit || 0)
+ }
+ })
+ // 璁剧疆鍟嗗搧鑼冨洿
+ setProductScopeValues(data)
+ if (formType.value === 'create') {
+ await RewardActivityApi.createRewardActivity(data)
+ message.success(t('common.createSuccess'))
+ } else {
+ await RewardActivityApi.updateRewardActivity(data)
+ message.success(t('common.updateSuccess'))
+ }
+ dialogVisible.value = false
+ // 鍙戦�佹搷浣滄垚鍔熺殑浜嬩欢
+ emit('success')
+ } finally {
+ formLoading.value = false
+ }
+}
+
+/** 閲嶇疆琛ㄥ崟 */
+const resetForm = () => {
+ formData.value = {
+ conditionType: PromotionConditionTypeEnum.PRICE.type,
+ productScope: PromotionProductScopeEnum.ALL.scope,
+ rules: []
+ } as RewardActivityApi.RewardActivityVO
+}
+
+/** 鑾峰緱鍟嗗搧鑼冨洿 */
+const getProductScope = async () => {
+ switch (formData.value.productScope) {
+ case PromotionProductScopeEnum.SPU.scope:
+ // 璁剧疆鍟嗗搧缂栧彿
+ formData.value.productSpuIds = formData.value.productScopeValues
+ break
+ case PromotionProductScopeEnum.CATEGORY.scope:
+ await nextTick()
+ let productCategoryIds = formData.value.productScopeValues as any
+ if (Array.isArray(productCategoryIds) && productCategoryIds.length === 1) {
+ // 鍗曢�夋椂浣跨敤鏁扮粍涓嶈兘鍙嶆樉
+ productCategoryIds = productCategoryIds[0]
+ }
+ // 璁剧疆鍝佺被缂栧彿
+ formData.value.productCategoryIds = productCategoryIds
+ break
+ default:
+ break
+ }
+}
+
+/** 璁剧疆鍟嗗搧鑼冨洿 */
+function setProductScopeValues(data: any) {
+ switch (formData.value.productScope) {
+ case PromotionProductScopeEnum.SPU.scope:
+ data.productScopeValues = formData.value.productSpuIds
+ break
+ case PromotionProductScopeEnum.CATEGORY.scope:
+ data.productScopeValues = Array.isArray(formData.value.productCategoryIds)
+ ? formData.value.productCategoryIds
+ : [formData.value.productCategoryIds]
+ break
+ default:
+ break
+ }
+}
+</script>
--
Gitblit v1.8.0