cms-chenhj-ui 2.0.18 → 2.0.19

package/cms-chenhj-ui.umd.js

@@ -20648,8 +20648,8 @@ var map = {
 	"./cms-servePlan-text/index.js": 2520,
 	"./cms-stored-value-card": 9320,
 	"./cms-stored-value-card/": 9320,
-	"./cms-stored-value-card/View": 1675,
-	"./cms-stored-value-card/View.vue": 1675,
+	"./cms-stored-value-card/View": 4579,
+	"./cms-stored-value-card/View.vue": 4579,
 	"./cms-stored-value-card/index": 9320,
 	"./cms-stored-value-card/index.js": 9320,
 	"./cms-termsAndConditions": 8806,
@@ -21130,7 +21130,72 @@ var component = (0,componentNormalizer/* default */.A)(
 
 /***/ }),
 
-/***/ 1675:
+/***/ 1683:
+/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
+
+var map = {
+	"./india.js": 3402
+};
+
+
+function webpackContext(req) {
+	var id = webpackContextResolve(req);
+	return __webpack_require__(id);
+}
+function webpackContextResolve(req) {
+	if(!__webpack_require__.o(map, req)) {
+		var e = new Error("Cannot find module '" + req + "'");
+		e.code = 'MODULE_NOT_FOUND';
+		throw e;
+	}
+	return map[req];
+}
+webpackContext.keys = function webpackContextKeys() {
+	return Object.keys(map);
+};
+webpackContext.resolve = webpackContextResolve;
+module.exports = webpackContext;
+webpackContext.id = 1683;
+
+/***/ }),
+
+/***/ 1698:
+/***/ (function(__unused_webpack_module, __unused_webpack_exports, __webpack_require__) {
+
+"use strict";
+
+var $ = __webpack_require__(6518);
+var union = __webpack_require__(4204);
+var setMethodAcceptSetLike = __webpack_require__(4916);
+
+// `Set.prototype.union` method
+// https://tc39.es/ecma262/#sec-set.prototype.union
+$({ target: 'Set', proto: true, real: true, forced: !setMethodAcceptSetLike('union') }, {
+  union: union
+});
+
+
+/***/ }),
+
+/***/ 1701:
+/***/ (function(__unused_webpack_module, __unused_webpack_exports, __webpack_require__) {
+
+"use strict";
+
+var $ = __webpack_require__(6518);
+var map = __webpack_require__(713);
+var IS_PURE = __webpack_require__(6395);
+
+// `Iterator.prototype.map` method
+// https://tc39.es/ecma262/#sec-iterator.prototype.map
+$({ target: 'Iterator', proto: true, real: true, forced: IS_PURE }, {
+  map: map
+});
+
+
+/***/ }),
+
+/***/ 1716:
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -21142,7 +21207,7 @@ __webpack_require__.d(__webpack_exports__, {
   "default": function() { return /* binding */ View; }
 });
 
-;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-85.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[4]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-stored-value-card/View.vue?vue&type=template&id=5dba4ef6&scoped=true
+;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-85.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[4]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-lineFive/View.vue?vue&type=template&id=6857d858&scoped=true
 var render = function render() {
   var _vm = this,
     _c = _vm._self._c;
@@ -21159,499 +21224,47 @@ var render = function render() {
   }, 'BaseComp', _vm.$attrs, false), [_c('section', {
     staticClass: "cmhk-home_main"
   }, [_c('div', {
-    staticClass: "wrap"
-  }, [_c('div', {
-    ref: "cardList",
-    staticClass: "cardList"
-  }, [_vm.configList.length === 0 ? [_c('div', {
-    staticClass: "card-box"
-  }, [_c('div', {
-    staticClass: "card"
-  }, [_c('div', {
-    staticClass: "img-box"
-  }, [_c('div', {
-    staticClass: "card-img",
-    class: {
-      'is-cms': _vm.$EventBus
-    }
-  }, [_c('img', {
-    staticStyle: {
-      "height": "200px"
-    },
-    attrs: {
-      "src": _vm.placeholderImg,
-      "alt": ""
-    }
-  })])]), _c('div', {
-    staticClass: "content-box"
-  }, [_c('div', {
-    staticClass: "card-name"
-  }, [_vm._v(_vm._s(_vm.langText.productName))]), _c('div', {
-    staticClass: "text-box"
-  }, [_c('div', {
-    staticClass: "card-refPrice"
-  }, [_vm._v(" " + _vm._s(_vm.langText.Price) + " HK$XXXX ")]), _c('div', {
-    staticClass: "card-pice-text"
-  }, [_vm._v(_vm._s(_vm.langText.onlinePrice))])]), _c('div', {
-    staticClass: "card-pice"
-  }, [_c('span', [_vm._v("HK$")]), _vm._v("XXXX")]), _c('div', {
-    staticClass: "card-btn"
-  }, [_vm._v(_vm._s(_vm.langText.buyNow))])])])])] : _vm._e(), _vm._l(_vm.viewList, function (item, index) {
+    staticClass: "flex-wapper layout5to2 sper-32 mobile-sper8"
+  }, _vm._l(_vm.configList, function (item, index) {
     return _c('div', {
-      key: `${index}-${item.commodityId || index}`,
-      staticClass: "card-box"
-    }, [_c('div', {
-      staticClass: "card"
-    }, [_c('div', {
-      staticClass: "tag-box-left"
-    }, [_vm._l(item.malltCommodityLeft, function (ele, i) {
-      return [_c('img', {
-        key: i,
-        attrs: {
-          "src": _vm.compBaseUrl + ele.pictureUrl,
-          "alt": ""
-        }
-      })];
-    })], 2), _c('div', {
-      staticClass: "tag-box-right"
-    }, [_vm._l(item.malltCommodityRight, function (ele, i) {
-      return [_c('img', {
-        key: i,
-        attrs: {
-          "src": _vm.compBaseUrl + ele.pictureUrl,
-          "alt": ""
-        }
-      })];
-    })], 2), _c('div', {
-      staticClass: "img-box"
-    }, [_vm.isNotActive(item) ? _c('div', {
-      staticClass: "mask"
-    }, [_vm._v(" " + _vm._s(new Date(item.upTime).getTime() > _vm.nowTs ? _vm.langText.comingSoon : _vm.langText.expired) + " ")]) : _vm._e(), _c('div', {
-      staticClass: "card-img",
-      class: {
-        'is-cms': _vm.$EventBus
-      }
-    }, [_c('img', {
-      attrs: {
-        "src": _vm.compBaseUrl + item.maxPicId,
-        "alt": ""
-      }
-    })])]), _c('div', {
-      staticClass: "content-box"
-    }, [_vm.isNotActive(item) ? _c('div', {
-      staticClass: "content-mask"
-    }) : _vm._e(), _c('div', {
-      staticClass: "card-name"
-    }, [_vm._v(_vm._s(item.commodityName))]), _c('div', {
-      staticClass: "text-box"
-    }, [item.price !== item.refPrice ? _c('div', {
-      staticClass: "card-refPrice"
-    }, [_vm._v(" " + _vm._s(_vm.langText.Price) + " HK$" + _vm._s(_vm.convertCentsToYuan(item.refPrice)) + " ")]) : _c('div', {
-      staticClass: "card-refPrice"
-    }), _c('div', {
-      staticClass: "card-pice-text"
-    }, [_vm._v(" " + _vm._s(item.price !== item.refPrice ? _vm.langText.onlinePrice : _vm.langText.Price) + " ")])]), _c('div', {
-      staticClass: "card-pice spc-font"
-    }, [_c('span', [_vm._v("HK$")]), _vm._v(_vm._s(_vm.convertCentsToYuan(item.price)) + " ")]), _vm.isActive(item) ? _c('div', {
-      staticClass: "card-btn",
+      key: `${index}${item === null || item === void 0 ? void 0 : item.id}`,
+      staticClass: "flex-wapper_item",
       on: {
         "click": function ($event) {
-          return _vm.goDetail(item);
+          return _vm.decodeJumpUrl(item.jumpUrl);
         }
       }
-    }, [_vm._v(" " + _vm._s(_vm.langText.buyNow)), _c('img', {
+    }, [_c('div', {
+      staticClass: "card-input"
+    }, [_c('div', {
+      staticClass: "card-input_wapper"
+    }, [_c('img', {
+      staticClass: "card-input_image mobile-show",
       attrs: {
-        "src": _vm.arrowRightImg
+        "src": item.uploadImageH5,
+        "alt": item.imageH5ATL
       }
-    })]) : _c('div', {
-      staticClass: "card-btn"
-    }, [_vm._v(" " + _vm._s(new Date(item.upTime).getTime() > _vm.nowTs ? (_vm.langText.launch || "").replace("NNN", item.upTime) : _vm.langText.Offer) + " ")])])])]);
-  })], 2), !_vm.seeMore && _vm.configList.length > 9 ? _c('div', {
-    ref: "seeMoreRef",
-    staticClass: "seeMore",
-    on: {
-      "click": function ($event) {
-        _vm.seeMore = true;
+    }), _c('img', {
+      staticClass: "card-input_image pc-show",
+      attrs: {
+        "src": item.uploadImagePC,
+        "alt": item.imagePcATL
       }
-    }
-  }, [_vm._v(" " + _vm._s(_vm.langText.more) + " "), _c('img', {
-    staticClass: "btm",
-    attrs: {
-      "src": _vm.arrowDownImg
-    }
-  }), _c('img', {
-    staticClass: "hover",
-    attrs: {
-      "src": _vm.arrowHoverImg
-    }
-  }), _c('img', {
-    staticClass: "active",
-    attrs: {
-      "src": _vm.arrowActiveImg
-    }
-  })]) : _vm._e()])])]);
+    }), item !== null && item !== void 0 && item.input1 ? _c('p', {
+      staticClass: "title"
+    }, [_vm._v(_vm._s(item === null || item === void 0 ? void 0 : item.input1))]) : _vm._e(), item !== null && item !== void 0 && item.input2 ? _c('p', {
+      staticClass: "sub-title"
+    }, [_vm._v(" " + _vm._s(item === null || item === void 0 ? void 0 : item.input2) + " ")]) : _vm._e()])])]);
+  }), 0)])]);
 };
 var staticRenderFns = [];
 
-// EXTERNAL MODULE: ./node_modules/core-js/modules/es.iterator.constructor.js
-var es_iterator_constructor = __webpack_require__(8111);
-// EXTERNAL MODULE: ./node_modules/core-js/modules/es.iterator.filter.js
-var es_iterator_filter = __webpack_require__(2489);
-// EXTERNAL MODULE: ./node_modules/core-js/modules/es.iterator.for-each.js
-var es_iterator_for_each = __webpack_require__(7588);
 // EXTERNAL MODULE: ./package/baseComp.vue + 5 modules
 var baseComp = __webpack_require__(7976);
-// EXTERNAL MODULE: ./src/api/index.js
-var api = __webpack_require__(2842);
-// EXTERNAL MODULE: ./node_modules/qs/lib/index.js
-var lib = __webpack_require__(7087);
-var lib_default = /*#__PURE__*/__webpack_require__.n(lib);
-;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-85.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-stored-value-card/View.vue?vue&type=script&lang=js
-
-
-
-
-
-
-
-
+;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-85.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-lineFive/View.vue?vue&type=script&lang=js
 
 /* harmony default export */ var Viewvue_type_script_lang_js = ({
-  name: "cms-stored-value-card",
-  components: {
-    BaseComp: baseComp["default"]
-  },
-  props: {
-    data: {
-      type: Object,
-      default: () => {
-        return {};
-      }
-    },
-    nowCompId: {
-      type: [String, Number],
-      default: ""
-    },
-    isOpcacity: {
-      type: Boolean,
-      default: true
-    },
-    lang: {
-      type: String,
-      default: "zh-HK"
-    }
-  },
-  data() {
-    return {
-      langConfig: {
-        "zh-HK": {
-          productName: "產品名稱",
-          Price: "建議零售價",
-          onlinePrice: "網上優惠價",
-          buyNow: "立即選購",
-          comingSoon: "即將推出",
-          expired: "優惠已過期",
-          more: "查看更多",
-          launch: "NNN 上線",
-          Offer: "優惠即將推出"
-        },
-        "zh-CN": {
-          productName: "产品名称",
-          Price: "建议零售价",
-          onlinePrice: "网上优惠价",
-          buyNow: "立即选购",
-          comingSoon: "即将推出",
-          expired: "优惠已过期",
-          more: "查看更多",
-          launch: "NNN 上线",
-          Offer: "优惠即将推出"
-        },
-        "en-US": {
-          productName: "Product Name",
-          Price: "RRP",
-          onlinePrice: "Online Price",
-          buyNow: "Buy Now",
-          comingSoon: "Coming Soon",
-          expired: "Expired",
-          more: "See more",
-          launch: "Launch at NNN",
-          Offer: "Offer Coming"
-        }
-      },
-      configList: [],
-      seeMore: false,
-      nowTs: Date.now(),
-      compBaseUrl: this.$route.query.envId == 4 ? "https://omniapi.hk.chinamobile.com" : "https://omniapi-uat.hk.chinamobile.com",
-      // images
-      placeholderImg: __webpack_require__(5335),
-      arrowRightImg: __webpack_require__(4860),
-      arrowDownImg: __webpack_require__(1861),
-      arrowHoverImg: __webpack_require__(4116),
-      arrowActiveImg: __webpack_require__(9670),
-      shopList: []
-    };
-  },
-  computed: {
-    langText() {
-      return this.config && this.langConfig && this.langConfig[this.lang] || this.langConfig["zh-HK"];
-    },
-    viewList() {
-      if (this.seeMore) return this.shopList;
-      return this.shopList.slice(0, 9);
-    }
-  },
-  mounted() {
-    if (!this.$EventBus) {
-      if (["https://omniapi.hk.chinamobile.com", "https://www.hk.chinamobile.com"].includes(window.location.origin)) {
-        this.compBaseUrl = "https://omniapi.hk.chinamobile.com";
-      } else {
-        this.compBaseUrl = "https://omniapi-uat.hk.chinamobile.com";
-      }
-    }
-  },
-  beforeDestroy() {},
-  methods: {
-    getConfigData(configData) {
-      this.configList = configData.configList;
-      console.log("getConfigData", this.configList);
-      this.getValue();
-    },
-    async getValue() {
-      await this.getCommodityDetails();
-    },
-    // 拉取已选商品详情
-    async getCommodityDetails() {
-      // try {
-      let req = {
-        busInfo: JSON.stringify({
-          commodityIds: [...this.configList],
-          commodityTypes: ["604", "605"]
-        })
-      };
-      req = lib_default().stringify(req);
-      const json = await (0,api/* getCommodityDetails */.yX)(req, {
-        lang_sc: "zh-CN",
-        lang_tc: "zh-HK",
-        lang_en: "en-US"
-      }[this.lang]);
-      let dataResult = json && json.busiResp && json.busiResp.busiDataResp;
-      if (Array.isArray(dataResult)) {
-        dataResult.forEach(item => {
-          if (Array.isArray(item.malltCommodityTags)) {
-            const left = item.malltCommodityTags.filter(ele => ele.tagType == 5001).sort((a, b) => a.sort - b.sort);
-            const right = item.malltCommodityTags.filter(ele => ele.tagType == 5002).sort((a, b) => a.sort - b.sort);
-            item.malltCommodityLeft = left.slice(0, 2);
-            item.malltCommodityRight = right.slice(0, 4);
-          } else {
-            item.malltCommodityLeft = [];
-            item.malltCommodityRight = [];
-          }
-        });
-        // 按选择顺序排序
-        this.shopList = dataResult.sort((a, b) => {
-          return this.configList.indexOf(a.commodityId) - this.configList.indexOf(b.commodityId);
-        });
-      } else {
-        this.shopList = [];
-      }
-      // } catch (e) {
-      //   this.shopList = [];
-      // }
-    },
-    isActive(item) {
-      const now = Date.now();
-      return new Date(item.upTime).getTime() < now && new Date(item.downTime).getTime() > now;
-    },
-    isNotActive(item) {
-      const now = Date.now();
-      return new Date(item.upTime).getTime() > now || new Date(item.downTime).getTime() < now;
-    },
-    convertCentsToYuan(cents) {
-      const yuan = (Number(cents || 0) / 100).toFixed(2);
-      return parseFloat(yuan);
-    },
-    goDetail(item) {
-      const base = this.$EventBus ? this.compBaseUrl : window.location.origin;
-      if (item.commodityType === "604") {
-        if ((item.commodityName || "").includes("MySIM")) {
-          window.parent.location.href = `${base}/${this.lang}/home/prepaid-card/mysim/detail?commodityId=${item.commodityId}&mysim=${item.commodityName}`;
-        } else {
-          window.parent.location.href = `${base}/${this.lang}/home/prepaid-card/detail?commodityId=${item.commodityId}&commodityType=604&commodityName=${item.commodityName}`;
-        }
-      } else if (item.commodityType === "605") {
-        window.parent.location.href = `${base}/${this.lang}/home/prepaid/refill-voucher/detail?commodityId=${item.commodityId}&commodityType=605&commodityName=${item.commodityName}`;
-      }
-    }
-  }
-});
-;// ./package/cms-stored-value-card/View.vue?vue&type=script&lang=js
- /* harmony default export */ var cms_stored_value_card_Viewvue_type_script_lang_js = (Viewvue_type_script_lang_js); 
-;// ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-67.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-67.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-67.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-67.use[3]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-42.use[0]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-stored-value-card/View.vue?vue&type=style&index=0&id=5dba4ef6&prod&lang=scss&scoped=true
-// extracted by mini-css-extract-plugin
-
-;// ./package/cms-stored-value-card/View.vue?vue&type=style&index=0&id=5dba4ef6&prod&lang=scss&scoped=true
-
-// EXTERNAL MODULE: ./node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js
-var componentNormalizer = __webpack_require__(1656);
-;// ./package/cms-stored-value-card/View.vue
-
-
-
-;
-
-
-/* normalize component */
-
-var component = (0,componentNormalizer/* default */.A)(
-  cms_stored_value_card_Viewvue_type_script_lang_js,
-  render,
-  staticRenderFns,
-  false,
-  null,
-  "5dba4ef6",
-  null
-  
-)
-
-/* harmony default export */ var View = (component.exports);
-
-/***/ }),
-
-/***/ 1683:
-/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
-
-var map = {
-	"./india.js": 3402
-};
-
-
-function webpackContext(req) {
-	var id = webpackContextResolve(req);
-	return __webpack_require__(id);
-}
-function webpackContextResolve(req) {
-	if(!__webpack_require__.o(map, req)) {
-		var e = new Error("Cannot find module '" + req + "'");
-		e.code = 'MODULE_NOT_FOUND';
-		throw e;
-	}
-	return map[req];
-}
-webpackContext.keys = function webpackContextKeys() {
-	return Object.keys(map);
-};
-webpackContext.resolve = webpackContextResolve;
-module.exports = webpackContext;
-webpackContext.id = 1683;
-
-/***/ }),
-
-/***/ 1698:
-/***/ (function(__unused_webpack_module, __unused_webpack_exports, __webpack_require__) {
-
-"use strict";
-
-var $ = __webpack_require__(6518);
-var union = __webpack_require__(4204);
-var setMethodAcceptSetLike = __webpack_require__(4916);
-
-// `Set.prototype.union` method
-// https://tc39.es/ecma262/#sec-set.prototype.union
-$({ target: 'Set', proto: true, real: true, forced: !setMethodAcceptSetLike('union') }, {
-  union: union
-});
-
-
-/***/ }),
-
-/***/ 1701:
-/***/ (function(__unused_webpack_module, __unused_webpack_exports, __webpack_require__) {
-
-"use strict";
-
-var $ = __webpack_require__(6518);
-var map = __webpack_require__(713);
-var IS_PURE = __webpack_require__(6395);
-
-// `Iterator.prototype.map` method
-// https://tc39.es/ecma262/#sec-iterator.prototype.map
-$({ target: 'Iterator', proto: true, real: true, forced: IS_PURE }, {
-  map: map
-});
-
-
-/***/ }),
-
-/***/ 1716:
-/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-// ESM COMPAT FLAG
-__webpack_require__.r(__webpack_exports__);
-
-// EXPORTS
-__webpack_require__.d(__webpack_exports__, {
-  "default": function() { return /* binding */ View; }
-});
-
-;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-85.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[4]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-lineFive/View.vue?vue&type=template&id=6857d858&scoped=true
-var render = function render() {
-  var _vm = this,
-    _c = _vm._self._c;
-  return _c('BaseComp', _vm._b({
-    attrs: {
-      "data": _vm.data,
-      "nowCompId": _vm.nowCompId,
-      "isOpcacity": _vm.isOpcacity,
-      "lang": _vm.lang
-    },
-    on: {
-      "getConfigData": _vm.getConfigData
-    }
-  }, 'BaseComp', _vm.$attrs, false), [_c('section', {
-    staticClass: "cmhk-home_main"
-  }, [_c('div', {
-    staticClass: "flex-wapper layout5to2 sper-32 mobile-sper8"
-  }, _vm._l(_vm.configList, function (item, index) {
-    return _c('div', {
-      key: `${index}${item === null || item === void 0 ? void 0 : item.id}`,
-      staticClass: "flex-wapper_item",
-      on: {
-        "click": function ($event) {
-          return _vm.decodeJumpUrl(item.jumpUrl);
-        }
-      }
-    }, [_c('div', {
-      staticClass: "card-input"
-    }, [_c('div', {
-      staticClass: "card-input_wapper"
-    }, [_c('img', {
-      staticClass: "card-input_image mobile-show",
-      attrs: {
-        "src": item.uploadImageH5,
-        "alt": item.imageH5ATL
-      }
-    }), _c('img', {
-      staticClass: "card-input_image pc-show",
-      attrs: {
-        "src": item.uploadImagePC,
-        "alt": item.imagePcATL
-      }
-    }), item !== null && item !== void 0 && item.input1 ? _c('p', {
-      staticClass: "title"
-    }, [_vm._v(_vm._s(item === null || item === void 0 ? void 0 : item.input1))]) : _vm._e(), item !== null && item !== void 0 && item.input2 ? _c('p', {
-      staticClass: "sub-title"
-    }, [_vm._v(" " + _vm._s(item === null || item === void 0 ? void 0 : item.input2) + " ")]) : _vm._e()])])]);
-  }), 0)])]);
-};
-var staticRenderFns = [];
-
-// EXTERNAL MODULE: ./package/baseComp.vue + 5 modules
-var baseComp = __webpack_require__(7976);
-;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-85.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-lineFive/View.vue?vue&type=script&lang=js
-
-/* harmony default export */ var Viewvue_type_script_lang_js = ({
-  name: "cms-lineFive",
+  name: "cms-lineFive",
   components: {
     BaseComp: baseComp["default"]
   },
@@ -36131,46 +35744,312 @@ exports.A = {
       description: 'No Data'
     }
   }
-};
+};
+
+/***/ }),
+
+/***/ 4527:
+/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
+
+"use strict";
+
+var DESCRIPTORS = __webpack_require__(3724);
+var isArray = __webpack_require__(4376);
+
+var $TypeError = TypeError;
+// eslint-disable-next-line es/no-object-getownpropertydescriptor -- safe
+var getOwnPropertyDescriptor = Object.getOwnPropertyDescriptor;
+
+// Safari < 13 does not throw an error in this case
+var SILENT_ON_NON_WRITABLE_LENGTH_SET = DESCRIPTORS && !function () {
+  // makes no sense without proper strict mode support
+  if (this !== undefined) return true;
+  try {
+    // eslint-disable-next-line es/no-object-defineproperty -- safe
+    Object.defineProperty([], 'length', { writable: false }).length = 1;
+  } catch (error) {
+    return error instanceof TypeError;
+  }
+}();
+
+module.exports = SILENT_ON_NON_WRITABLE_LENGTH_SET ? function (O, length) {
+  if (isArray(O) && !getOwnPropertyDescriptor(O, 'length').writable) {
+    throw new $TypeError('Cannot set read only .length');
+  } return O.length = length;
+} : function (O, length) {
+  return O.length = length;
+};
+
+
+/***/ }),
+
+/***/ 4539:
+/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+// ESM COMPAT FLAG
+__webpack_require__.r(__webpack_exports__);
+
+// EXPORTS
+__webpack_require__.d(__webpack_exports__, {
+  "default": function() { return /* binding */ View; }
+});
+
+;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-85.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[4]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-activityCountdown/View.vue?vue&type=template&id=20b00190&scoped=true
+var render = function render() {
+  var _vm = this,
+    _c = _vm._self._c;
+  return _c('BaseComp', _vm._b({
+    attrs: {
+      "data": _vm.data,
+      "nowCompId": _vm.nowCompId,
+      "isOpcacity": _vm.isOpcacity,
+      "lang": _vm.lang
+    },
+    on: {
+      "getConfigData": _vm.getConfigData
+    }
+  }, 'BaseComp', _vm.$attrs, false), [_c('div', {
+    staticClass: "family"
+  }, [_c('section', {
+    staticClass: "cmhk-home_main"
+  }, [_c('div', {
+    class: ['broadband-activity', 'pdr-0']
+  }, [_c('div', {
+    staticClass: "activity-main"
+  }, [_vm.configData.input1 ? _c('div', {
+    staticClass: "pro-discounts_tag"
+  }, [_c('div', {
+    staticClass: "pro-discounts_tag_inner"
+  }, [_vm._v(" " + _vm._s(_vm.configData.input1) + " ")])]) : _vm._e(), _c('a', {
+    attrs: {
+      "href": _vm.configData.jumpUrl,
+      "target": "_self"
+    }
+  }, [_c('img', {
+    staticClass: "activity-img",
+    attrs: {
+      "src": _vm.configData.uploadImagePC,
+      "alt": _vm.configData.imagePcATL
+    }
+  })]), _c('div', [_c('h4', {
+    staticClass: "activity-title"
+  }, [_vm._v(" " + _vm._s(_vm.configData.input2) + " ")]), _c('p', {
+    staticClass: "activity-time layout-pc"
+  }, [_vm._v(" " + _vm._s(_vm.configData.input3) + " ")]), _c('p', {
+    staticClass: "act-mobile_des",
+    domProps: {
+      "innerHTML": _vm._s(_vm.escape2Html(_vm.configData.input4))
+    }
+  }), _c('div', {
+    staticClass: "activity-time2"
+  }, [_c('div', [_c('h6', [_vm._v(_vm._s(_vm.$t("cmhkHeader.days")))]), _c('p', [_vm._v(_vm._s(_vm.days))])]), _c('div', [_c('h6', [_vm._v(_vm._s(_vm.$t("cmhkHeader.hours")))]), _c('p', [_vm._v(_vm._s(_vm.hours))])]), _c('div', [_c('h6', [_vm._v(_vm._s(_vm.$t("cmhkHeader.minutes")))]), _c('p', [_vm._v(_vm._s(_vm.minutes))])]), _c('div', [_c('h6', [_vm._v(_vm._s(_vm.$t("cmhkHeader.seconds")))]), _c('p', [_vm._v(_vm._s(_vm.seconds))])]), _c('span', [_vm._v(_vm._s(_vm.$t("cmhkHeader.theEnd")))])]), _c('p', {
+    staticClass: "activity-des",
+    domProps: {
+      "innerHTML": _vm._s(_vm.escape2Html(_vm.configData.input4))
+    }
+  })])])])])])]);
+};
+var staticRenderFns = [];
+
+// EXTERNAL MODULE: ./package/baseComp.vue + 5 modules
+var baseComp = __webpack_require__(7976);
+// EXTERNAL MODULE: ./src/utils/request.js + 2 modules
+var utils_request = __webpack_require__(9688);
+;// ./src/api/servePlan.js
+
+
+//查询栏目
+function getShopCategory(data) {
+  return request({
+    url: '/api/ecosp-emall/itemRest/shopCategory/query',
+    method: 'post',
+    data
+  });
+}
+// 商品栏目查询
+function columnQuery(params) {
+  return request({
+    method: 'post',
+    url: '/ecosp-console/columnCategory/query',
+    data: params
+  });
+}
+function queryCountdown(params) {
+  return (0,utils_request/* default */.A)({
+    method: 'post',
+    url: '/api/omni-channel-service-portal/rest/channelAdvert/queryCountdown',
+    data: params
+  });
+}
+;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-85.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-activityCountdown/View.vue?vue&type=script&lang=js
+
+
+/* harmony default export */ var Viewvue_type_script_lang_js = ({
+  name: "cms-activityCountdown",
+  components: {
+    BaseComp: baseComp["default"]
+  },
+  props: {
+    data: {
+      type: Object,
+      default: () => {
+        return {};
+      }
+    },
+    nowCompId: {
+      type: [String, Number],
+      default: ""
+    },
+    isOpcacity: {
+      type: Boolean,
+      default: true
+    },
+    lang: {
+      type: String,
+      default: "zh-HK"
+    }
+  },
+  data() {
+    return {
+      configData: {},
+      messFold: false,
+      remainingTime: 0,
+      // 剩余时间
+      days: null,
+      hours: null,
+      minutes: null,
+      seconds: null,
+      intervalId: null
+    };
+  },
+  mounted() {
+    this.$nextTick(() => {
+      this.configData.dateTime && this.queryCountdown(this.configData.dateTime);
+    });
+  },
+  watch: {},
+  methods: {
+    getConfigData(configData) {
+      this.configData = configData;
+    },
+    async queryCountdown(dateTime) {
+      let res = await queryCountdown({
+        endTime: dateTime
+      });
+      if (+res.code === 0) {
+        let remainingTime = res.data || 0;
+        if (remainingTime > 0) {
+          // 接口返回的是毫秒值，因此要换算成秒
+          this.remainingTime = remainingTime / 1000;
+          // 更新倒计时并每秒钟刷新一次
+          this.countdown();
+          this.intervalId = window.setInterval(this.countdown, 1000);
+        } else {
+          this.remainingTime = 0;
+          this.days = 0;
+          this.hours = 0;
+          this.minutes = 0;
+          this.seconds = 0;
+        }
+      }
+    },
+    countdown() {
+      this.remainingTime--;
+      // 如果剩余时间小于等于0，倒计时结束
+      if (this.remainingTime <= 0) {
+        window.clearInterval(this.intervalId);
+        console.log("倒计时结束");
+        return;
+      }
+      this.days = Math.floor(this.remainingTime / (24 * 60 * 60));
+      this.hours = Math.floor(this.remainingTime % (24 * 60 * 60) / (60 * 60));
+      this.minutes = Math.floor(this.remainingTime % (60 * 60) / 60);
+      this.seconds = Math.floor(this.remainingTime % 60);
+    },
+    foldMessText() {
+      this.messFold = !this.messFold;
+    },
+    decodeJumpUrl(url) {
+      if (!url) return;
+      top.location.href = url;
+    },
+    escape2Html(str) {
+      if (str) {
+        var arrEntities = {
+          lt: "<",
+          gt: ">",
+          nbsp: " ",
+          amp: "&",
+          quot: '"'
+        };
+        return str.replace(/&(lt|gt|nbsp|amp|quot);/gi, function (all, t) {
+          return arrEntities[t];
+        });
+      } else {
+        return "";
+      }
+    }
+  }
+});
+;// ./package/cms-activityCountdown/View.vue?vue&type=script&lang=js
+ /* harmony default export */ var cms_activityCountdown_Viewvue_type_script_lang_js = (Viewvue_type_script_lang_js); 
+;// ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-67.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-67.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-67.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-67.use[3]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-42.use[0]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-activityCountdown/View.vue?vue&type=style&index=0&id=20b00190&prod&lang=scss&scoped=true
+// extracted by mini-css-extract-plugin
 
-/***/ }),
+;// ./package/cms-activityCountdown/View.vue?vue&type=style&index=0&id=20b00190&prod&lang=scss&scoped=true
 
-/***/ 4527:
-/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
+// EXTERNAL MODULE: ./node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js
+var componentNormalizer = __webpack_require__(1656);
+;// ./package/cms-activityCountdown/View.vue
 
-"use strict";
 
-var DESCRIPTORS = __webpack_require__(3724);
-var isArray = __webpack_require__(4376);
 
-var $TypeError = TypeError;
-// eslint-disable-next-line es/no-object-getownpropertydescriptor -- safe
-var getOwnPropertyDescriptor = Object.getOwnPropertyDescriptor;
+;
 
-// Safari < 13 does not throw an error in this case
-var SILENT_ON_NON_WRITABLE_LENGTH_SET = DESCRIPTORS && !function () {
-  // makes no sense without proper strict mode support
-  if (this !== undefined) return true;
-  try {
-    // eslint-disable-next-line es/no-object-defineproperty -- safe
-    Object.defineProperty([], 'length', { writable: false }).length = 1;
-  } catch (error) {
-    return error instanceof TypeError;
-  }
-}();
 
-module.exports = SILENT_ON_NON_WRITABLE_LENGTH_SET ? function (O, length) {
-  if (isArray(O) && !getOwnPropertyDescriptor(O, 'length').writable) {
-    throw new $TypeError('Cannot set read only .length');
-  } return O.length = length;
-} : function (O, length) {
-  return O.length = length;
+/* normalize component */
+
+var component = (0,componentNormalizer/* default */.A)(
+  cms_activityCountdown_Viewvue_type_script_lang_js,
+  render,
+  staticRenderFns,
+  false,
+  null,
+  "20b00190",
+  null
+  
+)
+
+/* harmony default export */ var View = (component.exports);
+
+/***/ }),
+
+/***/ 4576:
+/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
+
+"use strict";
+
+var check = function (it) {
+  return it && it.Math === Math && it;
 };
 
+// https://github.com/zloirock/core-js/issues/86#issuecomment-115759028
+module.exports =
+  // eslint-disable-next-line es/no-global-this -- safe
+  check(typeof globalThis == 'object' && globalThis) ||
+  check(typeof window == 'object' && window) ||
+  // eslint-disable-next-line no-restricted-globals -- safe
+  check(typeof self == 'object' && self) ||
+  check(typeof __webpack_require__.g == 'object' && __webpack_require__.g) ||
+  check(typeof this == 'object' && this) ||
+  // eslint-disable-next-line no-new-func -- fallback
+  (function () { return this; })() || Function('return this')();
+
 
 /***/ }),
 
-/***/ 4539:
+/***/ 4579:
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -36182,7 +36061,7 @@ __webpack_require__.d(__webpack_exports__, {
   "default": function() { return /* binding */ View; }
 });
 
-;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-85.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[4]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-activityCountdown/View.vue?vue&type=template&id=20b00190&scoped=true
+;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-85.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[4]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-stored-value-card/View.vue?vue&type=template&id=ae178d02&scoped=true
 var render = function render() {
   var _vm = this,
     _c = _vm._self._c;
@@ -36196,84 +36075,168 @@ var render = function render() {
     on: {
       "getConfigData": _vm.getConfigData
     }
-  }, 'BaseComp', _vm.$attrs, false), [_c('div', {
-    staticClass: "family"
-  }, [_c('section', {
+  }, 'BaseComp', _vm.$attrs, false), [_c('section', {
     staticClass: "cmhk-home_main"
   }, [_c('div', {
-    class: ['broadband-activity', 'pdr-0']
+    staticClass: "wrap"
   }, [_c('div', {
-    staticClass: "activity-main"
-  }, [_vm.configData.input1 ? _c('div', {
-    staticClass: "pro-discounts_tag"
+    ref: "cardList",
+    staticClass: "cardList"
+  }, [_vm.configList.length === 0 ? [_c('div', {
+    staticClass: "card-box"
   }, [_c('div', {
-    staticClass: "pro-discounts_tag_inner"
-  }, [_vm._v(" " + _vm._s(_vm.configData.input1) + " ")])]) : _vm._e(), _c('a', {
-    attrs: {
-      "href": _vm.configData.jumpUrl,
-      "target": "_self"
+    staticClass: "card"
+  }, [_c('div', {
+    staticClass: "img-box"
+  }, [_c('div', {
+    staticClass: "card-img",
+    class: {
+      'is-cms': _vm.$EventBus
     }
   }, [_c('img', {
-    staticClass: "activity-img",
+    staticStyle: {
+      "height": "200px"
+    },
     attrs: {
-      "src": _vm.configData.uploadImagePC,
-      "alt": _vm.configData.imagePcATL
+      "src": _vm.placeholderImg,
+      "alt": ""
     }
-  })]), _c('div', [_c('h4', {
-    staticClass: "activity-title"
-  }, [_vm._v(" " + _vm._s(_vm.configData.input2) + " ")]), _c('p', {
-    staticClass: "activity-time layout-pc"
-  }, [_vm._v(" " + _vm._s(_vm.configData.input3) + " ")]), _c('p', {
-    staticClass: "act-mobile_des",
-    domProps: {
-      "innerHTML": _vm._s(_vm.escape2Html(_vm.configData.input4))
+  })])]), _c('div', {
+    staticClass: "content-box"
+  }, [_c('div', {
+    staticClass: "card-name"
+  }, [_vm._v(_vm._s(_vm.langText.productName))]), _c('div', {
+    staticClass: "text-box"
+  }, [_c('div', {
+    staticClass: "card-refPrice"
+  }, [_vm._v(" " + _vm._s(_vm.langText.Price) + " HK$XXXX ")]), _c('div', {
+    staticClass: "card-pice-text"
+  }, [_vm._v(_vm._s(_vm.langText.onlinePrice))])]), _c('div', {
+    staticClass: "card-pice"
+  }, [_c('span', [_vm._v("HK$")]), _vm._v("XXXX")]), _c('div', {
+    staticClass: "card-btn"
+  }, [_vm._v(_vm._s(_vm.langText.buyNow))])])])])] : _vm._e(), _vm._l(_vm.viewList, function (item, index) {
+    return _c('div', {
+      key: `${index}-${item.commodityId || index}`,
+      staticClass: "card-box"
+    }, [_c('div', {
+      staticClass: "card"
+    }, [_c('div', {
+      staticClass: "tag-box-left"
+    }, [_vm._l(item.malltCommodityLeft, function (ele, i) {
+      return [_c('img', {
+        key: i,
+        attrs: {
+          "src": _vm.compBaseUrl + ele.pictureUrl,
+          "alt": ""
+        }
+      })];
+    })], 2), _c('div', {
+      staticClass: "tag-box-right"
+    }, [_vm._l(item.malltCommodityRight, function (ele, i) {
+      return [_c('img', {
+        key: i,
+        attrs: {
+          "src": _vm.compBaseUrl + ele.pictureUrl,
+          "alt": ""
+        }
+      })];
+    })], 2), _c('div', {
+      staticClass: "img-box"
+    }, [_vm.isNotActive(item) ? _c('div', {
+      staticClass: "mask"
+    }, [_vm._v(" " + _vm._s(new Date(item.upTime).getTime() > _vm.nowTs ? _vm.langText.comingSoon : _vm.langText.expired) + " ")]) : _vm._e(), _c('div', {
+      staticClass: "card-img",
+      class: {
+        'is-cms': _vm.$EventBus
+      }
+    }, [_c('img', {
+      attrs: {
+        "src": _vm.compBaseUrl + item.maxPicId,
+        "alt": ""
+      }
+    })])]), _c('div', {
+      staticClass: "content-box"
+    }, [_vm.isNotActive(item) ? _c('div', {
+      staticClass: "content-mask"
+    }) : _vm._e(), _c('div', {
+      staticClass: "card-name"
+    }, [_vm._v(_vm._s(item.commodityName))]), _c('div', {
+      staticClass: "text-box"
+    }, [item.price !== item.refPrice ? _c('div', {
+      staticClass: "card-refPrice"
+    }, [_vm._v(" " + _vm._s(_vm.langText.Price) + " HK$" + _vm._s(_vm.convertCentsToYuan(item.refPrice)) + " ")]) : _c('div', {
+      staticClass: "card-refPrice"
+    }), _c('div', {
+      staticClass: "card-pice-text"
+    }, [_vm._v(" " + _vm._s(item.price !== item.refPrice ? _vm.langText.onlinePrice : _vm.langText.Price) + " ")])]), _c('div', {
+      staticClass: "card-pice spc-font"
+    }, [_c('span', [_vm._v("HK$")]), _vm._v(_vm._s(_vm.convertCentsToYuan(item.price)) + " ")]), _vm.isActive(item) ? _c('div', {
+      staticClass: "card-btn",
+      on: {
+        "click": function ($event) {
+          return _vm.goDetail(item);
+        }
+      }
+    }, [_vm._v(" " + _vm._s(_vm.langText.buyNow)), _c('img', {
+      attrs: {
+        "src": _vm.arrowRightImg
+      }
+    })]) : _c('div', {
+      staticClass: "card-btn"
+    }, [_vm._v(" " + _vm._s(new Date(item.upTime).getTime() > _vm.nowTs ? (_vm.langText.launch || "").replace("NNN", item.upTime) : _vm.langText.Offer) + " ")])])])]);
+  })], 2), !_vm.seeMore && _vm.configList.length > 9 ? _c('div', {
+    ref: "seeMoreRef",
+    staticClass: "seeMore",
+    on: {
+      "click": function ($event) {
+        _vm.seeMore = true;
+      }
     }
-  }), _c('div', {
-    staticClass: "activity-time2"
-  }, [_c('div', [_c('h6', [_vm._v(_vm._s(_vm.$t("cmhkHeader.days")))]), _c('p', [_vm._v(_vm._s(_vm.days))])]), _c('div', [_c('h6', [_vm._v(_vm._s(_vm.$t("cmhkHeader.hours")))]), _c('p', [_vm._v(_vm._s(_vm.hours))])]), _c('div', [_c('h6', [_vm._v(_vm._s(_vm.$t("cmhkHeader.minutes")))]), _c('p', [_vm._v(_vm._s(_vm.minutes))])]), _c('div', [_c('h6', [_vm._v(_vm._s(_vm.$t("cmhkHeader.seconds")))]), _c('p', [_vm._v(_vm._s(_vm.seconds))])]), _c('span', [_vm._v(_vm._s(_vm.$t("cmhkHeader.theEnd")))])]), _c('p', {
-    staticClass: "activity-des",
-    domProps: {
-      "innerHTML": _vm._s(_vm.escape2Html(_vm.configData.input4))
+  }, [_vm._v(" " + _vm._s(_vm.langText.more) + " "), _c('img', {
+    staticClass: "btm",
+    attrs: {
+      "src": _vm.arrowDownImg
     }
-  })])])])])])]);
+  }), _c('img', {
+    staticClass: "hover",
+    attrs: {
+      "src": _vm.arrowHoverImg
+    }
+  }), _c('img', {
+    staticClass: "active",
+    attrs: {
+      "src": _vm.arrowActiveImg
+    }
+  })]) : _vm._e()])])]);
 };
 var staticRenderFns = [];
 
-// EXTERNAL MODULE: ./package/baseComp.vue + 5 modules
-var baseComp = __webpack_require__(7976);
-// EXTERNAL MODULE: ./src/utils/request.js + 2 modules
-var utils_request = __webpack_require__(9688);
-;// ./src/api/servePlan.js
+// EXTERNAL MODULE: ./node_modules/core-js/modules/es.iterator.constructor.js
+var es_iterator_constructor = __webpack_require__(8111);
+// EXTERNAL MODULE: ./node_modules/core-js/modules/es.iterator.filter.js
+var es_iterator_filter = __webpack_require__(2489);
+// EXTERNAL MODULE: ./node_modules/core-js/modules/es.iterator.for-each.js
+var es_iterator_for_each = __webpack_require__(7588);
+// EXTERNAL MODULE: ./package/baseComp.vue + 5 modules
+var baseComp = __webpack_require__(7976);
+// EXTERNAL MODULE: ./src/api/index.js
+var api = __webpack_require__(2842);
+// EXTERNAL MODULE: ./node_modules/qs/lib/index.js
+var lib = __webpack_require__(7087);
+var lib_default = /*#__PURE__*/__webpack_require__.n(lib);
+;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-85.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-stored-value-card/View.vue?vue&type=script&lang=js
+
+
+
+
+
 
 
-//查询栏目
-function getShopCategory(data) {
-  return request({
-    url: '/api/ecosp-emall/itemRest/shopCategory/query',
-    method: 'post',
-    data
-  });
-}
-// 商品栏目查询
-function columnQuery(params) {
-  return request({
-    method: 'post',
-    url: '/ecosp-console/columnCategory/query',
-    data: params
-  });
-}
-function queryCountdown(params) {
-  return (0,utils_request/* default */.A)({
-    method: 'post',
-    url: '/api/omni-channel-service-portal/rest/channelAdvert/queryCountdown',
-    data: params
-  });
-}
-;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-85.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-activityCountdown/View.vue?vue&type=script&lang=js
 
 
 /* harmony default export */ var Viewvue_type_script_lang_js = ({
-  name: "cms-activityCountdown",
+  name: "cms-stored-value-card",
   components: {
     BaseComp: baseComp["default"]
   },
@@ -36299,96 +36262,159 @@ function queryCountdown(params) {
   },
   data() {
     return {
-      configData: {},
-      messFold: false,
-      remainingTime: 0,
-      // 剩余时间
-      days: null,
-      hours: null,
-      minutes: null,
-      seconds: null,
-      intervalId: null
+      langConfig: {
+        "zh-HK": {
+          productName: "產品名稱",
+          Price: "建議零售價",
+          onlinePrice: "網上優惠價",
+          buyNow: "立即選購",
+          comingSoon: "即將推出",
+          expired: "優惠已過期",
+          more: "查看更多",
+          launch: "NNN 上線",
+          Offer: "優惠即將推出"
+        },
+        "zh-CN": {
+          productName: "产品名称",
+          Price: "建议零售价",
+          onlinePrice: "网上优惠价",
+          buyNow: "立即选购",
+          comingSoon: "即将推出",
+          expired: "优惠已过期",
+          more: "查看更多",
+          launch: "NNN 上线",
+          Offer: "优惠即将推出"
+        },
+        "en-US": {
+          productName: "Product Name",
+          Price: "RRP",
+          onlinePrice: "Online Price",
+          buyNow: "Buy Now",
+          comingSoon: "Coming Soon",
+          expired: "Expired",
+          more: "See more",
+          launch: "Launch at NNN",
+          Offer: "Offer Coming"
+        }
+      },
+      configList: [],
+      seeMore: false,
+      nowTs: Date.now(),
+      compBaseUrl: this.$route.query.envId == 4 ? "https://omniapi.hk.chinamobile.com" : "https://omniapi-uat.hk.chinamobile.com",
+      // images
+      placeholderImg: __webpack_require__(5335),
+      arrowRightImg: __webpack_require__(4860),
+      arrowDownImg: __webpack_require__(1861),
+      arrowHoverImg: __webpack_require__(4116),
+      arrowActiveImg: __webpack_require__(9670),
+      shopList: []
     };
   },
+  computed: {
+    langText() {
+      return this.config && this.langConfig && this.langConfig[this.lang] || this.langConfig["zh-HK"];
+    },
+    viewList() {
+      if (this.seeMore) return this.shopList;
+      return this.shopList.slice(0, 9);
+    }
+  },
   mounted() {
-    this.$nextTick(() => {
-      this.configData.dateTime && this.queryCountdown(this.configData.dateTime);
-    });
+    if (!this.$EventBus) {
+      if (["https://omniapi.hk.chinamobile.com", "https://www.hk.chinamobile.com"].includes(window.location.origin)) {
+        this.compBaseUrl = "https://omniapi.hk.chinamobile.com";
+      } else {
+        this.compBaseUrl = "https://omniapi-uat.hk.chinamobile.com";
+      }
+    }
   },
-  watch: {},
+  beforeDestroy() {},
   methods: {
     getConfigData(configData) {
-      this.configData = configData;
+      this.configList = configData.configList;
+      console.log("getConfigData", this.configList);
+      this.getValue();
     },
-    async queryCountdown(dateTime) {
-      let res = await queryCountdown({
-        endTime: dateTime
-      });
-      if (+res.code === 0) {
-        let remainingTime = res.data || 0;
-        if (remainingTime > 0) {
-          // 接口返回的是毫秒值，因此要换算成秒
-          this.remainingTime = remainingTime / 1000;
-          // 更新倒计时并每秒钟刷新一次
-          this.countdown();
-          this.intervalId = window.setInterval(this.countdown, 1000);
-        } else {
-          this.remainingTime = 0;
-          this.days = 0;
-          this.hours = 0;
-          this.minutes = 0;
-          this.seconds = 0;
-        }
-      }
+    async getValue() {
+      await this.getCommodityDetails();
     },
-    countdown() {
-      this.remainingTime--;
-      // 如果剩余时间小于等于0，倒计时结束
-      if (this.remainingTime <= 0) {
-        window.clearInterval(this.intervalId);
-        console.log("倒计时结束");
-        return;
+    // 拉取已选商品详情
+    async getCommodityDetails() {
+      // try {
+      let req = {
+        busInfo: JSON.stringify({
+          commodityIds: [...this.configList],
+          commodityTypes: ["604", "605"]
+        })
+      };
+      req = lib_default().stringify(req);
+      const json = await (0,api/* getCommodityDetails */.yX)(req, this.lang);
+      let dataResult = json && json.busiResp && json.busiResp.busiDataResp;
+      if (Array.isArray(dataResult)) {
+        dataResult.forEach(item => {
+          if (Array.isArray(item.malltCommodityTags)) {
+            const left = item.malltCommodityTags.filter(ele => ele.tagType == 5001).sort((a, b) => a.sort - b.sort);
+            const right = item.malltCommodityTags.filter(ele => ele.tagType == 5002).sort((a, b) => a.sort - b.sort);
+            item.malltCommodityLeft = left.slice(0, 2);
+            item.malltCommodityRight = right.slice(0, 4);
+          } else {
+            item.malltCommodityLeft = [];
+            item.malltCommodityRight = [];
+          }
+        });
+        // 按选择顺序排序
+        this.shopList = dataResult.sort((a, b) => {
+          return this.configList.indexOf(a.commodityId) - this.configList.indexOf(b.commodityId);
+        });
+      } else {
+        this.shopList = [];
       }
-      this.days = Math.floor(this.remainingTime / (24 * 60 * 60));
-      this.hours = Math.floor(this.remainingTime % (24 * 60 * 60) / (60 * 60));
-      this.minutes = Math.floor(this.remainingTime % (60 * 60) / 60);
-      this.seconds = Math.floor(this.remainingTime % 60);
+      // } catch (e) {
+      //   this.shopList = [];
+      // }
     },
-    foldMessText() {
-      this.messFold = !this.messFold;
+    isActive(item) {
+      const now = Date.now();
+      return new Date(item.upTime).getTime() < now && new Date(item.downTime).getTime() > now;
     },
-    decodeJumpUrl(url) {
-      if (!url) return;
-      top.location.href = url;
+    isNotActive(item) {
+      const now = Date.now();
+      return new Date(item.upTime).getTime() > now || new Date(item.downTime).getTime() < now;
     },
-    escape2Html(str) {
-      if (str) {
-        var arrEntities = {
-          lt: "<",
-          gt: ">",
-          nbsp: " ",
-          amp: "&",
-          quot: '"'
-        };
-        return str.replace(/&(lt|gt|nbsp|amp|quot);/gi, function (all, t) {
-          return arrEntities[t];
-        });
-      } else {
-        return "";
+    convertCentsToYuan(cents) {
+      const yuan = (Number(cents || 0) / 100).toFixed(2);
+      return parseFloat(yuan);
+    },
+    goDetail(item) {
+      const base = this.$EventBus ? this.compBaseUrl : window.location.origin;
+      const langMap = {
+        "zh-CN": "sc",
+        "zh-HK": "tc",
+        "en-US": "en"
+      };
+      const routeLang = langMap[this.lang];
+      if (item.commodityType === "604") {
+        if ((item.commodityName || "").includes("MySIM")) {
+          window.parent.location.href = `${base}/${routeLang}/home/prepaid-card/mysim/detail?commodityId=${item.commodityId}&mysim=${item.commodityName}`;
+        } else {
+          window.parent.location.href = `${base}/${routeLang}/home/prepaid-card/detail?commodityId=${item.commodityId}&commodityType=604&commodityName=${item.commodityName}`;
+        }
+      } else if (item.commodityType === "605") {
+        window.parent.location.href = `${base}/${routeLang}/home/prepaid/refill-voucher/detail?commodityId=${item.commodityId}&commodityType=605&commodityName=${item.commodityName}`;
       }
     }
   }
 });
-;// ./package/cms-activityCountdown/View.vue?vue&type=script&lang=js
- /* harmony default export */ var cms_activityCountdown_Viewvue_type_script_lang_js = (Viewvue_type_script_lang_js); 
-;// ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-67.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-67.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-67.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-67.use[3]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-42.use[0]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-activityCountdown/View.vue?vue&type=style&index=0&id=20b00190&prod&lang=scss&scoped=true
+;// ./package/cms-stored-value-card/View.vue?vue&type=script&lang=js
+ /* harmony default export */ var cms_stored_value_card_Viewvue_type_script_lang_js = (Viewvue_type_script_lang_js); 
+;// ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-67.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-67.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-67.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-67.use[3]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-42.use[0]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-stored-value-card/View.vue?vue&type=style&index=0&id=ae178d02&prod&lang=scss&scoped=true
 // extracted by mini-css-extract-plugin
 
-;// ./package/cms-activityCountdown/View.vue?vue&type=style&index=0&id=20b00190&prod&lang=scss&scoped=true
+;// ./package/cms-stored-value-card/View.vue?vue&type=style&index=0&id=ae178d02&prod&lang=scss&scoped=true
 
 // EXTERNAL MODULE: ./node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js
 var componentNormalizer = __webpack_require__(1656);
-;// ./package/cms-activityCountdown/View.vue
+;// ./package/cms-stored-value-card/View.vue
 
 
 
@@ -36398,42 +36424,18 @@ var componentNormalizer = __webpack_require__(1656);
 /* normalize component */
 
 var component = (0,componentNormalizer/* default */.A)(
-  cms_activityCountdown_Viewvue_type_script_lang_js,
+  cms_stored_value_card_Viewvue_type_script_lang_js,
   render,
   staticRenderFns,
   false,
   null,
-  "20b00190",
+  "ae178d02",
   null
   
 )
 
 /* harmony default export */ var View = (component.exports);
 
-/***/ }),
-
-/***/ 4576:
-/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
-
-"use strict";
-
-var check = function (it) {
-  return it && it.Math === Math && it;
-};
-
-// https://github.com/zloirock/core-js/issues/86#issuecomment-115759028
-module.exports =
-  // eslint-disable-next-line es/no-global-this -- safe
-  check(typeof globalThis == 'object' && globalThis) ||
-  check(typeof window == 'object' && window) ||
-  // eslint-disable-next-line no-restricted-globals -- safe
-  check(typeof self == 'object' && self) ||
-  check(typeof __webpack_require__.g == 'object' && __webpack_require__.g) ||
-  check(typeof this == 'object' && this) ||
-  // eslint-disable-next-line no-new-func -- fallback
-  (function () { return this; })() || Function('return this')();
-
-
 /***/ }),
 
 /***/ 4581:
@@ -38257,7 +38259,7 @@ var map = {
 	"./cms-richText/View.vue": 5713,
 	"./cms-servePlan-tab/View.vue": 330,
 	"./cms-servePlan-text/View.vue": 4726,
-	"./cms-stored-value-card/View.vue": 1675,
+	"./cms-stored-value-card/View.vue": 4579,
 	"./cms-termsAndConditions/View.vue": 7060,
 	"./cms-text/View.vue": 7326,
 	"./cms-threeScroll/View.vue": 8687,
@@ -53313,7 +53315,7 @@ $({ target: 'Iterator', proto: true, real: true, forced: IS_PURE }, {
 __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _baseConfig__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2128);
 
-const View = () => Promise.resolve(/* import() */).then(__webpack_require__.bind(__webpack_require__, 1675));
+const View = () => Promise.resolve(/* import() */).then(__webpack_require__.bind(__webpack_require__, 4579));
 const langData = {
   configList: [
     // {
@@ -53377,7 +53379,8 @@ const validateSchema = (0,_baseConfig__WEBPACK_IMPORTED_MODULE_0__.getValidateSc
   settings: cmsCompName => {
     return (0,_baseConfig__WEBPACK_IMPORTED_MODULE_0__.getInitCompData)({
       cmsCompName,
-      langData
+      langData,
+      isLangAll: true
     });
   }
 });