From a23ff27703d6d275c9356a8fea0eaad0d8fd3f04 Mon Sep 17 00:00:00 2001
From: 陶杰 <1378534974@qq.com>
Date: 星期三, 18 九月 2024 14:45:59 +0800
Subject: [PATCH] 1.优惠券-活动优惠券-修改-图片初始化的校验规则设置 2.优惠券-活动优惠券-发布-如果当前时间大于优惠券的领取结束时间，按钮隐藏
---
pages/marketing/coupon/activity/index.vue | 76 +++++++++++++++++++++++++++++++++++++-
1 files changed, 74 insertions(+), 2 deletions(-)
diff --git a/pages/marketing/coupon/activity/index.vue b/pages/marketing/coupon/activity/index.vue
index a8dd591..71db735 100644
--- a/pages/marketing/coupon/activity/index.vue
+++ b/pages/marketing/coupon/activity/index.vue
@@ -9,6 +9,7 @@
couponSearchForm,
getActivityEffectiveTime,
getActivityReceiveTime,
+ getImageUrlRules,
couponColumn,
} from '@/utils/coupon-form'
export default {
@@ -39,10 +40,22 @@
if (!isNew) {
row.usageTypeStr = getActivityEffectiveTime(row)
row.getStartDateStr = getActivityReceiveTime(row)
+ getImageUrlRules(row,this.tableConfig.form)
}
+
},
columns: [
...couponColumn(),
+ {
+ label: '优惠券图片',
+ formatter: (row) => (
+ <el-bus-image
+ style="width:50px;height:50px"
+ lazy={true}
+ src={row.imageUrl}
+ />
+ ),
+ },
{
label: '领取时间',
formatter: getActivityReceiveTime,
@@ -116,6 +129,36 @@
str: true,
strKey: 'getTypeName',
rules: { required: true, message: '请选择领取渠道' },
+ on: {
+ change: (e, updateForm,obj) => {
+
+ if(e[0]==='home'){
+ // 如果是首页领取的话，则图片为必传递
+ this.updateImageUrlRules(this.tableConfig.form,"imageUrl",true,"图片为必填项目")
+ }else{
+ this.updateImageUrlRules(this.tableConfig.form,"imageUrl",false,"请输入图片")
+ }
+ },
+ },
+
+ },
+ {
+ label: '优惠券图片：',
+ id: 'imageUrl',
+ type: 'bus-upload',
+ el: {
+ listType: 'picture-card',
+ limit: 1,
+ limitSize: 2,
+ tipText: '大小不超过2M',
+ valueType: 'string',
+ },
+ forceDisabled: true,
+ rules: {
+ required: true,
+ message: '请上传商品图片',
+ trigger: 'blur',
+ },
},
{
label: '领取时间：',
@@ -226,8 +269,23 @@
extraButtons: [
{
text: '发布',
- show: (row) =>
- row.status === 'inactive' || row.status === 'expired',
+ show: (row) =>{
+ // row.status === 'inactive' || row.status === 'expired'
+ // const now = new Date(); // 获取当前时间
+ // const startDate = new Date(row.getStartDate); // 获取开始时间
+ // const endDate = new Date(row.getEndDate); // 获取结束时间
+ // // 判断当前时间是否在开始时间和结束时间之间
+ // const isInTimeRange = now >= startDate && now <= endDate;
+ const now = new Date(); // 获取当前时间
+ const endDate = new Date(row.getEndDate); // 获取结束时间
+ // 判断当前时间是否已经超过领取结束时间
+ const isAfterEndDate = now <= endDate;
+ if (isAfterEndDate && (row.status === 'inactive' || row.status === 'expired')) {
+ return true;
+ }
+ return false;
+
+ },
atClick: async (row) => {
try {
await this.$elBusUtil.confirm('确定要发布吗？')
@@ -270,5 +328,19 @@
title: '活动优惠券',
}
},
+ methods: {
+ updateImageUrlRules(form,id,required,message) {
+ const curField =form.find(
+ (field) => field.id === id
+ );
+ if (curField && curField.rules && required) {
+ curField.rules.required = true;
+ curField.rules.message = message;
+ }else if(curField && curField.rules){
+ curField.rules.required = false;
+ curField.rules.message = message;
+ }
+ },
+ },
}
</script>
--
Gitblit v1.9.3