优惠卷更改

src/api/modules/coupon.js

@@ -9,4 +9,8 @@ export const coupon = {
       params: data,
     });
   },
+  //添加优惠卷
+  addCoupon: (data) => {
+    return $http.post(`/merchant-api/coupon/save`, data);
+  },
 };

src/views/modules/coupon/index.vue

@@ -147,13 +147,11 @@ export default {
         });
     },
     addProduct(row) {
-      this.$refs.addOrUpdate
+      this.$refs.addOrUpdate.toggle().add({
-        .toggle()
+        ...row,
-        .add({
+        marketId: this.formInline.marketId,
-          ...row,
+        shopId: this.formInline.shopId,
-          marketId: this.formInline.marketId,
+      });
-          shopId: this.formInline.shopId,
-        });
     },
     deleteProduct() {
       console.log(this.selectList);
@@ -202,35 +200,55 @@ export default {
       return [
         { type: "checkbox", width: "60px", fixed: "left" },
         // { type: "seq", width: "60px", align: "center", title: "序号" },
-        {
-          title: "店铺",
-          align: "center",
-          field: "cardName",
-        },
         {
           title: "优惠券名称",
           align: "center",
-          field: "cardNo",
+          field: "name",
         },
         {
           title: "发行方",
           align: "center",
-          field: "telNo",
+          field: "publisher",
+          type: "jsx",
+          render: ({ row }) => {
+            if (row.publisher === "MERCHANT") {
+              return <span>店铺</span>;
+            } else if (row.publisher == "PLATFORM") {
+              return <span>平台</span>;
+            }
+          },
         },
         {
           title: "类别",
           align: "center",
-          field: "name",
+          field: "category",
-        },
+          type: "jsx",
-        {
+          render: ({ row }) => {
-          title: "领取类型",
+            if (row.category == "NO_THRESHOLD") {
-          align: "center",
+              return <span>无门槛优惠券</span>;
-          field: "receiveType",
+            } else if (row.category == "MAX_OUT") {
+              return <span>满减优惠券</span>;
+            } else if (row.category == "FIRST_ATTENTION") {
+              return <span>首次关注优惠券</span>;
+            } else if (row.category == "BIRTHDAY") {
+              return <span>生日券</span>;
+            } else if (row.category == "PLATFORM") {
+              return <span>平台优惠券</span>;
+            }
+          },
         },
         {
           title: "优惠券类型",
           align: "center",
-          field: "name",
+          field: "couponType",
+          type: "jsx",
+          render: ({ row }) => {
+            if (row.couponType == "MONEY") {
+              return <span>满减券</span>;
+            } else if (row.couponType == "DISCOUNT") {
+              return <span>折扣券</span>;
+            }
+          },
         },
         {
           title: "优惠金额",
@@ -247,6 +265,21 @@ export default {
           align: "center",
           field: "minPrice",
         },
+        {
+          title: "限量",
+          align: "center",
+          field: "limitedNum",
+        },
+        {
+          title: "发放总数",
+          align: "center",
+          field: "total",
+        },
+        {
+          title: "剩余数量",
+          align: "center",
+          field: "lastTotal",
+        },
         {
           title: "状态",
           align: "center",
@@ -255,7 +288,7 @@ export default {
           render: ({ row }) => {
             if (row.status == 0) {
               return <span>关闭</span>;
-            } else if (row.status == 2) {
+            } else if (row.status == 1) {
               return <span>开启</span>;
             }
           },

src/views/modules/coupon/popup/add-or-update.vue

@@ -29,7 +29,7 @@
             >
             </el-date-picker>
           </el-form-item>
-          <el-form-item label-width="150px" label="开发领取日期" prop="name">
+          <el-form-item label-width="150px" label="开放领取日期" prop="name">
             <el-date-picker
               @change="collectionDateChange"
               v-model="collectionDate"
@@ -92,7 +92,7 @@
               <el-option
                 v-for="item in [
                   {
-                    label: '限制',
+                    label: '不限',
                     value: 0,
                   },
                   {
@@ -134,6 +134,7 @@
 import commodity from "./commodity.vue";
 import { debounce, cloneDeep } from "lodash";
 import { Divider } from "element-ui";
+import loginVue from "../../../common/login.vue";
 export default {
   components: { commodity },
   data() {
@@ -175,7 +176,20 @@ export default {
           this.modalConfig.title = `添加${row.label}`;
           this.$nextTick(() => {
             this.modalData = {
+              category: "NO_THRESHOLD",
+              receiveType: "MANUAL",
+              couponType: "MONEY",
+              isTimeReceive: 1, //0-不限时，1-限时
+              name: "",
+              useStartTime: "",
+              useEndTime: "",
+              receiveStartTime: "",
+              receiveEndTime: "",
+              money: "",
               total: 10000,
+              limitedNum: 0,
+              minPrice: 0,
+              usableRange: "PARTIAL_GOODS", //部分商品-PARTIAL_GOODS 所有商品-ALL_GOODS 部分摊位-PARTIAL_SHOP
             };
             this.$refs.modal.resetFields();
           });
@@ -231,11 +245,16 @@ export default {
           type: "primary",
           handle: () => {
             console.log(this.modalData);
-            this.$api.mer_admin.bankCardAdd(this.modalData).then((res) => {
+            let data = { ...this.modalData };
-              console.log(res);
+            data.targetIds = [data.targetIds];
-              this.$emit("queryList");
+            console.log(this.modalData, data);
-              this.toggle();
+            this.$api.coupon
-            });
+              .addCoupon({ ...data, ...this.formInline })
+              .then((res) => {
+                console.log(res);
+                this.$emit("queryList");
+                this.toggle();
+              });
           },
         },
       ];