{"remainingRequest":"D:\\办公文件\\前端\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\办公文件\\前端\\src\\views\\Service\\index.vue?vue&type=style&index=0&id=02c0252e&scoped=true&lang=scss","dependencies":[{"path":"D:\\办公文件\\前端\\src\\views\\Service\\index.vue","mtime":1732093724655},{"path":"D:\\办公文件\\前端\\node_modules\\css-loader\\dist\\cjs.js","mtime":1711099310000},{"path":"D:\\办公文件\\前端\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1711099310000},{"path":"D:\\办公文件\\前端\\node_modules\\postcss-loader\\src\\index.js","mtime":1711099310000},{"path":"D:\\办公文件\\前端\\node_modules\\sass-loader\\dist\\cjs.js","mtime":1711099308000},{"path":"D:\\办公文件\\前端\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1711099308000},{"path":"D:\\办公文件\\前端\\node_modules\\vue-loader\\lib\\index.js","mtime":1711099310000}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:Ci5pdGVtIHsKCWRpc3BsYXk6IGZsZXg7CglqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47CglhbGlnbi1pdGVtczogY2VudGVyOwoJaGVpZ2h0OiA0NXB4OwoJbWFyZ2luOiAxMHB4IDMwcHg7Cglmb250LXNpemU6IDE2cHg7Cglmb250LXdlaWdodDogYm9sZDsKfQouYnRuIHsKCXRyYW5zZm9ybTogdHJhbnNsYXRlKDI0JSwgMjAlKTsKCS5idG4tMSB7CgkJY29sb3I6ICNmZmZmZmY7CgkJYmFja2dyb3VuZDogcmVkOwoJCXdpZHRoOiAxODBweDsKCQloZWlnaHQ6IDQ1cHg7CgkJbGluZS1oZWlnaHQ6IDQ1cHg7CgkJdGV4dC1hbGlnbjogY2VudGVyOwoJCWJvcmRlci1yYWRpdXM6IDVweDsKCX0KfQoubWFpbiB7CglwYWRkaW5nLXRvcDogMTBweDsKfQoucGF5X2RldGFpbCB7Cgljb2xvcjogIzhjOTM5ZDsKCWZvbnQtc2l6ZTogMTZweDsKCXNwYW4gewoJCWxpbmUtaGVpZ2h0OiAyNXB4OwoJfQp9Ci5kZXRhaWwgewoJYmFja2dyb3VuZDogI2ZmZmZmZjsKCglib3JkZXItcmFkaXVzOiAxMHB4OwoJbWFyZ2luLWxlZnQ6IDEwcHg7CgltYXJnaW4tcmlnaHQ6IDEwcHg7CglvdmVyZmxvdzogYXV0bzsKCS5pdGVtIHsKCQlkaXNwbGF5OiBmbGV4OwoJCWp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjsKCQlhbGlnbi1pdGVtczogY2VudGVyOwoJCWhlaWdodDogNDVweDsKCQltYXJnaW4tbGVmdDogOHB4OwoJCW1hcmdpbi1yaWdodDogOHB4OwoJfQoJLml0ZW0tZCB7CgkJbWFyZ2luLWxlZnQ6IDE2cHg7Cgl9CgkuaXRlbS1kZCB7CgkJbWFyZ2luLWxlZnQ6IDMwcHg7CgkJZm9udC1zaXplOiAxNHB4OwoJCWNvbG9yOiAjOGY4ZjkyOwoJfQp9Cg=="},{"version":3,"sources":["index.vue"],"names":[],"mappings":";AAiHA;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;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"index.vue","sourceRoot":"src/views/Service","sourcesContent":["<template>\n\t<van-tabs v-model=\"activeName\">\n\t\t<van-tab title=\"待支付\" name=\"1\">\n\t\t\t<div class=\"item\">\n\t\t\t\t<span style=\"font-weight: bold\">应付金额</span>\n\t\t\t\t<span style=\"color: red;font-weight: bold\">￥{{this.price}}</span>\n\t\t\t</div>\n\t\t\t<div class=\"btn\">\n\t\t\t\t<div class=\"btn-1\" @click=\"wxPrepay\">确认支付</div>\n\t\t\t</div>\n\t\t</van-tab>\n\t\t<van-tab title=\"个人中心\" name=\"2\">\n\t\t\t<div class=\"main\">\n\t\t\t\t<div class=\"detail\" id=\"detail1\">\n\t\t\t\t\t<div class=\"item\">充值记录</div>\n\t\t\t\t\t<!-- <div class=\"item\" style=\"margin-bottom: 25px;\">\n\t\t\t\t\t\t<span style=\"font-weight: bold\">个人余额：</span>\n\t\t\t\t\t\t<span style=\"font-weight: bold\">¥{{this.payList.balance}}</span>\n\t\t\t\t\t</div>-->\n\t\t\t\t\t<div v-for=\"(item, index) in payList.pay_detail\" :key=\"index\" class=\"pay_detail\">\n\t\t\t\t\t\t<span>充值时间：{{item.pay_time}}&nbsp;&nbsp;&nbsp;金额：{{item.pay_amount}}</span>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</van-tab>\n\t</van-tabs>\n</template>\n<script>\nimport instance from '../../http/axios';\nimport {\n\tgetPaymentDetails,\n\tqueryUser,\n\ttransactions,\n\tqueryUserId,\n} from '@/http';\nexport default {\n\tname: 'service',\n\tmethods: {\n\t\twxPrepay() {\n\t\t\tinstance.defaults.baseURL = 'http://172.16.6.242:3010/';\n\t\t\ttransactions('?user=' + this.user + '&price=' + this.price).then(\n\t\t\t\tres => {\n\t\t\t\t\tconst form = document.createElement('form');\n\t\t\t\t\tform.name = 'form';\n\t\t\t\t\tform.method = 'post';\n\t\t\t\t\tform.action =\n\t\t\t\t\t\t'https://aggpcpay.fuioupay.com/aggh5Gate.fuiou';\n\n\t\t\t\t\tconst input1 = document.createElement('input');\n\t\t\t\t\tinput1.type = 'hidden';\n\t\t\t\t\tinput1.name = 'mchnt_cd';\n\t\t\t\t\tinput1.value = '0001000F7152279';\n\t\t\t\t\tform.appendChild(input1);\n\t\t\t\t\tconst input2 = document.createElement('input');\n\t\t\t\t\tinput2.type = 'hidden';\n\t\t\t\t\tinput2.name = 'message';\n\t\t\t\t\tinput2.value = res.data.message; // 设置加密消息\n\t\t\t\t\tform.appendChild(input2);\n\t\t\t\t\tdocument.body.appendChild(form);\n\t\t\t\t\tform.submit();\n\t\t\t\t},\n\t\t\t);\n\t\t},\n\t\tqueryUserInfo() {\n\t\t\t// 根据条件设置 baseURL\n\t\t\tinstance.defaults.baseURL = 'http://web.jiyuankeshang.com/api4/';\n\t\t\tqueryUser('?user=' + this.user).then(res => {\n\t\t\t\tthis.payList = res.data;\n\t\t\t});\n\t\t},\n\t},\n\tasync created() {\n\t\t// var id = window.location.href.split('?')[1]\n\t\t// id = id.split('=')[1].replace('#/', '')\n\t\t//\n\t\t// this.user = id\n\t\tvar queryString = window.location.href.split('?')[1];\n\t\t// 将查询参数部分再次使用 .split() 方法分割\n\t\tvar params = queryString.split('&');\n\t\t// 定义变量来存储参数值\n\t\tvar user, appid, agentid, price;\n\t\t// 循环遍历参数数组\n\t\tparams.forEach(param => {\n\t\t\tvar keyValue = param.split('=');\n\t\t\tvar key = keyValue[0];\n\t\t\tvar value = keyValue[1];\n\t\t\t// 根据参数名设置相应的变量值\n\t\t\tif (key === 'user') {\n\t\t\t\tuser = value;\n\t\t\t} else if (key === 'appid') {\n\t\t\t\tappid = value;\n\t\t\t} else if (key === 'agentid') {\n\t\t\t\tagentid = value;\n\t\t\t} else if (key === 'price') {\n\t\t\t\tprice = value;\n\t\t\t}\n\t\t});\n\t\t// 将获取到的值赋给 Vue 组件的属性\n\t\tthis.user = user;\n\t\tthis.appid = appid;\n\t\tthis.agentid = agentid;\n\t\tthis.price = price;\n\t\tthis.queryUserInfo();\n\t},\n\tdata() {\n\t\treturn {\n\t\t\tactiveName: 0,\n\t\t\tpayList: [],\n\t\t};\n\t},\n};\n</script>\n<style scoped lang=\"scss\">\n.item {\n\tdisplay: flex;\n\tjustify-content: space-between;\n\talign-items: center;\n\theight: 45px;\n\tmargin: 10px 30px;\n\tfont-size: 16px;\n\tfont-weight: bold;\n}\n.btn {\n\ttransform: translate(24%, 20%);\n\t.btn-1 {\n\t\tcolor: #ffffff;\n\t\tbackground: red;\n\t\twidth: 180px;\n\t\theight: 45px;\n\t\tline-height: 45px;\n\t\ttext-align: center;\n\t\tborder-radius: 5px;\n\t}\n}\n.main {\n\tpadding-top: 10px;\n}\n.pay_detail {\n\tcolor: #8c939d;\n\tfont-size: 16px;\n\tspan {\n\t\tline-height: 25px;\n\t}\n}\n.detail {\n\tbackground: #ffffff;\n\n\tborder-radius: 10px;\n\tmargin-left: 10px;\n\tmargin-right: 10px;\n\toverflow: auto;\n\t.item {\n\t\tdisplay: flex;\n\t\tjustify-content: space-between;\n\t\talign-items: center;\n\t\theight: 45px;\n\t\tmargin-left: 8px;\n\t\tmargin-right: 8px;\n\t}\n\t.item-d {\n\t\tmargin-left: 16px;\n\t}\n\t.item-dd {\n\t\tmargin-left: 30px;\n\t\tfont-size: 14px;\n\t\tcolor: #8f8f92;\n\t}\n}\n</style>"]}]}