{"version":3,"sources":["webpack:///./src/components/common/NavBar.vue?e4ee","webpack:///src/components/common/NavBar.vue","webpack:///./src/components/common/NavBar.vue?b418","webpack:///./src/components/common/NavBar.vue","webpack:///./src/views/pay/pay.vue?72d2","webpack:///./src/network/pay.js","webpack:///src/views/pay/pay.vue","webpack:///./src/views/pay/pay.vue?b137","webpack:///./src/views/pay/pay.vue","webpack:///./src/views/pay/pay.vue?edad","webpack:///./src/components/common/NavBar.vue?6643"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","isback","isExam","isShowBackIcon","on","examBack","_t","backClick","loginOout","_e","exitClick","style","width","rightWidth","staticRenderFns","name","props","backPath","type","String","default","Boolean","isLogout","watch","newVal","console","log","methods","$router","back","push","$emit","localStorage","removeItem","store","getItem","setTimeout","clear","component","attrs","slot","_v","_l","orderInfo","item","_s","key","value","domProps","money","directives","rawName","expression","_q","payWayC","$event","submitPayway","_m","submitHandle","messageCon","isShowConfirm","closeConfirm","CreateOrder","id","request","url","method","data","GetPayCostDetailDto","params","orderId","WeiXinNumPay","exitUrl","successUrl","openId","AlipayPayment","components","NavBar","Confirm","Foot","payEndTime","timer","residue","payCostIds","computed","$route","query","getOrderData","self","setInterval","TimeList","lock","payway","$toast","show","$loading","toPayment","res","code","result","message","$confirm","enCode","encodeURIComponent","window","location","href","hide","msg","itemEnd","endItem","Date","getTime","nowItem","rightTime","Math","floor","AllTime","showTime","date","hours","minites","seconds","clearInterval"],"mappings":"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","file":"js/chunk-97ad68c2.b4876cd0.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"nav-bar\"},[_c('div',{staticClass:\"left\"},[(!_vm.isback && !_vm.isExam && _vm.isShowBackIcon)?_c('span',{staticClass:\"back\",on:{\"click\":_vm.exitClick}},[_vm._t(\"left-icon\")],2):(_vm.isExam && _vm.isShowBackIcon)?_c('span',{staticClass:\"back\",on:{\"click\":_vm.examBack}},[_vm._t(\"left-icon\")],2):(_vm.isShowBackIcon)?_c('span',{staticClass:\"back\",on:{\"click\":_vm.backClick}},[_vm._t(\"left-icon\")],2):(_vm.isLogout)?_c('span',{staticClass:\"back\",on:{\"click\":_vm.loginOout}},[_vm._t(\"left-icon\")],2):_vm._e()]),_c('div',{staticClass:\"center nowrap\"},[_vm._t(\"center\")],2),_c('div',{staticClass:\"right\",style:({ width: _vm.rightWidth })},[_c('span',{staticClass:\"right-tool\"},[_vm._t(\"right\")],2)])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"nav-bar\">\r\n    <div class=\"left\">\r\n      <span class=\"back\" @click=\"exitClick\" v-if=\"!isback && !isExam && isShowBackIcon\">\r\n        <slot name=\"left-icon\"></slot>\r\n      </span>\r\n      <span class=\"back\" @click=\"examBack\" v-else-if=\"isExam && isShowBackIcon\">\r\n        <slot name=\"left-icon\"></slot>\r\n      </span>\r\n      <span class=\"back\" @click=\"backClick\" v-else-if=\"isShowBackIcon\">\r\n        <slot name=\"left-icon\"></slot>\r\n      </span>\r\n      <span class=\"back\" @click=\"loginOout\" v-else-if=\"isLogout\">\r\n        <slot name=\"left-icon\"></slot>\r\n      </span>\r\n    </div>\r\n    <div class=\"center nowrap\">\r\n      <slot name=\"center\"></slot>\r\n    </div>\r\n    <div class=\"right\" :style=\"{ width: rightWidth }\">\r\n      <span class=\"right-tool\">\r\n        <slot name=\"right\"></slot>\r\n      </span>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport store from \"../../store/index\";\r\n// 引入loading\r\nimport \"components/common/loading/index.css\";\r\nimport { loading } from \"components/common/loading/index\";\r\nexport default {\r\n  name: \"NavBar\",\r\n  props: {\r\n    backPath: {\r\n      type: String,\r\n      default: \"/index\",\r\n    },\r\n    rightWidth: {\r\n      type: String,\r\n      default: \"16vw\",\r\n    },\r\n    isback: {\r\n      type: Boolean,\r\n      default: true,\r\n    },\r\n    isExam: {\r\n      type: Boolean,\r\n      default: false,\r\n    },\r\n    // isBackNow: {\r\n    //   type: Boolean,\r\n    //   default: false,\r\n    // },\r\n    isShowBackIcon: {\r\n      type: Boolean,\r\n      default: true,\r\n    },\r\n    // 维修端-退出登录\r\n    isLogout: {\r\n      type: Boolean,\r\n      default: false,\r\n    },\r\n  },\r\n  watch: {\r\n    // isBackNow() {\r\n    //   this.examBack();\r\n    // },\r\n    backPath(newVal) {\r\n      console.log(this.backPath);\r\n      this.backPath = newVal;\r\n    },\r\n  },\r\n  methods: {\r\n    //返回history\r\n    backClick() {\r\n      this.$router.back(this.backPath);\r\n    },\r\n    examBack() {\r\n      if (1) {\r\n        this.$router.push({ path: this.backPath });\r\n      }\r\n    },\r\n    // 退出操作\r\n    exitClick() {\r\n      this.$emit(\"exit-click\");\r\n      // alert(\"222\");\r\n    },\r\n    //退出登录 --维修端使用\r\n    loginOout() {\r\n      localStorage.removeItem(\"redirectURL\");\r\n      store.commit(\"saveTokenStorage\", \"\");\r\n      store.commit(\"saveUserInfoStorage\", \"\");\r\n      loading.show(\"退出登录\");\r\n      // alert(\"111\");\r\n      var type = localStorage.getItem(\"port\") || \"\";\r\n      setTimeout(() => {\r\n        loading.hide();\r\n        console.log(type, \"类型\");\r\n        // alert(type, \"111\");\r\n        if (type == \"grant_type_admin\") {\r\n          localStorage.clear();\r\n          // alert(\"登录\");\r\n          this.$router.push(\"/MaintainAdminLogin\");\r\n          return;\r\n        }\r\n        localStorage.clear();\r\n        this.$router.push({ path: \"/login\" });\r\n      }, 1000);\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style scoped>\r\n.nav-bar {\r\n  display: flex;\r\n  height: 96px;\r\n  line-height: 96px;\r\n  background-color: #5391ff;\r\n  color: #fff;\r\n  z-index: 9999;\r\n}\r\n.left {\r\n  width: 120px;\r\n}\r\n.right {\r\n  text-align: center;\r\n  width: 120px;\r\n}\r\n.center {\r\n  flex: 1;\r\n  font-size: 32px;\r\n  text-align: center;\r\n}\r\n.back {\r\n  width: 44px;\r\n  height: 44px;\r\n  margin-left: 40px;\r\n  margin-top: 22px;\r\n}\r\n.right-tool {\r\n  margin-right: 28px;\r\n  line-height: 88px;\r\n  display: block;\r\n  text-align: right;\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!./NavBar.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!./NavBar.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./NavBar.vue?vue&type=template&id=05c4e7a8&scoped=true&\"\nimport script from \"./NavBar.vue?vue&type=script&lang=js&\"\nexport * from \"./NavBar.vue?vue&type=script&lang=js&\"\nimport style0 from \"./NavBar.vue?vue&type=style&index=0&id=05c4e7a8&scoped=true&lang=css&\"\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  \"05c4e7a8\",\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"container\",attrs:{\"id\":\"pay\"}},[_c('nav-bar',{staticClass:\"nav_fixed\",attrs:{\"rightWidth\":\"16vw\",\"backPath\":\"/myOrder\"}},[_c('i',{staticClass:\"public_icon icon-back\",attrs:{\"slot\":\"left-icon\"},slot:\"left-icon\"}),_c('div',{attrs:{\"slot\":\"center\"},slot:\"center\"},[_vm._v(\"在线支付\")])]),_c('div',{staticClass:\"pay_main\"},[_c('div',{staticClass:\"awit_type\"},[_c('div',{staticClass:\"type_title\"},[_vm._v(\"缴费明细\")]),_vm._l((_vm.orderInfo.payCosts),function(item){return _c('div',{staticClass:\"type_money\"},[_c('span',[_vm._v(_vm._s(item.key))]),_c('span',[_vm._v(\"¥\"+_vm._s(item.value))])])}),_c('div',{staticClass:\"pay-tool\"},[_c('span',{staticClass:\"total-text\"},[_vm._v(\"合计:\")]),_c('span',{staticClass:\"total-num\",domProps:{\"textContent\":_vm._s('￥' + _vm.orderInfo.money)}})])],2),_c('div',{staticClass:\"awit_way\"},[_c('div',{staticClass:\"way_chonse\"},[_vm._v(\"选择支付方式:\")]),_c('div',{staticClass:\"way_type\"},[_c('span',{staticClass:\"pay-way-item\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.payWayC),expression:\"payWayC\"}],attrs:{\"type\":\"radio\",\"id\":\"wxpay\",\"name\":\"payway\",\"value\":\"1\"},domProps:{\"checked\":_vm._q(_vm.payWayC,\"1\")},on:{\"change\":[function($event){_vm.payWayC=\"1\"},_vm.submitPayway]}}),_vm._m(0)]),_c('span',{staticClass:\"pay-way-item\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.payWayC),expression:\"payWayC\"}],attrs:{\"type\":\"radio\",\"id\":\"alipay\",\"name\":\"payway\",\"value\":\"2\"},domProps:{\"checked\":_vm._q(_vm.payWayC,\"2\")},on:{\"change\":[function($event){_vm.payWayC=\"2\"},_vm.submitPayway]}}),_vm._m(1)])])])]),_c('div',{staticClass:\"pay_btn\"},[_c('button',{staticClass:\"btn-submit\",attrs:{\"type\":\"button\"},on:{\"click\":_vm.submitHandle}},[_vm._v(\"立即支付\")])]),_c('confirm',{attrs:{\"isTwoOpe\":false,\"message\":_vm.messageCon,\"is-show\":_vm.isShowConfirm},on:{\"no-click\":_vm.closeConfirm,\"yes-click\":_vm.closeConfirm}})],1)}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('label',{attrs:{\"for\":\"wxpay\"}},[_c('i',{staticClass:\"i-wxpay\"}),_vm._v(\"微信支付 \"),_c('i',{staticClass:\"tuijian\"},[_vm._v(\"推荐\")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('label',{attrs:{\"for\":\"alipay\"}},[_c('i',{staticClass:\"i-alipay\"}),_vm._v(\"支付宝\")])}]\n\nexport { render, staticRenderFns }","import {\r\n    request\r\n} from './request.js'\r\n\r\n// 创建支付订单\r\nexport function CreateOrder(id){\r\n\treturn request({\r\n\t\turl:'/api2/StudentAccommodationApi/PayCostWeb/CreateOrder',\r\n\t\tmethod:'post',\r\n\t\tdata:id\r\n\t})\r\n}\r\n//支付详情页\r\nexport function GetPayCostDetailDto(id){\r\n\treturn request({\r\n\t\turl:'/api2/StudentAccommodationApi/PayCostWeb/GetOrder',\r\n\t\tmethod:'get',\r\n\t\tparams:{orderId:id}\r\n\t})\r\n}\r\n\r\n// 微信支付\r\nexport function WeiXinNumPay(id,exitUrl,successUrl) {\r\n\treturn request({\r\n\t\turl: '/api2/StudentAccommodationApi/PayCostWeb/WeiXinNumPay',\r\n\t\tmethod: 'post',\r\n\t\tparams: {\r\n\t\t\torderId: id,\r\n\t\t\texitUrl: exitUrl, // 返回JSAPI信息支付中途退出的URL地址\r\n\t\t\tsuccessUrl: successUrl, // 返回JSAPI信息支付成功后跳转的URL地址\r\n\t\t\topenId: ''\r\n\t\t}\r\n\t})\r\n}\r\n// 支付宝支付\r\nexport function AlipayPayment(id,exitUrl,successUrl) {\r\n\treturn request({\r\n\t\turl: '/api2/StudentAccommodationApi/PayCostWeb/AlipayPayment',\r\n\t\tmethod: 'post',\r\n\t\tparams: {\r\n\t\t\torderId: id,\r\n\t\t\texitUrl: exitUrl, // 返回JSAPI信息支付中途退出的URL地址\r\n\t\t\tsuccessUrl: successUrl // 返回JSAPI信息支付成功后跳转的URL地址\r\n\t\t}\r\n\t})\r\n}","<template>\r\n  <div id=\"pay\" class=\"container\">\r\n    <!-- 支付页面 -->\r\n    <!-- NavBar 导航栏 -->\r\n    <nav-bar class=\"nav_fixed\" rightWidth=\"16vw\" backPath=\"/myOrder\">\r\n      <i slot=\"left-icon\" class=\"public_icon icon-back\"></i>\r\n      <div slot=\"center\">在线支付</div>\r\n    </nav-bar>\r\n    <div class=\"pay_main\">\r\n      <!-- 等待付款 -->\r\n      <!-- <div class=\"awit_pay\" v-if=\"orderInfo.payEndTime\">\r\n        <p class=\"awit_money\"><i class=\"awit_icon\"></i>等待付款</p>\r\n        <p class=\"awit_down\">\r\n          需付款：<span>￥{{ orderInfo.money }}</span>\r\n          <span :style=\"residue > 0 ? '' : 'color: #ec4a5d'\">\r\n            {{ residue > 0 ? \"剩余：\" : \"已延期：\"\r\n            }}{{ orderInfo.payEndTime ? TimeList(payEndTime) : \"\" }}</span\r\n          >\r\n        </p>\r\n      </div> -->\r\n      <!-- 缴费类别 -->\r\n      <div class=\"awit_type\">\r\n        <div class=\"type_title\">缴费明细</div>\r\n        <div class=\"type_money\" v-for=\"item in orderInfo.payCosts\">\r\n          <span>{{ item.key }}</span>\r\n          <span>¥{{ item.value }}</span>\r\n        </div>\r\n        <div class=\"pay-tool\">\r\n          <span class=\"total-text\">合计:</span>\r\n          <span class=\"total-num\" v-text=\"'￥' + orderInfo.money\"></span>\r\n        </div>\r\n      </div>\r\n      <!-- 付款方式 -->\r\n      <div class=\"awit_way\">\r\n        <div class=\"way_chonse\">选择支付方式:</div>\r\n        <div class=\"way_type\">\r\n          <span class=\"pay-way-item\">\r\n            <input\r\n              type=\"radio\"\r\n              id=\"wxpay\"\r\n              name=\"payway\"\r\n              value=\"1\"\r\n              v-model=\"payWayC\"\r\n              @change=\"submitPayway\"\r\n            />\r\n            <label for=\"wxpay\"\r\n              ><i class=\"i-wxpay\"></i>微信支付 <i class=\"tuijian\">推荐</i>\r\n            </label>\r\n          </span>\r\n          <span class=\"pay-way-item\">\r\n            <input\r\n              type=\"radio\"\r\n              id=\"alipay\"\r\n              name=\"payway\"\r\n              value=\"2\"\r\n              v-model=\"payWayC\"\r\n              @change=\"submitPayway\"\r\n            />\r\n            <label for=\"alipay\"><i class=\"i-alipay\"></i>支付宝</label>\r\n          </span>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <!-- 支付按钮 -->\r\n    <div class=\"pay_btn\">\r\n      <button type=\"button\" class=\"btn-submit\" @click=\"submitHandle\">立即支付</button>\r\n    </div>\r\n    <!-- 确认框 -->\r\n    <confirm\r\n      :isTwoOpe=\"false\"\r\n      :message=\"messageCon\"\r\n      :is-show=\"isShowConfirm\"\r\n      @no-click=\"closeConfirm\"\r\n      @yes-click=\"closeConfirm\"\r\n    >\r\n    </confirm>\r\n    <!-- <Foot class=\"Foot\"></Foot> -->\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport Foot from \"../../components/Foot.vue\";\r\nimport NavBar from \"components/common/NavBar\";\r\nimport {\r\n  GetPayCostDetailDto,\r\n  WeiXinNumPay,\r\n  AlipayPayment,\r\n  CreateOrder,\r\n} from \"network/pay\";\r\nimport Confirm from \"components/common/confirm/Confirm\";\r\nimport { userCentresDomain } from \"common/const\";\r\nimport {\r\n  timeFormat,\r\n  alipay_H5,\r\n  countdownFormat,\r\n  countdownFormatOver,\r\n} from \"common/utils\";\r\n\r\nexport default {\r\n  name: \"Pay\",\r\n  components: {\r\n    NavBar,\r\n    Confirm,\r\n    Foot,\r\n  },\r\n  data() {\r\n    return {\r\n      payWayC: 1,\r\n      orderInfo: {\r\n        money: 0,\r\n      },\r\n      payEndTime: \"\",\r\n      timer: \"\",\r\n      residue: 0,\r\n      messageCon: \"\",\r\n      isShowConfirm: false,\r\n      payCostIds: [], //订单id\r\n    };\r\n  },\r\n  computed: {\r\n    // 订单id\r\n    orderId() {\r\n      return this.$route.query.orderId || \"\";\r\n    },\r\n  },\r\n  created() {\r\n    this.getOrderData(this.orderId);\r\n    var self = this;\r\n    // 倒计时\r\n    this.timer = setInterval(function () {\r\n      // 对每行的剩余时间进行设置\r\n      self.payEndTime = self.TimeList(self.orderInfo.payEndTime);\r\n    }, 1000);\r\n  },\r\n  methods: {\r\n    // 提交订单\r\n    async submitHandle() {\r\n      // 避免重复提交\r\n      if (this.lock) {\r\n        return false;\r\n      }\r\n      // 是否勾选支付方式\r\n      const payway = this.payWayC;\r\n      if (payway <= 0) {\r\n        this.$toast.show(\"请选择支付方式\");\r\n        return false;\r\n      }\r\n      this.lock = true;\r\n      this.$loading.show(\"\");\r\n      // 将支付的订单orderId传到已支付列表页\r\n      this.toPayment(payway);\r\n    },\r\n\r\n    // 切换支付方式\r\n    submitPayway() {},\r\n    // 获取订单详情: orderId从缴费列表页传递过来\r\n    async getOrderData(id) {\r\n      let res = await CreateOrder(id);\r\n      console.log(res);\r\n      if (res.code == 1) {\r\n        let result = await GetPayCostDetailDto(res.result);\r\n        if (result.code != 1) {\r\n          this.messageCon = result.message;\r\n          this.isShowConfirm = true;\r\n          return;\r\n        }\r\n        this.orderInfo = result.result;\r\n        this.payCostIds = result.result.orderId;\r\n        // this.payEndTime = result.result.payEndTime;\r\n        // 判断当前数据是已过期还是剩余\r\n        // this.residue = new Date(result.result.payEndTime).getTime() - new Date();\r\n      } else {\r\n        this.$confirm.show(res.message);\r\n        this.$router.back(-1);\r\n      }\r\n    },\r\n    // 调起第三方支付\r\n    async toPayment(payway) {\r\n      let result = \"\";\r\n      if (payway == 1) {\r\n        // 1微信支付\r\n        let enCode = encodeURIComponent(\r\n          userCentresDomain + \"/wechat/Paynotify?orderId=\" + this.payCostIds\r\n        );\r\n        console.log(enCode);\r\n        result = await WeiXinNumPay(\r\n          this.payCostIds,\r\n          userCentresDomain + \"/myOrder\",\r\n          enCode\r\n        );\r\n      } else {\r\n        // 2支付宝支付\r\n        result = await AlipayPayment(\r\n          this.payCostIds,\r\n          userCentresDomain + \"/myOrder\",\r\n          userCentresDomain + \"/myOrder\"\r\n        ); // 支付宝\r\n      }\r\n      // this.$loading.hide();\r\n      // this.lock = false;\r\n      if (result && result.code === 1) {\r\n        //微信H5支付\r\n        if (payway == 1) {\r\n          window.location.href = result.message;\r\n          return;\r\n        }\r\n        // 支付宝H5支付\r\n        if (payway == 2) {\r\n          alipay_H5(result.message);\r\n        }\r\n      } else {\r\n        this.$loading.hide();\r\n        this.lock = false;\r\n        let msg = result.message ? result.message : \"支付失败\";\r\n        this.$confirm.show(msg);\r\n      }\r\n    },\r\n    TimeList: function (itemEnd) {\r\n      var endItem = new Date(itemEnd).getTime(); //获取列表传的截止时间\r\n      var nowItem = new Date().getTime(); //获取当前时间\r\n      var rightTime = Math.floor((endItem - nowItem) / 1000); //截止时间减去当前时间\r\n      if (rightTime > 0) {\r\n        //判断剩余倒计时时间如果大于0就执行倒计时否则就结束\r\n        var AllTime = countdownFormat(rightTime); //公用倒计时方法\r\n        var showTime =\r\n          AllTime.date +\r\n          \"天\" +\r\n          AllTime.hours +\r\n          \"小时\" +\r\n          AllTime.minites +\r\n          \"分\" +\r\n          AllTime.seconds +\r\n          \"秒\";\r\n        if (AllTime.date == \"00\") {\r\n          showTime =\r\n            AllTime.hours + \"小时\" + AllTime.minites + \"分\" + AllTime.seconds + \"秒\";\r\n        }\r\n        if (AllTime.hours == \"00\") {\r\n          showTime = AllTime.minites + \"分\" + AllTime.seconds + \"秒\";\r\n        }\r\n      } else if (rightTime < 0) {\r\n        // 已过期\r\n        var AllTime = countdownFormatOver(rightTime); //公用已过期方法\r\n        var showTime =\r\n          AllTime.date +\r\n          \"天\" +\r\n          AllTime.hours +\r\n          \"小时\" +\r\n          AllTime.minites +\r\n          \"分\" +\r\n          AllTime.seconds +\r\n          \"秒\";\r\n        if (AllTime.date == \"00\") {\r\n          showTime =\r\n            AllTime.hours + \"小时\" + AllTime.minites + \"分\" + AllTime.seconds + \"秒\";\r\n        }\r\n        if (AllTime.hours == \"00\") {\r\n          showTime = AllTime.minites + \"分\" + AllTime.seconds + \"秒\";\r\n        }\r\n      } else {\r\n        // 防止数据出现NAN或者日期模式\r\n        var showTime = itemEnd;\r\n      }\r\n      return showTime;\r\n    },\r\n    // 关闭确认框\r\n    closeConfirm() {\r\n      console.log(\"123321\");\r\n      this.isShowConfirm = false;\r\n      this.$router.push({ path: \"/myOrder\" });\r\n    },\r\n  },\r\n  beforeDestroy() {\r\n    // 清除倒计时定时器\r\n    window.clearInterval(this.timer);\r\n  },\r\n};\r\n</script>\r\n\r\n<style scoped>\r\n.pay_main {\r\n  padding: 30px 45px 0;\r\n}\r\n.awit_pay {\r\n  margin-bottom: 30px;\r\n}\r\n.awit_money {\r\n  color: #ec4a5d;\r\n  font-size: 32px;\r\n  text-align: center;\r\n  line-height: 50px;\r\n}\r\n.awit_money .awit_icon {\r\n  width: 35px;\r\n  height: 35px;\r\n  margin-top: -6px;\r\n  margin-right: 10px;\r\n  display: inline-block;\r\n  vertical-align: middle;\r\n  background: url(\"../../assets/images/icon_login.png\");\r\n  background-size: 750px auto;\r\n  background-position: -523px -461px;\r\n}\r\n.awit_down {\r\n  margin-top: 8px;\r\n  font-size: 28px;\r\n  /* margin-left: 35px; */\r\n  margin-right: 10px;\r\n  line-height: 50px;\r\n  text-align: right;\r\n}\r\n.awit_down span:nth-child(1) {\r\n  margin-right: 30px;\r\n}\r\n.awit_type {\r\n  width: 100%;\r\n  height: auto;\r\n  background: #ffffff;\r\n  border: 1px solid #ebedf0;\r\n  border-radius: 20px;\r\n  margin-bottom: 20px;\r\n}\r\n.awit_type .type_title {\r\n  color: #323233;\r\n  padding-left: 26px;\r\n  font-size: 28px;\r\n  height: 88px;\r\n  line-height: 88px;\r\n  border-bottom: 1px solid #ebedf0;\r\n}\r\n.type_money {\r\n  padding: 0 26px;\r\n  line-height: 82px;\r\n}\r\n.type_money span:nth-child(1) {\r\n  font-size: 24px;\r\n}\r\n.type_money span:nth-child(2) {\r\n  font-size: 32px;\r\n  font-weight: 600;\r\n  color: #ec4a5d;\r\n  float: right;\r\n}\r\n.awit_way {\r\n  width: 100%;\r\n  height: 272px;\r\n  background: #ffffff;\r\n  border: 1px solid #ebedf0;\r\n  border-radius: 20px;\r\n}\r\n.awit_way .way_chonse {\r\n  color: #323233;\r\n  padding-left: 26px;\r\n  font-size: 24px;\r\n  height: 83px;\r\n  line-height: 83px;\r\n  border-bottom: 1px solid #ebedf0;\r\n}\r\n.way_type {\r\n  padding: 0 30px;\r\n}\r\n\r\n.way_type span label {\r\n  font-size: 28px;\r\n}\r\n\r\n.i-alipay,\r\n.i-wxpay {\r\n  width: 46px;\r\n  height: 50px;\r\n  margin-top: -6px;\r\n  margin-right: 20px;\r\n  display: inline-block;\r\n  vertical-align: middle;\r\n  background: url(\"../../assets/images/icon_login.png\");\r\n  background-size: 750px auto;\r\n}\r\n\r\n.i-alipay {\r\n  background-position: -536px -172px;\r\n}\r\n\r\n.i-wxpay {\r\n  width: 50px;\r\n  height: 46px;\r\n  background-position: -457px -174px;\r\n}\r\n\r\n.pay-way-item {\r\n  position: relative;\r\n  display: block;\r\n}\r\n\r\n.pay-way-item label {\r\n  display: block;\r\n  height: 94px;\r\n  line-height: 94px;\r\n}\r\n\r\n.pay-way-item input[type=\"radio\"] + label::after {\r\n  content: \"\\a0\";\r\n  display: inline-block;\r\n  vertical-align: middle;\r\n  width: 32px;\r\n  height: 32px;\r\n  border-radius: 50%;\r\n  border: 1px solid #ccc;\r\n  position: absolute;\r\n  right: 0;\r\n  top: 30px;\r\n}\r\n\r\n.pay-way-item input[type=\"radio\"]:checked + label::after {\r\n  background-clip: content-box;\r\n  border-color: #5391ff;\r\n  background: #5391ff url(\"../../assets/images/public_icon.png\") no-repeat;\r\n  background-size: 375px auto;\r\n  background-position: -3px -30px;\r\n}\r\n\r\n.pay-way-item input[type=\"radio\"] {\r\n  visibility: hidden;\r\n  position: absolute;\r\n  top: 40%;\r\n}\r\n\r\n.tuijian {\r\n  display: inline-block;\r\n  width: 64px;\r\n  height: 32px;\r\n  background-color: #fd5252;\r\n  border-radius: 60px;\r\n  font-size: 24px;\r\n  color: #fff;\r\n  line-height: 32px;\r\n  text-align: center;\r\n  margin-left: 8px;\r\n}\r\n/* 立即支付 */\r\n.pay_btn {\r\n  width: 100%;\r\n  height: 120px;\r\n  position: absolute;\r\n  bottom: 0;\r\n  background: #ffffff;\r\n  border-top: 1px solid #ebedf0;\r\n}\r\n.pay_btn .btn-submit {\r\n  width: 85%;\r\n  height: 80px;\r\n  line-height: 80px;\r\n  background: #ec4a5d;\r\n  border-radius: 40px;\r\n  margin: 20px auto;\r\n  margin-left: -34%;\r\n  transform: translate(50%, 0);\r\n  color: #fff;\r\n  font-size: 32px;\r\n}\r\n\r\n.pay-tool {\r\n  z-index: 999;\r\n  width: 100%;\r\n  height: 102px;\r\n  border-top: 1px solid #e6e6e6;\r\n  font-size: 0;\r\n  background-color: #fff;\r\n  padding: 0 28px;\r\n  line-height: 102px;\r\n  display: flex;\r\n  justify-content: space-between;\r\n}\r\n.total-text {\r\n  font-size: 28px;\r\n  font-weight: 600;\r\n  /* color: #9e9ea2; */\r\n  vertical-align: middle;\r\n}\r\n.total-num {\r\n  font-size: 32px;\r\n  color: #ec4a5d;\r\n  font-weight: 600;\r\n  text-align: right;\r\n  vertical-align: middle;\r\n}\r\n.modal {\r\n  background-color: none;\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!./pay.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!./pay.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./pay.vue?vue&type=template&id=57ab1ce5&scoped=true&\"\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=57ab1ce5&scoped=true&lang=css&\"\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  \"57ab1ce5\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./pay.vue?vue&type=style&index=0&id=57ab1ce5&scoped=true&lang=css&\"","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./NavBar.vue?vue&type=style&index=0&id=05c4e7a8&scoped=true&lang=css&\""],"sourceRoot":""}