{"version":3,"sources":["webpack:///./src/views/coupon/DisabledCoupon.vue?d5bb","webpack:///./node_modules/@em/ym/lib/common/nativeLifecycle.js","webpack:///src/views/coupon/DisabledCoupon.vue","webpack:///./src/views/coupon/DisabledCoupon.vue?945f","webpack:///./src/views/coupon/DisabledCoupon.vue","webpack:///./src/views/coupon/DisabledCoupon.vue?54c5"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","_l","item","index","key","class","activeStatus","value","on","$event","statusSelect","_v","_s","name","couponList","length","valueAmount","minLimitAmount","dayjs","validFrom","format","validEnd","status","attrs","staticRenderFns","resumeEventList","pauseEventList","onResumeMiddle_1","window","onResume","forEach","handler","error","console","onPauseMiddle_1","onPause","timeout","isInit","middlewareCallback","resumeIndex","push","setTimeout","setup","viewState","statusList","state","getCouponData","component"],"mappings":"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","file":"js/chunk-127c5ff4.64828cfb.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"content mt-56\"},[_c('div',{staticClass:\"filter-row\"},[_c('div',{staticClass:\"filter-row-content\"},_vm._l((_vm.statusList),function(item,index){return _c('div',{key:index,staticClass:\"filter-item-wrap\"},[_c('div',{staticClass:\"item-bottom-10 filter-item\",class:{ 'select-item': _vm.activeStatus == item.value },on:{\"click\":function($event){return _vm.statusSelect(item, index)}}},[_vm._v(\" \"+_vm._s(item.name)+\" \")])])}),0)]),(!_vm.couponList.length)?_c('div',{staticClass:\"nodata-container\"},[_c('img',{attrs:{\"src\":require(\"@/static/coupon_empty.png\"),\"alt\":\"\"}}),_c('div',{staticClass:\"S6 T3\"},[_vm._v(\"暂无此类型优惠券\")])]):_c('ul',{staticClass:\"payment-mode-list T3\"},_vm._l((_vm.couponList),function(item,index){return _c('li',{key:index,staticClass:\"payment-mode payment-mode--disable\"},[_c('div',{staticClass:\"T1 flex\"},[_c('div',{staticClass:\"left-count text-center\"},[_c('div',{staticClass:\"S4\"},[_vm._v(\" ￥\"),_c('span',{staticClass:\"S10 font-bold\"},[_vm._v(_vm._s(item.valueAmount))])]),_c('div',{staticClass:\"S4 min-limit\"},[_vm._v(\" \"+_vm._s(item.minLimitAmount ? (\"满\" + (item.minLimitAmount) + \"可用\") : '无门槛优惠券')+\" \")])]),_c('div',{staticClass:\"right-count\"},[_c('div',{staticClass:\"S8 mb-20 name\"},[_vm._v(_vm._s(item.name))]),_c('div',{staticClass:\"S4\"},[_vm._v(\" \"+_vm._s(_vm.dayjs(item.validFrom).format('YYYY.MM.DD'))+\" ~ \"+_vm._s(_vm.dayjs(item.validEnd).format('YYYY.MM.DD'))+\" \")])])]),_c('div',{staticClass:\"click-btn\",class:item.status === 3 ? 'expired' : ''})])}),0)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import { isClient } from '../utils';\r\nvar resumeEventList = [];\r\nvar pauseEventList = [];\r\nif (isClient) {\r\n    var onResumeMiddle_1 = window.onResume;\r\n    window.onResume = function () {\r\n        try {\r\n            resumeEventList.forEach(function (handler) {\r\n                handler && handler();\r\n            });\r\n            if (onResumeMiddle_1) {\r\n                onResumeMiddle_1();\r\n            }\r\n        }\r\n        catch (error) {\r\n            console.error('[onResume]:', error);\r\n        }\r\n    };\r\n    var onPauseMiddle_1 = window.onPause;\r\n    window.onPause = function () {\r\n        try {\r\n            pauseEventList.forEach(function (handler) {\r\n                handler && handler();\r\n            });\r\n            if (onPauseMiddle_1) {\r\n                onPauseMiddle_1();\r\n            }\r\n        }\r\n        catch (error) {\r\n            console.error('[onPause]:', error);\r\n        }\r\n    };\r\n}\r\n/**\r\n * 监听页面激活事件\r\n * @param handler 监听器，页面激活时的回调\r\n * @param timeout 延迟监听的时长，默认为1000毫秒，防止页面加载时被执行\r\n */\r\nexport function onResume(handler, timeout) {\r\n    if (timeout === void 0) { timeout = 1000; }\r\n    var isInit = false;\r\n    var middlewareCallback = function () {\r\n        isInit && handler();\r\n    };\r\n    var resumeIndex = resumeEventList.push(middlewareCallback) - 1;\r\n    setTimeout(function () { return (isInit = true); }, timeout);\r\n    return resumeIndex;\r\n}\r\n/**\r\n * 取消监听页面激活\r\n * @param {string} name 事件名称\r\n * @param handler 调用onResume时返回的值或传入的handler\r\n */\r\nexport function offResume(handler) {\r\n    resumeEventList.splice(typeof handler === 'number'\r\n        ? handler\r\n        : resumeEventList.indexOf(handler) >>> 0, 1, undefined);\r\n}\r\n/**\r\n * 监听页面离开事件\r\n * @param handler 监听器，页面离开时的回调\r\n */\r\nexport function onPause(handler) {\r\n    return pauseEventList.push(handler) - 1;\r\n}\r\n/**\r\n * 取消监听页面离开\r\n * @param {string} name 事件名称\r\n * @param handler 调用onPause时返回的值或传入的handler\r\n */\r\nexport function offPause(handler) {\r\n    pauseEventList.splice(typeof handler === 'number'\r\n        ? handler\r\n        : pauseEventList.indexOf(handler) >>> 0, 1, undefined);\r\n}\r\n//# sourceMappingURL=nativeLifecycle.js.map","<template>\r\n  <div class=\"content mt-56\">\r\n    <div class=\"filter-row\">\r\n      <div class=\"filter-row-content\">\r\n        <div\r\n          class=\"filter-item-wrap\"\r\n          v-for=\"(item, index) in statusList\"\r\n          :key=\"index\"\r\n        >\r\n          <div\r\n            class=\"item-bottom-10 filter-item\"\r\n            @click=\"statusSelect(item, index)\"\r\n            :class=\"{ 'select-item': activeStatus == item.value }\"\r\n          >\r\n            {{ item.name }}\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <div class=\"nodata-container\" v-if=\"!couponList.length\">\r\n      <img src=\"@/static/coupon_empty.png\" alt />\r\n      <div class=\"S6 T3\">暂无此类型优惠券</div>\r\n    </div>\r\n    <ul class=\"payment-mode-list T3\" v-else>\r\n      <li\r\n        v-for=\"(item, index) in couponList\"\r\n        :key=\"index\"\r\n        class=\"payment-mode payment-mode--disable\"\r\n      >\r\n        <div class=\"T1 flex\">\r\n          <div class=\"left-count text-center\">\r\n            <div class=\"S4\">\r\n              ￥<span class=\"S10 font-bold\">{{ item.valueAmount }}</span>\r\n            </div>\r\n            <div class=\"S4 min-limit\">\r\n              {{\r\n                item.minLimitAmount\r\n                  ? `满${item.minLimitAmount}可用`\r\n                  : '无门槛优惠券'\r\n              }}\r\n            </div>\r\n          </div>\r\n          <div class=\"right-count\">\r\n            <div class=\"S8 mb-20 name\">{{ item.name }}</div>\r\n            <div class=\"S4\">\r\n              {{ dayjs(item.validFrom).format('YYYY.MM.DD') }} ~\r\n              {{ dayjs(item.validEnd).format('YYYY.MM.DD') }}\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <div\r\n          class=\"click-btn\"\r\n          :class=\"item.status === 3 ? 'expired' : ''\"\r\n        ></div>\r\n      </li>\r\n    </ul>\r\n  </div>\r\n</template>\r\n<script>\r\nimport {\r\n  ref,\r\n  reactive,\r\n  onMounted,\r\n  toRefs,\r\n  computed,\r\n  defineComponent\r\n} from '@vue/composition-api'\r\nimport api from '@/api/api'\r\nimport { getClientInfo, onResume } from '@em/ym'\r\nimport dayjs from 'dayjs'\r\nexport default defineComponent({\r\n  name: 'DisabledCoupon',\r\n  setup() {\r\n    const couponList = ref([])\r\n    const state = reactive({\r\n      viewState: '',\r\n      activeStatus: 1,\r\n      statusList: [\r\n        { name: '已使用', value: 1 },\r\n        { name: '已过期', value: 3 }\r\n      ]\r\n    })\r\n    const activeStatusVal = computed(\r\n      () => state.statusList.find(a => a.value === state.activeStatus).value\r\n    )\r\n    onMounted(() => {\r\n      getCouponData()\r\n      onResume(() => {\r\n        getClientInfo(() => {\r\n          getCouponData()\r\n        })\r\n      })\r\n    })\r\n    async function getCouponData() {\r\n      const { detail, result } = await api.coupon.getCouponApi(\r\n        {\r\n          direction: state.viewState ? 2 : 0,\r\n          statusList:\r\n            activeStatusVal.value === 1 ? [1, 2] : [activeStatusVal.value]\r\n        },\r\n        state.viewState\r\n      )\r\n      if (result.code === 0) {\r\n        couponList.value = detail.list\r\n      }\r\n    }\r\n    function statusSelect(item) {\r\n      state.activeStatus = item.value\r\n      state.viewState = ''\r\n      getCouponData()\r\n    }\r\n    return {\r\n      ...toRefs(state),\r\n      couponList,\r\n      statusSelect,\r\n      dayjs\r\n    }\r\n  }\r\n})\r\n</script>\r\n<style lang=\"scss\" scoped>\r\n.content {\r\n  padding: 0 30px;\r\n  display: flex;\r\n  flex-direction: column;\r\n  height: 100vh;\r\n\r\n  .title {\r\n    padding-bottom: 20px;\r\n  }\r\n}\r\n.flex {\r\n  display: flex;\r\n}\r\n.text-center {\r\n  text-align: center;\r\n}\r\n.min-limit {\r\n  margin-top: 18px;\r\n  padding-left: 10px;\r\n}\r\n.payment-mode-list {\r\n  list-style: none;\r\n  padding: 0;\r\n  margin: 0;\r\n  height: 100%;\r\n  overflow-y: auto;\r\n  overflow-x: hidden;\r\n  .payment-mode {\r\n    position: relative;\r\n    height: 156px;\r\n    display: flex;\r\n    align-items: center;\r\n    margin-bottom: 21px;\r\n    background: url('./images/bg.png') no-repeat center;\r\n    background-size: cover;\r\n    pointer-events: none;\r\n\r\n    .click-btn {\r\n      position: absolute;\r\n      right: 0;\r\n      top: 0;\r\n      bottom: 0;\r\n      width: 86px;\r\n      height: 86px;\r\n      background: url('./images/used.png') no-repeat center;\r\n      background-size: contain;\r\n      &.expired {\r\n        background-image: url('./images/expired.png');\r\n      }\r\n    }\r\n\r\n    .left-count {\r\n      flex: 0 0 180px;\r\n    }\r\n    .right-count {\r\n      flex: 0 0 100%;\r\n      padding-left: 64px;\r\n    }\r\n    .name {\r\n      font-family: PingFang SC, PingFang SC-Regular;\r\n      font-weight: bold;\r\n    }\r\n  }\r\n}\r\n.filter-row {\r\n  align-items: flex-start;\r\n  display: flex;\r\n  margin-bottom: 6px;\r\n  margin-top: 40px;\r\n}\r\n\r\n.filter-row-content {\r\n  display: flex;\r\n  align-items: center;\r\n  align-content: space-between;\r\n  flex-flow: row wrap;\r\n  flex: 1;\r\n  div {\r\n    font-size: 24px;\r\n    color: #858585;\r\n  }\r\n  .select-item {\r\n    border: 1px solid #0079ff;\r\n    color: #0079ff;\r\n    background: #ffffff;\r\n  }\r\n}\r\n.filter-item-wrap {\r\n  width: 22%;\r\n  margin-right: 3%;\r\n  &:nth-child(4n) {\r\n    margin-right: 0;\r\n  }\r\n}\r\n.filter-item {\r\n  height: 50px;\r\n  color: #858585;\r\n  background-color: rgba(85, 85, 85, 0.1);\r\n  border-radius: 5px;\r\n  text-align: center;\r\n  line-height: 50px;\r\n  letter-spacing: 1px;\r\n  cursor: pointer;\r\n  flex: none;\r\n  box-sizing: border-box;\r\n}\r\n\r\n.item-bottom-10 {\r\n  margin-bottom: 24px;\r\n}\r\n\r\n.select-item {\r\n  border: 1px solid #0079ff;\r\n  color: #0079ff;\r\n  background: #ffffff;\r\n}\r\n.nodata-container {\r\n  width: 100%;\r\n  height: 800px;\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  justify-content: center;\r\n}\r\n\r\n.nodata-container img {\r\n  width: 402px;\r\n  height: 194px;\r\n  margin-bottom: 26px;\r\n}\r\n</style>\r\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./DisabledCoupon.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./DisabledCoupon.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./DisabledCoupon.vue?vue&type=template&id=7e17273c&scoped=true&\"\nimport script from \"./DisabledCoupon.vue?vue&type=script&lang=js&\"\nexport * from \"./DisabledCoupon.vue?vue&type=script&lang=js&\"\nimport style0 from \"./DisabledCoupon.vue?vue&type=style&index=0&id=7e17273c&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"7e17273c\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./DisabledCoupon.vue?vue&type=style&index=0&id=7e17273c&lang=scss&scoped=true&\""],"sourceRoot":""}