{"version":3,"sources":["webpack:///./src/components/MyHeader.vue?1b7c","webpack:///./src/static/imgs/logo.png","webpack:///./src/pages/my/pay.vue?f7ba","webpack:///./src/components/MyHeader.vue","webpack:///src/components/MyHeader.vue","webpack:///./src/components/MyHeader.vue?afaf","webpack:///./src/components/MyHeader.vue?16ee","webpack:///./src/pages/my/pay.vue","webpack:///src/pages/my/pay.vue","webpack:///./src/pages/my/pay.vue?527a","webpack:///./src/pages/my/pay.vue?8709"],"names":["module","exports","render","_vm","this","_c","_self","staticClass","username","attrs","_v","_s","on","$event","logout","require","title","staticRenderFns","name","data","props","String","computed","$store","state","methods","$cookie","set","expires","dispatch","_Message","success","$router","push","component","_m","orderDetail","address","order_mount","class","showDetail","order_sn","_l","goods","good","index","key","directives","rawName","value","cover","expression","params","_e","payType","paySubmit","components","MyHeader","up","orderSn","payUrl","axios","patch","then","res","pay_url","window","open","console","log","created","document","mounted","$route","query","get","total","warning","list"],"mappings":"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","file":"js/chunk-6d79781d.056a8b48.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/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!./MyHeader.vue?vue&type=style&index=0&id=f6fafa1c&prod&lang=scss&\"","module.exports = __webpack_public_path__ + \"img/logo.ff3f2381.png\";","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!./pay.vue?vue&type=style&index=0&id=70167582&prod&lang=scss&\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"header\"},[_c('div',{staticClass:\"topBar\"},[_c('div',{staticClass:\"container\"},[_c('div',{staticClass:\"shop-user\"},[(_vm.username)?[_c('router-link',{attrs:{\"to\":\"/profile\"}},[_vm._v(_vm._s(_vm.username)+\"，你好\")]),_c('a',{attrs:{\"href\":\"javascript:;\"},on:{\"click\":function($event){return _vm.logout()}}},[_vm._v(\"退出\")])]:[_c('router-link',{attrs:{\"to\":\"/login\"}},[_vm._v(\"你好，登录\")]),_c('router-link',{attrs:{\"to\":\"/register\"}},[_vm._v(\"注册\")])]],2),_c('div',{staticClass:\"shop-center\"},[_c('router-link',{attrs:{\"to\":\"/orderList\"}},[_vm._v(\"我的订单\")]),_c('router-link',{attrs:{\"to\":\"/profile\"}},[_vm._v(\"账户中心\")]),_c('router-link',{attrs:{\"to\":\"/message\"}},[_vm._v(\"消息中心\")])],1)])]),_c('div',{staticClass:\"login-header\"},[_c('div',{staticClass:\"header-logo\"},[_c('router-link',{attrs:{\"to\":\"/index.html\"}},[_c('img',{attrs:{\"src\":require(\"@/static/imgs/logo.png\"),\"alt\":\"JapanHui\"}})])],1),_c('h2',[_vm._v(_vm._s(_vm.title))])])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"header\">\n    <div class=\"topBar\">\n      <div class=\"container\">\n        <div class=\"shop-user\">\n          <template v-if=\"username\">\n            <router-link to=\"/profile\">{{ username }}，你好</router-link>\n            <a href=\"javascript:;\" @click=\"logout()\">退出</a>\n          </template>\n          <template v-else>\n            <router-link to=\"/login\">你好，登录</router-link>\n            <router-link to=\"/register\">注册</router-link>\n          </template>\n        </div>\n        <div class=\"shop-center\">\n          <router-link to=\"/orderList\">我的订单</router-link>\n          <!--                    <a href=\"\">账户中心</a>-->\n          <router-link to=\"/profile\">账户中心</router-link>\n\n          <!--          <div class=\"list\">-->\n          <!--            <a href=\"\">账户中心</a>-->\n          <!--            <dl>-->\n          <!--              <dt>-->\n          <!--                <a href=\"\">个人资料</a>-->\n          <!--              </dt>-->\n          <!--              <dt>-->\n          <!--                <a href=\"\">收货地址</a>-->\n          <!--              </dt>-->\n          <!--            </dl>-->\n          <!--          </div>-->\n          <!--          <div class=\"list\">-->\n          <!--            <a href=\"\">会员中心</a>-->\n          <!--            <dl>-->\n          <!--              <dt>-->\n          <!--                <a href=\"\">我的搜藏</a>-->\n          <!--              </dt>-->\n          <!--              <dt>-->\n          <!--                <a href=\"\">售后管理</a>-->\n          <!--              </dt>-->\n          <!--            </dl>-->\n          <!--          </div>-->\n          <!--          hover出一个框 进行列表显示-->\n          <router-link to=\"/message\">消息中心</router-link>\n\n        </div>\n      </div>\n    </div>\n    <div class=\"login-header\">\n      <div class=\"header-logo\">\n        <router-link to=\"/index.html\"><img src=\"~@/static/imgs/logo.png\" alt=\"JapanHui\"></router-link>\n      </div>\n      <h2>{{ title }}</h2>\n    </div>\n  </div>\n</template>\n\n<script>\nimport {Message} from \"element-ui\";\n\nexport default {\n  name: \"MyHeader\",\n  data() {\n    return {}\n  },\n  // 向组件传值使用 props\n  props: {\n    title: String\n  },\n  computed: {\n    username() {\n      return this.$store.state.username;\n    }\n  },\n  methods: {\n    logout() {\n      this.$cookie.set('username', '', {expires: '-1'})\n      this.$cookie.set('uid', '', {expires: '-1'})\n      this.$cookie.set('cart', 0, {expires: '-1'})\n      this.$cookie.set('token', '', {expires: '-1'})\n      this.$store.dispatch('saveUserName', '');\n      this.$store.dispatch('saveToken', '');\n      this.$store.dispatch('saveUid', '');\n      this.$store.dispatch('saveCartNums', 0);\n      Message.success('退出成功')\n      this.$router.push('/index.html')\n    },\n  }\n}\n</script>\n\n<style lang=\"scss\">\n.header {\n  .topBar {\n    // lin-height 垂直居中  对文字 行内元素\n    height: 35px;\n    line-height: 35px;\n    background-color: #F8F8F8;\n\n    .container {\n      width: 1190px;\n      // 左右居中\n      margin: 0 auto;\n      // flex布局\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n\n\n      a {\n        color: #999999;\n        margin-right: 15px;\n      }\n    }\n  }\n\n  .login-header {\n    // 垂直居中\n    display: flex;\n    align-items: center;\n    width: 1200px;\n    margin: 0 auto;\n    height: 100px;\n\n    .header-logo {\n      display: inline-block;\n\n      img {\n        width: 150px;\n        height: 50px;\n      }\n    }\n\n    h2 {\n      font-size: 20px;\n      margin-left: 15px;\n    }\n  }\n}\n</style>","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!./MyHeader.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!./MyHeader.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./MyHeader.vue?vue&type=template&id=f6fafa1c&\"\nimport script from \"./MyHeader.vue?vue&type=script&lang=js&\"\nexport * from \"./MyHeader.vue?vue&type=script&lang=js&\"\nimport style0 from \"./MyHeader.vue?vue&type=style&index=0&id=f6fafa1c&prod&lang=scss&\"\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  null,\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_c('MyHeader',{attrs:{\"title\":\"订单支付\"}}),_c('div',{staticClass:\"pay\"},[_c('div',{staticClass:\"wrapper\"},[_c('div',{staticClass:\"container\"},[_c('div',{staticClass:\"order-wrap\"},[_c('div',{staticClass:\"item-order\"},[_c('div',{staticClass:\"icon-succ\"}),_c('div',{staticClass:\"order-info\"},[_c('h2',[_vm._v(\"订单提交成功！\")]),_vm._m(0),_c('p',[_vm._v(\"收货信息：\"+_vm._s(_vm.orderDetail.address))])]),_c('div',{staticClass:\"order-total\"},[_c('p',[_vm._v(\"应付总额：\"),_c('span',[_vm._v(_vm._s(_vm.orderDetail.order_mount))]),_vm._v(\"元\")]),_c('p',[_vm._v(\"订单详情\"),_c('em',{staticClass:\"icon-down\",class:{'up':_vm.showDetail},on:{\"click\":function($event){_vm.showDetail=!_vm.showDetail}}})])])]),(_vm.showDetail)?_c('div',{staticClass:\"item-detail\"},[_c('div',{staticClass:\"item\"},[_c('div',{staticClass:\"detail-title\"},[_vm._v(\"订单号：\")]),_c('div',{staticClass:\"detail-info theme-color\"},[_vm._v(_vm._s(_vm.orderDetail.order_sn))])]),_c('div',{staticClass:\"item\"},[_c('div',{staticClass:\"detail-title\"},[_vm._v(\"收货信息：\")]),_c('div',{staticClass:\"detail-info\"},[_vm._v(_vm._s(_vm.orderDetail.address))])]),_c('div',{staticClass:\"item good\"},[_c('div',{staticClass:\"detail-title\"},[_vm._v(\"商品名称：\")]),_c('div',{staticClass:\"detail-info\"},[_c('ul',_vm._l((_vm.orderDetail.goods),function(good,index){return _c('li',{key:index},[_c('img',{directives:[{name:\"lazy\",rawName:\"v-lazy\",value:(good.goods.cover),expression:\"good.goods.cover\"}]}),_vm._v(\"   \"+_vm._s(good.goods.params[0][\"value\"])+\" \")])}),0)])])]):_vm._e()]),_c('div',{staticClass:\"item-pay\"},[_c('h3',[_vm._v(\"选择以下支付方式付款\")]),_c('div',{staticClass:\"pay-way\"},[_c('p',[_vm._v(\"支付平台\")]),_c('div',{staticClass:\"pay pay-ali\",class:{'checked':_vm.payType===1},on:{\"click\":function($event){return _vm.paySubmit(1)}}}),_c('div',{staticClass:\"pay pay-wechat\",class:{'checked':_vm.payType===2},on:{\"click\":function($event){return _vm.paySubmit(2)}}})])])])])])],1)\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('p',[_vm._v(\"请在\"),_c('span',[_vm._v(\"120分钟\")]),_vm._v(\"内完成支付, 超时后将取消订单\")])\n}]\n\nexport { render, staticRenderFns }","<template>\n  <div>\n    <MyHeader title=\"订单支付\"></MyHeader>\n    <div class=\"pay\">\n      <div class=\"wrapper\">\n        <div class=\"container\">\n          <div class=\"order-wrap\">\n            <div class=\"item-order\">\n              <div class=\"icon-succ\"></div>\n              <div class=\"order-info\">\n                <h2>订单提交成功！</h2>\n                <p>请在<span>120分钟</span>内完成支付, 超时后将取消订单</p>\n                <p>收货信息：{{ orderDetail.address }}</p>\n              </div>\n              <div class=\"order-total\">\n                <p>应付总额：<span>{{ orderDetail.order_mount }}</span>元</p>\n                <p>订单详情<em class=\"icon-down\" :class=\"{'up':showDetail}\" @click=\"showDetail=!showDetail\"></em></p>\n              </div>\n            </div>\n            <div class=\"item-detail\" v-if=\"showDetail\">\n              <div class=\"item\">\n                <div class=\"detail-title\">订单号：</div>\n                <div class=\"detail-info theme-color\">{{ orderDetail.order_sn }}</div>\n              </div>\n              <div class=\"item\">\n                <div class=\"detail-title\">收货信息：</div>\n                <div class=\"detail-info\">{{ orderDetail.address }}</div>\n              </div>\n              <div class=\"item good\">\n                <div class=\"detail-title\">商品名称：</div>\n                <div class=\"detail-info\">\n                  <ul>\n                    <li v-for=\"(good,index) in orderDetail.goods\" :key=\"index\">\n                      <img v-lazy=\"good.goods.cover\"/>&nbsp;&nbsp;&nbsp;{{ good.goods.params[0][\"value\"] }}\n                    </li>\n                  </ul>\n                </div>\n              </div>\n              <!--              <div class=\"item\">-->\n              <!--                <div class=\"detail-title\">发票信息：</div>-->\n              <!--                <div class=\"detail-info\">电子发票 个人</div>-->\n              <!--              </div>-->\n            </div>\n          </div>\n          <div class=\"item-pay\">\n            <h3>选择以下支付方式付款</h3>\n            <div class=\"pay-way\">\n              <p>支付平台</p>\n              <div class=\"pay pay-ali\" :class=\"{'checked':payType===1}\" @click=\"paySubmit(1)\"></div>\n              <div class=\"pay pay-wechat\" :class=\"{'checked':payType===2}\" @click=\"paySubmit(2)\"></div>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nimport MyHeader from \"../../components/MyHeader\";\nimport {Message} from \"element-ui\";\n\nexport default {\n  name: \"order\",\n  components: {\n    MyHeader\n  },\n  data() {\n    return {\n      up: '',\n      payType: '',\n      showDetail: false,\n      orderDetail: {},\n      orderSn: '',\n      payUrl: ''\n    }\n  },\n  methods: {\n    paySubmit(payType) {\n      if (payType === 1) {\n        this.payType = 1;\n        // console.log('支付宝')\n        this.axios.patch(`/orders/${this.orderSn}/`, {\n          orderSn: this.orderSn\n        }).then((res) => {\n          let payUrl = res.data.pay_url;\n          window.open(payUrl)\n        })\n      } else {\n        this.payType = 2;\n        console.log(\"微信\")\n      }\n    }\n\n  },\n  created() {\n    document.title = '订单支付 - JapanHui';\n  },\n  mounted() {\n    let orderSn = this.$route.query.orderSn;\n    // console.log(orderSn)\n    this.axios.get('/orders/', {\n      params: {\n        order_sn: orderSn\n      }\n    }).then((res) => {\n      // console.log(res)\n      if (res.data.total === 0) {\n        Message.warning('请核对订单号')\n      } else {\n        this.orderDetail = res.data.list[0];\n        this.orderSn = orderSn;\n      }\n\n    })\n  }\n}\n</script>\n\n<style lang=\"scss\">\n.pay {\n  background-color: #F5F5F5;\n\n  .wrapper {\n    background-color: #F5F5F5;\n    padding-top: 30px;\n    padding-bottom: 61px;\n    margin: 0 auto;\n    width: 1200px;\n\n    .order-wrap {\n      padding: 62px 50px;\n      background-color: #fff;\n      font-size: 14px;\n      margin-bottom: 30px;\n\n      .item-order {\n        display: flex;\n        align-items: center;\n\n        .icon-succ {\n          width: 90px;\n          height: 90px;\n          border-radius: 50%;\n          background: url('~@/static/imgs/icon-gou.png') #80c58a no-repeat center;\n          background-size: 60px;\n          margin-right: 40px;\n        }\n\n        .order-info {\n          margin-right: 248px;\n\n          h2 {\n            font-size: 24px;\n            color: #333333;\n            margin-bottom: 20px;\n          }\n\n          p {\n            color: #666666;\n\n            span {\n              color: #FF6700;\n            }\n          }\n        }\n\n        .order-total {\n          & > p:first-child {\n            margin-bottom: 30px;\n          }\n\n          span {\n            font-size: 28px;\n            color: #FF6700;\n          }\n\n          .icon-down {\n            display: inline-block;\n            width: 14px;\n            height: 10px;\n            background: url('~@/static/imgs/icon-down.png') no-repeat center;\n            background-size: contain;\n            margin-left: 9px;\n            transition: all .5s;\n            cursor: pointer;\n\n            &.up {\n              transform: rotate(180deg);\n            }\n          }\n\n          .icon-up {\n            transform: rotate(180deg);\n          }\n        }\n      }\n\n      .item-detail {\n        border-top: 1px solid #D7D7D7;\n        padding-top: 47px;\n        padding-left: 130px;\n        font-size: 14px;\n        margin-top: 45px;\n\n        .item {\n          margin-bottom: 19px;\n\n          .detail-title {\n            float: left;\n            width: 100px;\n          }\n\n          .detail-info {\n            display: inline-block;\n\n            img {\n              width: 30px;\n              vertical-align: middle;\n            }\n          }\n        }\n      }\n    }\n\n    .item-pay {\n      padding: 26px 50px 72px;\n      background-color: #ffffff;\n      color: #333333;\n\n      h3 {\n        font-size: 20px;\n        font-weight: 200;\n        color: #333333;\n        padding-bottom: 24px;\n        border-bottom: 1px solid #D7D7D7;\n        margin-bottom: 26px;\n      }\n\n      .pay-way {\n        font-size: 18px;\n\n        .pay {\n          display: inline-block;\n          width: 188px;\n          height: 64px;\n          border: 1px solid #D7D7D7;\n          cursor: pointer;\n\n          &:last-child {\n            margin-left: 20px;\n          }\n\n          &.checked {\n            border: 1px solid #FF6700 !important;\n          }\n        }\n\n        .pay-ali {\n          background: url('~@/static/imgs/icon-ali.png') no-repeat center;\n          background-size: 103px 38px;\n          margin-top: 19px;\n        }\n\n        .pay-wechat {\n          background: url('~@/static/imgs/icon-wechat.png') no-repeat center;\n          background-size: 103px 38px;\n        }\n      }\n    }\n  }\n}\n</style>","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!./pay.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!./pay.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./pay.vue?vue&type=template&id=70167582&\"\nimport script from \"./pay.vue?vue&type=script&lang=js&\"\nexport * from \"./pay.vue?vue&type=script&lang=js&\"\nimport style0 from \"./pay.vue?vue&type=style&index=0&id=70167582&prod&lang=scss&\"\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  null,\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}