@xysfe/actui2 0.0.1

package/lib/GoldCoupon/index.mjs

@@ -0,0 +1,376 @@
+import _indexOfInstanceProperty from "@babel/runtime-corejs3/core-js/instance/index-of";
+import _forEachInstanceProperty from "@babel/runtime-corejs3/core-js/instance/for-each";
+import _filterInstanceProperty from "@babel/runtime-corejs3/core-js/instance/filter";
+import _concatInstanceProperty from "@babel/runtime-corejs3/core-js/instance/concat";
+import _Promise from "@babel/runtime-corejs3/core-js/promise";
+import _Object$assign from "@babel/runtime-corejs3/core-js/object/assign";
+import { c as create } from "../utils/create/index.mjs";
+import { c as couponList } from "./list/index.mjs";
+import { c as couponCode } from "./code/index.mjs";
+import { v as visibleMixin } from "../mixins/gold-visible/index.mjs";
+import { g as goldElementMixin } from "../mixins/gold-element/index.mjs";
+import { A as ActGoldBaseElement } from "../common/baseelement/index.mjs";
+import { f as fetch } from "../utils/post/index.mjs";
+import { s as svgIcon } from "../common/svgicon/index.mjs";
+import { n as normalizeComponent } from "../common/index.mjs";
+import './style.css';var _sfc_main = {
+  name: "ActGoldCoupon",
+  mixins: [visibleMixin, goldElementMixin],
+  data: function data() {
+    return {
+      couponElement: {
+        tit: "优惠券",
+        align: "left",
+        titPadding: true,
+        colons: true
+      },
+      priceElement: {
+        tit: "优惠金额",
+        align: "left",
+        colons: true
+      },
+      coupon: null,
+      // 选中卡券id
+      unusableList: [],
+      // 不可用优惠券列表
+      usableList: []
+      // 可用优惠券列表
+    };
+  },
+  props: {
+    price: {
+      type: [Number, String],
+      default: 0
+    },
+    couponUrl: {
+      type: String,
+      default: "/coupon/getMyCoupons"
+    },
+    exchangeUrl: {
+      type: String,
+      default: "/coupon/cdkeyExchange"
+    },
+    prams: {
+      type: Object,
+      default: function _default() {
+        return {};
+      }
+    }
+  },
+  watch: {
+    price: function price(newValue, oldValue) {
+      if (this.coupon && this.coupon.extra && this.coupon.extra.payment > 0) {
+        if (!newValue) {
+          this.coupon = null;
+        } else {
+          var _context;
+          if (_indexOfInstanceProperty(_context = this.unusablePaymentList).call(_context, this.coupon.couponId) > -1) {
+            this.coupon = null;
+          }
+        }
+      }
+    },
+    priceText: function priceText(newValue, oldValue) {
+      this.$emit("change", this.coupon, newValue);
+    }
+  },
+  computed: {
+    codeStyle: function codeStyle() {
+      var style = {};
+      if (this.brandColor) {
+        style.color = this.brandColor;
+      }
+      return style;
+    },
+    couponText: function couponText() {
+      if (this.usableList && this.unusablePaymentList) {
+        return this.usableList.length - this.unusablePaymentList.length;
+      }
+      return 0;
+    },
+    priceText: function priceText2() {
+      if (!this.coupon || !this.price) {
+        return "";
+      } else {
+        return this.useCoupon(this.coupon, this.price);
+      }
+    },
+    paymentList: function paymentList() {
+      var list = [];
+      if (this.usableList && this.usableList.length > 0) {
+        var _context2;
+        _forEachInstanceProperty(_context2 = this.usableList).call(_context2, function(coupon) {
+          if (coupon.extra && coupon.extra.payment > 0) {
+            var item = {};
+            item.couponId = coupon.couponId;
+            item.payment = coupon.extra.payment;
+            list.push(item);
+          }
+        });
+      }
+      return list;
+    },
+    unusablePaymentList: function unusablePaymentList() {
+      var _context3, _this = this;
+      var list = [];
+      _forEachInstanceProperty(_context3 = this.paymentList).call(_context3, function(coupon) {
+        if (Number(_this.price) < Number(coupon.payment)) {
+          list.push(coupon.couponId);
+        }
+      });
+      return list;
+    },
+    reallyUnusableList: function reallyUnusableList() {
+      var _this2 = this;
+      var list = [];
+      if (this.usableList && this.unusableList) {
+        var _context4;
+        var filterList = _filterInstanceProperty(_context4 = this.usableList).call(_context4, function(coupon) {
+          var _context5;
+          if (_indexOfInstanceProperty(_context5 = _this2.unusablePaymentList).call(_context5, coupon.couponId) > -1) {
+            return true;
+          } else {
+            return false;
+          }
+        });
+        list = _concatInstanceProperty(filterList).call(filterList, this.unusableList);
+      }
+      return list;
+    },
+    reallyUsableList: function reallyUsableList() {
+      var _this3 = this;
+      var list = [];
+      if (this.usableList) {
+        var _context6;
+        list = _filterInstanceProperty(_context6 = this.usableList).call(_context6, function(coupon) {
+          var _context7;
+          if (_indexOfInstanceProperty(_context7 = _this3.unusablePaymentList).call(_context7, coupon.couponId) > -1) {
+            return false;
+          } else {
+            return true;
+          }
+        });
+      }
+      return list;
+    }
+  },
+  mounted: function mounted() {
+    var _this4 = this;
+    this.initCoupon().then(function() {
+      _this4.getBestCoupon();
+    }).catch(function(e) {
+    });
+  },
+  methods: {
+    initCoupon: function initCoupon() {
+      var _this5 = this;
+      return new _Promise(function(resolve, reject) {
+        _this5.getCoupon("usable").then(function(res) {
+          _this5.usableList = res && res.data.coupons;
+          resolve();
+        }).catch(function(e) {
+          _this5.error(e);
+        });
+        _this5.getCoupon("unusable").then(function(res) {
+          _this5.unusableList = res && res.data.coupons;
+        }).catch(function(e) {
+          _this5.error(e);
+        });
+      });
+    },
+    getBestCoupon: function getBestCoupon() {
+      var length = this.reallyUsableList.length;
+      if (length === 0) {
+        this.coupon = null;
+      } else if (length === 1) {
+        this.coupon = this.reallyUsableList[0];
+      } else {
+        if (this.price) {
+          var index = 0;
+          var couponPriceMax = 0;
+          for (var i = 0; i < length; i++) {
+            var couponPrice = this.useCoupon(this.reallyUsableList[i], this.price);
+            if (couponPriceMax < couponPrice) {
+              couponPriceMax = couponPrice;
+              index = i;
+            }
+          }
+          this.coupon = this.reallyUsableList[index];
+        }
+      }
+    },
+    useCoupon: function useCoupon(coupon, price2) {
+      var payPrice = 0;
+      var couponPrice = 0;
+      if (price2 <= 0 || !coupon) {
+        return 0;
+      }
+      if (Number(coupon.type) === 1) {
+        payPrice = price2 * coupon.deduction / 1e4;
+        if (coupon.maxdeduct > 0 && price2 - payPrice > coupon.maxdeduct) {
+          payPrice = price2 - coupon.maxdeduct;
+        }
+        payPrice = Math.ceil(payPrice);
+      } else if (Number(coupon.type) === 2) {
+        payPrice = price2 - coupon.deduction;
+      }
+      couponPrice = payPrice <= 0 ? price2 - 1 : price2 - payPrice;
+      return couponPrice;
+    },
+    getCoupon: function getCoupon(type) {
+      var that = this;
+      var postData = _Object$assign({
+        type
+      }, this.prams);
+      return new _Promise(function(resolve, reject) {
+        fetch(that.couponUrl, postData).then(function(res) {
+          if (res && res.data && res.data.ret === 0) {
+            resolve(res.data);
+          } else {
+            reject(res.data);
+          }
+        }).catch(function(e) {
+        });
+      });
+    },
+    showCoupon: function showCoupon() {
+      this.$refs.couponCode.hide();
+      this.$refs.couponList.show();
+    },
+    showCouponCode: function showCouponCode() {
+      this.$refs.couponList.hide();
+      this.$refs.couponCode.show();
+    },
+    changeCoupon: function changeCoupon(coupon) {
+      this.$refs.couponList.hide();
+      this.coupon = coupon;
+      if (!this.price) {
+        this.$emit("change", this.coupon, this.priceText);
+      }
+    },
+    exchange: function exchange(code) {
+      var _this6 = this;
+      this.initCoupon().then(function() {
+        _this6.showCoupon();
+      }).catch(function(e) {
+      });
+      this.$emit("exchange", code);
+    },
+    returnCode: function returnCode(type) {
+      this.showCoupon();
+    },
+    error: function error(_error) {
+      this.$emit("error", _error);
+    }
+  },
+  destroyed: function destroyed() {
+    this.$emit("change", null, 0);
+  },
+  components: {
+    ActGoldBaseElement,
+    svgIcon,
+    couponList,
+    couponCode
+  }
+};
+var _sfc_render = function render() {
+  var _vm = this, _c = _vm._self._c;
+  return _c("div", {
+    directives: [{
+      name: "show",
+      rawName: "v-show",
+      value: _vm.isVisible,
+      expression: "isVisible"
+    }]
+  }, [_c("act-gold-base-element", {
+    attrs: {
+      "common": _vm.couponElement,
+      "hasArrow": true
+    },
+    on: {
+      "showTips": _vm.showTips,
+      "takenLink": _vm.takenLink
+    }
+  }, [_c("p", {
+    staticClass: "element-select element-wrap",
+    style: {
+      "font-size": _vm.size,
+      "color": _vm.color
+    },
+    on: {
+      "click": function click($event) {
+        $event.stopPropagation();
+        return _vm.showCoupon.apply(null, arguments);
+      }
+    }
+  }, [_vm.coupon ? _c("span", [_vm._v(_vm._s(_vm.coupon.name))]) : _c("span", [_c("label", {
+    staticClass: "element-coupon-price"
+  }, [_vm._v(_vm._s(_vm.couponText))]), _vm._v("张可用")])]), _c("i", {
+    staticClass: "icon-arrow"
+  }, [_c("svg-icon", {
+    attrs: {
+      "iconClass": "gold-arrow-right"
+    }
+  })], 1)]), _c("act-gold-base-element", {
+    attrs: {
+      "common": _vm.priceElement
+    }
+  }, [_c("p", {
+    staticClass: "element-text element-coupon-price",
+    style: {
+      "font-size": _vm.size,
+      "color": _vm.color
+    }
+  }, [_vm._v(" " + _vm._s(_vm.priceText ? _vm.priceText / 100 + "元" : "") + " ")])]), _c("coupon-code", {
+    ref: "couponCode",
+    attrs: {
+      "visible": false,
+      "url": _vm.exchangeUrl,
+      "brandColor": _vm.brandColor,
+      "zIndex": _vm.zIndex
+    },
+    on: {
+      "returnCode": _vm.returnCode,
+      "error": _vm.error,
+      "exchange": _vm.exchange
+    }
+  }), _c("coupon-list", {
+    ref: "couponList",
+    attrs: {
+      "zIndex": _vm.zIndex,
+      "visible": false,
+      "couponId": _vm.coupon && Number(_vm.coupon.couponId) || 0,
+      "brandColor": _vm.brandColor,
+      "usableList": _vm.reallyUsableList,
+      "unusableList": _vm.reallyUnusableList
+    },
+    on: {
+      "error": _vm.error,
+      "change": _vm.changeCoupon
+    }
+  }, [_c("div", {
+    staticClass: "coupon-attention",
+    attrs: {
+      "slot": "code"
+    },
+    slot: "code"
+  }, [_c("div", [_vm._v("如果您需使用优惠码，"), _c("span", {
+    staticClass: "coupon-code-text",
+    style: {
+      "color": _vm.brandColor
+    },
+    on: {
+      "click": _vm.showCouponCode
+    }
+  }, [_vm._v("点此兑换 >")])])])])], 1);
+};
+var _sfc_staticRenderFns = [];
+var __component__ = /* @__PURE__ */ normalizeComponent(_sfc_main, _sfc_render, _sfc_staticRenderFns, false, null, "71eb98bf");
+var GoldCoupon = __component__.exports;
+GoldCoupon.install = function(Vue) {
+  Vue.component(GoldCoupon.name, GoldCoupon);
+  Vue.prototype["$createGoldCoupon"] = create(GoldCoupon, Vue);
+};
+export {
+  GoldCoupon as G
+};

package/lib/GoldCoupon/item/index.js

@@ -0,0 +1 @@
+"use strict";require('./style.css');var __$_require_4f60de8b__=require("../../assets/icon-choose.555e.png");var common=require("../../common/index.js");var _sfc_main={name:"ActCouponItem",data:function data(){return{}},props:{id:{type:Number,default:0},name:{type:String,default:""},begTime:{type:String,default:""},endTime:{type:String,default:""},type:{type:Number,default:1},deduction:{type:Number,default:0},state:{type:String,default:""},description:{type:String,default:""},deduct:{type:Number,default:0},payment:{type:Number,default:0},checked:{type:Boolean,default:false},checkedColor:{type:String,default:""},backgroundColor:{type:String,default:""}},computed:{checkedStyle:function checkedStyle(){var style={};if(this.checked&&this.checkedColor){style.backgroundColor=this.checkedColor}return style},circleStyle:function circleStyle(){var style={};if(this.backgroundColor){style.backgroundColor=this.backgroundColor}return style}},methods:{change:function change(){if(!this.state){this.$emit("changeChoose",this.id)}}}};var _sfc_render=function render(){var _vm=this,_c=_vm._self._c;return _c("div",{staticClass:"coupon",on:{"click":function click($event){$event.stopPropagation();return _vm.change()}}},[_c("div",{staticClass:"coupon-container",class:{"unusable":_vm.state}},[_c("span",{staticClass:"circle",style:_vm.circleStyle}),_c("div",{staticClass:"coupon-text"},[_c("div",{staticClass:"coupon-price"},[_c("span",{staticClass:"coupon-num"},[_vm._v(_vm._s(_vm.deduction/100))]),_vm._v(" "+_vm._s(_vm.type===1?"折":"元")+" ")]),_c("div",{staticClass:"coupon-content"},[_c("div",{staticClass:"coupon-name coupon-hidden"},[_vm._v(" "+_vm._s(_vm.name)+" ")]),_c("div",{staticClass:"coupon-time"},[_vm._v(" "+_vm._s(_vm.begTime+" 至 "+_vm.endTime)+" ")])])]),_vm.state?_c("div",{staticClass:"coupon-expire"},[_c("div",{staticClass:"coupon-expire-text"},[_vm._v(" "+_vm._s(_vm.state)+" ")]),_c("div",{staticClass:"coupon-expire-triangle"})]):_c("div",{staticClass:"coupon-choose",class:{"skin-bg":_vm.checked},style:_vm.checkedStyle},[_c("img",{attrs:{"src":__$_require_4f60de8b__,"alt":""}})]),_c("span",{staticClass:"circle",style:_vm.circleStyle})]),_c("div",{staticClass:"coupon-footer"},[_vm.deduct>0?_c("div",{staticClass:"coupon-footer-item"},[_c("span",{staticClass:"coupon-left"},[_vm._v("优惠限制：")]),_c("span",{staticClass:"area-text"},[_vm._v(_vm._s("最高抵扣"+_vm.deduct/100+"元"))])]):_vm._e(),_vm.payment>0?_c("div",{staticClass:"coupon-footer-item"},[_c("span",{staticClass:"coupon-left"},[_vm._v("使用门槛：")]),_c("span",{staticClass:"area-text"},[_vm._v(_vm._s("订单支付金额需不小于"+_vm.payment/100+"元方可使用"))])]):_vm._e(),_c("div",{staticClass:"coupon-footer-item"},[_c("span",{staticClass:"coupon-left"},[_vm._v("适用范围：")]),_c("span",{staticClass:"area-text"},[_vm._v(_vm._s(_vm.description))])])])])};var _sfc_staticRenderFns=[];var __component__=common.normalizeComponent(_sfc_main,_sfc_render,_sfc_staticRenderFns,false,null,"d8c99d99");var couponItem=__component__.exports;exports.couponItem=couponItem;

package/lib/GoldCoupon/item/index.mjs

@@ -0,0 +1,176 @@
+import __$_require_4f60de8b__ from "../../assets/icon-choose.555e.png";
+import { n as normalizeComponent } from "../../common/index.mjs";
+import './style.css';var _sfc_main = {
+  name: "ActCouponItem",
+  data: function data() {
+    return {};
+  },
+  props: {
+    id: {
+      // 优惠券id
+      type: Number,
+      default: 0
+    },
+    name: {
+      // 优惠券名称
+      type: String,
+      default: ""
+    },
+    begTime: {
+      // 优惠券有效起期 "2019-09-11"
+      type: String,
+      default: ""
+    },
+    endTime: {
+      // 优惠券有效止期 "2019-09-17"
+      type: String,
+      default: ""
+    },
+    type: {
+      // 优惠券类型 1 折扣券 / 2 现金券
+      type: Number,
+      default: 1
+    },
+    deduction: {
+      // 优惠券优惠金额 900(9折/9元)
+      type: Number,
+      default: 0
+    },
+    state: {
+      // 优惠券不可用状态 使用中 已使用 不可用 未生效 已过期 不适用
+      type: String,
+      default: ""
+    },
+    description: {
+      // 优惠券适用范围
+      type: String,
+      default: ""
+    },
+    deduct: {
+      // 优惠券最高抵扣 500(5元)
+      type: Number,
+      default: 0
+    },
+    payment: {
+      // 优惠券使用门槛 500(订单支付金额需不小于5元方可使用)
+      type: Number,
+      default: 0
+    },
+    checked: {
+      // 优惠券是否被选中
+      type: Boolean,
+      default: false
+    },
+    checkedColor: {
+      // 选中优惠券颜色
+      type: String,
+      default: ""
+    },
+    backgroundColor: {
+      // 背景色
+      type: String,
+      default: ""
+    }
+  },
+  computed: {
+    checkedStyle: function checkedStyle() {
+      var style = {};
+      if (this.checked && this.checkedColor) {
+        style.backgroundColor = this.checkedColor;
+      }
+      return style;
+    },
+    circleStyle: function circleStyle() {
+      var style = {};
+      if (this.backgroundColor) {
+        style.backgroundColor = this.backgroundColor;
+      }
+      return style;
+    }
+  },
+  methods: {
+    change: function change() {
+      if (!this.state) {
+        this.$emit("changeChoose", this.id);
+      }
+    }
+  }
+};
+var _sfc_render = function render() {
+  var _vm = this, _c = _vm._self._c;
+  return _c("div", {
+    staticClass: "coupon",
+    on: {
+      "click": function click($event) {
+        $event.stopPropagation();
+        return _vm.change();
+      }
+    }
+  }, [_c("div", {
+    staticClass: "coupon-container",
+    class: {
+      "unusable": _vm.state
+    }
+  }, [_c("span", {
+    staticClass: "circle",
+    style: _vm.circleStyle
+  }), _c("div", {
+    staticClass: "coupon-text"
+  }, [_c("div", {
+    staticClass: "coupon-price"
+  }, [_c("span", {
+    staticClass: "coupon-num"
+  }, [_vm._v(_vm._s(_vm.deduction / 100))]), _vm._v(" " + _vm._s(_vm.type === 1 ? "折" : "元") + " ")]), _c("div", {
+    staticClass: "coupon-content"
+  }, [_c("div", {
+    staticClass: "coupon-name coupon-hidden"
+  }, [_vm._v(" " + _vm._s(_vm.name) + " ")]), _c("div", {
+    staticClass: "coupon-time"
+  }, [_vm._v(" " + _vm._s(_vm.begTime + " 至 " + _vm.endTime) + " ")])])]), _vm.state ? _c("div", {
+    staticClass: "coupon-expire"
+  }, [_c("div", {
+    staticClass: "coupon-expire-text"
+  }, [_vm._v(" " + _vm._s(_vm.state) + " ")]), _c("div", {
+    staticClass: "coupon-expire-triangle"
+  })]) : _c("div", {
+    staticClass: "coupon-choose",
+    class: {
+      "skin-bg": _vm.checked
+    },
+    style: _vm.checkedStyle
+  }, [_c("img", {
+    attrs: {
+      "src": __$_require_4f60de8b__,
+      "alt": ""
+    }
+  })]), _c("span", {
+    staticClass: "circle",
+    style: _vm.circleStyle
+  })]), _c("div", {
+    staticClass: "coupon-footer"
+  }, [_vm.deduct > 0 ? _c("div", {
+    staticClass: "coupon-footer-item"
+  }, [_c("span", {
+    staticClass: "coupon-left"
+  }, [_vm._v("优惠限制：")]), _c("span", {
+    staticClass: "area-text"
+  }, [_vm._v(_vm._s("最高抵扣" + _vm.deduct / 100 + "元"))])]) : _vm._e(), _vm.payment > 0 ? _c("div", {
+    staticClass: "coupon-footer-item"
+  }, [_c("span", {
+    staticClass: "coupon-left"
+  }, [_vm._v("使用门槛：")]), _c("span", {
+    staticClass: "area-text"
+  }, [_vm._v(_vm._s("订单支付金额需不小于" + _vm.payment / 100 + "元方可使用"))])]) : _vm._e(), _c("div", {
+    staticClass: "coupon-footer-item"
+  }, [_c("span", {
+    staticClass: "coupon-left"
+  }, [_vm._v("适用范围：")]), _c("span", {
+    staticClass: "area-text"
+  }, [_vm._v(_vm._s(_vm.description))])])])]);
+};
+var _sfc_staticRenderFns = [];
+var __component__ = /* @__PURE__ */ normalizeComponent(_sfc_main, _sfc_render, _sfc_staticRenderFns, false, null, "d8c99d99");
+var couponItem = __component__.exports;
+export {
+  couponItem as c
+};

package/lib/GoldCoupon/item/style.css

@@ -0,0 +1 @@
+.coupon[data-v-d8c99d99]{position:relative;margin-bottom:18px;background-color:#fff;border-radius:5px}.coupon-container[data-v-d8c99d99]{position:relative;padding:16px 0 0 5px}.coupon-container .circle[data-v-d8c99d99]{position:absolute;bottom:0;display:block;width:10px;height:10px;content:"";border-radius:50%;background-color:#f9f9f9}.coupon-container .circle[data-v-d8c99d99]:first-child{left:0;-webkit-transform:translate(-50%,50%);transform:translate(-50%,50%)}.coupon-container .circle[data-v-d8c99d99]:last-child{right:0;-webkit-transform:translate(50%,50%);transform:translate(50%,50%)}.coupon-text[data-v-d8c99d99]{display:-webkit-box;display:-webkit-flex;display:flex}.coupon-text .coupon-price[data-v-d8c99d99]{-webkit-flex-shrink:0;flex-shrink:0;width:93px;padding-top:7px;text-align:center;line-height:1;font-size:12px;color:#ff5a6e}.coupon-text .coupon-price .coupon-num[data-v-d8c99d99]{padding-right:2px;font-size:30px}.coupon-text .coupon-content[data-v-d8c99d99]{padding:0 70px 17px 0;overflow:hidden;line-height:1;font-size:16px;color:#333333}.coupon-text .coupon-content .coupon-name[data-v-d8c99d99]{line-height:20px}.coupon-text .coupon-content .coupon-hidden[data-v-d8c99d99]{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.coupon-text .coupon-content .coupon-time[data-v-d8c99d99]{margin-top:6px;font-size:12px;color:#666}.coupon-footer[data-v-d8c99d99]{padding:0 20px 13px 12px}.coupon-footer .coupon-footer-item[data-v-d8c99d99]{display:-webkit-box;display:-webkit-flex;display:flex;font-size:11px;color:#b3b3b3;line-height:15px}.coupon-footer .coupon-footer-item[data-v-d8c99d99]:first-child{padding-top:14px;border-top:1px dashed #e2e5e7}.coupon-footer .coupon-footer-item .coupon-left[data-v-d8c99d99]{-webkit-flex-shrink:0;flex-shrink:0;width:5em}.unusable[data-v-d8c99d99]{opacity:0.6}.coupon-text.unusable .coupon-price[data-v-d8c99d99]{opacity:0.5}.coupon-choose[data-v-d8c99d99]{position:absolute;top:25px;right:12px;width:20px;height:20px;padding:5.5px 4.5px;background-color:#ebebeb;border-radius:50%}.coupon-choose img[data-v-d8c99d99]{width:11px}.coupon-expire[data-v-d8c99d99]{position:absolute;top:16px;right:-5px;width:50px;height:20px;line-height:20px;font-size:12px;color:#fff;text-align:center;background-color:#cacaca;border-top-left-radius:10px;border-bottom-left-radius:10px}.coupon-expire .coupon-expire-text[data-v-d8c99d99]::after{position:absolute;bottom:0;right:0;content:"";display:block;height:0;width:0;border-color:#bbbbbb transparent transparent #bbbbbb;border-width:4px 2.5px;border-style:solid;-webkit-transform:translateY(100%);transform:translateY(100%)}

package/lib/GoldCoupon/list/index.js

@@ -0,0 +1 @@
+"use strict";require('./style.css');var _someInstanceProperty=require("@babel/runtime-corejs3/core-js/instance/some");var GoldCoupon_item=require("../item/index.js");var common_popup=require("../../common/popup/index.js");var common_scroll=require("../../common/scroll/index.js");var mixins_visible=require("../../mixins/visible/index.js");var mixins_noscroll=require("../../mixins/noscroll/index.js");var mixins_popup=require("../../mixins/popup/index.js");var __$_require_4f60de8b__=require("../../assets/icon-choose.555e.png");var common=require("../../common/index.js");var _sfc_main={name:"CouponList",mixins:[mixins_visible.visibleMixin,mixins_noscroll.noscrollMixin,mixins_popup.popupMixin],data:function data(){return{isShowUsable:true}},props:{unusableList:{type:Array,default:function _default(){return[]}},usableList:{type:Array,default:function _default2(){return[]}},brandColor:{type:String,default:"#8c7fee"},couponId:{type:Number,default:0}},watch:{list:function list(newValue,oldValue){if(newValue&&this.$refs.scroll){this.refresh();this.$refs.scroll.scrollTo(0,0)}},isVisible:function isVisible(newValue,oldValue){if(newValue&&this.$refs.scroll){this.refresh()}}},computed:{usableStyle:function usableStyle(){var style={};if(this.brandColor&&this.isShowUsable){style.color=this.brandColor}return style},unusableStyle:function unusableStyle(){var style={};if(this.brandColor&&!this.isShowUsable){style.color=this.brandColor}return style},list:function list2(){if(this.isShowUsable){return this.usableList}return this.unusableList},checkedStyle:function checkedStyle(){var style={};if(!this.couponId&&this.brandColor){style.backgroundColor=this.brandColor}return style}},methods:{getDesc:function getDesc(item){if(item.extra&&item.extra.usage){return item.extra.usage}else{var res="";if(Number(item.prodChnType)===1){res+="适用于小雨伞保险"}else if(Number(item.prodChnType)===2){res+="仅限".concat(item.prodChnTxt,"平台使用，适用于该平台")}else if(Number(item.prodChnType)===3){res+="仅限咔嚓保平台使用，适用于该平台"}else if(item.chntxt){res+="仅限".concat(item.chntxt,"平台使用，适用于该平台")}else{res+="适用于小雨伞保险"}res+=item.producttxt?"的".concat(item.producttxt,"产品"):"所有产品（阳光成人定期重疾险、阳光定期寿险、华夏关爱宝终身重疾险除外）";return res}},getState:function getState(state){var res="";if(!this.isShowUsable){var couponState={2:"使用中",3:"已使用",4:"不可用",5:"未生效",6:"已过期",7:"不适用",8:"不适用"};res=couponState[Number(state)]||"不适用"}return res},refresh:function refresh(){var _this=this;this.$nextTick(function(){_this.$refs.scroll.refresh()})},changeChoose:function changeChoose(id){var coupon=null;if(Number(id)!==-1){var _context;_someInstanceProperty(_context=this.usableList).call(_context,function(item){if(Number(id)===Number(item.couponId)){coupon=item;return true}return false})}this.$emit("change",coupon)},changeList:function changeList(type){this.isShowUsable=type},close:function close(){this.hide()}},components:{couponItem:GoldCoupon_item.couponItem,ActPopup:common_popup.ActPopup,scroll:common_scroll.Scroll}};var _sfc_render=function render(){var _vm=this,_c=_vm._self._c;return _c("div",[_c("transition",{attrs:{"name":"act-picker-fade"}},[_c("act-popup",{directives:[{name:"show",rawName:"v-show",value:_vm.isVisible,expression:"isVisible"}],attrs:{"opacity":.4,"center":false,"zIndex":_vm.zIndex},on:{"touchmove":function touchmove($event){$event.preventDefault()},"mask-click":_vm.close}},[_c("transition",{attrs:{"name":"act-picker-move"}},[_c("div",{directives:[{name:"show",rawName:"v-show",value:_vm.isVisible,expression:"isVisible"}],staticClass:"popup-content",on:{"click":function click($event){$event.stopPropagation()}}},[_c("div",{staticClass:"popup-container act-iphonex-padding"},[_c("header",{staticClass:"popup-header"},[_c("div",{staticClass:"popup-choose"},[_c("div",[_vm._v("优惠券选择")]),_c("i",{staticClass:"popup-close",on:{"click":function click($event){$event.stopPropagation();return _vm.close.apply(null,arguments)}}})]),_vm.unusableList.length>0?_c("ul",{staticClass:"popup-type"},[_c("li",{on:{"click":function click($event){$event.stopPropagation();return _vm.changeList(true)}}},[_c("span",{staticClass:"popup-type-text",style:_vm.usableStyle},[_vm._v("可使用 "),_vm.isShowUsable?_c("i",{staticClass:"popup-type-border",style:{background:_vm.brandColor}}):_vm._e()])]),_c("li",{on:{"click":function click($event){$event.stopPropagation();return _vm.changeList(false)}}},[_c("span",{staticClass:"popup-type-text",style:_vm.unusableStyle},[_vm._v("不可用 "),!_vm.isShowUsable?_c("i",{staticClass:"popup-type-border",style:{background:_vm.brandColor}}):_vm._e()])])]):_vm._e()]),_c("section",{staticClass:"coupon-content",class:{"show-unusable":_vm.unusableList.length>0}},[_c("div",{staticClass:"coupon-gradual"}),_c("scroll",{ref:"scroll"},[_c("div",{staticClass:"coupon-list"},[_vm._l(_vm.list,function(item,index){return _c("coupon-item",{key:"coupon"+index,attrs:{"id":Number(item.couponId),"name":item.name,"begTime":item.validBeg,"endTime":item.validEnd,"type":Number(item.type),"deduction":Number(item.deduction),"deduct":Number(item.maxdeduct),"payment":Number(item.extra&&item.extra.payment||0),"checked":!!(Number(item.couponId)===_vm.couponId),"state":_vm.getState(item.state2),"description":_vm.getDesc(item),"checkedColor":_vm.brandColor},on:{"changeChoose":_vm.changeChoose}})}),_vm.isShowUsable?_c("div",{staticClass:"coupon-item no-choose",on:{"click":function click($event){$event.stopPropagation();return _vm.changeChoose(-1)}}},[_c("div",[_vm._v("不使用优惠券")]),_c("div",{staticClass:"coupon-choose",style:_vm.checkedStyle},[_c("img",{attrs:{"src":__$_require_4f60de8b__,"alt":""}})])]):_vm._e(),_vm._t("code")],2)])],1)])])])],1)],1)],1)};var _sfc_staticRenderFns=[];var __component__=common.normalizeComponent(_sfc_main,_sfc_render,_sfc_staticRenderFns,false,null,"99f75a62");var couponList=__component__.exports;exports.couponList=couponList;