LearnLume/code/vue/front/node_modules/.cache/vue-loader/31918bfbb2951b140d31d2765755ef1e.json

{"remainingRequest":"D:\\code\\vue\\front\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\code\\vue\\front\\src\\pages\\pay.vue?vue&type=style&index=0&id=509ab9d4&lang=scss&scoped=true","dependencies":[{"path":"D:\\code\\vue\\front\\src\\pages\\pay.vue","mtime":1709633798000},{"path":"D:\\code\\vue\\front\\node_modules\\css-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\code\\vue\\front\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":499162500000},{"path":"D:\\code\\vue\\front\\node_modules\\postcss-loader\\src\\index.js","mtime":499162500000},{"path":"D:\\code\\vue\\front\\node_modules\\sass-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\code\\vue\\front\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\code\\vue\\front\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:DQouY29udGFpbmVyIHsNCiAgbWFyZ2luOiAxMHB4Ow0KICBmb250LXNpemU6IDE0cHg7DQogIHNwYW4gew0KICAgIHdpZHRoOiA2MHB4Ow0KICB9DQogIC50b3AtY29udGVudCB7DQogICAgZGlzcGxheTogZmxleDsNCiAgICBhbGlnbi1pdGVtczogY2VudGVyOw0KICAgIHBhZGRpbmc6IDIwcHg7DQogIH0NCiAgLnByaWNlLWNvbnRlbnQgew0KICAgIGRpc3BsYXk6IGZsZXg7DQogICAgYWxpZ24taXRlbXM6IGNlbnRlcjsNCiAgICBtYXJnaW4tdG9wOiAyMHB4Ow0KICAgIHBhZGRpbmctYm90dG9tOiAyMHB4Ow0KICAgIHBhZGRpbmc6IDIwcHg7DQogICAgYm9yZGVyLWJvdHRvbTogMXB4IHNvbGlkICNlZWVlZWU7DQogICAgZm9udC1zaXplOiAyMHB4Ow0KICAgIGZvbnQtd2VpZ2h0OiBib2xkOw0KICAgIGNvbG9yOiByZWQ7DQogIH0NCiAgLnBheS10eXBlLWNvbnRlbnQgew0KICAgIGRpc3BsYXk6IGZsZXg7DQogICAgYWxpZ24taXRlbXM6IGNlbnRlcjsNCiAgICBtYXJnaW4tdG9wOiAyMHB4Ow0KICAgIGZsZXgtd3JhcDogd3JhcDsNCiAgICBzcGFuIHsNCiAgICAgIHdpZHRoOiAxMDBweDsNCiAgICB9DQogICAgLnBheS10eXBlLWl0ZW0gew0KICAgICAgZGlzcGxheTogZmxleDsNCiAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7DQogICAgICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47DQogICAgICB3aWR0aDogMzAwcHg7DQogICAgICBtYXJnaW46IDIwcHg7DQogICAgICBib3JkZXI6IDFweCBzb2xpZCAjZWVlZWVlOw0KICAgICAgcGFkZGluZzogMjBweDsNCiAgICB9DQogIH0NCiAgLmJ1dG9uLWNvbnRlbnQgew0KICAgIG1hcmdpbjogMjBweDsNCiAgfQ0KfQ0K"},{"version":3,"sources":["pay.vue"],"names":[],"mappings":";AAgHA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"pay.vue","sourceRoot":"src/pages","sourcesContent":["<template>\r\n  <div class=\"container\"  :style='{\"margin\":\"0 200px 20px\"}' style=\"padding: 150px 0;\">\r\n    <el-alert title=\"确认支付前请先核对订单信息\" type=\"success\" :closable=\"false\"></el-alert>\r\n    <!-- <div class=\"top-content\">\r\n      <span>收款人</span>\r\n      <el-input style=\"width:300px\" v-model=\"name\" placeholder=\"收款人\"></el-input>\r\n      <span style=\"margin-left:20px\">收款账号</span>\r\n      <el-input style=\"width:300px\" v-model=\"account\" placeholder=\"收款账号\"></el-input>\r\n    </div> -->\r\n    <!-- <div class=\"price-content\">\r\n      <span>金额</span>\r\n      <span>￥99.0</span>\r\n    </div> -->\r\n    <div class=\"pay-type-content\">\r\n      <div class=\"pay-type-item\">\r\n        <el-radio v-model=\"type\" label=\"微信支付\"></el-radio>\r\n        <img src=\"@/assets/weixin.png\" alt>\r\n        <!-- <span>微信支付</span> -->\r\n      </div>\r\n      <div class=\"pay-type-item\">\r\n        <el-radio v-model=\"type\" label=\"支付宝支付\"></el-radio>\r\n        <img src=\"@/assets/zhifubao.png\" alt>\r\n        <!-- <span>支付宝支付</span> -->\r\n      </div>\r\n      <div class=\"pay-type-item\">\r\n        <el-radio v-model=\"type\" label=\"建设银行\"></el-radio>\r\n        <img src=\"@/assets/jianshe.png\" alt>\r\n        <!-- <span>建设银行</span> -->\r\n      </div>\r\n      <div class=\"pay-type-item\">\r\n        <el-radio v-model=\"type\" label=\"农业银行\"></el-radio>\r\n        <img src=\"@/assets/nongye.png\" alt>\r\n        <!-- <span>农业银行</span> -->\r\n      </div>\r\n      <div class=\"pay-type-item\">\r\n        <el-radio v-model=\"type\" label=\"中国银行\"></el-radio>\r\n        <img src=\"@/assets/zhongguo.png\" alt>\r\n        <!-- <span>中国银行</span> -->\r\n      </div>\r\n      <div class=\"pay-type-item\">\r\n        <el-radio v-model=\"type\" label=\"交通银行\"></el-radio>\r\n        <img src=\"@/assets/jiaotong.png\" alt>\r\n        <!-- <span>交通银行</span> -->\r\n      </div>\r\n    </div>\r\n    <div class=\"buton-content\">\r\n      <el-button @click=\"submitTap\" type=\"primary\">确认支付</el-button>\r\n      <el-button @click=\"back()\">返回</el-button>\r\n    </div>\r\n  </div>\r\n</template>\r\n<script>\r\n// import { Message } from \"element-ui\";\r\nexport default {\r\n  data() {\r\n    return {\r\n      name: \"\",\r\n      account: \"\",\r\n      type: \"\",\r\n      table: \"\",\r\n      obj: \"\"\r\n    };\r\n  },\r\n  mounted() {\r\n    let table = localStorage.getItem(\"paytable\");\r\n    let obj = JSON.parse(localStorage.getItem(\"payObject\"));\r\n    this.table = table;\r\n    this.obj = obj;\r\n  },\r\n  methods: {\r\n    submitTap() {\r\n      // if (!this.name) {\r\n      //   this.$message.error(\"请输入收款人姓名\");\r\n      //   return;\r\n      // }\r\n      // if (!this.account) {\r\n      //   this.$message.error(\"请输入收款人账号\");\r\n      //   return;\r\n      // }\r\n      if (!this.type) {\r\n        this.$message.error(\"请选择支付方式\");\r\n        return;\r\n      }\r\n      this.$confirm(`确定支付?`, \"提示\", {\r\n        confirmButtonText: \"确定\",\r\n        cancelButtonText: \"取消\",\r\n        type: \"warning\"\r\n      }).then(() => {\r\n        this.obj.ispay = \"已支付\";\r\n        this.$http.post(`${this.table}/update`,this.obj).then(res => {\r\n          if (res.data && res.data.code === 0) {\r\n            this.$message({\r\n              message: \"支付成功\",\r\n              type: \"success\",\r\n              duration: 1500,\r\n              onClose: () => {\r\n                this.$router.go(-1);\r\n              }\r\n            });\r\n          } else {\r\n            this.$message.error(res.data.msg);\r\n          }\r\n        });\r\n      });\r\n    },\r\n    back(){\r\n      this.$router.go(-1);\r\n    }\r\n  }\r\n};\r\n</script>\r\n<style lang=\"scss\" scoped>\r\n.container {\r\n  margin: 10px;\r\n  font-size: 14px;\r\n  span {\r\n    width: 60px;\r\n  }\r\n  .top-content {\r\n    display: flex;\r\n    align-items: center;\r\n    padding: 20px;\r\n  }\r\n  .price-content {\r\n    display: flex;\r\n    align-items: center;\r\n    margin-top: 20px;\r\n    padding-bottom: 20px;\r\n    padding: 20px;\r\n    border-bottom: 1px solid #eeeeee;\r\n    font-size: 20px;\r\n    font-weight: bold;\r\n    color: red;\r\n  }\r\n  .pay-type-content {\r\n    display: flex;\r\n    align-items: center;\r\n    margin-top: 20px;\r\n    flex-wrap: wrap;\r\n    span {\r\n      width: 100px;\r\n    }\r\n    .pay-type-item {\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: space-between;\r\n      width: 300px;\r\n      margin: 20px;\r\n      border: 1px solid #eeeeee;\r\n      padding: 20px;\r\n    }\r\n  }\r\n  .buton-content {\r\n    margin: 20px;\r\n  }\r\n}\r\n</style>\r\n"]}]}