From 3051492756ac6639596e4ea0d73571af821a7220 Mon Sep 17 00:00:00 2001
From: cun-nan <19819293608@163.com>
Date: Sat, 31 Aug 2024 13:51:23 +0800
Subject: [PATCH] =?UTF-8?q?=E8=90=A5=E9=94=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../activeConsumption/index.vue               |   2 +-
 .../src/views/EventMarketing/center/index.vue |  11 +-
 .../EventMarketing/liJianMarketing/index.vue  | 403 ++++++++++++++++++
 .../EventMarketing/openCardGift/index.vue     |   8 +-
 fuintAdmin/src/views/userGrade/index.vue      |   3 +
 5 files changed, 423 insertions(+), 4 deletions(-)
 create mode 100644 fuintAdmin/src/views/EventMarketing/liJianMarketing/index.vue

diff --git a/fuintAdmin/src/views/EventMarketing/activeConsumption/index.vue b/fuintAdmin/src/views/EventMarketing/activeConsumption/index.vue
index a5a531854..6427edc77 100644
--- a/fuintAdmin/src/views/EventMarketing/activeConsumption/index.vue
+++ b/fuintAdmin/src/views/EventMarketing/activeConsumption/index.vue
@@ -1264,7 +1264,7 @@ export default {
       })
     },
     listUserGrade() {
-      listUserGrade().then(res => {
+      listUserGrade({page:1,pageSize:1000}).then(res => {
         if (res.code == 200) {
           this.userGradeList = res.data.records
         }
diff --git a/fuintAdmin/src/views/EventMarketing/center/index.vue b/fuintAdmin/src/views/EventMarketing/center/index.vue
index 74414f2d6..6b27c8966 100644
--- a/fuintAdmin/src/views/EventMarketing/center/index.vue
+++ b/fuintAdmin/src/views/EventMarketing/center/index.vue
@@ -188,7 +188,7 @@
               <div class="nr-bottom">
                 <div class="left-bt">进行中1个</div>
                 |
-                <div class="right-bt" @click="routerPush(12)" >创建活动</div>
+                <div class="right-bt" @click="goOtherPage(12)" >创建活动</div>
               </div>
             </div>
           </div>
@@ -453,6 +453,15 @@ export default {
       });
       // this.$router.push('/EventMarketing/openCardGift/index')
     },
+    // 跳转其他页面
+    goOtherPage(id){
+      if (id==12){
+        this.$router.push({
+          path: '/userGrade/index',
+          query: { id: id }
+        });
+      }
+    },
     gobox(id){
       if(id == 1){
         this.$router.push('/EventMarketing/activeConsumption/index')
diff --git a/fuintAdmin/src/views/EventMarketing/liJianMarketing/index.vue b/fuintAdmin/src/views/EventMarketing/liJianMarketing/index.vue
new file mode 100644
index 000000000..df495d31d
--- /dev/null
+++ b/fuintAdmin/src/views/EventMarketing/liJianMarketing/index.vue
@@ -0,0 +1,403 @@
+<template>
+  <div class="app-container">
+    <div class="cot-box">
+      <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="140px">
+        <div style="display: flex">
+          <div style="width: 50%">
+            <el-form-item label="活动名称" prop="name">
+              <el-input v-model="ruleForm.name"></el-input>
+            </el-form-item>
+            <el-form-item label="活动时间" prop="activityTimeType">
+              <div class="d-s">
+                <div class="icon-type" v-for="(item,index) in activityTimeTypeList" :key="index"
+                     :class="{ 'acvtive' : index === tindex1 }" @click="Typeindex1(index)">
+                  <img src="@/assets/images/wx.png" style="width: 20px;height: 20px" v-if="index != tindex1">
+                  <img src="@/assets/images/xz.png" style="width: 20px;height: 20px" v-if="index == tindex1">
+                  {{ item }}
+                </div>
+                <el-date-picker
+                  v-model="ruleForm.activeStartTime"
+                  style="width: 160px"
+                  type="date"
+                  value-format="yyyy-MM-dd"
+                  placeholder="开始日期">
+                </el-date-picker>
+                <span style="margin: 0 5px">至</span>
+                <el-date-picker
+                  v-model="ruleForm.activeEndTime"
+                  style="width: 160px"
+                  type="date"
+                  value-format="yyyy-MM-dd"
+                  placeholder="结束日期">
+                </el-date-picker>
+              </div>
+            </el-form-item>
+
+            <el-form-item label="优惠类型" prop="dieselUserLevel">
+              <div class="d-s">
+                <div class="icon-type" v-for="(item,index) in preferentialTypeList" :key="index"
+                     :class="{ 'acvtive' : index === tindex2 }" @click="Typeindex2(index)">
+                  <img src="@/assets/images/wx.png" style="width: 20px;height: 20px" v-if="index != tindex2">
+                  <img src="@/assets/images/xz.png" style="width: 20px;height: 20px" v-if="index == tindex2">
+                  {{ item }}
+                </div>
+              </div>
+              <span style="color: grey;font-size: 12px">例如:立减优惠，满100立减2元;折扣优惠，满200享受95折</span>
+            </el-form-item>
+            <el-form-item label="活动类型" prop="dieselUserLevel">
+              <div class="d-s">
+                <div class="icon-type" v-for="(item,index) in activityTypeList" :key="index"
+                     :class="{ 'acvtive' : index === tindex5 }" @click="Typeindex5(index)">
+                  <img src="@/assets/images/wx.png" style="width: 20px;height: 20px" v-if="index != tindex5">
+                  <img src="@/assets/images/xz.png" style="width: 20px;height: 20px" v-if="index == tindex5">
+                  {{ item }}
+                </div>
+              </div>
+              <div style="color: grey;font-size: 11px">固定满减:订单满足规则时，只优惠一次且金额固定。如:满100元立减5元，订单金额是210元，则优惠减5元。</div>
+              <div style="color: grey;font-size: 11px">随机满减:订单满足规则时，只优惠一次且金额随机。如:满100元立减5-8元，订单金额是210元，则优惠在5-8元范围内随机生成。</div>
+              <div style="color: grey;font-size: 11px">每满:订单满足规则时，按规则优患多次。如:每满100元立减5元活动，订单金额是210元，则按每满优惠减10元。</div>
+            </el-form-item>
+            <el-form-item label="适用会员等级" prop="dieselUserLevel">
+              <el-select v-model="ruleForm.dieselUserLevel" multiple clearable placeholder="请选择会员等级（多选）">
+                <el-option
+                  v-for="(item,index) in userGradeList"
+                  :label="item.name"
+                  :value="item.id.toString()"
+                  :key="index"></el-option>
+              </el-select>
+            </el-form-item>
+            <el-form-item label="会员标签" prop="userLabelIds">
+              <el-select v-model="ruleForm.userLabelIds" multiple clearable placeholder="请选择会员标签（多选）">
+                <el-option
+                  v-for="item in userLabelList"
+                  :key="item.id+''"
+                  :label="item.labelName"
+                  :value="item.id+''"></el-option>
+              </el-select>
+            </el-form-item>
+            <el-form-item label="每人每天参与上限" prop="everyDayCeiling">
+              <el-input v-model="ruleForm.everyDayCeiling"></el-input>
+              <span style="color: grey;font-size: 12px">每个会员每天限制参与的次数，0标识不限</span>
+            </el-form-item>
+            <el-form-item label="每人每月参与上限" prop="monthlyCeiling">
+              <el-input v-model="ruleForm.monthlyCeiling"></el-input>
+              <span style="color: grey;font-size: 12px">每个会员每月限制参与的次数，0标识不限</span>
+            </el-form-item>
+            <el-form-item label="每人累计参与上限" prop="accumulateCeiling">
+              <el-input v-model="ruleForm.accumulateCeiling"></el-input>
+              <span style="color: grey;font-size: 12px">每个会员累计限制参与的次数，0标识不限</span>
+            </el-form-item>
+          </div>
+          <div style="width: 50%">
+            <el-form-item label="适用时间段" prop="suitTimeSlotType">
+              <div>
+                <div class="icon-type" v-for="(item,index) in weekMonthTypeList" :key="index"
+                     :class="{ 'acvtive' : index === tindex3 }" @click="Typeindex3(index)">
+                  <img src="@/assets/images/wx.png" style="width: 20px;height: 20px" v-if="index != tindex3">
+                  <img src="@/assets/images/xz.png" style="width: 20px;height: 20px" v-if="index == tindex3">
+                  {{ item }}
+                  <el-checkbox-group v-model="weekDay" v-if="item=='每周'" style="margin-left: 20px"
+                                     :disabled="tindex3!=0">
+                    <el-checkbox v-for="(item,index) in weekList" :key="index" :label="item"></el-checkbox>
+                  </el-checkbox-group>
+                  <el-select v-model="monthDay" placeholder="请选择每月固定日期" multiple v-if="item=='每月'"
+                             :disabled="tindex3!=1"
+                             style="margin-left: 20px">
+                    <el-option
+                      v-for="item in 31"
+                      :key="item.value"
+                      :label="item+'日'"
+                      :value="item">
+                    </el-option>
+                  </el-select>
+                </div>
+              </div>
+              <div style="margin-top: 20px">
+                <el-form-item label="时间段" prop="suitTimeSlotFront">
+                  <el-time-picker
+                    v-model="ruleForm.suitTimeSlotFront"
+                    format="HH:mm"
+                    value-format="HH:mm"
+                    placeholder="请选择开始时间点">
+                  </el-time-picker>
+                  至
+                  <el-time-picker
+                    v-model="ruleForm.suitTimeSlotAfter"
+                    format="HH:mm"
+                    value-format="HH:mm"
+                    placeholder="请选择结束时间点">
+                  </el-time-picker>
+                </el-form-item>
+              </div>
+            </el-form-item>
+
+            <el-form-item label="适用油品油号" prop="activityTimeType">
+              <div class="d-s">
+                <div class="icon-type" v-for="(item,index) in oilTypeList" :key="index"
+                     :class="{ 'acvtive' : index === tindex4 }" @click="Typeindex4(index)">
+                  <img src="@/assets/images/wx.png" style="width: 20px;height: 20px" v-if="index != tindex4">
+                  <img src="@/assets/images/xz.png" style="width: 20px;height: 20px" v-if="index == tindex4">
+                  {{ item }}
+                </div>
+                <el-select v-model="ruleForm.dieselUserLevel" multiple clearable placeholder="请选择油品油号（多选）">
+                  <el-option
+                    v-for="(item,index) in userGradeList"
+                    :label="item.name"
+                    :value="item.id.toString()"
+                    :key="index"></el-option>
+                </el-select>
+              </div>
+            </el-form-item>
+            <el-form-item label="可使用支付方式" prop="paymentType">
+              <el-checkbox-group v-model="ruleForm.paymentType">
+                <el-checkbox
+                  v-for="dict in dict.type.payment_type"
+                  v-if="dict.value!='APPLET_CODE'"
+                  :key="dict.value"
+                  :label="dict.label"
+                  :value="dict.value"></el-checkbox>
+              </el-checkbox-group>
+            </el-form-item>
+<!--            活动方式需要根据不同的类型展示不同的样式，你自己写吧-->
+            <el-form-item label="活动方式" prop="activeGift">
+              <el-checkbox-group v-model="ruleForm.activeGift">
+                <div style="display: flex;font-size: 14px;margin: 15px 0">
+                  <el-checkbox label="按订单金额" name="type"></el-checkbox>
+                  <img src="@/assets/images/tjb.png"
+                       style="width: 20px;height: 20px;cursor: pointer;margin-top: 7px;margin-left: 10px"
+                       @click="addPoints()">
+                </div>
+
+                <div v-for="(item,index) in pointList" :key="index" style="font-size: 14px;margin: 15px 0">
+                  <span>订单金额满</span>
+                  <el-input placeholder="请输入" style="width: 30%;margin: 0 10px" v-model="item.consumeAmount">
+                    <template slot="append">元</template>
+                  </el-input>
+                  <span>固定优惠</span>
+                  <el-input placeholder="请输入" style="width: 30%;margin: 0 10px" v-model="item.givePoints">
+                    <template slot="append">元</template>
+                  </el-input>
+                  <img src="@/assets/images/ljt.png" style="width: 25px;height: 25px;"
+                       @click="deletePoints(index)">
+                </div>
+
+                <div style="display: flex;font-size: 14px;margin: 15px 0">
+                  <el-checkbox label="按加油升数" name="type"></el-checkbox>
+                  <img src="@/assets/images/tjb.png"
+                       style="width: 20px;height: 20px;cursor: pointer;margin-top: 7px;margin-left: 10px"
+                       @click="addGrowthValues()">
+                </div>
+
+                <div v-for="(item,index) in growthValueList" :key="index" style="font-size: 14px;margin: 15px 0">
+                  <span>加油升数满</span>
+                  <el-input placeholder="请输入" style="width: 30%;margin: 0 10px" v-model="item.consumeAmount">
+                    <template slot="append">L</template>
+                  </el-input>
+                  <span>固定优惠</span>
+                  <el-input placeholder="请输入" style="width: 30%;margin: 0 10px"
+                            v-model="item.giveGrowthValue">
+                    <template slot="append">元</template>
+                  </el-input>
+                  <img src="@/assets/images/ljt.png" style="width: 25px;height: 25px;"
+                       @click="deleteGrowthValues(index)">
+                </div>
+              </el-checkbox-group>
+            </el-form-item>
+          </div>
+        </div>
+        <el-form-item style="text-align: center">
+          <el-button @click="resetForm('ruleForm')">取消</el-button>
+          <el-button type="primary" @click="submitRuleForm('ruleForm')">保存</el-button>
+        </el-form-item>
+      </el-form>
+    </div>
+  </div>
+</template>
+
+<script>
+import {listUserLabel} from "@/api/staff/user/userlabel";
+import {listUserGrade} from "@/api/staff/user/usergrade";
+
+export default {
+  name: "LiJianMarketing",
+  dicts: ['payment_type'],
+  data() {
+    return {
+      ruleForm: {
+        paymentType:[],
+        activeGift:[],
+        activityTimeType:0,
+        suitTimeSlotType:0,
+      },
+      userGradeList:[],
+      userLabelList:[],
+
+      activityTimeTypeList: ["永久有效", "自定义"],
+      tindex1: 0,
+      preferentialTypeList: ["立减优惠", "折扣优惠"],
+      tindex2: 0,
+      weekMonthTypeList: ["每周", "每月"],
+      tindex3: 0,
+      oilTypeList:['不限','自定义'],
+      tindex4:0,
+      activityTypeList:['固定满减','随机满减','每满'],
+      tindex5:0,
+
+      weekList: ["周一", "周二", "周三", "周四", "周五", "周六", "周日"],
+      weekDay: [],
+      monthDay: [],
+      pointList: [],
+      growthValueList: [],
+      // 表单校验
+      rules: {
+        name: [
+          {required: true, message: '活动名称不能为空', trigger: 'blur'},
+        ],
+        activityTimeType: [
+          {required: true, message: '活动时间不能为空', trigger: 'blur'},
+        ],
+        suitTimeSlotFront: [
+          {required: true, message: '时间段不能为空', trigger: 'blur'},
+        ],
+        dieselUserLevel: [
+          {required: true, message: '适用会员等级不能为空', trigger: 'blur'},
+        ],
+        paymentType: [
+          {required: true, message: '可使用支付方式不能为空', trigger: 'blur'},
+        ],
+        everyDayCeiling: [
+          {required: true, message: '每人每天参与上限不能为空', trigger: 'blur'},
+        ],
+        monthlyCeiling: [
+          {required: true, message: '每人每月参与上限不能为空', trigger: 'blur'},
+        ],
+        accumulateCeiling: [
+          {required: true, message: '每人累计参与上限不能为空', trigger: 'blur'},
+        ],
+        noticeContent: [
+          {required: true, message: '通知内容不能为空', trigger: 'blur'},
+        ],
+        activityDetails: [
+          {required: true, message: '活动详情不能为空', trigger: 'blur'},
+        ],
+      }
+    }
+  },
+  created() {
+    // 查询信息
+    this.getInfo()
+    this.listUserGrade()
+    this.getUserLabelList()
+  },
+  methods:{
+    // 会员等级
+    listUserGrade() {
+      listUserGrade({page:1,pageSize:1000}).then(res => {
+        if (res.code == 200) {
+          this.userGradeList = res.data.records
+        }
+      })
+    },
+    // 会员标签
+    getUserLabelList(){
+      listUserLabel({page:1,pageSize:10000}).then(res => {
+        this.userLabelList = res.data.records
+      })
+    },
+    getInfo(){
+
+    },
+    addPoints() {
+      let data = {
+        consumeAmount: "",
+        givePoints: "",
+      }
+      this.pointList.push(data)
+    },
+    deletePoints(index) {
+      this.pointList.splice(index, 1);
+    },
+    addGrowthValues() {
+      let data = {
+        consumeAmount: "",
+        giveGrowthValue: "",
+      }
+      this.growthValueList.push(data)
+    },
+    deleteGrowthValues(index) {
+      this.growthValueList.splice(index, 1);
+    },
+    Typeindex1(index) {
+      this.tindex1 = index
+      this.ruleForm.activityTimeType = index
+    },
+    Typeindex2(index) {
+      this.tindex2 = index
+      this.ruleForm.suitTimeSlotType = index
+    },
+    Typeindex3(index) {
+      this.tindex3 = index
+      this.ruleForm.suitTimeSlotType = index
+    },
+    Typeindex4(index) {
+      this.tindex4 = index
+    },
+    Typeindex5(index) {
+      this.tindex5 = index
+    },
+    submitRuleForm(formName) {
+      if (this.tindex1 == 1){
+        if (!this.ruleForm.activeStartTime || !this.ruleForm.activeEndTime){
+          this.$message.error("请选择活动开始时间")
+          return
+        }
+      }
+      this.$refs[formName].validate((valid) => {
+        if (valid) {
+
+          if (this.ruleForm.id) {
+          //   修改
+          } else {
+          //   添加
+          }
+        }
+      });
+    },
+    resetForm(formName) {
+      this.$refs[formName].resetFields();
+      this.getInfo()
+    },
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.cot-box {
+  width: 100%;
+  border-radius: 8px;
+  background: #fff;
+  box-sizing: border-box;
+  padding: 20px;
+  margin: 0 auto;
+}
+
+.d-s {
+  display: flex;
+  align-items: center;
+}
+
+.icon-type {
+  display: flex;
+  align-items: center;
+  font-weight: 400;
+  font-size: 14px;
+  color: #999999;
+  margin-right: 20px;
+  cursor: pointer;
+}
+
+.acvtive {
+  color: #FF770F !important;
+}
+
+</style>
diff --git a/fuintAdmin/src/views/EventMarketing/openCardGift/index.vue b/fuintAdmin/src/views/EventMarketing/openCardGift/index.vue
index a39411d76..ae2367400 100644
--- a/fuintAdmin/src/views/EventMarketing/openCardGift/index.vue
+++ b/fuintAdmin/src/views/EventMarketing/openCardGift/index.vue
@@ -6,6 +6,7 @@
     <separate v-show="id == 9" ></separate>
     <TimeLimited v-show="id == 10"></TimeLimited>
 
+    <liJianMarketing  v-show="id == 11"></liJianMarketing>
   </div>
 </template>
 
@@ -18,6 +19,8 @@ import  activeConsumption from  '../../EventMarketing/activeConsumption/index.vu
 import  separate from  './separate.vue'
 // 限时优惠
 import  TimeLimited from  './TimeLimited.vue'
+// 立减营销
+import liJianMarketing from "@/views/EventMarketing/liJianMarketing/index.vue";
 
 export default {
   data() {
@@ -38,8 +41,9 @@ export default {
     // 分时优惠
     separate,
     // 限时优惠
-    TimeLimited
-
+    TimeLimited,
+  //   立减营销
+    liJianMarketing
   },
   methods: {
 
diff --git a/fuintAdmin/src/views/userGrade/index.vue b/fuintAdmin/src/views/userGrade/index.vue
index 1ff24ec61..f7a8308b1 100644
--- a/fuintAdmin/src/views/userGrade/index.vue
+++ b/fuintAdmin/src/views/userGrade/index.vue
@@ -1261,6 +1261,9 @@ export default {
     this.getClearConfig();
     this.getRule();
     this.getISEnableLevel();
+    if (this.$route.query.id){
+      this.getindex(2)
+    }
   },
   methods: {
     addlsit() {