xiaoe_mp_npm 0.1.13 → 0.1.14

package/miniprogram_dist/coupon/components/CouponSelect/index.js

@@ -1,324 +1,324 @@
-const computedBehavior = require('miniprogram-computed').behavior
-Component({
-  /**
-   * 导入计算属性
-   */
-  behaviors: [computedBehavior],
-  /**
-   * 组件的属性列表
-   */
-  properties: {
-    usedPromoCode: { // 当前使用的优惠码,码值
-      type: String,
-      value: ''
-    },
-    disableCouponList: { // 不可用优惠券列表
-      type: Array,
-      value: []
-    },
-    couponList: { // 可用优惠券列表
-      type: Array,
-      value: []
-    },
-    chooseCouponList: { // 用户当前选择的优惠券列表
-      type: Array,
-      value: []
-    },
-    recommendCouponList: { // 最佳优惠券列表
-      type: Array,
-      value: []
-    },
-    originPrice: { // 商品购买价
-      type: Number,
-      value: ''
-    },
-    showPopup: { // 是否显示优惠券选择器弹窗
-      type: Boolean,
-      value: false
-    }
-  },
-
-  /**
-   * 组件的初始数据
-   */
-  data: {
-    userChooseCouponList: [], // 用户选择的优惠券列表
-    isNotUseCoupon: false, // 是否点击不使用优惠券按钮
-    promoCode: '', // 当前输入的优惠码
-    promoCodeReg: /^[a-zA-Z0-9\u4e00-\u9fa5]{6,12}$/,
-    currentPromoCode: '', // 实际使用优惠码
-    curTabIndex: 1, // 优惠券是否可选tab当前下标
-    coupon_tab: [
-      {
-        tabName: '可用优惠券',
-        activeIndex: 1
-
-      }, {
-        tabName: '不可用优惠券',
-        activeIndex: 2
-      }],
-  },
-
-  /**
-   *  计算属性
-   */
-  computed: {
-    // 判断是否使用了优惠码
-    isUsedPromoCode (data) {
-      return !!data.currentPromoCode;
-    },
-    // 优惠券提示文案
-    couponTips (data) {
-      if (data.userChooseCouponList.length !== 0 && !data.isUsedPromoCode) {
-        if (data.isRecommendCouponList) {
-          return `您已选中最佳优惠券组合${data.userChooseCouponList.length}张，共抵扣`;
-        }
-        return `您已选中优惠券${data.userChooseCouponList.length}张，共抵扣`;
-      }
-      return `请选择优惠券`;
-    },
-    // 判断当前选中是否最佳优惠券组合
-    isRecommendCouponList (data) {
-      let recommendCouponIdList = data.recommendCouponList.map(item => {
-        return item.cu_id;
-      });
-      if (data.recommendCouponList.length !== data.userChooseCouponList.length) {
-        return false;
-      }
-      for (let i = 0; i < data.userChooseCouponList.length; i++) {
-        if (recommendCouponIdList.indexOf(data.userChooseCouponList[i].cu_id) === -1) {
-          return false;
-        }
-      }
-      return true;
-    },
-    // 获取推荐优惠券中的优惠券id数组
-    recommendCouponIdList (data) {
-      return data.recommendCouponList.map(item => {
-        return item.cu_id;
-      });
-    },
-    // 获取已选列表项批次id数组
-    userChooseBatchIdList (data) {
-      return data.userChooseCouponList.map(item => {
-        return item.id;
-      });
-    },
-    // 是否选中了不可叠加优惠券，true: 是， false: 否
-    cantOverlay (data) {
-      if (data.userChooseCouponList.length === 1 && (data.userChooseCouponList[0].is_support_superposition === 0)) {
-        return true;
-      }
-      return false;
-    },
-    // 优惠券折扣金额
-    couponDiscountAmount (data) {
-      let miusTotalPrice = 0;
-      for (let i = 0; i < data.userChooseCouponList.length; i++) {
-        let preferential = data.userChooseCouponList[i].discount_price;
-        // 折扣优惠
-        if (data.userChooseCouponList[i].discount_way === 2) {
-          preferential = data.originPrice * Number((1 - data.userChooseCouponList[i].discount_percent / 100).toFixed(2));
-          if (data.userChooseCouponList[i].discount_limit_price) {
-            preferential = Math.min(preferential, data.userChooseCouponList[i].discount_limit_price);
-          }
-        }
-        miusTotalPrice += preferential;
-      }
-      miusTotalPrice = miusTotalPrice > data.originPrice ? data.originPrice : miusTotalPrice;
-      return (miusTotalPrice/100).toFixed(2)
-    },
-    // 获取已选列表项优惠券cu_id数组
-    userChooseCuIdList(data) {
-      return data.userChooseCouponList.map(item => item.cu_id)
-    },
-  },
-
-  observers: {
-    'chooseCouponList': function(data) {
-      this.setData({
-        userChooseCouponList: data
-      })
-    },
-    'usedPromoCode': function(data) {
-      this.setData({
-        promoCode: data,
-        currentPromoCode: data
-      })
-    },
-    'userChooseCouponList': function(data) {
-      this.setData({
-        isNotUseCoupon: data.length === 0
-      })
-    }
-  },
-
-  /**
-   * 组件的方法列表
-   */
-  methods: {
-    // 选择优惠券
-    chooseCoupon(e) {
-      let item = e.detail.params.item
-      // 在已经使用优惠码的情况下，用户选择可用优惠券，提示： 请先取消使用优惠码
-      if (this.data.isUsedPromoCode) {
-        // this.vueAlert('请先取消使用优惠码');
-        return false;
-      }
-      // 优惠券列表是否为空
-      if (this.data.userChooseCouponList.length !== 0) {
-        // 当前优惠券是否已被选中
-        if (this.isUserChooseCoupon(item.cu_id) !== -1) {
-          this.data.userChooseCouponList.splice(this.isUserChooseCoupon(item.cu_id), 1);
-          this.setData({
-            userChooseCouponList: this.data.userChooseCouponList
-          })
-        } else {
-          // 当前已选优惠券能否叠加，true即当前优惠券为不可叠加
-          if (this.data.cantOverlay) {
-            this.setData({
-              userChooseCouponList: [item]
-            })
-          } else {
-            // 当前点击优惠券是否为可叠加优惠券
-            if (item.is_support_superposition === 1) {
-              // 已选优惠券中是否有同一批次优惠券
-              let batchIdIndex = this.data.userChooseCouponList.findIndex(content => content.id === item.id);
-              if (batchIdIndex !== -1) {
-                this.data.userChooseCouponList.splice(batchIdIndex, 1);
-                this.setData({
-                  userChooseCouponList: this.data.userChooseCouponList
-                })
-              }
-            } else {
-              this.setData({
-                userChooseCouponList: []
-              })
-            }
-            this.setData({
-              userChooseCouponList: [...this.data.userChooseCouponList,item]
-            })
-          }
-        }
-      } else {
-        this.setData({
-          userChooseCouponList: [item]
-        })
-      }
-    },
-    // 使用优惠码
-    usePromoCode() {
-      if(this.data.isUsedPromoCode) {
-        // 点击取消使用
-        this.setData({
-          promoCode: '',
-          currentPromoCode: ''
-        })
-      } else {
-        if(!this.data.promoCode) {
-          wx.showToast({
-            title: '优惠码为空',
-            icon: 'none',
-            duration: 2000
-          })
-          // 优惠码为空
-          return false;
-        }
-        if(!(/^[a-zA-Z0-9\u4e00-\u9fa5]{6,12}$/.test(this.data.promoCode))) {
-          wx.showToast({
-            title: '优惠码输入错误',
-            icon: 'none',
-            duration: 2000
-          })
-          // 校验优惠码格式是否正确
-          return false;
-        }
-        this.triggerEvent('checkPromoCode', {
-          promoCode: this.data.promoCode,
-          success: () => {
-            this.setData({
-              currentPromoCode: this.data.promoCode,
-              userChooseCouponList: [],
-              isNotUseCoupon: true,
-            })
-            this.confirm();
-          }
-        });
-      }
-    },
-    // 双向绑定优惠码的值
-    getPromoCode(e) {
-      this.setData({
-        promoCode: e.detail.value
-      })
-    },
-    // 使用推荐优惠券组合
-    useRecommendCoupon() {
-      this.setData({
-        promoCode: '',
-        currentPromoCode: '',
-        userChooseCouponList: []
-      })
-      wx.showToast({
-        title: '使用推荐优惠',
-        icon: 'none',
-        duration: 2000
-
-      })
-      this.setData({
-        userChooseCouponList: this.data.recommendCouponList
-      })
-    },
-    // 点击不使用优惠券
-    notUseCoupon() {
-      if(this.data.isNotUseCoupon) {
-        this.setData({
-          isNotUseCoupon: false
-        })
-      } else {
-        this.setData({
-          isNotUseCoupon: true,
-          userChooseCouponList: []
-        })
-      }
-    },
-    // 选中是否可用优惠券列表
-    setTab:function(e) {
-      this.setData({
-        curTabIndex: e.currentTarget.dataset.index
-      });
-    },
-    // 是否用户选择的优惠券
-    isUserChooseCoupon(id) {
-      if (this.data.userChooseCouponList.length !== 0) {
-        return this.data.userChooseCouponList.findIndex(item => item.cu_id === id);
-      } else {
-        return -1;
-      }
-    },
-    // 关闭
-    onClose() {
-      this.setData({
-        currentPromoCode: this.data.usedPromoCode,
-        promoCode: this.data.usedPromoCode,
-        userChooseCouponList: this.data.chooseCouponList,
-      })
-      this.confirm()
-    },
-    confirm() {
-      this.triggerEvent('close', {
-        params: {
-          showPopup: false,
-          chooseCouponList: this.data.userChooseCouponList,
-          usedPromoCode: this.data.currentPromoCode
-        }
-      })
-    },
-    // 返回
-    onBack() {
-      this.setData({
-        showPopup: false
-      });
-    }
-  }
+const computedBehavior = require('miniprogram-computed').behavior
+Component({
+  /**
+   * 导入计算属性
+   */
+  behaviors: [computedBehavior],
+  /**
+   * 组件的属性列表
+   */
+  properties: {
+    usedPromoCode: { // 当前使用的优惠码,码值
+      type: String,
+      value: ''
+    },
+    disableCouponList: { // 不可用优惠券列表
+      type: Array,
+      value: []
+    },
+    couponList: { // 可用优惠券列表
+      type: Array,
+      value: []
+    },
+    chooseCouponList: { // 用户当前选择的优惠券列表
+      type: Array,
+      value: []
+    },
+    recommendCouponList: { // 最佳优惠券列表
+      type: Array,
+      value: []
+    },
+    originPrice: { // 商品购买价
+      type: Number,
+      value: ''
+    },
+    showPopup: { // 是否显示优惠券选择器弹窗
+      type: Boolean,
+      value: false
+    }
+  },
+
+  /**
+   * 组件的初始数据
+   */
+  data: {
+    userChooseCouponList: [], // 用户选择的优惠券列表
+    isNotUseCoupon: false, // 是否点击不使用优惠券按钮
+    promoCode: '', // 当前输入的优惠码
+    promoCodeReg: /^[a-zA-Z0-9\u4e00-\u9fa5]{6,12}$/,
+    currentPromoCode: '', // 实际使用优惠码
+    curTabIndex: 1, // 优惠券是否可选tab当前下标
+    coupon_tab: [
+      {
+        tabName: '可用优惠券',
+        activeIndex: 1
+
+      }, {
+        tabName: '不可用优惠券',
+        activeIndex: 2
+      }],
+  },
+
+  /**
+   *  计算属性
+   */
+  computed: {
+    // 判断是否使用了优惠码
+    isUsedPromoCode (data) {
+      return !!data.currentPromoCode;
+    },
+    // 优惠券提示文案
+    couponTips (data) {
+      if (data.userChooseCouponList.length !== 0 && !data.isUsedPromoCode) {
+        if (data.isRecommendCouponList) {
+          return `您已选中最佳优惠券组合${data.userChooseCouponList.length}张，共抵扣`;
+        }
+        return `您已选中优惠券${data.userChooseCouponList.length}张，共抵扣`;
+      }
+      return `请选择优惠券`;
+    },
+    // 判断当前选中是否最佳优惠券组合
+    isRecommendCouponList (data) {
+      let recommendCouponIdList = data.recommendCouponList.map(item => {
+        return item.cu_id;
+      });
+      if (data.recommendCouponList.length !== data.userChooseCouponList.length) {
+        return false;
+      }
+      for (let i = 0; i < data.userChooseCouponList.length; i++) {
+        if (recommendCouponIdList.indexOf(data.userChooseCouponList[i].cu_id) === -1) {
+          return false;
+        }
+      }
+      return true;
+    },
+    // 获取推荐优惠券中的优惠券id数组
+    recommendCouponIdList (data) {
+      return data.recommendCouponList.map(item => {
+        return item.cu_id;
+      });
+    },
+    // 获取已选列表项批次id数组
+    userChooseBatchIdList (data) {
+      return data.userChooseCouponList.map(item => {
+        return item.id;
+      });
+    },
+    // 是否选中了不可叠加优惠券，true: 是， false: 否
+    cantOverlay (data) {
+      if (data.userChooseCouponList.length === 1 && (data.userChooseCouponList[0].is_support_superposition === 0)) {
+        return true;
+      }
+      return false;
+    },
+    // 优惠券折扣金额
+    couponDiscountAmount (data) {
+      let miusTotalPrice = 0;
+      for (let i = 0; i < data.userChooseCouponList.length; i++) {
+        let preferential = data.userChooseCouponList[i].discount_price;
+        // 折扣优惠
+        if (data.userChooseCouponList[i].discount_way === 2) {
+          preferential = data.originPrice * Number((1 - data.userChooseCouponList[i].discount_percent / 100).toFixed(2));
+          if (data.userChooseCouponList[i].discount_limit_price) {
+            preferential = Math.min(preferential, data.userChooseCouponList[i].discount_limit_price);
+          }
+        }
+        miusTotalPrice += preferential;
+      }
+      miusTotalPrice = miusTotalPrice > data.originPrice ? data.originPrice : miusTotalPrice;
+      return (miusTotalPrice/100).toFixed(2)
+    },
+    // 获取已选列表项优惠券cu_id数组
+    userChooseCuIdList(data) {
+      return data.userChooseCouponList.map(item => item.cu_id)
+    },
+  },
+
+  observers: {
+    'chooseCouponList': function(data) {
+      this.setData({
+        userChooseCouponList: data
+      })
+    },
+    'usedPromoCode': function(data) {
+      this.setData({
+        promoCode: data,
+        currentPromoCode: data
+      })
+    },
+    'userChooseCouponList': function(data) {
+      this.setData({
+        isNotUseCoupon: data.length === 0
+      })
+    }
+  },
+
+  /**
+   * 组件的方法列表
+   */
+  methods: {
+    // 选择优惠券
+    chooseCoupon(e) {
+      let item = e.detail.params.item
+      // 在已经使用优惠码的情况下，用户选择可用优惠券，提示： 请先取消使用优惠码
+      if (this.data.isUsedPromoCode) {
+        // this.vueAlert('请先取消使用优惠码');
+        return false;
+      }
+      // 优惠券列表是否为空
+      if (this.data.userChooseCouponList.length !== 0) {
+        // 当前优惠券是否已被选中
+        if (this.isUserChooseCoupon(item.cu_id) !== -1) {
+          this.data.userChooseCouponList.splice(this.isUserChooseCoupon(item.cu_id), 1);
+          this.setData({
+            userChooseCouponList: this.data.userChooseCouponList
+          })
+        } else {
+          // 当前已选优惠券能否叠加，true即当前优惠券为不可叠加
+          if (this.data.cantOverlay) {
+            this.setData({
+              userChooseCouponList: [item]
+            })
+          } else {
+            // 当前点击优惠券是否为可叠加优惠券
+            if (item.is_support_superposition === 1) {
+              // 已选优惠券中是否有同一批次优惠券
+              let batchIdIndex = this.data.userChooseCouponList.findIndex(content => content.id === item.id);
+              if (batchIdIndex !== -1) {
+                this.data.userChooseCouponList.splice(batchIdIndex, 1);
+                this.setData({
+                  userChooseCouponList: this.data.userChooseCouponList
+                })
+              }
+            } else {
+              this.setData({
+                userChooseCouponList: []
+              })
+            }
+            this.setData({
+              userChooseCouponList: [...this.data.userChooseCouponList,item]
+            })
+          }
+        }
+      } else {
+        this.setData({
+          userChooseCouponList: [item]
+        })
+      }
+    },
+    // 使用优惠码
+    usePromoCode() {
+      if(this.data.isUsedPromoCode) {
+        // 点击取消使用
+        this.setData({
+          promoCode: '',
+          currentPromoCode: ''
+        })
+      } else {
+        if(!this.data.promoCode) {
+          wx.showToast({
+            title: '优惠码为空',
+            icon: 'none',
+            duration: 2000
+          })
+          // 优惠码为空
+          return false;
+        }
+        if(!(/^[a-zA-Z0-9\u4e00-\u9fa5]{6,12}$/.test(this.data.promoCode))) {
+          wx.showToast({
+            title: '优惠码输入错误',
+            icon: 'none',
+            duration: 2000
+          })
+          // 校验优惠码格式是否正确
+          return false;
+        }
+        this.triggerEvent('checkPromoCode', {
+          promoCode: this.data.promoCode,
+          success: () => {
+            this.setData({
+              currentPromoCode: this.data.promoCode,
+              userChooseCouponList: [],
+              isNotUseCoupon: true,
+            })
+            this.confirm();
+          }
+        });
+      }
+    },
+    // 双向绑定优惠码的值
+    getPromoCode(e) {
+      this.setData({
+        promoCode: e.detail.value
+      })
+    },
+    // 使用推荐优惠券组合
+    useRecommendCoupon() {
+      this.setData({
+        promoCode: '',
+        currentPromoCode: '',
+        userChooseCouponList: []
+      })
+      wx.showToast({
+        title: '使用推荐优惠',
+        icon: 'none',
+        duration: 2000
+
+      })
+      this.setData({
+        userChooseCouponList: this.data.recommendCouponList
+      })
+    },
+    // 点击不使用优惠券
+    notUseCoupon() {
+      if(this.data.isNotUseCoupon) {
+        this.setData({
+          isNotUseCoupon: false
+        })
+      } else {
+        this.setData({
+          isNotUseCoupon: true,
+          userChooseCouponList: []
+        })
+      }
+    },
+    // 选中是否可用优惠券列表
+    setTab:function(e) {
+      this.setData({
+        curTabIndex: e.currentTarget.dataset.index
+      });
+    },
+    // 是否用户选择的优惠券
+    isUserChooseCoupon(id) {
+      if (this.data.userChooseCouponList.length !== 0) {
+        return this.data.userChooseCouponList.findIndex(item => item.cu_id === id);
+      } else {
+        return -1;
+      }
+    },
+    // 关闭
+    onClose() {
+      this.setData({
+        currentPromoCode: this.data.usedPromoCode,
+        promoCode: this.data.usedPromoCode,
+        userChooseCouponList: this.data.chooseCouponList,
+      })
+      this.confirm()
+    },
+    confirm() {
+      this.triggerEvent('close', {
+        params: {
+          showPopup: false,
+          chooseCouponList: this.data.userChooseCouponList,
+          usedPromoCode: this.data.currentPromoCode
+        }
+      })
+    },
+    // 返回
+    onBack() {
+      this.setData({
+        showPopup: false
+      });
+    }
+  }
 })

package/miniprogram_dist/coupon/components/CouponSelect/index.json

@@ -1,9 +1,9 @@
-{
-  "component": true,
-  "usingComponents": {
-    "van-icon": "@vant/weapp/icon/index",
-    "van-popup": "@vant/weapp/popup/index",
-    "van-toast": "@vant/weapp/toast/index",
-    "CouponItem": "../CouponItem/index"
-  }
+{
+  "component": true,
+  "usingComponents": {
+    "van-icon": "@vant/weapp/icon/index",
+    "van-popup": "@vant/weapp/popup/index",
+    "van-toast": "@vant/weapp/toast/index",
+    "CouponItem": "../CouponItem/index"
+  }
 }