You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

1 line
7.6 KiB

{"remainingRequest":"D:\\code\\vue\\admin\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\code\\vue\\admin\\src\\views\\pay.vue?vue&type=style&index=0&id=289a9a7e&lang=scss&scoped=true&","dependencies":[{"path":"D:\\code\\vue\\admin\\src\\views\\pay.vue","mtime":1709633785000},{"path":"D:\\code\\vue\\admin\\node_modules\\css-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\code\\vue\\admin\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":499162500000},{"path":"D:\\code\\vue\\admin\\node_modules\\postcss-loader\\src\\index.js","mtime":499162500000},{"path":"D:\\code\\vue\\admin\\node_modules\\sass-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\code\\vue\\admin\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\code\\vue\\admin\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:CgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCg0KLmNvbnRhaW5lciB7DQogIG1hcmdpbjogMTBweDsNCiAgZm9udC1zaXplOiAxNHB4Ow0KICBzcGFuIHsNCiAgICB3aWR0aDogNjBweDsNCiAgfQ0KICAudG9wLWNvbnRlbnQgew0KICAgIGRpc3BsYXk6IGZsZXg7DQogICAgYWxpZ24taXRlbXM6IGNlbnRlcjsNCiAgICBwYWRkaW5nOiAyMHB4Ow0KICB9DQogIC5wcmljZS1jb250ZW50IHsNCiAgICBkaXNwbGF5OiBmbGV4Ow0KICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7DQogICAgbWFyZ2luLXRvcDogMjBweDsNCiAgICBwYWRkaW5nLWJvdHRvbTogMjBweDsNCiAgICBwYWRkaW5nOiAyMHB4Ow0KICAgIGJvcmRlci1ib3R0b206IDFweCBzb2xpZCAjZWVlZWVlOw0KICAgIGZvbnQtc2l6ZTogMjBweDsNCiAgICBmb250LXdlaWdodDogYm9sZDsNCiAgICBjb2xvcjogcmVkOw0KICB9DQogIC5wYXktdHlwZS1jb250ZW50IHsNCiAgICBkaXNwbGF5OiBmbGV4Ow0KICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7DQogICAgbWFyZ2luLXRvcDogMjBweDsNCiAgICBmbGV4LXdyYXA6IHdyYXA7DQogICAgc3BhbiB7DQogICAgICB3aWR0aDogMTAwcHg7DQogICAgfQ0KICAgIC5wYXktdHlwZS1pdGVtIHsNCiAgICAgIGRpc3BsYXk6IGZsZXg7DQogICAgICBhbGlnbi1pdGVtczogY2VudGVyOw0KICAgICAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuOw0KICAgICAgd2lkdGg6IDMwMHB4Ow0KICAgICAgbWFyZ2luOiAyMHB4Ow0KICAgICAgYm9yZGVyOiAxcHggc29saWQgI2VlZWVlZTsNCiAgICAgIHBhZGRpbmc6IDIwcHg7DQoJICBiYWNrZ3JvdW5kOiAjZmZmOw0KICAgIH0NCiAgfQ0KICAuYnV0b24tY29udGVudCB7DQogICAgbWFyZ2luOiAyMHB4Ow0KICB9DQp9DQo="},{"version":3,"sources":["pay.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoHA;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;AACA","file":"pay.vue","sourceRoot":"src/views","sourcesContent":["<template>\r\n <div class=\"container\" :style='{\"margin\":\"0 200px 20px\"}'>\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/img/test/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/img/test/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/img/test/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/img/test/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/img/test/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/img/test/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 = this.$storage.get(\"paytable\");\r\n let obj = this.$storage.getObj(\"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({\r\n url: `${this.table}/update`,\r\n method: \"post\",\r\n data: this.obj\r\n }).then(({ data }) => {\r\n if (data && 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(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\t background: #fff;\r\n }\r\n }\r\n .buton-content {\r\n margin: 20px;\r\n }\r\n}\r\n</style>\r\n"]}]}