kalel ma
5 years ago
parent
e8b540b57f
commit
e56e782709
71 changed files with 3614 additions and 2313 deletions
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
@ -0,0 +1,6 @@ |
||||
import pageCommon from '@/common/page-common'; |
||||
import App from './entry'; |
||||
|
||||
pageCommon.createPageInstance({ |
||||
render: h => h(App), |
||||
}); |
||||
@ -0,0 +1,83 @@ |
||||
<template> |
||||
<div> |
||||
<nav-header border-style="full"></nav-header> |
||||
<div class="usdList"> |
||||
<div |
||||
class="usdItem" |
||||
v-for="(item, index) in [1, 2, 3]" |
||||
:key="index" |
||||
v-loading="loading" |
||||
element-loading-background="rgba(0, 0, 0, 0.2)" |
||||
> |
||||
<!-- 跳转到交易中心,携带交易对 --> |
||||
<a href="javascript:;"> |
||||
<p>微信 <i class="el-icon-star-off"></i></p> |
||||
<p>初始资金：100000000CNY</p> |
||||
<p>余额：100000000CNY</p> |
||||
</a> |
||||
</div> |
||||
</div> |
||||
<div class="usdList tabs"> |
||||
<el-tabs v-model="activeName" @tab-click="handleClick"> |
||||
<el-tab-pane label="BTC" name="BTC">余额：1</el-tab-pane> |
||||
<el-tab-pane label="USDT" name="USDT">余额：20</el-tab-pane> |
||||
<el-tab-pane label="EOS" name="EOS">余额：30</el-tab-pane> |
||||
<el-tab-pane label="ETH" name="ETH">余额：40</el-tab-pane> |
||||
</el-tabs> |
||||
</div> |
||||
<Footer /> |
||||
</div> |
||||
</template> |
||||
|
||||
<script> |
||||
import NavHeader from '@/components/common/header'; |
||||
import Footer from '@/components/common/footer'; |
||||
|
||||
export default { |
||||
name: 'entry', |
||||
data() { |
||||
return { |
||||
activeName: 'BTC', |
||||
}; |
||||
}, |
||||
components: { |
||||
NavHeader, |
||||
Footer, |
||||
}, |
||||
}; |
||||
</script> |
||||
|
||||
<style scoped lang="scss"> |
||||
.usdList { |
||||
margin: 0 auto; |
||||
width: 1180px; |
||||
margin-top: 34px; |
||||
// margin: 2% auto 0; |
||||
display: flex; |
||||
justify-content: space-between; |
||||
|
||||
.usdItem { |
||||
width: 28.5%; |
||||
position: relative; |
||||
background: rgba(43, 44, 53, 1); |
||||
border: 1px solid rgba(71, 71, 71, 0.1); |
||||
border-radius: 4px 4px 4px 4px; |
||||
p { |
||||
margin-left: 30px; |
||||
font-size: 16px; |
||||
color: #fff; |
||||
// margin-top: 9px; |
||||
} |
||||
} |
||||
&.tabs { |
||||
color: #fff; |
||||
.el-tabs { |
||||
width: 100%; |
||||
} |
||||
.el-tab-pane { |
||||
width: 100%; |
||||
min-height: 300px; |
||||
} |
||||
} |
||||
} |
||||
</style> |
||||
@ -1,198 +1,199 @@ |
||||
<template> |
||||
|
||||
</template> |
||||
<template> </template> |
||||
|
||||
<script> |
||||
import {getCurrentLanguage} from '@/common/i18n'; |
||||
import {getExchangeRateCookie, setExchangeRateCookie} from '@/utils/auth'; |
||||
import {logOut} from '@/api/user'; |
||||
import Cookie from '@/common/cookie'; |
||||
import {FILE_URL} from '@/api/app'; |
||||
import {signInYyyf} from '@/api/yyyf'; |
||||
import {signUp, signIn} from '@/api/user'; |
||||
import {Loading} from 'element-ui'; |
||||
|
||||
export default { |
||||
name: 'yyyflogin', |
||||
props: {}, |
||||
|
||||
data() { |
||||
return { |
||||
loading: null, |
||||
tel:null, |
||||
pass:null |
||||
}; |
||||
import {getCurrentLanguage} from '@/common/i18n'; |
||||
import {getExchangeRateCookie, setExchangeRateCookie} from '@/utils/auth'; |
||||
import {logOut} from '@/api/user'; |
||||
import Cookie from '@/common/cookie'; |
||||
import {FILE_URL} from '@/api/app'; |
||||
import {signInYyyf} from '@/api/yyyf'; |
||||
import {signUp, signIn} from '@/api/user'; |
||||
import {Loading} from 'element-ui'; |
||||
|
||||
export default { |
||||
name: 'yyyflogin', |
||||
props: {}, |
||||
|
||||
data() { |
||||
return { |
||||
loading: null, |
||||
tel: null, |
||||
pass: null, |
||||
}; |
||||
}, |
||||
|
||||
computed: {}, |
||||
created() { |
||||
this.startLoading(); |
||||
let params = this.parseUrl(); |
||||
//判断是否来自以渔有方 |
||||
if ( |
||||
!$.isEmptyObject(params) && |
||||
params.userId != undefined && |
||||
params.reqType != undefined |
||||
) { |
||||
this.loginFromYyyf(params); |
||||
} else { |
||||
this.$alert('参数错误', '提示', { |
||||
type: 'error', |
||||
showClose: false, |
||||
confirmButtonText: '确定', |
||||
confirmButtonClass: 'btn-self-style', |
||||
callback: action => { |
||||
this.closeWindow(); |
||||
}, |
||||
}); |
||||
} |
||||
}, |
||||
|
||||
methods: { |
||||
startLoading: function() { |
||||
//使用Element loading-start 方法 |
||||
this.loading = Loading.service({ |
||||
lock: true, |
||||
text: '初始化登录ing...', |
||||
background: 'rgba(0,0,0,0.7)', |
||||
}); |
||||
}, |
||||
|
||||
computed: {}, |
||||
created() { |
||||
this.startLoading(); |
||||
let params = this.parseUrl(); |
||||
//判断是否来自以渔有方 |
||||
if (!$.isEmptyObject(params) && params.userId != undefined && params.reqType != undefined) { |
||||
this.loginFromYyyf(params); |
||||
} else { |
||||
this.$alert('参数错误', '提示', { |
||||
type: 'error', |
||||
showClose: false, |
||||
confirmButtonText: '确定', |
||||
confirmButtonClass: 'btn-self-style', |
||||
callback: action => { |
||||
this.closeWindow() |
||||
} |
||||
}); |
||||
} |
||||
endLoading: function() { |
||||
//使用Element loading-close 方法 |
||||
this.loading.close(); |
||||
}, |
||||
|
||||
methods: { |
||||
startLoading: function () { //使用Element loading-start 方法 |
||||
this.loading = Loading.service({ |
||||
lock: true, |
||||
text: '初始化登录ing...', |
||||
background: 'rgba(0,0,0,0.7)' |
||||
}); |
||||
}, |
||||
endLoading: function () { //使用Element loading-close 方法 |
||||
this.loading.close(); |
||||
}, |
||||
parseUrl: function () { |
||||
let params = {}; //定义数组 |
||||
let url = decodeURIComponent(location.href); |
||||
let paramsIndex = url.indexOf('?'); |
||||
if (paramsIndex != -1) { |
||||
paramsIndex = paramsIndex + 1; |
||||
let paramsStr = url.substring(paramsIndex); |
||||
let paramsAttr = paramsStr.split('&'); |
||||
for (let x in paramsAttr) { |
||||
let y = paramsAttr[x].split('='); |
||||
if (y[0] == undefined || y[0] == '') { |
||||
continue; |
||||
} |
||||
if (y[1] != undefined) { |
||||
let value = ''; |
||||
let len = y.length; |
||||
for (let j = 1; j < len; j++) { |
||||
value += |
||||
y[j] == '' && |
||||
paramsAttr[x].charAt(value.length + y[0].length + 1) != '' |
||||
? '=' |
||||
: y[j]; |
||||
} |
||||
params[y[0]] = value; |
||||
parseUrl: function() { |
||||
let params = {}; //定义数组 |
||||
let url = decodeURIComponent(location.href); |
||||
let paramsIndex = url.indexOf('?'); |
||||
if (paramsIndex != -1) { |
||||
paramsIndex = paramsIndex + 1; |
||||
let paramsStr = url.substring(paramsIndex); |
||||
let paramsAttr = paramsStr.split('&'); |
||||
for (let x in paramsAttr) { |
||||
let y = paramsAttr[x].split('='); |
||||
if (y[0] == undefined || y[0] == '') { |
||||
continue; |
||||
} |
||||
if (y[1] != undefined) { |
||||
let value = ''; |
||||
let len = y.length; |
||||
for (let j = 1; j < len; j++) { |
||||
value += |
||||
y[j] == '' && |
||||
paramsAttr[x].charAt(value.length + y[0].length + 1) != '' |
||||
? '=' |
||||
: y[j]; |
||||
} |
||||
params[y[0]] = value; |
||||
} |
||||
} |
||||
return params; |
||||
}, |
||||
sign(params) { |
||||
signUp(params).then(res => { |
||||
if (res.data.code === 200) { |
||||
this.login(); |
||||
}else{ |
||||
this.$message.warning(res.data.msg); |
||||
} |
||||
}); |
||||
}, |
||||
login() { |
||||
signIn({ |
||||
tel: this.tel, |
||||
password: this.pass, |
||||
}).then(res => { |
||||
// console.log(res); |
||||
if (res.data.code === 200) { |
||||
//判断是否保存自动登录 |
||||
// if( this.checked === true ){ |
||||
// Cookie.set('phoneNum',num) |
||||
// Cookie.set('password',pass) |
||||
// } |
||||
} |
||||
return params; |
||||
}, |
||||
sign(params) { |
||||
signUp(params).then(res => { |
||||
if (res.data.code === 200) { |
||||
this.login(); |
||||
} else { |
||||
this.$message.warning(res.data.msg); |
||||
} |
||||
}); |
||||
}, |
||||
login() { |
||||
signIn({ |
||||
tel: this.tel, |
||||
password: this.pass, |
||||
}).then(res => { |
||||
// console.log(res); |
||||
if (res.data.code === 200) { |
||||
//判断是否保存自动登录 |
||||
// if( this.checked === true ){ |
||||
// Cookie.set('phoneNum',num) |
||||
// Cookie.set('password',pass) |
||||
// } |
||||
//保存登录的token到cookie |
||||
// Cookie.set('token', res.data.data.token); |
||||
localStorage.setItem('token', res.data.data.token); |
||||
|
||||
//保存登录的用户信息到cookie |
||||
// Cookie.set('userData', res.data.data); |
||||
localStorage.setItem('userData', JSON.stringify(res.data.data)); |
||||
// console.log(JSON.parse(localStorage.getItem('userData'))); |
||||
|
||||
// 保存userID的信息到cookie |
||||
// Cookie.set('userID', res.data.data.id); |
||||
localStorage.setItem('userID', res.data.data.id); |
||||
|
||||
// 保存邀请码信息 |
||||
localStorage.setItem('invitationCode', res.data.data.invitationCode); |
||||
this.endLoading(); |
||||
location.href = '/'; |
||||
} else { |
||||
this.$message.warning(res.data.msg); |
||||
} |
||||
}); |
||||
}, |
||||
loginFromYyyf: function(params) { |
||||
signInYyyf(params).then(res => { |
||||
if (res.data.code === 200) { |
||||
let status = res.data.data.status; |
||||
if (status == 1) { |
||||
//保存登录的token到cookie |
||||
// Cookie.set('token', res.data.data.token); |
||||
localStorage.setItem('token', res.data.data.token); |
||||
|
||||
//保存登录的用户信息到cookie |
||||
// Cookie.set('userData', res.data.data); |
||||
localStorage.setItem('userData', JSON.stringify(res.data.data)); |
||||
// console.log(JSON.parse(localStorage.getItem('userData'))); |
||||
|
||||
// 保存userID的信息到cookie |
||||
// Cookie.set('userID', res.data.data.id); |
||||
localStorage.setItem('userID', res.data.data.id); |
||||
|
||||
// 保存邀请码信息 |
||||
localStorage.setItem('invitationCode', res.data.data.invitationCode); |
||||
this.endLoading() |
||||
location.href = '/'; |
||||
} else { |
||||
this.$message.warning(res.data.msg); |
||||
} |
||||
}); |
||||
}, |
||||
loginFromYyyf: function (params) { |
||||
signInYyyf(params).then(res => { |
||||
if (res.data.code === 200) { |
||||
let status = res.data.data.status; |
||||
if (status == 1) { |
||||
//保存登录的token到cookie |
||||
// Cookie.set('token', res.data.data.token); |
||||
localStorage.setItem('yyyfToken', res.data.data.yyyfUserToken); |
||||
|
||||
let code = res.data.data.code; |
||||
this.tel = res.data.data.tel; |
||||
this.pass = res.data.data.password; |
||||
//注册 |
||||
if (code != undefined && code != '') { |
||||
let signParams = { |
||||
tel: this.tel, |
||||
nickName: res.data.data.nickName, |
||||
code: res.data.data.code, |
||||
password: this.pass, |
||||
internationalCode: null, |
||||
invitationCode: '', |
||||
} |
||||
this.sign(signParams); |
||||
}else{ |
||||
this.login(); |
||||
} |
||||
|
||||
|
||||
|
||||
localStorage.setItem('yyyfToken', res.data.data.yyyfUserToken); |
||||
|
||||
let code = res.data.data.code; |
||||
this.tel = res.data.data.tel; |
||||
this.pass = res.data.data.password; |
||||
//注册 |
||||
if (code != undefined && code != '') { |
||||
let signParams = { |
||||
tel: this.tel, |
||||
nickName: res.data.data.nickName, |
||||
code: res.data.data.code, |
||||
password: this.pass, |
||||
internationalCode: null, |
||||
invitationCode: '', |
||||
}; |
||||
this.sign(signParams); |
||||
} else { |
||||
this.$message.warning({ |
||||
message: res.data.data.msg, |
||||
onClose: function () { |
||||
this.closeWindow(); |
||||
} |
||||
}); |
||||
this.login(); |
||||
} |
||||
|
||||
} else { |
||||
this.$message.warning({ |
||||
message: res.data.msg, |
||||
onClose: function () { |
||||
message: res.data.data.msg, |
||||
onClose: function() { |
||||
this.closeWindow(); |
||||
} |
||||
}, |
||||
}); |
||||
|
||||
} |
||||
}); |
||||
}, |
||||
closeWindow: function () { |
||||
if (navigator.userAgent.indexOf("Firefox") != -1 || navigator.userAgent.indexOf("Chrome") != -1) { |
||||
window.location.href = "about:blank"; |
||||
window.close(); |
||||
} else { |
||||
window.opener = null; |
||||
window.open("", "_self"); |
||||
window.close(); |
||||
this.$message.warning({ |
||||
message: res.data.msg, |
||||
onClose: function() { |
||||
this.closeWindow(); |
||||
}, |
||||
}); |
||||
} |
||||
}, |
||||
}); |
||||
}, |
||||
}; |
||||
closeWindow: function() { |
||||
if ( |
||||
navigator.userAgent.indexOf('Firefox') != -1 || |
||||
navigator.userAgent.indexOf('Chrome') != -1 |
||||
) { |
||||
window.location.href = 'about:blank'; |
||||
window.close(); |
||||
} else { |
||||
window.opener = null; |
||||
window.open('', '_self'); |
||||
window.close(); |
||||
} |
||||
}, |
||||
}, |
||||
}; |
||||
</script> |
||||
<style> |
||||
|
||||
.btn-self-style { |
||||
background: #f56c6c !important; |
||||
color: #fff !important; |
||||
} |
||||
.btn-self-style { |
||||
background: #f56c6c !important; |
||||
color: #fff !important; |
||||
} |
||||
</style> |
||||
|
||||
Loading…
Reference in new issue