{"version":3,"sources":["webpack:///./src/views/ShopCart/PaymentInfo.vue?8101","webpack:///./src/views/ShopCart/PaymentInfo.vue","webpack:///./src/views/ShopCart/PaymentInfo.vue?f928"],"names":["class","_createElementVNode","_createElementBlock","_hoisted_1","_hoisted_2","_hoisted_3","_ctx","_hoisted_4","_hoisted_5","_createVNode","_component_q_btn","size","color","label","onClick","push","_hoisted_6","outline","_hoisted_7","_hoisted_8","_hoisted_9","$data","order_no","payplatmethod","newdate","paymenttime","province","city","area","address","name","tel","email","data","info","methods","res","payStatus","type","mark","this","$route","query","oguid","mounted","getPayInfo","__exports__","render","QBtn"],"mappings":"kHAAA,W,mKCCOA,MAAM,a,GACJA,MAAM,S,QACTC,gCAAuC,QAAjCD,MAAM,qBAAmB,U,GAG5BA,MAAM,U,GACJA,MAAM,O,GASNA,MAAM,O,GAWRA,MAAM,e,GACJA,MAAM,U,GACJA,MAAM,U,uGA5BjBE,gCA4CM,MA5CNC,EA4CM,CA3CJF,gCAGM,MAHNG,EAGM,CAFJC,EACAJ,gCAAiD,yCAAxCK,KAAG,6BAAD,KAEbL,gCAoBM,MApBNM,EAoBM,CAnBJN,gCAQM,MARNO,EAQM,CAPJC,yBAMEC,GALAC,KAAK,KACLC,MAAM,UACNZ,MAAM,aACLa,MAAOP,KAAG,6BACVQ,QAAK,eAAER,UAAQS,KAAK,e,oBAGzBd,gCASM,MATNe,EASM,CARJP,yBAOEC,GANAC,KAAK,KACLC,MAAM,UACNK,QAAA,GACAjB,MAAM,aACLa,MAAOP,KAAG,0BACVQ,QAAK,eAAER,UAAQS,KAAK,W,sBAI3Bd,gCAiBM,MAjBNiB,EAiBM,CAhBJjB,gCAeM,MAfNkB,EAeM,CAdJlB,gCAA6D,MAA7DmB,EAA6D,6BAAtCd,KAAG,4BAAD,GACzBL,gCAYM,YAXJA,gCAA2D,sCAArDK,KAAG,0BAAD,6BAA+Be,OAAKC,UAAQ,GACpDrB,gCAAgE,sCAA1DK,KAAG,0BAAD,6BAA+Be,OAAKE,eAAa,GACzDtB,gCAA6D,sCAAvDK,KAAG,6BAAD,6BAAkCe,OAAKG,SAAO,GACtDvB,gCAA8D,sCAAxDK,KAAG,0BAAD,6BAA+Be,OAAKI,aAAW,GACvDxB,gCAGI,sCAFCK,KAAG,8BAAD,6BAAmCe,OAAKK,UAAQ,6BAChDL,OAAKM,MAAI,6BAAMN,OAAKO,MAAI,6BAAMP,OAAKQ,SAAO,GAEjD5B,gCAAmD,sCAA7CK,KAAG,sBAAD,6BAA2Be,OAAKS,MAAI,GAC5C7B,gCAAmD,sCAA7CK,KAAG,uBAAD,6BAA4Be,OAAKU,KAAG,GAC5C9B,gCAAqD,sCAA/CK,KAAG,uBAAD,6BAA4Be,OAAKW,OAAK,W,gBASzC,GACbC,OACE,MAAO,CACLC,KAAM,KAGVC,QAAS,CACP,mBACE,MAAMC,QAAYC,eAAU,CAC1BC,KAAM,EACNC,KAAMC,KAAKC,OAAOC,MAAMC,QAE1BH,KAAKN,KAAOE,IAGhBQ,UACEJ,KAAKK,e,kEC3DT,MAAMC,EAA2B,IAAgB,EAAQ,CAAC,CAAC,SAASC,GAAQ,CAAC,YAAY,qBAE1E,eAGf,IAAS,EAAQ,aAAc,CAACC,OAAA,Q","file":"vueDist/js/chunk-467cacec.2395d15f.js","sourcesContent":["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-v16/dist/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/vue-cli-plugin-quasar/lib/loader.vue.auto-import-quasar.js??ref--1-0!../../../node_modules/cache-loader/dist/cjs.js??ref--1-1!../../../node_modules/vue-loader-v16/dist/index.js??ref--1-2!./PaymentInfo.vue?vue&type=style&index=0&id=e2b3e3e0&lang=scss&scoped=true\"","<template>\r\n  <div class=\"container\">\r\n    <div class=\"title\">\r\n      <span class=\"iconfont icon-gou\"></span>\r\n      <span>{{ $t('payment_info.pay_success') }}</span>\r\n    </div>\r\n    <div class=\"btnBox\">\r\n      <div class=\"btn\">\r\n        <q-btn\r\n          size=\"lg\"\r\n          color=\"primary\"\r\n          class=\"full-width\"\r\n          :label=\"$t('payment_info.order_detail')\"\r\n          @click=\"$router.push('/my/order')\"\r\n        />\r\n      </div>\r\n      <div class=\"btn\">\r\n        <q-btn\r\n          size=\"lg\"\r\n          color=\"primary\"\r\n          outline\r\n          class=\"full-width\"\r\n          :label=\"$t('payment_info.back_cart')\"\r\n          @click=\"$router.push('/cart')\"\r\n        />\r\n      </div>\r\n    </div>\r\n    <div class=\"orderdetail\">\r\n      <div class=\"od_con\">\r\n        <div class=\"title2\">{{ $t('payment_info.order_info') }}</div>\r\n        <div>\r\n          <p>{{ $t('payment_info.order_id') }}{{ info.order_no }}</p>\r\n          <p>{{ $t('payment_info.pay_mode') }}{{ info.payplatmethod }}</p>\r\n          <p>{{ $t('payment_info.create_time') }}{{ info.newdate }}</p>\r\n          <p>{{ $t('payment_info.pay_time') }}{{ info.paymenttime }}</p>\r\n          <p>\r\n            {{ $t('payment_info.shop_address') }}{{ info.province\r\n            }}{{ info.city }}{{ info.area }}{{ info.address }}\r\n          </p>\r\n          <p>{{ $t('payment_info.name') }}{{ info.name }}</p>\r\n          <p>{{ $t('payment_info.phone') }}{{ info.tel }}</p>\r\n          <p>{{ $t('payment_info.email') }}{{ info.email }}</p>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { payStatus } from '@/api/goods'\r\nexport default {\r\n  data () {\r\n    return {\r\n      info: ''\r\n    }\r\n  },\r\n  methods: {\r\n    async getPayInfo () {\r\n      const res = await payStatus({\r\n        type: 2,\r\n        mark: this.$route.query.oguid\r\n      })\r\n      this.info = res\r\n    }\r\n  },\r\n  mounted () {\r\n    this.getPayInfo()\r\n  }\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.container {\r\n  text-align: center;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  flex-direction: column;\r\n  max-width: 985px;\r\n  margin: 0 auto;\r\n  margin-top: 100px;\r\n  padding: 0 10px;\r\n  .title {\r\n    font-size: 20px;\r\n    span {\r\n      vertical-align: middle;\r\n    }\r\n    .iconfont {\r\n      width: 48px;\r\n      height: 48px;\r\n      background-color: #000;\r\n      color: #fff;\r\n      border-radius: 50%;\r\n      margin-right: 10px;\r\n      font-size: 50px;\r\n    }\r\n  }\r\n  .btnBox {\r\n    width: 100%;\r\n    margin-top: 60px;\r\n    display: flex;\r\n    justify-content: center;\r\n    .btn {\r\n      width: 300px;\r\n      margin: 0 15px;\r\n    }\r\n  }\r\n  .orderdetail {\r\n    border-top: 1px solid #8a8a8a;\r\n    padding-top: 45px;\r\n    width: 100%;\r\n    margin-top: 67px;\r\n    .od_con {\r\n      width: 606px;\r\n      margin: 0 auto;\r\n      text-align: left;\r\n      .title2 {\r\n        font-size: 16px;\r\n        font-weight: bold;\r\n        display: flex;\r\n        align-items: center;\r\n        margin-bottom: 25px;\r\n        &::before {\r\n          content: '';\r\n          display: inline-block;\r\n          width: 16px;\r\n          height: 16px;\r\n          background-color: #000;\r\n          margin-right: 10px;\r\n        }\r\n      }\r\n      & > div:nth-of-type(2) {\r\n        margin-left: 26px;\r\n        margin-bottom: 30px;\r\n      }\r\n      p {\r\n        line-height: 20px;\r\n      }\r\n    }\r\n  }\r\n}\r\n</style>\r\n","import { render } from \"./PaymentInfo.vue?vue&type=template&id=e2b3e3e0&scoped=true\"\nimport script from \"./PaymentInfo.vue?vue&type=script&lang=js\"\nexport * from \"./PaymentInfo.vue?vue&type=script&lang=js\"\n\nimport \"./PaymentInfo.vue?vue&type=style&index=0&id=e2b3e3e0&lang=scss&scoped=true\"\n\nimport exportComponent from \"/Users/laiwendong/Documents/电商/code/annilux-pc/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-e2b3e3e0\"]])\n\nexport default __exports__\nimport QBtn from 'quasar/src/components/btn/QBtn.js';\nimport qInstall from \"../../../node_modules/vue-cli-plugin-quasar/lib/runtime.auto-import.js\";\nqInstall(script, 'components', {QBtn});\n"],"sourceRoot":""}