{"version":3,"sources":["webpack:///./src/views/home/poster.vue?94a3","webpack:///./src/views/home/poster.vue","webpack:///./src/views/home/poster.vue?932b"],"names":["style","class","title","left-text","left-arrow","onClickLeft","theme-vars","themeVars","position","src","posterUrl","round","type","name","setup","history","back","store","active","route","state","level","getters","roles","users","expiretime","residualDegree","methods","loadingQueryOrderType","then","res","vipMoney","data","vipMoneySelected","id","finishOrder","codeImg","userApply","message","refreshGetInfo","time888","Date","dispatch","routerChange","query","orderId","paytype","userApplyFun","handleClose","cleanTimer","document","addEventListener","hidden","navBarBackground","navBarTitleTextColor","navBarHeight","navBarTitleFontSize","LineHeightLg","shareCount","signCount","__exports__","render"],"mappings":"2IAAA,W,4GCCOA,MAAA,8B,GAQIC,MAAM,YAAYD,MAAA,8B,+BAKwC,U,6PAbnE,gCAgBM,MAhBN,EAgBM,CAfJ,yBAKE,GAJIE,MAAM,OACNC,YAAU,KACVC,aAAA,GACC,YAAY,EAAAC,a,wBAEnB,yBAQsB,GARAC,aAAY,EAAAC,WAAS,C,8BACzC,iBAMM,CANN,gCAMM,MANN,EAMM,CALJ,yBAGE,GAFEC,SAAS,SACRC,IAAK,EAAAC,W,gBAEV,yBAAgF,GAApEC,MAAA,GAAMC,KAAK,UAAUZ,MAAA,yB,+BAA4B,iBAAM,C,6JAmB5D,G,wCAAA,CACba,KAAM,SACNC,MAFa,WAGX,IAAMT,EAAc,kBAAMU,QAAQC,QAC5BC,EAAQ,iBACRC,EAAS,iBAAI,GACbC,EAAQ,iBAERC,EAAQ,sBAAS,CACrBC,MAAO,uBAAS,kBAAMJ,EAAMK,QAAQC,SACpCC,MAAOP,EAAMK,QAAQE,MACrBC,WAAY,uBAAS,kBAAMR,EAAMK,QAAQG,cACzCC,eAAgB,uBAAS,kBAAMT,EAAMK,QAAQI,kBAC7ChB,UAAW,uBAAS,kBAAMO,EAAMK,QAAQZ,eAEpCA,EAAYU,EAAMV,UAClBiB,EAAU,sBAAS,CAGvBC,sBAHuB,WAIrB,iBAAiBC,MAAK,SAAAC,GAAO,MAC3BV,EAAMW,SAAWD,EAAIE,KACrBZ,EAAMa,iBAAN,OAAyBH,QAAzB,IAAyBA,GAAzB,UAAyBA,EAAKE,KAAK,UAAnC,aAAyB,EAAcE,OAK3CC,YAXuB,WAYrBf,EAAMgB,SAAU,EAChBhB,EAAMiB,WAAY,EAClB,eAAW,CAAEzB,KAAM,UAAW0B,QAAS,SACvCX,EAAQY,kBAIVA,eAnBuB,WAoBrBnB,EAAMoB,QAAU,IAAIC,KACpBxB,EAAMyB,SAAS,WAAWb,MAAK,gBAIjCc,aAzBuB,WA0BjBxB,EAAMyB,MAAMC,SAAW1B,EAAMyB,MAAME,UACrC1B,EAAMyB,QAAU1B,EAAMyB,MAAMC,QAC5BlB,EAAQoB,iBAKZC,YAjCuB,WAkCP,EACdrB,EAAQsB,aACR7B,EAAMgB,SAAU,EAChBT,EAAQY,kBAIVQ,aAzCuB,WA0CrB,eAAoB3B,EAAMyB,SAAShB,MAAK,SAAAC,GACtCV,EAAMiB,WAAY,EACdP,EAAIE,KACNL,EAAQQ,cAER,eAAW,CAAEvB,KAAM,UAAW0B,QAAS,2BAK/C,wBAAU,WACRX,EAAQC,wBACRD,EAAQgB,eAERO,SAASC,iBAAiB,oBAAoB,WACzCD,SAASE,OAEVhC,EAAMoB,QAAQ,QAIdb,EAAQY,uBAKd,IAAMhC,EAAY,sBAAS,CACzB8C,iBAAkB,uBAClBC,qBAAsB,UACtBC,aAAc,SACdC,oBAAqB,SACrBC,aAAc,WAEVC,EAAa,EACbC,EAAY,EAClB,qDACEzC,UACG,oBAAOE,IACP,oBAAOO,IAHZ,IAIEtB,cACAE,YACAmD,aACAC,YACAjD,iB,iCC/HN,MAAMkD,EAA2B,IAAgB,EAAQ,CAAC,CAAC,SAASC,GAAQ,CAAC,YAAY,qBAE1E","file":"js/chunk-37121e50.cb3f0f89.js","sourcesContent":["export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--10-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--10-oneOf-1-1!../../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--10-oneOf-1-2!../../../node_modules/less-loader/dist/cjs.js??ref--10-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader-v16/dist/index.js??ref--0-1!./poster.vue?vue&type=style&index=0&id=f73241e0&scoped=true&lang=less\"","<template>\n  <div style=\"background-color: black\">\n    <van-nav-bar\n          title=\"分享海报\"\n          left-text=\"返回\"\n          left-arrow\n          @click-left=\"onClickLeft\"\n    />\n    <van-config-provider :theme-vars=\"themeVars\">\n      <div class=\"container\" style=\"background-color: black\">\n        <van-image\n            position=\"center\"\n            :src=\"posterUrl\"\n        />\n        <van-button round type=\"primary\" style=\"margin-top: -100px;\">长按保存图片</van-button>\n      </div>\n    </van-config-provider>\n  </div>\n</template>\n\n<script>\nimport { ref, reactive, toRefs, onMounted, computed, getCurrentInstance } from 'vue'\nimport { useStore } from 'vuex'\nimport { queryOrderType, memberOrder, payOrderFinishQuery } from '@/api/home'\nimport QRCode from 'qrcodejs2'\nimport { showNotify } from 'vant'\nimport store from '@/store'\nimport { useRoute, useRouter } from 'vue-router'\nimport exclusive from './images/exclusive.png'\nimport delay from './images/delay.png'\nimport infinite from './images/infinite.png'\nimport kf from './images/kf.png'\n\nexport default {\n  name: 'poster',\n  setup () {\n    const onClickLeft = () => history.back();\n    const store = useStore()\n    const active = ref(1)\n    const route = useRoute()\n    let invokeCount = 0\n    const state = reactive({\n      level: computed(() => store.getters.roles),//用户角色\n      users: store.getters.users,//用户名\n      expiretime: computed(() => store.getters.expiretime),//会员到期时间\n      residualDegree: computed(() => store.getters.residualDegree),//非会员剩余几次\n      posterUrl: computed(() => store.getters.posterUrl)\n    })\n    const posterUrl = state.posterUrl\n    const methods = reactive({\n      // 获取订单类型 1个月还是多个月\n      //保留\n      loadingQueryOrderType () {\n        queryOrderType().then(res => {\n          state.vipMoney = res.data\n          state.vipMoneySelected = res?.data[0]?.id\n        })\n      },\n      // 完成支付\n      //保留\n      finishOrder () {\n        state.codeImg = false\n        state.userApply = false\n        showNotify({ type: 'success', message: '支付成功' })\n        methods.refreshGetInfo()\n      },\n      // 刷新用户信息\n      //保留\n      refreshGetInfo () {\n        state.time888 = new Date()\n        store.dispatch('GetInfo').then(() => {})\n      },\n      // 判断路由变化http://192.168.3.8:2021/#/home?orderId=3066428391642103808&paytype=1\n      //保留\n      routerChange () {\n        if (route.query.orderId && route.query.paytype) {\n          state.orderId = route.query.orderId\n          methods.userApplyFun()\n        }\n      },\n      // 关闭弹框\n      //保留\n      handleClose () {\n        invokeCount = 0\n        methods.cleanTimer()\n        state.codeImg = false\n        methods.refreshGetInfo()\n      },\n      //用户主动点击我已支付按钮\n      //保留\n      userApplyFun () {\n        payOrderFinishQuery(state.orderId).then(res => {\n          state.userApply = false\n          if (res.data) {\n            methods.finishOrder()\n          } else {\n            showNotify({ type: 'warning', message: '支付失败，若已完成支付请联系客服' })\n          }\n        })\n      }\n    })\n    onMounted(() => {\n      methods.loadingQueryOrderType()\n      methods.routerChange()\n      //监听页面状态\n      document.addEventListener(\"visibilitychange\", () => {\n        if(document.hidden) {\n          // 页面被挂起\n          state.time888=\"页面被挂在\"\n        }\n        else {\n          //更新用户信息\n          methods.refreshGetInfo()\n          // 页面呼出\n        }\n      });\n    })\n    const themeVars = reactive({\n      navBarBackground: 'hsla(0, 0%, 0%, 0.8)',\n      navBarTitleTextColor: '#FFFAFA',\n      navBarHeight: '0.6rem',\n      navBarTitleFontSize: '0.2rem',\n      LineHeightLg: '0.6rem'\n    })\n    const shareCount = 1\n    const signCount = 1\n    return {\n      active,\n      ...toRefs(state),\n      ...toRefs(methods),\n      onClickLeft,\n      themeVars,\n      shareCount,\n      signCount,\n      posterUrl\n    }\n  }\n}\n</script>\n<style scoped lang=\"less\">\n@import \"./common\";\n.homeScroll{\n  overflow-y: auto;\n}\n.custom-title {\n  margin-right: 4px;\n  vertical-align: middle;\n}\n\n.search-icon {\n  font-size: 16px;\n  line-height: inherit;\n}\n\n.notice-swipe {\n  height: 20px;\n  line-height: 20px;\n}\n\n.van-col-1{\n  background-color: #5b9ef7;\n}\n\n.van-col-2{\n  background-color: #3bcb73;\n}\n\n.van-hairline--bottom:after {\n  border-bottom-width: 0;\n}\n\n/deep/ .van-nav-bar__title {\n  max-width: unset;\n}\n\n.container {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  flex-direction: column;\n}\n</style>\n","import { render } from \"./poster.vue?vue&type=template&id=f73241e0&scoped=true\"\nimport script from \"./poster.vue?vue&type=script&lang=js\"\nexport * from \"./poster.vue?vue&type=script&lang=js\"\n\nimport \"./poster.vue?vue&type=style&index=0&id=f73241e0&scoped=true&lang=less\"\n\nimport exportComponent from \"/Users/wh/localGit/chart.0828/chart/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-f73241e0\"]])\n\nexport default __exports__"],"sourceRoot":""}