commit
cc00353469
27 changed files with 13926 additions and 0 deletions
-
13.env.development
-
11.env.production
-
3.env.test
-
1.gitignore
-
29README.md
-
5babel.config.js
-
12507package-lock.json
-
26package.json
-
5postcss.config.js
-
BINpublic/favicon.ico
-
33public/index.html
-
8src/App.vue
-
BINsrc/assets/logo.png
-
BINsrc/assets/payment.png
-
BINsrc/assets/success.png
-
57src/components/HelloWorld.vue
-
42src/config/axios.js
-
15src/config/plugins.js
-
13src/config/setting.js
-
9src/main.js
-
53src/router/index.js
-
517src/utils/util.js
-
73src/views/auth/index.vue
-
323src/views/cashier/index.vue
-
102src/views/cashier/result.vue
-
34src/views/index/index.vue
-
47vue.config.js
@ -0,0 +1,13 @@ |
|||
NODE_ENV=development |
|||
#本地开发代理路径 |
|||
VUE_APP_BASE_URL="http://192.168.1.39:8090/" |
|||
#项目的前缀名 |
|||
VUE_APP_CONTEXT_PATH="/alipayapi" |
|||
#学员端项目的前缀名 |
|||
VUE_APP_CONTEXT_PATH1="" |
|||
#驾校端项目的前缀名 |
|||
VUE_APP_CONTEXT_PATH2="" |
|||
#路由前缀名 |
|||
VUE_APP_PATH="/alipay" |
|||
|
|||
|
|||
@ -0,0 +1,11 @@ |
|||
NODE_ENV=production |
|||
#本地开发代理路径 |
|||
VUE_APP_BASE_URL="" |
|||
#项目的前缀名 |
|||
VUE_APP_CONTEXT_PATH="/" |
|||
#学员端项目的前缀名 |
|||
VUE_APP_CONTEXT_PATH1="api" |
|||
#驾校端项目的前缀名 |
|||
VUE_APP_CONTEXT_PATH2="schoolapi" |
|||
#路由前缀名 |
|||
VUE_APP_PATH="/alipay" |
|||
@ -0,0 +1,3 @@ |
|||
NODE_ENV=test |
|||
VUE_APP_BASE_URL="http://192.168.1.9:4031/managementapi/" |
|||
VUE_APP_CONTEXT_PATH="/admin" |
|||
@ -0,0 +1 @@ |
|||
node_modules/ |
|||
@ -0,0 +1,29 @@ |
|||
# default |
|||
|
|||
## Project setup |
|||
``` |
|||
npm install |
|||
``` |
|||
|
|||
### Compiles and hot-reloads for development |
|||
``` |
|||
npm run serve |
|||
``` |
|||
|
|||
### Compiles and minifies for production |
|||
``` |
|||
npm run build |
|||
``` |
|||
|
|||
### Run your tests |
|||
``` |
|||
npm run test |
|||
``` |
|||
|
|||
### Lints and fixes files |
|||
``` |
|||
npm run lint |
|||
``` |
|||
|
|||
### Customize configuration |
|||
See [Configuration Reference](https://cli.vuejs.org/config/). |
|||
@ -0,0 +1,5 @@ |
|||
module.exports = { |
|||
presets: [ |
|||
'@vue/app' |
|||
] |
|||
} |
|||
12507
package-lock.json
File diff suppressed because it is too large
View File
File diff suppressed because it is too large
View File
@ -0,0 +1,26 @@ |
|||
{ |
|||
"name": "jiapei-alipay", |
|||
"version": "0.1.0", |
|||
"private": true, |
|||
"scripts": { |
|||
"serve": "vue-cli-service serve", |
|||
"build": "vue-cli-service build" |
|||
}, |
|||
"dependencies": { |
|||
"@fingerprintjs/fingerprintjs": "^3.3.3", |
|||
"axios": "^0.19.2", |
|||
"core-js": "^3.6.5", |
|||
"vant": "^2.12", |
|||
"vue": "^2.6.11", |
|||
"vue-axios": "^2.1.5", |
|||
"vue-cookies": "^1.8.1", |
|||
"vue-router": "^3.2.0" |
|||
}, |
|||
"devDependencies": { |
|||
"@vue/cli-plugin-babel": "^4.4.0", |
|||
"@vue/cli-service": "^4.4.0", |
|||
"vue-template-compiler": "^2.6.11", |
|||
"webpack-dev-server": "^4.4.0", |
|||
"compression-webpack-plugin": "^6.1.1" |
|||
} |
|||
} |
|||
@ -0,0 +1,5 @@ |
|||
module.exports = { |
|||
plugins: { |
|||
autoprefixer: {} |
|||
} |
|||
} |
|||
@ -0,0 +1,33 @@ |
|||
<!DOCTYPE html> |
|||
<html lang="en"> |
|||
<head> |
|||
<meta charset="utf-8"> |
|||
<meta http-equiv="X-UA-Compatible" content="IE=edge"> |
|||
<meta name="viewport" content="width=device-width,initial-scale=1.0"> |
|||
<meta http-equiv="pragma" content="no-cache"> |
|||
<meta http-equiv="cache-control" content="no-cache"> |
|||
<meta http-equiv="expires" content="0"> |
|||
<link rel="icon" href="<%= BASE_URL %>favicon.ico"> |
|||
<title>浙里学车生活号</title> |
|||
<style> |
|||
.van-dialog-bule{border-radius:0px!important;} |
|||
.van-dialog-bule .van-dialog__header{background-color:#1890ff;font-family: 'Arial Negreta', 'Arial Normal', 'Arial';font-weight: 700;font-style: normal;color: #FFFFFF;text-align: left;padding-left:20px;height:30px;margin-top:-15px;} |
|||
.van-dialog-bule .van-dialog__footer{height:80px;text-align: center;width: 300px;margin-left:20%;} |
|||
.van-dialog-bule .van-dialog__footer .van-dialog__cancel{background-color:#d7d7d7;width:10px;border-radius:5px;width:40%;} |
|||
.van-dialog-bule .van-dialog__footer .van-dialog__confirm{background-color: #1890ff;color:#FFFFFF;border-radius:5px;width:40%;margin-left:30px;} |
|||
.van-dialog-bule1 .van-dialog__footer .van-dialog__confirm{margin-left:0px;} |
|||
.van-dialog-purple{border-radius:0px!important;} |
|||
.van-dialog-purple .van-dialog__header{background-color:#8080ff;font-family: 'Arial Negreta', 'Arial Normal', 'Arial';font-weight: 700;font-style: normal;color: #FFFFFF;text-align: left;padding-left:20px;height:30px;margin-top:-15px;} |
|||
.van-dialog-purple .van-dialog__footer{height:80px;text-align: center;width: 300px;margin-left:20%;} |
|||
.van-dialog-purple .van-dialog__footer .van-dialog__cancel{background-color:#d7d7d7;width:10px;border-radius:5px;width:40%;} |
|||
.van-dialog-purple .van-dialog__footer .van-dialog__confirm{background-color: #1890ff;color:#FFFFFF;border-radius:5px;width:40%;margin-left:30px;} |
|||
</style> |
|||
</head> |
|||
<body> |
|||
<noscript> |
|||
<strong>We're sorry but default doesn't work properly without JavaScript enabled. Please enable it to continue.</strong> |
|||
</noscript> |
|||
<div id="app"></div> |
|||
<!-- built files will be auto injected --> |
|||
</body> |
|||
</html> |
|||
@ -0,0 +1,8 @@ |
|||
<template> |
|||
<div id="app"> |
|||
<router-view/> |
|||
</div> |
|||
</template> |
|||
|
|||
<style> |
|||
</style> |
|||
|
After Width: 200 | Height: 200 | Size: 6.7 KiB |
|
After Width: 308 | Height: 308 | Size: 45 KiB |
|
After Width: 494 | Height: 494 | Size: 72 KiB |
@ -0,0 +1,57 @@ |
|||
<template> |
|||
<div class="hello"> |
|||
<h1>{{ msg }}</h1> |
|||
<p> |
|||
For a guide and recipes on how to configure / customize this project,<br> |
|||
check out the |
|||
<a href="https://cli.vuejs.org" target="_blank" rel="noopener">vue-cli documentation</a>. |
|||
</p> |
|||
<h3>Installed CLI Plugins</h3> |
|||
<ul> |
|||
<li><a href="https://github.com/vuejs/vue-cli/tree/dev/packages/%40vue/cli-plugin-babel" target="_blank" rel="noopener">babel</a></li> |
|||
</ul> |
|||
<h3>Essential Links</h3> |
|||
<ul> |
|||
<li><a href="https://vuejs.org" target="_blank" rel="noopener">Core Docs</a></li> |
|||
<li><a href="https://forum.vuejs.org" target="_blank" rel="noopener">Forum</a></li> |
|||
<li><a href="https://chat.vuejs.org" target="_blank" rel="noopener">Community Chat</a></li> |
|||
<li><a href="https://twitter.com/vuejs" target="_blank" rel="noopener">Twitter</a></li> |
|||
<li><a href="https://news.vuejs.org" target="_blank" rel="noopener">News</a></li> |
|||
</ul> |
|||
<h3>Ecosystem</h3> |
|||
<ul> |
|||
<li><a href="https://router.vuejs.org" target="_blank" rel="noopener">vue-router</a></li> |
|||
<li><a href="https://vuex.vuejs.org" target="_blank" rel="noopener">vuex</a></li> |
|||
<li><a href="https://github.com/vuejs/vue-devtools#vue-devtools" target="_blank" rel="noopener">vue-devtools</a></li> |
|||
<li><a href="https://vue-loader.vuejs.org" target="_blank" rel="noopener">vue-loader</a></li> |
|||
<li><a href="https://github.com/vuejs/awesome-vue" target="_blank" rel="noopener">awesome-vue</a></li> |
|||
</ul> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
export default { |
|||
name: 'HelloWorld', |
|||
props: { |
|||
msg: String |
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<!-- Add "scoped" attribute to limit CSS to this component only --> |
|||
<style scoped> |
|||
h3 { |
|||
margin: 40px 0 0; |
|||
} |
|||
ul { |
|||
list-style-type: none; |
|||
padding: 0; |
|||
} |
|||
li { |
|||
display: inline-block; |
|||
margin: 0 10px; |
|||
} |
|||
a { |
|||
color: #42b983; |
|||
} |
|||
</style> |
|||
@ -0,0 +1,42 @@ |
|||
/** |
|||
* axios配置 |
|||
*/ |
|||
import Vue from 'vue' |
|||
import axios from 'axios' |
|||
import VueAxios from 'vue-axios' |
|||
import setting from './setting' |
|||
import cookies from 'vue-cookies'; |
|||
import { Dialog } from 'vant'; |
|||
import router from '@/router' |
|||
Vue.use(VueAxios, axios); |
|||
|
|||
//axios.defaults.baseURL = setting.baseURL;
|
|||
axios.defaults.baseURL =setting.context_path; |
|||
|
|||
axios.defaults.headers.common[setting.tokenHeaderName] =''; |
|||
axios.interceptors.request.use((config ) => { |
|||
var url=config.url; |
|||
if (url.indexOf("?")!=-1) { |
|||
let queryString = url.split('?')[1] // code=12313123&a=444
|
|||
if (queryString) { |
|||
let query = queryString.split('&') |
|||
for (let i = 0; i < query.length; i++) { |
|||
let arr = query[i].split('=') |
|||
if(arr[0]=="token"){ |
|||
config.headers[setting.tokenHeaderName] =arr[1]; |
|||
break; |
|||
} |
|||
} |
|||
} |
|||
} |
|||
return config; |
|||
}, (error) => { |
|||
return Promise.reject(error); |
|||
}); |
|||
/* 响应拦截器 */ |
|||
axios.interceptors.response.use((res) => { |
|||
return res; |
|||
}, (error) => { |
|||
return Promise.reject(error); |
|||
}); |
|||
|
|||
@ -0,0 +1,15 @@ |
|||
/** |
|||
* 引用框架 |
|||
*/ |
|||
import Vue from 'vue' |
|||
import './axios' |
|||
import setting from './setting' |
|||
import util from '@/utils/util' |
|||
// UI框架
|
|||
import Vant from 'vant'; // vant
|
|||
import 'vant/lib/index.css'; // 样式
|
|||
import cookies from 'vue-cookies'; |
|||
Vue.prototype.$setting = setting; |
|||
Vue.prototype.$util = util; |
|||
Vue.prototype.$cookies = cookies |
|||
Vue.use(Vant); |
|||
@ -0,0 +1,13 @@ |
|||
/** |
|||
* 项目统一配置 |
|||
*/ |
|||
export default { |
|||
version: '1.0', |
|||
name: '浙里学车生活号', // 项目名称
|
|||
baseURL: process.env.VUE_APP_BASE_URL, // 接口地址
|
|||
context_path: process.env.VUE_APP_CONTEXT_PATH, //项目的前缀名
|
|||
context_path1: process.env.VUE_APP_CONTEXT_PATH1, //学员端项目的前缀名
|
|||
context_path2: process.env.VUE_APP_CONTEXT_PATH2, //学员端项目的前缀名
|
|||
vue_app_path: process.env.VUE_APP_PATH, //路由前缀名
|
|||
tokenHeaderName: 'token', // token传递的header名称
|
|||
} |
|||
@ -0,0 +1,9 @@ |
|||
import Vue from 'vue' |
|||
import App from './App.vue' |
|||
import './config/plugins' |
|||
import router from './router' |
|||
Vue.config.productionTip = false |
|||
|
|||
new Vue({router, |
|||
render: h => h(App), |
|||
}).$mount('#app') |
|||
@ -0,0 +1,53 @@ |
|||
/** |
|||
* 路由配置 |
|||
*/ |
|||
import Vue from 'vue' |
|||
import VueRouter from 'vue-router' |
|||
import setting from '@/config/setting' |
|||
|
|||
Vue.use(VueRouter); |
|||
|
|||
/* 静态路由配置 */ |
|||
const routes = [ |
|||
{ |
|||
path: '/', |
|||
component: (resolve) => require(['@/views/index/index'], resolve),//懒加载
|
|||
meta: {hide: true, title: '首页'} |
|||
}, |
|||
{ |
|||
path: '/auth', |
|||
component: (resolve) => require(['@/views/auth/index'], resolve),//懒加载
|
|||
meta: {hide: true, title: '授权页'} |
|||
}, |
|||
{ |
|||
path: '/cashier', |
|||
component: (resolve) => require(['@/views/cashier/index'], resolve),//懒加载
|
|||
meta: {hide: true, title: '收银台'} |
|||
}, |
|||
{ |
|||
path: '/result', |
|||
component: (resolve) => require(['@/views/cashier/result'], resolve),//懒加载
|
|||
meta: {hide: true, title: '支付结果'} |
|||
}, |
|||
|
|||
]; |
|||
const router = new VueRouter({ |
|||
base: process.env.VUE_APP_PATH, |
|||
routes, |
|||
mode: 'history' // history
|
|||
}); |
|||
|
|||
/* 路由守卫 */ |
|||
router.beforeEach((to, from, next) => { |
|||
// NProgress.start();
|
|||
document.title = `${to.meta.title || ''}${to.meta.title ? ' - ' : ''}${setting.name}`; |
|||
next(); |
|||
}); |
|||
|
|||
router.afterEach(() => { |
|||
setTimeout(() => { |
|||
// NProgress.done();
|
|||
}, 150); |
|||
}); |
|||
|
|||
export default router |
|||
@ -0,0 +1,517 @@ |
|||
/** |
|||
* 常用工具方法 |
|||
*/ |
|||
export default { |
|||
/** |
|||
* 倒计时 |
|||
* @param endTime 结束时间 |
|||
* @param serverTime 服务端当前时间 |
|||
* @param callback 回调 |
|||
* @returns {number} 定时器实例 |
|||
*/ |
|||
countdown(endTime, serverTime, callback) { |
|||
let type = typeof serverTime === 'function', |
|||
end = new Date(endTime).getTime(), |
|||
now = new Date((!serverTime || type) ? new Date().getTime() : serverTime).getTime(), |
|||
count = end - now, |
|||
time = [ |
|||
Math.floor(count / (1000 * 60 * 60 * 24)), // 天
|
|||
Math.floor(count / (1000 * 60 * 60)) % 24, // 时
|
|||
Math.floor(count / (1000 * 60)) % 60, // 分
|
|||
Math.floor(count / 1000) % 60 // 秒
|
|||
]; |
|||
if (type) callback = serverTime; |
|||
let timer = setTimeout(() => { |
|||
this.countdown(endTime, now + 1000, callback); |
|||
}, 1000); |
|||
callback && callback(count > 0 ? time : [0, 0, 0, 0], serverTime, timer); |
|||
if (count <= 0) clearTimeout(timer); |
|||
return timer; |
|||
}, |
|||
/** |
|||
* 某个时间在当前时间的多久前 |
|||
* @param time 需要语义化的时间 |
|||
* @param onlyDate 超过30天是否仅返回日期 |
|||
* @returns {string} 语义化后的时间 |
|||
*/ |
|||
timeAgo(time, onlyDate) { |
|||
if (!time) return ''; |
|||
if (typeof time === 'string') time = time.replace(/-/g, '/'); |
|||
let arr = [ |
|||
[], |
|||
[] |
|||
], |
|||
stamp = new Date().getTime() - new Date(time).getTime(); |
|||
// 30天以上返回具体日期
|
|||
if (stamp > 1000 * 60 * 60 * 24 * 31) { |
|||
stamp = new Date(time); |
|||
arr[0][0] = this.digit(stamp.getFullYear(), 4); |
|||
arr[0][1] = this.digit(stamp.getMonth() + 1); |
|||
arr[0][2] = this.digit(stamp.getDate()); |
|||
if (!onlyDate) { // 是否输出时间
|
|||
arr[1][0] = this.digit(stamp.getHours()); |
|||
arr[1][1] = this.digit(stamp.getMinutes()); |
|||
arr[1][2] = this.digit(stamp.getSeconds()); |
|||
} |
|||
return arr[0].join('-') + ' ' + arr[1].join(':'); |
|||
} |
|||
// 30天以内，返回“多久前”
|
|||
if (stamp >= 1000 * 60 * 60 * 24) { |
|||
return ((stamp / 1000 / 60 / 60 / 24) | 0) + '天前'; |
|||
} else if (stamp >= 1000 * 60 * 60) { |
|||
return ((stamp / 1000 / 60 / 60) | 0) + '小时前'; |
|||
} else if (stamp >= 1000 * 60 * 3) { // 3分钟以内为：刚刚
|
|||
return ((stamp / 1000 / 60) | 0) + '分钟前'; |
|||
} else if (stamp < 0) { |
|||
return '未来'; |
|||
} else { |
|||
return '刚刚'; |
|||
} |
|||
}, |
|||
/** |
|||
* 数字前置补零 |
|||
* @param num 数字 |
|||
* @param length 位数 |
|||
* @returns {string} |
|||
*/ |
|||
digit(num, length) { |
|||
let str = ''; |
|||
num = String(num); |
|||
length = length || 2; |
|||
for (let i = num.length; i < length; i++) str += '0'; |
|||
return num < Math.pow(10, length) ? str + (num | 0) : num; |
|||
}, |
|||
/** |
|||
* 转化为日期格式字符 |
|||
* @param time 时间 |
|||
* @param format 格式 |
|||
* @returns {string} |
|||
*/ |
|||
toDateString(time, format) { |
|||
if (!time) return ''; |
|||
if (typeof time === 'string') time = time.replace(/-/g, '/'); |
|||
let date = new Date(time || new Date()), |
|||
ymd = [ |
|||
this.digit(date.getFullYear(), 4), |
|||
this.digit(date.getMonth() + 1), |
|||
this.digit(date.getDate()) |
|||
], |
|||
hms = [ |
|||
this.digit(date.getHours()), |
|||
this.digit(date.getMinutes()), |
|||
this.digit(date.getSeconds()) |
|||
]; |
|||
format = format || 'yyyy-MM-dd HH:mm:ss'; |
|||
return format.replace(/yyyy/g, ymd[0]) |
|||
.replace(/MM/g, ymd[1]) |
|||
.replace(/dd/g, ymd[2]) |
|||
.replace(/HH/g, hms[0]) |
|||
.replace(/mm/g, hms[1]) |
|||
.replace(/ss/g, hms[2]); |
|||
}, |
|||
toDate(time, intnum) { |
|||
if (!time) return ''; |
|||
if (typeof time === 'string') time = time.replace(/-/g, '/'); |
|||
if (intnum) { |
|||
let date = new Date(time || new Date()), |
|||
ymd = [ |
|||
this.digit(date.getFullYear(), 4), |
|||
this.digit(date.getMonth() + 1), |
|||
this.digit(date.getDate() + intnum) |
|||
]; |
|||
return 'yyyy-MM-dd'.replace(/yyyy/g, ymd[0]) |
|||
.replace(/MM/g, ymd[1]) |
|||
.replace(/dd/g, ymd[2]) |
|||
} else { |
|||
let date = new Date(time || new Date()), |
|||
ymd = [ |
|||
this.digit(date.getFullYear(), 4), |
|||
this.digit(date.getMonth() + 1), |
|||
this.digit(date.getDate()) |
|||
]; |
|||
return 'yyyy-MM-dd'.replace(/yyyy/g, ymd[0]) |
|||
.replace(/MM/g, ymd[1]) |
|||
.replace(/dd/g, ymd[2]) |
|||
} |
|||
}, |
|||
getBeforeDate(num, time) { |
|||
let n = num; |
|||
let d = ''; |
|||
if (time) { |
|||
d = new Date(time); |
|||
} else { |
|||
d = new Date(); |
|||
} |
|||
let year = d.getFullYear(); |
|||
let mon = d.getMonth() + 1; |
|||
let day = d.getDate(); |
|||
/* if (day <= n) { |
|||
if (mon > 1) { |
|||
mon = mon - 1; |
|||
} else { |
|||
year = year - 1; |
|||
mon = 12; |
|||
} |
|||
} */ |
|||
d.setDate(d.getDate() - n); |
|||
year = d.getFullYear(); |
|||
mon = d.getMonth() + 1; |
|||
day = d.getDate(); |
|||
let s = year + "-" + (mon < 10 ? ('0' + mon) : mon) + "-" + (day < 10 ? ('0' + day) : day); |
|||
return s; |
|||
}, |
|||
/** |
|||
* html转义, 防止xss攻击 |
|||
* @param html 需要转义的字符串 |
|||
* @returns {string} |
|||
*/ |
|||
escape(html) { |
|||
return String(html || '').replace(/&(?!#?[a-zA-Z0-9]+;)/g, '&') |
|||
.replace(/</g, '<').replace(/>/g, '>') |
|||
.replace(/'/g, ''').replace(/"/g, '"'); |
|||
}, |
|||
/** |
|||
* pid形式数据转children形式 |
|||
* @param data 需要转换的数组 |
|||
* @param idKey id字段名 |
|||
* @param pidKey pid字段名 |
|||
* @param childKey 生成的children字段名 |
|||
* @param pid 顶级的pid |
|||
* @returns {[]} |
|||
*/ |
|||
toTreeData(data, idKey, pidKey, childKey, pid) { |
|||
if (!childKey) childKey = 'children'; |
|||
if (pid === undefined) { |
|||
pid = []; |
|||
data.forEach(d => { |
|||
let flag = true; |
|||
for (let i = 0; i < data.length; i++) { |
|||
if (d[pidKey] == data[i][idKey]) { |
|||
flag = false; |
|||
break; |
|||
} |
|||
} |
|||
if (flag) pid.push(d[pidKey]); |
|||
}); |
|||
} |
|||
let result = []; |
|||
data.forEach(d => { |
|||
if (d[idKey] == d[pidKey]) return console.error('data error: ', d); |
|||
if (Array.isArray(pid) ? (pid.indexOf(d[pidKey]) !== -1) : (d[pidKey] == pid)) { |
|||
let children = this.toTreeData(data, idKey, pidKey, childKey, d[idKey]); |
|||
if (children.length > 0) d[childKey] = children; |
|||
result.push(d); |
|||
} |
|||
}); |
|||
return result; |
|||
}, |
|||
/** |
|||
* 遍历children形式数据 |
|||
* @param data 需要遍历的数组 |
|||
* @param callback 回调 |
|||
* @param childKey children字段名 |
|||
*/ |
|||
eachTreeData(data, callback, childKey) { |
|||
if (!childKey) childKey = 'children'; |
|||
data.forEach(d => { |
|||
if (callback(d) !== false && d[childKey]) this.eachTreeData(d[childKey], callback, childKey); |
|||
}); |
|||
}, |
|||
/** |
|||
* 让浏览器全屏切换 |
|||
* @returns {Element|*|boolean} 是否是全屏状态 |
|||
*/ |
|||
fullScreen() { |
|||
let isFull = document.fullscreenElement || document.msFullscreenElement || document.mozFullScreenElement || |
|||
document.webkitFullscreenElement || false; |
|||
if (isFull) { |
|||
let efs = document.exitFullscreen || document.webkitExitFullscreen || document.mozCancelFullScreen || |
|||
document.msExitFullscreen; |
|||
if (efs) { |
|||
efs.call(document); |
|||
} else if (window.ActiveXObject) { |
|||
let ws = new window.ActiveXObject('WScript.Shell'); |
|||
ws && ws.SendKeys('{F11}'); |
|||
} |
|||
} else { |
|||
let el = document.documentElement; |
|||
let rfs = el.requestFullscreen || el.webkitRequestFullscreen || el.mozRequestFullScreen || |
|||
el.msRequestFullscreen; |
|||
if (rfs) { |
|||
rfs.call(el); |
|||
} else if (window.ActiveXObject) { |
|||
let wss = new window.ActiveXObject('WScript.Shell'); |
|||
wss && wss.SendKeys('{F11}'); |
|||
} |
|||
} |
|||
return isFull; |
|||
}, |
|||
/** |
|||
* 获取屏幕宽度 |
|||
* @returns {number} |
|||
*/ |
|||
screenWidth() { |
|||
return document.documentElement.clientWidth || document.body.clientWidth; |
|||
}, |
|||
/** |
|||
* 获取屏幕高度 |
|||
* @returns {number} |
|||
*/ |
|||
screenHeight() { |
|||
return document.documentElement.clientHeight || document.body.clientHeight; |
|||
}, |
|||
/** |
|||
* html转text, 获取html的纯文本 |
|||
* @param html |
|||
* @returns {*} |
|||
*/ |
|||
htmlToText(html) { |
|||
/*let elem = document.createElement('div'); |
|||
elem.innerHTML = html; |
|||
return elem.innerText;*/ |
|||
return html.replace(/<[^>]+>/g, ''); |
|||
}, |
|||
/** |
|||
* 获取设备信息 |
|||
* @param key 自定义的agent |
|||
* @returns {{weixin: *, os: (string|undefined), ie: boolean}} |
|||
*/ |
|||
device(key) { |
|||
let agent = navigator.userAgent.toLowerCase(), |
|||
// 获取版本号
|
|||
getVersion = function(label) { |
|||
const exp = new RegExp(label + '/([^\\s\\_\\-]+)'); |
|||
label = (agent.match(exp) || [])[1]; |
|||
return label || false; |
|||
}, |
|||
// 返回结果集
|
|||
result = { |
|||
os: function() { // 底层操作系统
|
|||
if (/windows/.test(agent)) { |
|||
return 'windows'; |
|||
} else if (/linux/.test(agent)) { |
|||
return 'linux'; |
|||
} else if (/iphone|ipod|ipad|ios/.test(agent)) { |
|||
return 'ios'; |
|||
} else if (/mac/.test(agent)) { |
|||
return 'mac'; |
|||
} else if (/android/.test(agent)) { |
|||
return 'android'; |
|||
} |
|||
}(), |
|||
ie: function() { // ie版本
|
|||
return (!!window.ActiveXObject || 'ActiveXObject' in window) ? ( |
|||
(agent.match(/msie\s(\d+)/) || [])[1] || '11' // 由于ie11并没有msie的标识
|
|||
) : false; |
|||
}(), |
|||
weixin: getVersion('micromessenger') // 是否微信
|
|||
}; |
|||
// 任意的key
|
|||
if (key && !result[key]) { |
|||
result[key] = getVersion(key); |
|||
} |
|||
// 移动设备
|
|||
result.android = /android/.test(agent); |
|||
result.ios = result.os === 'ios'; |
|||
result.mobile = (result.android || result.ios) ? true : false; |
|||
return result; |
|||
}, |
|||
/** |
|||
* 生成随机id |
|||
* @param length 长度 |
|||
* @returns {string} |
|||
*/ |
|||
uuid(length = 32) { |
|||
const num = 'abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ1234567890'; |
|||
let str = ''; |
|||
for (let i = 0; i < length; i++) { |
|||
str += num.charAt(Math.floor(Math.random() * num.length)); |
|||
} |
|||
return str; |
|||
}, |
|||
/** |
|||
* 生成m到n的随机数，不包含n |
|||
* @param m 最小值 |
|||
* @param n 最大值 |
|||
* @returns {number} |
|||
*/ |
|||
random(m, n) { |
|||
return Math.floor(Math.random() * (m - n) + n); |
|||
}, |
|||
/** |
|||
* 百度地图坐标转高德地图坐标 |
|||
* @param point 坐标 |
|||
* @returns {{lng: number, lat: number}} |
|||
*/ |
|||
bd09ToGcj02: function(point) { |
|||
const x_pi = (3.14159265358979324 * 3000.0) / 180.0; |
|||
const x = point.lng - 0.0065, |
|||
y = point.lat - 0.006; |
|||
const z = Math.sqrt(x * x + y * y) - 0.00002 * Math.sin(y * x_pi); |
|||
const theta = Math.atan2(y, x) - 0.000003 * Math.cos(x * x_pi); |
|||
return { |
|||
lng: z * Math.cos(theta), |
|||
lat: z * Math.sin(theta) |
|||
}; |
|||
}, |
|||
/** |
|||
* 高德地图坐标转百度地图坐标 |
|||
* @param point 坐标 |
|||
* @returns {{lng: number, lat: number}} |
|||
*/ |
|||
gcj02ToBd09: function(point) { |
|||
const x_pi = (3.14159265358979324 * 3000.0) / 180.0; |
|||
const x = point.lng, |
|||
y = point.lat; |
|||
const z = Math.sqrt(x * x + y * y) + 0.00002 * Math.sin(y * x_pi); |
|||
const theta = Math.atan2(y, x) + 0.000003 * Math.cos(x * x_pi); |
|||
return { |
|||
lng: z * Math.cos(theta) + 0.0065, |
|||
lat: z * Math.sin(theta) + 0.006 |
|||
}; |
|||
}, |
|||
/** |
|||
* 深度克隆对象 |
|||
* @param obj |
|||
* @returns {{}|*} |
|||
*/ |
|||
deepClone: function(obj) { |
|||
let result; |
|||
const type = this.typeOf(obj); |
|||
if (type === 'Object') result = {}; |
|||
else if (type === 'Array') result = []; |
|||
else return obj; |
|||
Object.keys(obj).forEach(key => { |
|||
const copy = obj[key], |
|||
cType = this.typeOf(copy); |
|||
if (cType === 'Object' || cType === 'Array') result[key] = this.deepClone(copy); |
|||
else result[key] = obj[key]; |
|||
}); |
|||
return result; |
|||
}, |
|||
/** |
|||
* 获取变量类型 |
|||
* @param obj |
|||
* @returns {string} |
|||
*/ |
|||
typeOf(obj) { |
|||
if (obj === null) return 'Null'; |
|||
if (obj === undefined) return 'Undefined'; |
|||
return Object.prototype.toString.call(obj).slice(8, -1); |
|||
}, |
|||
/** |
|||
* 播放音频 |
|||
* @param url 音频地址 |
|||
*/ |
|||
play(url) { |
|||
return new Audio(url).play(); |
|||
}, |
|||
/** |
|||
* 判断富文本是否为空 |
|||
* @param html |
|||
*/ |
|||
htmlIsBlank(html) { |
|||
if (!html) return true; |
|||
const media = ['img', 'audio', 'video', 'iframe', 'object']; |
|||
for (let i = 0; i < media.length; i++) { |
|||
if (html.indexOf('<' + media[i]) > -1) return false; |
|||
} |
|||
let str = html.replace(/\s*/g, ''); // 去掉所有空格
|
|||
if (!str) return true; |
|||
str = str.replace(/ /ig, ''); // 去掉所有
|
|||
if (!str) return true; |
|||
str = str.replace(/<[^>]+>/g, ''); // 去掉所有html标签
|
|||
return !str; |
|||
}, |
|||
/** |
|||
* 导出excel |
|||
* @param XLSX XLSX对象 |
|||
* @param sheet 数组或sheet对象 |
|||
* @param sheetname 文件名称 |
|||
* @param type 文件格式 |
|||
*/ |
|||
exportSheet(XLSX, sheet, sheetname, type) { |
|||
if (!sheetname) sheetname = 'sheet1'; |
|||
if (!type) type = 'xlsx'; |
|||
if (Array.isArray(sheet)) sheet = XLSX.utils.aoa_to_sheet(sheet); |
|||
let workbook = { |
|||
SheetNames: [sheetname], |
|||
Sheets: {} |
|||
}; |
|||
workbook.Sheets[sheetname] = sheet; |
|||
XLSX.writeFile(workbook, sheetname + '.' + type); |
|||
}, |
|||
/** |
|||
* 获取不同屏幕的高度 |
|||
* @returns {number} |
|||
*/ |
|||
toHeight() { |
|||
let screenWidth = document.documentElement.clientWidth || document.body.clientWidth; |
|||
if (screenWidth <= 1366) { |
|||
return 'calc(100vh - 135px)'; |
|||
} else if (screenWidth <= 1600 && screenWidth > 1366) { |
|||
return 'calc(100vh - 265px)'; |
|||
} else if (screenWidth <= 1680 && screenWidth > 1600) { |
|||
return 'calc(100vh - 465px)'; |
|||
} else { |
|||
return 'calc(100vh - 500px)'; |
|||
} |
|||
}, |
|||
/** |
|||
* 获取表头样式 |
|||
*/ |
|||
headerCellStyle() { |
|||
return { |
|||
'text-align': 'center', |
|||
'height': '10px' |
|||
} |
|||
}, |
|||
/** |
|||
* 获取表每列样式 |
|||
*/ |
|||
cellStyle() { |
|||
return { |
|||
'text-align': 'center', |
|||
'padding': '0px' |
|||
} |
|||
}, |
|||
/** |
|||
* 获取表每行样式 |
|||
*/ |
|||
rowStyle() { |
|||
return { |
|||
'height': '40px' |
|||
} |
|||
}, |
|||
getParam(key) { |
|||
let href = location.href.split('#')[1] // http://localhost:8080/?code=12313123&a=444
|
|||
if(href==null||href==''){ |
|||
href = location.href.split('#')[0] |
|||
} |
|||
let queryString = href.split('?')[1] // code=12313123&a=444
|
|||
if (!queryString) { |
|||
return false |
|||
} |
|||
let query = queryString.split('&') |
|||
let obj = {} |
|||
for (let i = 0; i < query.length; i++) { |
|||
let arr = query[i].split('=') |
|||
obj[arr[0]] = arr[1] |
|||
} |
|||
if (key) { |
|||
return obj[key] |
|||
} |
|||
return obj |
|||
}, |
|||
/** |
|||
* 常用颜色 |
|||
*/ |
|||
beautifulColors: [ |
|||
'rgb(24,144,255)', 'rgb(102,181,255)', 'rgb(65, 217, 199)', 'rgb(47, 194, 91)', |
|||
'rgb(110, 219, 143)', 'rgb(154, 230, 92)', 'rgb(250, 204, 20)', 'rgb(230, 150, 92)', |
|||
'rgb(87, 173, 113)', 'rgb(34, 50, 115)', 'rgb(115, 138, 230)', 'rgb(117, 100, 204)', |
|||
'rgb(133, 67, 224)', 'rgb(168, 119, 237)', 'rgb(92, 142, 230)', 'rgb(19, 194, 194)', |
|||
'rgb(112, 224, 224)', 'rgb(92, 163, 230)', 'rgb(52, 54, 199)', 'rgb(128, 130, 255)', |
|||
'rgb(221, 129, 230)', 'rgb(240, 72, 100)', 'rgb(250, 125, 146)', 'rgb(213, 152, 217)' |
|||
] |
|||
} |
|||
@ -0,0 +1,73 @@ |
|||
<template> |
|||
</template> |
|||
|
|||
<script> |
|||
export default { |
|||
name: "Auth", |
|||
components: { |
|||
}, |
|||
data() { |
|||
return { |
|||
|
|||
}; |
|||
}, |
|||
computed: { |
|||
|
|||
}, |
|||
mounted() { |
|||
var authCode=this.$util.getParam("auth_code"); |
|||
if(authCode!=null&&authCode!=''){ |
|||
var token=this.$util.getParam("token"); |
|||
this.getAlipayUnionId(authCode); |
|||
}else{ |
|||
window.location.href="https://openauth.alipay.com/oauth2/publicAppAuthorize.htm?app_id=2021004116616163&scope=auth_base&state=state&redirect_uri="+location.href |
|||
} |
|||
}, |
|||
methods: { |
|||
getAlipayUnionId(authCode){ |
|||
this.$toast.loading({ |
|||
message: '加载中...', |
|||
loadingType: 'spinner', |
|||
}); |
|||
this.$http.post(this.$setting.context_path1+'/util/manage/getAlipayUnionId.do?code='+authCode).then(res => { |
|||
if (res.data.code==0) { |
|||
var params=""; |
|||
var unionId=res.data.data; |
|||
var type= this.$util.getParam("type") //type==1是调用驾校端预支支付 type=2调用变更车型支付，type为空调用的是学员端预支付 |
|||
var trainingOrderId= this.$util.getParam("trainingOrderId");//订单id |
|||
var fromAppurl= this.$util.getParam("fromAppurl");//跳转url |
|||
var token= this.$util.getParam("token");//app登录token 学员端和教练端 |
|||
var rechargeAmount= this.$util.getParam("rechargeAmount");//充值金额(未用留着) |
|||
if(type!=null&&type!=""){ |
|||
params=params+"&type="+type; |
|||
} |
|||
if(trainingOrderId!=null&&trainingOrderId!=""){ |
|||
params=params+"&trainingOrderId="+trainingOrderId; |
|||
} |
|||
if(fromAppurl!=null&&fromAppurl!=""){ |
|||
params=params+"&fromAppurl="+fromAppurl; |
|||
} |
|||
if(token!=null&&token!=""){ |
|||
params=params+"&token="+token; |
|||
} |
|||
if(rechargeAmount!=null&&rechargeAmount!=""){ |
|||
params=params+"&rechargeAmount="+rechargeAmount; |
|||
} |
|||
this.$router.push('/cashier?unionId='+unionId+params); |
|||
} else { |
|||
this.$toast({ type: 'fail', message:res.data.message }); |
|||
} |
|||
}).catch(e => { |
|||
this.$toast({ type: 'fail', message:e.message }); |
|||
}); |
|||
}, |
|||
|
|||
}, |
|||
created() { |
|||
|
|||
}, |
|||
|
|||
}; |
|||
</script> |
|||
<style scoped> |
|||
</style> |
|||
@ -0,0 +1,323 @@ |
|||
<template> |
|||
<div class="cashier_detial"> |
|||
<div class="icon"> |
|||
<div class="img"><van-image :src="payment_logo" /></div> |
|||
<div class="price">￥{{rechargeAmount>0?rechargeAmount:price}}</div> |
|||
</div> |
|||
<div class="content"> |
|||
<div class="title"> |
|||
<div class="text">订单信息</div> |
|||
<div class="c">{{schoolName}}报名费</div> |
|||
</div> |
|||
<div class="title"> |
|||
<div class="text"> 订单金额</div> |
|||
<div class="p">￥{{rechargeAmount>0?rechargeAmount:price}}</div> |
|||
</div> |
|||
|
|||
</div> |
|||
<div class="button"> |
|||
<div> |
|||
<van-button class="add-btn" @click="save">确认支付完成</van-button> |
|||
</div> |
|||
<van-button class="add-btn" @click="goToApp">返回商户界面</van-button> |
|||
</div> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
import payment_logo from '@/assets/payment.png' |
|||
import Big from 'big.js'; |
|||
export default { |
|||
name: "Cashier", |
|||
components: {}, |
|||
data() { |
|||
return { |
|||
payment_logo: payment_logo, |
|||
rechargeAmount: 0, |
|||
price: 0, |
|||
schoolName: '', |
|||
fromAppurl1: '', |
|||
type: null, |
|||
unionId: null, |
|||
trainingOrderId: null, |
|||
fromAppurl: null, |
|||
token: null, |
|||
ipType:"04", |
|||
payType:2, |
|||
riskType:"01", |
|||
deviceType:"1", |
|||
verifyTp:"01", |
|||
verifyRt:"01", |
|||
deviceId:"1", |
|||
longitude:"120.21649", |
|||
latitude:"30.36193", |
|||
clientIp:"127.0.0.1" |
|||
|
|||
}; |
|||
}, |
|||
computed: { |
|||
|
|||
}, |
|||
mounted() { |
|||
var unionId = this.$util.getParam("unionId"); |
|||
var type = this.$util.getParam("type") //type==1是调用驾校端预支支付 type=2调用变更车型支付，type为空调用的是学员端预支付 |
|||
var trainingOrderId = this.$util.getParam("trainingOrderId"); //订单id |
|||
var fromAppurl = this.$util.getParam("fromAppurl"); //跳转url |
|||
var token = this.$util.getParam("token"); //app登录token 学员端和教练端 |
|||
var rechargeAmount = this.$util.getParam("rechargeAmount"); //充值金额(未用留着) |
|||
if (unionId == '' || unionId == null) { |
|||
this.$toast({type: 'fail',message: "获取用户信息失败!"}); |
|||
} else { |
|||
this.unionId = unionId; |
|||
this.type = type; |
|||
this.trainingOrderId = trainingOrderId; |
|||
this.fromAppurl = decodeURIComponent(fromAppurl); |
|||
this.fromAppurl1 = decodeURIComponent(fromAppurl); |
|||
this.token = token; |
|||
this.rechargeAmount = rechargeAmount; |
|||
this.ready(); |
|||
this.getCurrentLocation(); |
|||
this.detail(trainingOrderId,token,type); |
|||
|
|||
} |
|||
|
|||
}, |
|||
methods: { |
|||
ready(callback) { |
|||
// 如果jsbridge已经注入则直接调用 |
|||
if (window.AlipayJSBridge) { |
|||
callback && callback(); |
|||
} else { |
|||
// 如果没有注入则监听注入的事件 |
|||
document.addEventListener('AlipayJSBridgeReady', callback, false); |
|||
} |
|||
}, |
|||
getCurrentLocation (){ |
|||
AlipayJSBridge.call('getCurrentLocation', { bizType: '$s' }, function(result) { |
|||
if (result.error) { |
|||
|
|||
return; |
|||
|
|||
} |
|||
this.latitude=result.latitude; |
|||
this.longitude=result.longitude; |
|||
}); |
|||
}, |
|||
/** |
|||
* 订单详情 |
|||
* @return {Promise} |
|||
*/ |
|||
detail(trainingOrderId, token, type) { |
|||
var url = type == 1 ? this.$setting.context_path2 +'/order/manage/getNoPayOrderDetails?v=1&ts=1&sign=1' : type == 2 ? this.$setting.context_path1 +'/apply/manage/getChangeModelDetails.do?1=1' : this.$setting.context_path1 +'/order/manage/getNoPayOrderDetails.do?1=1'; |
|||
url = url+"&token=" + token + "&trainingOrderId=" + trainingOrderId; |
|||
//初始化产生一个全局变量 AlipayJSBridge |
|||
this.$toast.loading({ |
|||
message: '加载中...', |
|||
forbidClick: true, |
|||
loadingType: 'spinner', |
|||
}); |
|||
this.$http.post(url).then(res => { |
|||
if (res.data.code == 0) { |
|||
this.schoolName = res.data.data.schoolName; |
|||
if (type == 2) { |
|||
this.price = new Big(res.data.data.balance).div(100).toFixed(2) |
|||
} else { |
|||
this.price = new Big(res.data.data.price).div(100).toFixed(2) |
|||
} |
|||
this.save(); |
|||
} else { |
|||
this.$toast({type: 'fail',message: res.data.message}); |
|||
} |
|||
}).catch(e => { |
|||
this.$toast({type: 'fail',message: e.message}); |
|||
}); |
|||
}, |
|||
/***预支付 */ |
|||
createPrepaid(token, type) { |
|||
var url = type == 1 ? this.$setting.context_path2 +'/order/manage/createPrepaid?v=1&ts=1&sign=1' : type == 2 ? this.$setting.context_path1 +'/order/manage/createChangeModelPrepaid.do?1=1' : this.$setting.context_path1 +'/order/manage/createPrepaid.do?1=1'; |
|||
url = url+"&token=" + token |
|||
var param={clientIp:this.clientIp,longitude:this.longitude,latitude:this.latitude,ipType:this.ipType,payType:this.payType,fromAppurl:this.fromAppurl,trainingOrderId:this.trainingOrderId,riskType:this.riskType,deviceType:this.deviceType,verifyTp:this.verifyTp,verifyRt:this.verifyRt,deviceId:this.deviceId,openid:this.unionId} |
|||
this.$http.post(url,type == 1?param:null,type!=1?{params:param}:null).then(res => { |
|||
if (res.data.code == 0) { |
|||
var outTradeNo=res.data.data.outTradeNo;//商户平台交易流水号 |
|||
if(outTradeNo!=''&&outTradeNo!=null){ |
|||
this.fromAppurl1=this.fromAppurl+'?outTradeNo='+outTradeNo////商户平台交易流水号 |
|||
} |
|||
var payInfo=JSON.parse(res.data.data.payInfo); |
|||
//调用支付宝api唤起支付功能 |
|||
AlipayJSBridge.call("tradePay",{tradeNO: payInfo.tradeNO,},(result) => { |
|||
const { resultCode = "", result: resultMsg = "支付失败" } =result; |
|||
if (resultCode == "9000") { |
|||
// 支付成功 |
|||
this.$router.push('/result?price='+this.price+"&fromAppurl="+this.fromAppurl+'&outTradeNo='+outTradeNo); |
|||
}else if(resultCode=="6001"){ |
|||
this.$toast({type: 'fail',message: "用户取消支付"}); |
|||
}else{ |
|||
this.$toast({type: 'fail',message: result}); |
|||
} |
|||
} |
|||
); |
|||
} else { |
|||
this.$toast({type: 'fail',message: res.data.message}); |
|||
} |
|||
}).catch(e => { |
|||
this.$toast({type: 'fail',message: e.message}); |
|||
}); |
|||
}, |
|||
/***充值预支付 */ |
|||
createRechargePrepaid(token, type) { |
|||
var param={clientIp:this.clientIp,longitude:this.longitude,latitude:this.latitude,ipType:this.ipType,payType:this.payType,fromAppurl:this.fromAppurl,trainingOrderId:this.trainingOrderId,riskType:this.riskType,deviceType:this.deviceType,verifyTp:this.verifyTp,verifyRt:this.verifyRt,deviceId:this.deviceId,openid:this.unionId,rechargeAmount:this.rechargeAmount} |
|||
|
|||
var url = type == 1 ? this.$setting.context_path2 +'/order/manage/createRechargePrepaid?v=1&ts=1&sign=1': this.$setting.context_path1 +'/order/manage/createRechargePrepaid.do?1=1'; |
|||
url = url+"&token=" + token |
|||
this.$http.post(url,type == 1?param:null,type!=1?{params:param}:null).then(res => { |
|||
if (res.data.code == 0) { |
|||
var outTradeNo=res.data.data.outTradeNo;//商户平台交易流水号 |
|||
if(outTradeNo!=''&&outTradeNo!=null){ |
|||
this.fromAppurl1=this.fromAppurl+'?outTradeNo='+outTradeNo//商户平台交易流水号 |
|||
} |
|||
var payInfo=JSON.parse(res.data.data.payInfo); |
|||
//调用支付宝api唤起支付功能 |
|||
AlipayJSBridge.call("tradePay",{tradeNO: payInfo.tradeNO,},(result) => { |
|||
const { resultCode = "", result: resultMsg = "支付失败" } =result; |
|||
if (resultCode == "9000") { |
|||
// 支付成功 |
|||
this.$router.push('/result?price='+this.rechargeAmount+"&fromAppurl="+this.fromAppurl+'&outTradeNo='+outTradeNo); |
|||
}else if(resultCode=="6001"){ |
|||
this.$toast({type: 'fail',message: "用户取消支付"}); |
|||
}else{ |
|||
this.$toast({type: 'fail',message: result}); |
|||
} |
|||
} |
|||
); |
|||
|
|||
} else { |
|||
this.$toast({type: 'fail',message: res.data.message}); |
|||
} |
|||
}).catch(e => { |
|||
this.$toast({type: 'fail',message: e.message}); |
|||
}); |
|||
}, |
|||
//确认支付 |
|||
save(){ |
|||
this.$toast.loading({ |
|||
message: '加载中...', |
|||
duration:3000, |
|||
forbidClick: true, |
|||
loadingType: 'spinner', |
|||
}); |
|||
if(this.rechargeAmount!=null&&this.rechargeAmount!=''&&this.rechargeAmount>0){ |
|||
this.createRechargePrepaid(this.token,this.type);//充值预支付 |
|||
}else{ |
|||
this.createPrepaid(this.token,this.type); |
|||
} |
|||
}, |
|||
goToApp() { |
|||
|
|||
window.location.href =this.fromAppurl1; |
|||
}, |
|||
|
|||
}, |
|||
created() { |
|||
// 注入支付宝jsapi |
|||
const s = document.createElement("script"); |
|||
s.type = "text/javascript"; |
|||
s.src ="https://gw.alipayobjects.com/as/g/h5-lib/alipayjsapi/3.1.1/alipayjsapi.min.js"; |
|||
document.body.appendChild(s); |
|||
}, |
|||
|
|||
}; |
|||
</script> |
|||
<style scoped> |
|||
body { |
|||
height: 100%; |
|||
width: 100%; |
|||
background-color: #f3f3f3; |
|||
} |
|||
|
|||
.cashier_detial { |
|||
width: 100%; |
|||
height: 1206rpx; |
|||
overflow: hidden; |
|||
} |
|||
|
|||
.cashier_detial .icon { |
|||
width: 100%; |
|||
height: 200px; |
|||
} |
|||
|
|||
.cashier_detial .icon .img { |
|||
width: 100%; |
|||
text-align: center; |
|||
} |
|||
|
|||
.cashier_detial .icon .img .van-image { |
|||
margin-top: 20px; |
|||
width: 100px; |
|||
height: 100px; |
|||
margin-bottom: 15px; |
|||
} |
|||
|
|||
.cashier_detial .icon .price { |
|||
text-align: center; |
|||
font-size: 32px; |
|||
font-weight: bold; |
|||
} |
|||
|
|||
.cashier_detial .content { |
|||
background-color: #fff; |
|||
width: 100%; |
|||
height: 100px; |
|||
font-size: 15px; |
|||
} |
|||
|
|||
.cashier_detial .content .title { |
|||
font-size: 15px; |
|||
height: 58px; |
|||
border-bottom: 1px solid #f8f8f8; |
|||
} |
|||
|
|||
.cashier_detial .content .title .text { |
|||
margin-left: 15px; |
|||
margin-top: 15px; |
|||
float: left; |
|||
width: 20%; |
|||
color: #9b9999; |
|||
} |
|||
|
|||
.cashier_detial .content .title .c { |
|||
float: left; |
|||
width: 72%; |
|||
margin-top: 15px; |
|||
} |
|||
|
|||
.cashier_detial .content .title .p { |
|||
float: left; |
|||
width: 72%; |
|||
margin-top: 15px; |
|||
} |
|||
|
|||
.button { |
|||
width: 100%; |
|||
margin-top: 175px; |
|||
text-align: center; |
|||
} |
|||
|
|||
.add-btn { |
|||
width: 351px; |
|||
height: 46px; |
|||
background: linear-gradient(0deg, #3593fb 0%, #53d3e5 100%); |
|||
border-radius: 10px; |
|||
margin-top: 25px; |
|||
line-height: 46px; |
|||
font-weight: bold; |
|||
font-family: PingFang SC; |
|||
color: #fff; |
|||
cursor: pointer; |
|||
} |
|||
|
|||
.text-center { |
|||
text-align: center; |
|||
font-size: 16px; |
|||
} |
|||
</style> |
|||
@ -0,0 +1,102 @@ |
|||
<template> |
|||
<div class="cashier_detial"> |
|||
<div class="icon"> |
|||
<div class="img"><van-image :src="success_logo" /></div> |
|||
<div class="price">￥{{price}}</div> |
|||
</div> |
|||
<div class="button"> |
|||
<van-button class="add-btn" @click="goToApp">返回商户界面</van-button> |
|||
</div> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
import success_logo from '@/assets/success.png' |
|||
export default { |
|||
name: "CashierResult", |
|||
components: { |
|||
}, |
|||
data() { |
|||
return { |
|||
success_logo:success_logo, |
|||
price:0, |
|||
fromAppurl:"", |
|||
}; |
|||
}, |
|||
computed: { |
|||
|
|||
}, |
|||
mounted() { |
|||
var price = this.$util.getParam("price");//金额 |
|||
var fromAppurl = this.$util.getParam("fromAppurl"); //跳转url |
|||
var outTradeNo = this.$util.getParam("outTradeNo"); //外部订单id |
|||
if(outTradeNo!=''&&outTradeNo!=null){ |
|||
fromAppurl=fromAppurl+'?outTradeNo='+outTradeNo; |
|||
} |
|||
this.price=price; |
|||
this.fromAppurl=fromAppurl; |
|||
}, |
|||
methods: { |
|||
|
|||
goToApp() { |
|||
window.location.href =this.fromAppurl; |
|||
}, |
|||
}, |
|||
created() { |
|||
|
|||
}, |
|||
|
|||
}; |
|||
</script> |
|||
<style scoped> |
|||
body{ |
|||
height: 100%; |
|||
width: 100%; |
|||
background-color: #f3f3f3; |
|||
} |
|||
.cashier_detial { |
|||
width: 100%; |
|||
height: 1206rpx; |
|||
overflow: hidden; |
|||
} |
|||
.cashier_detial .icon { |
|||
width: 100%; |
|||
height: 200px; |
|||
} |
|||
.cashier_detial .icon .img { |
|||
width: 100%; |
|||
text-align: center; |
|||
} |
|||
.cashier_detial .icon .img .van-image{ |
|||
margin-top: 20px; |
|||
width: 100px; |
|||
height: 100px; |
|||
margin-bottom: 15px; |
|||
} |
|||
.cashier_detial .icon .price { |
|||
text-align: center; |
|||
font-size: 32px; |
|||
font-weight: bold; |
|||
} |
|||
.button { |
|||
width: 100%; |
|||
margin-top: 175px; |
|||
text-align: center; |
|||
} |
|||
.add-btn { |
|||
width: 351px; |
|||
height: 46px; |
|||
background: linear-gradient(0deg, #3593fb 0%, #53d3e5 100%); |
|||
border-radius: 10px; |
|||
margin-top: 25px; |
|||
line-height: 46px; |
|||
font-weight: bold; |
|||
font-family: PingFang SC; |
|||
color:#fff; |
|||
cursor: pointer; |
|||
} |
|||
.text-center { |
|||
text-align: center; |
|||
font-size: 16px; |
|||
} |
|||
</style> |
|||
@ -0,0 +1,34 @@ |
|||
<template> |
|||
<van-button type="primary" @click="pay">拉起支付宝</van-button> |
|||
</template> |
|||
|
|||
<script> |
|||
export default { |
|||
name: "Index", |
|||
components: { |
|||
}, |
|||
data() { |
|||
return { |
|||
|
|||
}; |
|||
}, |
|||
computed: { |
|||
|
|||
}, |
|||
mounted() { |
|||
}, |
|||
methods: { |
|||
pay(){ |
|||
//window.location.href = 'alipays://platformapi/startapp?saId=10000007&qrcode='+encodeURIComponent('http://192.168.1.39:9103/alipay/auth?trainingOrderId=65aee95e818f4571b2480bdafba4cd4a&token=amlhcGVpMTY5NDE1MjM0MzU5NTM0OTQ2&fromAppurl=paymoney://car:8888/carstep')//拉起支付宝扫一扫 |
|||
window.location.href="alipays://platformapi/startapp?appId=20000042&publicBizType=LIFE_APP&publicId=2021004116616163&url="+encodeURIComponent('http://192.168.1.39:9103/alipay/auth?trainingOrderId=65aee95e818f4571b2480bdafba4cd4a&token=amlhcGVpMTY5NDE1MjM0MzU5NTM0OTQ2&fromAppurl=paymoney://car:8888/carstep')//拉起生活号 |
|||
//window.location.href ='alipayqr://platformapi/startapp?saId=10000007&qrcode='+encodeURI('http://192.168.1.39:9103/alipay/auth?type=111&trainingOrderId=111&fromAppurl=111&token=111')//另一种拉起支付宝扫一扫 |
|||
} |
|||
}, |
|||
created() { |
|||
|
|||
}, |
|||
|
|||
}; |
|||
</script> |
|||
<style scoped> |
|||
</style> |
|||
@ -0,0 +1,47 @@ |
|||
const CompressionWebpackPlugin = require('compression-webpack-plugin'); |
|||
const port = process.env.port || process.env.npm_config_port || 9103 // dev port
|
|||
const productionGzipExtensions = ['js','css','less'] |
|||
module.exports = { |
|||
publicPath: process.env.VUE_APP_PATH, |
|||
outputDir: 'dist', |
|||
assetsDir: 'static', |
|||
productionSourceMap: false, |
|||
transpileDependencies: ['vant'], // 需要兼容IE10要放开这个
|
|||
devServer: { |
|||
port: port, |
|||
open: true, |
|||
host: '0.0.0.0', |
|||
overlay: { |
|||
warnings: false, |
|||
errors: true |
|||
}, |
|||
proxy: { |
|||
'/alipayapi': { |
|||
target: process.env.VUE_APP_BASE_URL, |
|||
changeOrigin: true, |
|||
pathRewrite: { |
|||
'^/alipayapi': '' |
|||
} |
|||
} |
|||
} |
|||
}, |
|||
chainWebpack: config => { |
|||
config.plugin('html').tap(options => { |
|||
options[0].title = '浙里学车生活号'; |
|||
return options; |
|||
}); |
|||
if (process.env.NODE_ENV === 'production') { |
|||
config.plugin('compressionPlugin').use(new CompressionWebpackPlugin({ |
|||
filename: '[path].gz[query]', |
|||
algorithm: 'gzip', |
|||
test: new RegExp( |
|||
'\\.(' +productionGzipExtensions.join('|') + |
|||
')$' |
|||
), |
|||
threshold: 10240, |
|||
// deleteOriginalAssets:true, //删除源文件，不建议
|
|||
minRatio: 0.8 |
|||
})); |
|||
} |
|||
} |
|||
} |
|||
Write
Preview
Loading…
Cancel
Save
Reference in new issue