{"version":3,"sources":["webpack:///./src/views/coupon/ValidCoupon.vue?e09c","webpack:///./src/views/coupon/components/CouponItem.vue?f8a7","webpack:///src/views/coupon/components/CouponItem.vue","webpack:///./src/views/coupon/components/CouponItem.vue?eccb","webpack:///./src/views/coupon/components/CouponItem.vue","webpack:///src/views/coupon/ValidCoupon.vue","webpack:///./src/views/coupon/ValidCoupon.vue?c6ea","webpack:///./src/views/coupon/ValidCoupon.vue","webpack:///./src/views/coupon/ValidCoupon.vue?b3fc","webpack:///./src/views/coupon/components/CouponItem.vue?39e8"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","on","typeSelect","model","value","callback","$$v","active","expression","_l","item","index","key","name","couponList","length","_v","staticRenderFns","class","type","_m","_s","dayjs","couponItem","validFrom","format","validEnd","valueAmount","minLimitAmount","_e","usage","$event","gotoUse","route","remark","btnClick","props","Object","required","Number","default","data","setup","status","btnActive","appLinkUrl","path","console","info","component","components","vanTab","vanTabs","CouponItem","viewState","activeType","typeList","title","state","find","getCouponData","showMenuItems","ym","menuItems","then"],"mappings":"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","file":"js/chunk-05fea1b4.6c8bceb7.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('van-tabs',{attrs:{\"sticky\":\"\"},on:{\"change\":_vm.typeSelect},model:{value:(_vm.active),callback:function ($$v) {_vm.active=$$v},expression:\"active\"}},_vm._l((_vm.typeList),function(item,index){return _c('van-tab',{key:index,attrs:{\"title\":item.name}})}),1),(!_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\"},_vm._l((_vm.couponList),function(item,index){return _c('CouponItem',{key:index,attrs:{\"couponItem\":item}})}),1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"coupon-wrap flex\",class:{\n    'is-use-wrap': _vm.type === 1,\n    'is-due-wrap': _vm.type === 3\n  }},[_c('div',{staticClass:\"left\"},[_c('div',{staticClass:\"top\"},[_vm._m(0),_c('div',{staticClass:\"time\"},[_vm._v(\" 有效期 \"+_vm._s(_vm.dayjs(_vm.couponItem.validFrom).format('YYYY.MM.DD'))+\" ~ \"+_vm._s(_vm.dayjs(_vm.couponItem.validEnd).format('YYYY.MM.DD'))+\" \")])]),_c('div',{staticClass:\"bottom\"},[_c('div',{staticClass:\"coupon-name\"},[_c('span',[_vm._v(_vm._s(_vm.couponItem.valueAmount)+\"元\")]),_vm._v(\" \"+_vm._s(_vm.couponItem.name)+\" \")]),(_vm.couponItem.minLimitAmount)?_c('div',{staticClass:\"coupon-desc\"},[_vm._v(\" \"+_vm._s(_vm.couponItem.minLimitAmount ? (\"满\" + (_vm.couponItem.minLimitAmount) + \"可用\") : '无门槛优惠券')+\" \")]):_vm._e()]),(_vm.type === 1 && _vm.couponItem.usage)?_c('div',{staticClass:\"use-course-wrap\"},[_c('div',{staticClass:\"use-course\",on:{\"click\":function($event){return _vm.gotoUse(_vm.couponItem.usage.route)}}},[_vm._v(\" 该券已解锁：\"),_c('span',[_vm._v(_vm._s(_vm.couponItem.usage.remark))])]),_c('div',{staticClass:\"arrow\"})]):_vm._e()]),(_vm.type < 1)?_c('div',{staticClass:\"right\",on:{\"click\":function($event){return _vm.btnClick(_vm.couponItem)}}},[_c('div',[_vm._v(\"立即使用\")])]):_c('div',{staticClass:\"status\"},[_vm._v(_vm._s(_vm.type === 1 ? '已使用' : '已过期'))])])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"tilte-wrap flex\"},[_c('div',{staticClass:\"line\"}),_c('div',{staticClass:\"title\"},[_vm._v(\"优惠券\")])])}]\n\nexport { render, staticRenderFns }","<template>\r\n  <div\r\n    class=\"coupon-wrap flex\"\r\n    :class=\"{\r\n      'is-use-wrap': type === 1,\r\n      'is-due-wrap': type === 3\r\n    }\"\r\n  >\r\n    <div class=\"left\">\r\n      <div class=\"top\">\r\n        <div class=\"tilte-wrap flex\">\r\n          <div class=\"line\"></div>\r\n          <div class=\"title\">优惠券</div>\r\n        </div>\r\n        <div class=\"time\">\r\n          有效期 {{ dayjs(couponItem.validFrom).format('YYYY.MM.DD') }} ~\r\n          {{ dayjs(couponItem.validEnd).format('YYYY.MM.DD') }}\r\n        </div>\r\n      </div>\r\n      <div class=\"bottom\">\r\n        <div class=\"coupon-name\">\r\n          <span>{{ couponItem.valueAmount }}元</span> {{ couponItem.name }}\r\n        </div>\r\n        <div class=\"coupon-desc\" v-if=\"couponItem.minLimitAmount\">\r\n          {{\r\n            couponItem.minLimitAmount\r\n              ? `满${couponItem.minLimitAmount}可用`\r\n              : '无门槛优惠券'\r\n          }}\r\n        </div>\r\n      </div>\r\n      <div class=\"use-course-wrap\" v-if=\"type === 1 && couponItem.usage\">\r\n        <div class=\"use-course\" @click=\"gotoUse(couponItem.usage.route)\">\r\n          该券已解锁：<span>{{ couponItem.usage.remark }}</span>\r\n        </div>\r\n        <div class=\"arrow\"></div>\r\n      </div>\r\n    </div>\r\n    <div class=\"right\" @click=\"btnClick(couponItem)\" v-if=\"type < 1\">\r\n      <div>立即使用</div>\r\n    </div>\r\n    <div class=\"status\" v-else>{{ type === 1 ? '已使用' : '已过期' }}</div>\r\n  </div>\r\n</template>\r\n<script>\r\nimport dayjs from 'dayjs'\r\nimport isBetween from 'dayjs/plugin/isBetween'\r\nimport { openurl } from '@em/ym'\r\nimport { Toast } from 'vant'\r\ndayjs.extend(isBetween)\r\nexport default {\r\n  name: 'CouponItem',\r\n  props: {\r\n    couponItem: {\r\n      type: Object,\r\n      required: true\r\n    },\r\n    type: {\r\n      type: Number,\r\n      default: 0 //0.未使用 1.已使用和已锁定 2.已锁定 3.已过期\r\n    }\r\n  },\r\n  data() {\r\n    return {}\r\n  },\r\n  setup() {\r\n    function btnClick(item) {\r\n      if (item.status === 4) {\r\n        // 已冻结(退款后被冻结)\r\n        Toast('您正在退款流程中，优惠券暂无法使用')\r\n        return\r\n      }\r\n      if (!item.btnActive) return\r\n      if (item.appLinkUrl) openurl(item.appLinkUrl)\r\n    }\r\n\r\n    function gotoUse(path) {\r\n      console.info('path', path)\r\n      openurl(path)\r\n    }\r\n\r\n    return {\r\n      btnClick,\r\n      dayjs,\r\n      gotoUse\r\n    }\r\n  }\r\n}\r\n</script>\r\n<style lang=\"scss\" scoped>\r\n.coupon-wrap {\r\n  width: 686px;\r\n  height: 214px;\r\n  background: url(./images/red.png) no-repeat;\r\n  background-size: cover;\r\n  margin: 0 auto 30px;\r\n  line-height: 1;\r\n  &.is-use-wrap {\r\n    height: 292px;\r\n    position: relative;\r\n    background-image: url('./images/use.png');\r\n    .left {\r\n      .bottom {\r\n        .coupon-name {\r\n          color: rgba(180, 180, 180, 1);\r\n          //span {\r\n          //  color: rgba(128, 128, 128, 1);\r\n          //}\r\n        }\r\n      }\r\n    }\r\n  }\r\n  &.is-due-wrap {\r\n    height: 220px;\r\n    position: relative;\r\n    background-image: url('./images/gray.png');\r\n    .status {\r\n      top: 38%;\r\n    }\r\n    .left {\r\n      .bottom {\r\n        .coupon-name {\r\n          color: rgba(180, 180, 180, 1);\r\n          span {\r\n            color: rgba(128, 128, 128, 1);\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n  .left {\r\n    flex: 1;\r\n    display: flex;\r\n    flex-direction: column;\r\n    height: 100%;\r\n    .use-course-wrap {\r\n      height: 80px;\r\n      font-size: 28px;\r\n      color: #ffffff;\r\n      display: flex;\r\n      justify-content: space-between;\r\n      align-items: center;\r\n      padding: 0 20px;\r\n      .use-course {\r\n        //单行省略\r\n        flex: 1;\r\n        text-overflow: ellipsis;\r\n        overflow: hidden;\r\n        white-space: nowrap;\r\n        margin-right: 20px;\r\n        width: 420px;\r\n      }\r\n      .arrow {\r\n        flex: none;\r\n        width: 24px;\r\n        height: 24px;\r\n        background: url(./images/arrow.png) no-repeat;\r\n        background-size: 100% 100%;\r\n      }\r\n    }\r\n\r\n    .bottom {\r\n      flex: 1;\r\n      padding: 0 20px;\r\n      .coupon-name {\r\n        font-size: 40px;\r\n        color: rgba(0, 0, 0, 1);\r\n        padding-top: 30px;\r\n        span {\r\n          color: rgba(250, 95, 85, 1);\r\n        }\r\n      }\r\n      .coupon-desc {\r\n        font-size: 28px;\r\n        color: rgba(128, 128, 128, 1);\r\n        margin-top: 16px;\r\n      }\r\n    }\r\n    .top {\r\n      padding: 0 20px;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: space-between;\r\n      height: 60px;\r\n      flex: none;\r\n      .line {\r\n        display: block;\r\n        content: '';\r\n        width: 4px;\r\n        height: 22px;\r\n        background: rgba(250, 95, 85, 1);\r\n        margin-right: 6px;\r\n      }\r\n      .title {\r\n        font-size: 28px;\r\n        color: rgba(50, 50, 50, 1);\r\n      }\r\n      .time {\r\n        font-size: 24px;\r\n        color: rgba(128, 128, 128, 1);\r\n      }\r\n    }\r\n  }\r\n  .right {\r\n    width: 60px;\r\n    flex: none;\r\n    color: rgba(255, 255, 255, 1);\r\n    font-size: 28px;\r\n    display: flex;\r\n    align-items: center;\r\n    flex-wrap: wrap;\r\n    justify-content: center;\r\n    div {\r\n      width: 30px;\r\n    }\r\n  }\r\n  .status {\r\n    position: absolute;\r\n    top: 34%;\r\n    right: 30px;\r\n    width: 100px;\r\n    height: 100px;\r\n    opacity: 1;\r\n    border-radius: 176px;\r\n    background: rgba(180, 180, 180, 1);\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    color: #ffffff;\r\n    font-size: 28px;\r\n  }\r\n}\r\n</style>\r\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CouponItem.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CouponItem.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./CouponItem.vue?vue&type=template&id=029c23e1&scoped=true&\"\nimport script from \"./CouponItem.vue?vue&type=script&lang=js&\"\nexport * from \"./CouponItem.vue?vue&type=script&lang=js&\"\nimport style0 from \"./CouponItem.vue?vue&type=style&index=0&id=029c23e1&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  \"029c23e1\",\n  null\n  \n)\n\nexport default component.exports","<template>\r\n  <div class=\"content mt-56\">\r\n    <van-tabs v-model=\"active\" sticky @change=\"typeSelect\">\r\n      <van-tab\r\n        v-for=\"(item, index) in typeList\"\r\n        :key=\"index\"\r\n        :title=\"item.name\"\r\n      ></van-tab>\r\n    </van-tabs>\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\" v-else>\r\n      <CouponItem\r\n        v-for=\"(item, index) in couponList\"\r\n        :key=\"index\"\r\n        :couponItem=\"item\"\r\n      ></CouponItem>\r\n    </ul>\r\n  </div>\r\n</template>\r\n<script>\r\nimport { ref, reactive, onMounted, toRefs } from '@vue/composition-api'\r\nimport api from '@/api/api'\r\nimport dayjs from 'dayjs'\r\nimport isBetween from 'dayjs/plugin/isBetween'\r\nimport { openurl } from '@em/ym'\r\nimport ym from '@/assets/js/ym.js'\r\nimport { Tab, Tabs } from 'vant'\r\nimport CouponItem from './components/CouponItem.vue'\r\ndayjs.extend(isBetween)\r\n\r\nexport default {\r\n  name: 'ValidCoupon',\r\n  components: {\r\n    vanTab: Tab,\r\n    vanTabs: Tabs,\r\n    CouponItem\r\n  },\r\n  data() {\r\n    return {\r\n      active: 0\r\n    }\r\n  },\r\n  setup() {\r\n    const couponList = ref({})\r\n    const state = reactive({\r\n      viewState: '',\r\n      activeType: null,\r\n      typeList: [\r\n        { name: '全部', value: null },\r\n        { name: '全场券', value: 1 },\r\n        { name: '品类券', value: 2 },\r\n        { name: '单品券', value: 3 }\r\n      ]\r\n    })\r\n\r\n    onMounted(() => {\r\n      getCouponData().then(() => {\r\n        showMenuItems()\r\n      })\r\n    })\r\n\r\n    async function getCouponData() {\r\n      const type = state.typeList.find(a => a.value === state.activeType).value\r\n      const { detail, result } = await api.coupon.getCouponApi(\r\n        {\r\n          type: type,\r\n          direction: state.viewState ? 2 : 0,\r\n          statusList: [0]\r\n        },\r\n        state.viewState\r\n      )\r\n      if (result.code === 0) {\r\n        couponList.value = detail.list.map(ite => {\r\n          const currentDate = dayjs()\r\n          ite.btnActive = dayjs(currentDate).isBetween(\r\n            ite.validFrom,\r\n            ite.validEnd\r\n          )\r\n          return ite\r\n        })\r\n        state.viewState = result.viewState\r\n      }\r\n    }\r\n\r\n    function typeSelect(name, title) {\r\n      state.activeType = state.typeList.find(a => a.name === title).value\r\n      state.viewState = ''\r\n      getCouponData()\r\n    }\r\n\r\n    function showMenuItems() {\r\n      ym.showMenuItems({\r\n        menuItems: [\r\n          {\r\n            callback: () => {\r\n              const url = `${\r\n                process.env.VUE_APP_ENV === 'staging'\r\n                  ? 'https://yktpre.emoney.cn/yktstatic'\r\n                  : 'https://yktstatic.emoney.cn'\r\n              }/ykthtml/yktapp/?route=disabled-coupon`\r\n              openurl(url)\r\n            },\r\n            title: '查看无效券'\r\n          }\r\n        ]\r\n      })\r\n    }\r\n\r\n    return {\r\n      ...toRefs(state),\r\n      couponList,\r\n      typeSelect,\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.mt-5 {\r\n  margin-top: 5px;\r\n}\r\n.text-center {\r\n  text-align: center;\r\n}\r\n\r\n.payment-mode-list {\r\n  list-style: none;\r\n  padding: 0;\r\n  margin: 0;\r\n  margin-top: 20px;\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/bg1.png') no-repeat center;\r\n    background-size: cover;\r\n\r\n    .icon {\r\n      width: 44px;\r\n      height: 100%;\r\n      margin-right: 20px;\r\n      background: no-repeat center;\r\n      background-size: contain;\r\n    }\r\n\r\n    .click-btn {\r\n      position: absolute;\r\n      right: 24px;\r\n      top: calc(50% - 22px);\r\n      bottom: 0;\r\n      width: 120px;\r\n      height: 44px;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      border: 1px solid #858585;\r\n      border-radius: 8px;\r\n      &.is-active {\r\n        border: 1px solid #e64c2e;\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: 54px;\r\n    }\r\n    .name {\r\n      font-family: PingFang SC, PingFang SC-Regular;\r\n      font-weight: bold;\r\n      margin-bottom: 20px;\r\n      white-space: nowrap;\r\n      overflow: hidden;\r\n      text-overflow: ellipsis;\r\n      width: 300px;\r\n    }\r\n  }\r\n}\r\n.min-limit {\r\n  margin-top: 18px;\r\n  padding-left: 10px;\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  justify-content: space-between;\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.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--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ValidCoupon.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ValidCoupon.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ValidCoupon.vue?vue&type=template&id=224d11d7&scoped=true&\"\nimport script from \"./ValidCoupon.vue?vue&type=script&lang=js&\"\nexport * from \"./ValidCoupon.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ValidCoupon.vue?vue&type=style&index=0&id=224d11d7&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  \"224d11d7\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ValidCoupon.vue?vue&type=style&index=0&id=224d11d7&lang=scss&scoped=true&\"","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CouponItem.vue?vue&type=style&index=0&id=029c23e1&lang=scss&scoped=true&\""],"sourceRoot":""}