<template>
<div class="login">
<el-form-item style="width:300px;">
<el-button type="primary" @click="submitForm()" style="width:300px;height:50px;">登录</el-button>
</el-form-item>
</el-form>
</div>
</template>
<script>
export default {
data() {
return {
},
},
methods: {
submitForm(formName) {
this.aa()
},
set_ALY_config() {
var _this = this
return new Promise((resolve, reject) => {
var nc_token = ["CF_APP_1", (new Date()).getTime(), Math.random()].join(':');
window.NVC_Opt = {
appkey: this.alyConfig.Appkey,
scene: this.alyConfig.Scene,
token: nc_token,
isH5: false,
popUp: false,
renderTo: '#captcha',
nvcCallback: function(data) {
},
nvcCallback: function(data) {
},
language: "cn",
customWidth: 300,
customHeight: 40,
width: 500,
height: 125,
elements: [
"//img.alicdn.com/tfs/TB17cwllsLJ8KJjy0FnXXcFDpXa-50-74.png",
"//img.alicdn.com/tfs/TB17cwllsLJ8KJjy0FnXXcFDpXa-50-74.png"
],
bg_back_prepared: "//img.alicdn.com/tps/TB1skE5SFXXXXb3XXXXXXXXXXXX-100-80.png",
bg_front: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABQCAMAAADY1yDdAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAADUExURefk5w+ruswAAAAfSURBVFjD7cExAQAAAMKg9U9tCU+gAAAAAAAAAIC3AR+QAAFPlUGoAAAAAElFTkSuQmCC",
obj_ok: "//img.alicdn.com/tfs/TB1rmyTltfJ8KJjy0FeXXXKEXXa-50-74.png",
bg_back_pass: "//img.alicdn.com/tfs/TB1KDxCSVXXXXasXFXXXXXXXXXX-100-80.png",
obj_error: "//img.alicdn.com/tfs/TB1q9yTltfJ8KJjy0FeXXXKEXXa-50-74.png",
bg_back_fail: "//img.alicdn.com/tfs/TB1w2oOSFXXXXb4XpXXXXXXXXXX-100-80.png",
upLang: {
"cn": {
_ggk_guide: "请摁住鼠标左键，刮出两面盾牌",
_ggk_success: "恭喜您成功刮出盾牌
继续下一步操作吧",
_ggk_loading: "加载中",
_ggk_fail: ['呀，盾牌不见了
请', "javascript:noCaptcha.reset()", '再来一次', '或',
"http://survey.taobao.com/survey/QgzQDdDd?token=%TOKEN", '反馈问题'
],
_ggk_action_timeout: ['我等得太久啦
请', "javascript:noCaptcha.reset()", '再来一次', '或',
"http://survey.taobao.com/survey/QgzQDdDd?token=%TOKEN", '反馈问题'
],
_ggk_net_err: ['网络实在不给力
请', "javascript:noCaptcha.reset()", '再来一次', '或',
"http://survey.taobao.com/survey/QgzQDdDd?token=%TOKEN", '反馈问题'
],
_ggk_too_fast: ['您刮得太快啦
请', "javascript:noCaptcha.reset()", '再来一次', '或',
"http://survey.taobao.com/survey/QgzQDdDd?token=%TOKEN", '反馈问题'
]
}
},
callback: function(data) {
let Appkey = 'FFFF0N00000000008DA2';
let Scene = 'nvc_login';
let client = sessionStorage.getItem('client')
const xhr = new XMLHttpRequest();
xhr.open('get', baseURL.baseURL+'/slidingVerification?' + 'token=' + nc_token +
'&sig=' + data.sig + '&scene=' + Scene + '&sessionId=' + data.csessionid+'&client='+client, true);
xhr.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
xhr.send();
xhr.onreadystatechange = function() {
if (xhr.readyState == 4 && xhr.status == 200) {
const data = xhr.responseText;
const json = JSON.parse(data)
sessionStorage.setItem('token', json.data.token)
}
};
},
}
resolve()
})
},
yourRegisterRequest(url, params) {
let _this=this
var callbackName = ('jsonp_' + Math.random()).replace('.', '');
params += '&callback=' + callbackName;
var o_scripts = document.getElementsByTagName("script")[0];
var o_s = document.createElement('script');
o_scripts.parentNode.insertBefore(o_s, o_scripts);
window[callbackName] = function(json) {
if (json.data.code == 100 || json.data.code == 200) {
sessionStorage.setItem('token', json.data.token)
sessionStorage.setItem('client',_this.ruleForm.client)
nvcReset();
_this.loginPost()
} else if (json.data.code == 800 || json.data.code == 900) {
_this.$message({
type: "info",
message: "当前登录环境异常，请稍后再试！"
});
nvcReset();
} else {
getNC().then(function() {
_nvc_nc.upLang('cn', {
_startTEXT: "请按住滑块，拖动到最右边",
_yesTEXT: "验证通过",
_error300: "哎呀，出错了，点击刷新再来一次",
_errorNetwork: "网络不给力，请点击刷新",
})
_nvc_nc.reset()
})
}
};
o_s.src = url + '? ' + params;
},
get_ALY_file() {
try {
var stamp = new Date().getTime();
var script = document.createElement('script');
script.setAttribute('type', 'text/javascript');
script.setAttribute('src', 'https://g.alicdn.com/sd/nvc/1.1.112/guide.js?t=' + stamp);
document.documentElement.appendChild(script);
} catch (e) {
}
},
aa() {
var params = 'nvc=' + getNVCVal()+'&client='+this.ruleForm.client;
this.yourRegisterRequest(baseURL.baseURL+'/noTraceValidation', params)
},
loginPost(){
let client = sessionStorage.getItem('client')
console.log(client,'联系程序开发者')
this.$post("login", {
pwd: this.ruleForm.password,
username: this.ruleForm.name,
token: sessionStorage.getItem('token'),
client: client,
}).then(response => {
if (response.code == 200) {
console.log(response);
this.$router.push({
path: "/home"
});
location.reload();
} else {
sessionStorage.removeItem('token');
sessionStorage.removeItem('client');
this.msg = response.msg;
this.open4();
this.ruleForm.img = "";
this.ruleForm.img = baseURL.baseURL + "/imgCode?" + Math.random();
}
});
}
},
created() {
this.ruleForm.client = Date.now();
console.log(this.ruleForm.client)
this.ruleForm.img = baseURL.baseURL + "/imgCode"
var _self = this;
document.onkeydown = function(e) {
var key = window.event.keyCode;
if (key === 13) {
console.log(111);
_self.searchEnterFun();
}
};
this.set_ALY_config().then(res => {
this.get_ALY_file()
})
}
};
</script>
