登录和首页优化

This commit is contained in:
暮光:城中城
2019-06-28 22:03:52 +08:00
parent eb7112b956
commit 9d6ab9e159
8 changed files with 60 additions and 41 deletions

View File

@@ -1,6 +1,6 @@
{ {
"name": "element-starter", "name": "console-ui",
"description": "A Vue.js project", "description": "console-ui",
"author": "yi.shyang@ele.me", "author": "yi.shyang@ele.me",
"private": true, "private": true,
"scripts": { "scripts": {
@@ -9,7 +9,7 @@
}, },
"dependencies": { "dependencies": {
"axios": "^0.18.0", "axios": "^0.18.0",
"element-ui": "^2.3.4", "element-ui": "^2.10.0",
"vue": "^2.5.16", "vue": "^2.5.16",
"vue-axios": "^2.1.4", "vue-axios": "^2.1.4",
"vue-router": "^3.0.6", "vue-router": "^3.0.6",

View File

@@ -78,6 +78,7 @@
mounted: function () { mounted: function () {
app = this; app = this;
global.vue.$app = this; global.vue.$app = this;
this.getUserInfo();
this.checkSystemUpgrade(); this.checkSystemUpgrade();
}, },
methods: { methods: {
@@ -97,6 +98,15 @@
toast.notOpen(); toast.notOpen();
} }
}, },
userSignOut() {
this.common.post(this.apilist1.userLogout, {}, function (json) {
location.reload();
});
},
getUserInfo() {
this.common.post(this.apilist1.getUserBaseInfo, {}, function (json) {
});
},
checkSystemUpgrade() { checkSystemUpgrade() {
this.common.post(this.apilist1.systemUpgradeInfo, {}, function (json) { this.common.post(this.apilist1.systemUpgradeInfo, {}, function (json) {
if (!!json.data) { if (!!json.data) {

View File

@@ -8,11 +8,11 @@ var _fn = {
// HOST: 'http://local.zyplayer.com:8083/zyplayer-doc-manage', // HOST: 'http://local.zyplayer.com:8083/zyplayer-doc-manage',
// HOST1: 'http://local.zyplayer.com:8083/zyplayer-doc-manage', // HOST1: 'http://local.zyplayer.com:8083/zyplayer-doc-manage',
// 也可以直接使用线上的服务调试 // 也可以直接使用线上的服务调试
// HOST: 'http://doc.zyplayer.com/zyplayer-doc-manage', HOST: 'http://doc.zyplayer.com/zyplayer-doc-manage',
// HOST1: 'http://doc.zyplayer.com/zyplayer-doc-manage', HOST1: 'http://doc.zyplayer.com/zyplayer-doc-manage',
// 打包时使用下面这两行,文件就放在根目录下,所以当前路劲就好 // 打包时使用下面这两行,文件就放在根目录下,所以当前路劲就好
HOST: './', // HOST: './',
HOST1: './', // HOST1: './',
mixUrl: function (host, url) { mixUrl: function (host, url) {
var p; var p;

View File

@@ -24,7 +24,7 @@ export default {
} else if (res.data.errCode == 400) { } else if (res.data.errCode == 400) {
global.vue.$message('请先登录'); global.vue.$message('请先登录');
var href = encodeURIComponent(window.location.href); var href = encodeURIComponent(window.location.href);
window.location = apimix.apilist1.HOST + "/static/manage/login.html?redirect=" + href; global.vue.$router.push({path: '/user/login', query: {redirect: href}});
} else if (res.data.errCode == 402) { } else if (res.data.errCode == 402) {
global.vue.$router.push("/common/noAuth"); global.vue.$router.push("/common/noAuth");
} else if (res.data.errCode !== 200) { } else if (res.data.errCode !== 200) {

View File

@@ -37,7 +37,7 @@
<el-card class="box-card"> <el-card class="box-card">
<div slot="header" class="clearfix"> <div slot="header" class="clearfix">
<span>二方库-集成代理版</span> <span>二方库-集成代理版</span>
<a target="_blank" href="http://doc.zyplayer.com/zyplayer-doc-manage/doc-wiki#/page/show?spaceId=1&pageId=76"><i class="el-icon-info" style="color: #999;"></i></a> <a target="_blank" href="http://doc.zyplayer.com/zyplayer-doc-manage/open-wiki.html?pageId=76&space=23f3f59a60824d21af9f7c3bbc9bc3cb"><i class="el-icon-info" style="color: #999;"></i></a>
</div> </div>
<div class="product-list"> <div class="product-list">
<el-tooltip effect="dark" content="swagger的原生官方文档" placement="top-start"> <el-tooltip effect="dark" content="swagger的原生官方文档" placement="top-start">

View File

@@ -1,19 +1,21 @@
<template> <template>
<el-form :model="loginParam" :rules="loginRules" ref="loginParam" label-position="left" label-width="0px" <div style="padding-top: 50px;">
class="demo-ruleForm login-container"> <el-form :model="loginParam" :rules="loginRules" ref="loginParam" label-position="left" label-width="0px"
<h3 class="title">系统登录</h3> class="demo-ruleForm login-container">
<el-form-item prop="userNo"> <h3 class="title">系统登录</h3>
<el-input type="text" v-model="loginParam.userNo" auto-complete="off" placeholder="账号"></el-input> <el-form-item prop="username">
</el-form-item> <el-input type="text" v-model="loginParam.username" auto-complete="off" placeholder="账号"></el-input>
<el-form-item prop="password"> </el-form-item>
<el-input type="password" v-model="loginParam.password" auto-complete="off" placeholder="密码"></el-input> <el-form-item prop="password">
</el-form-item> <el-input type="password" v-model="loginParam.password" auto-complete="off" placeholder="密码"></el-input>
<el-form-item style="width:100%;"> </el-form-item>
<el-button type="primary" style="width:100%;" @click.native.prevent="loginSubmit" :loading="logining">登录 <el-form-item style="width:100%;">
</el-button> <el-button type="primary" style="width:100%;" @click.native.prevent="loginSubmit" :loading="logining">登录
<!--<el-button @click.native.prevent="handleReset2">重置</el-button>--> </el-button>
</el-form-item> <!--<el-button @click.native.prevent="handleReset2">重置</el-button>-->
</el-form> </el-form-item>
</el-form>
</div>
</template> </template>
<script> <script>
@@ -21,12 +23,13 @@
data() { data() {
return { return {
logining: false, logining: false,
redirect: '',
loginParam: { loginParam: {
userNo: '', username: '',
password: '' password: ''
}, },
loginRules: { loginRules: {
userNo: [ username: [
{required: true, message: '请输入账号', trigger: 'blur'}, {required: true, message: '请输入账号', trigger: 'blur'},
], ],
password: [ password: [
@@ -36,21 +39,20 @@
checked: true checked: true
}; };
}, },
mounted: function () {
this.redirect = this.$route.query.redirect;
},
methods: { methods: {
loginSubmit(ev) { loginSubmit() {
var that = this; var that = this;
this.$refs.loginParam.validate((valid) => { this.$refs.loginParam.validate((valid) => {
if (!valid) return; if (!valid) return;
that.common.post(that.apilist1.userLogin, that.loginParam, function (json) { that.common.post(that.apilist1.userLogin, that.loginParam, function (json) {
// 设置cookie if(!!that.redirect) {
var token = escape(json.data); location.href = decodeURIComponent(that.redirect);
var exp = new Date(); } else {
exp.setTime(exp.getTime() + 30 * 24 * 60 * 60 * 1000); that.$router.back();
document.cookie = "accessToken=" + token + ";expires=" + exp.toGMTString(); }
that.common.setAccessToken(token);
// 跳转
that.global.user.isLogin = true;
that.$router.push("/user/wxLogin");
}); });
}); });
} }
@@ -64,7 +66,7 @@
border-radius: 5px; border-radius: 5px;
-moz-border-radius: 5px; -moz-border-radius: 5px;
background-clip: padding-box; background-clip: padding-box;
margin: 80px auto; margin: 0 auto;
width: 350px; width: 350px;
padding: 35px 35px 15px 35px; padding: 35px 35px 15px 35px;
background: #fff; background: #fff;

View File

@@ -34,7 +34,7 @@ module.exports = (options = {}) => ({
use: [{ use: [{
loader: 'url-loader', loader: 'url-loader',
options: { options: {
limit: 10000 limit: 800000
} }
}] }]
} }

View File

@@ -1432,14 +1432,16 @@ electron-to-chromium@^1.2.7:
version "1.3.8" version "1.3.8"
resolved "http://registry.npm.taobao.org/electron-to-chromium/download/electron-to-chromium-1.3.8.tgz#b2c8a2c79bb89fbbfd3724d9555e15095b5f5fb6" resolved "http://registry.npm.taobao.org/electron-to-chromium/download/electron-to-chromium-1.3.8.tgz#b2c8a2c79bb89fbbfd3724d9555e15095b5f5fb6"
element-ui@^2.3.4: element-ui@^2.10.0:
version "2.3.4" version "2.10.0"
resolved "https://registry.yarnpkg.com/element-ui/-/element-ui-2.3.4.tgz#d6d6b057a4acf4caa5e9fd9f1a78bd89c8845e4f" resolved "https://registry.npm.taobao.org/element-ui/download/element-ui-2.10.0.tgz?cache=0&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Felement-ui%2Fdownload%2Felement-ui-2.10.0.tgz#e6129f6b6d6ffe0dbad125a4a8d17d447a5f639c"
integrity sha1-5hKfa21v/g260SWkqNF9RHpfY5w=
dependencies: dependencies:
async-validator "~1.8.1" async-validator "~1.8.1"
babel-helper-vue-jsx-merge-props "^2.0.0" babel-helper-vue-jsx-merge-props "^2.0.0"
deepmerge "^1.2.0" deepmerge "^1.2.0"
normalize-wheel "^1.0.1" normalize-wheel "^1.0.1"
resize-observer-polyfill "^1.5.0"
throttle-debounce "^1.0.1" throttle-debounce "^1.0.1"
elliptic@^6.0.0: elliptic@^6.0.0:
@@ -3319,6 +3321,11 @@ requires-port@1.0.x, requires-port@1.x.x:
version "1.0.0" version "1.0.0"
resolved "http://registry.npm.taobao.org/requires-port/download/requires-port-1.0.0.tgz#925d2601d39ac485e091cf0da5c6e694dc3dcaff" resolved "http://registry.npm.taobao.org/requires-port/download/requires-port-1.0.0.tgz#925d2601d39ac485e091cf0da5c6e694dc3dcaff"
resize-observer-polyfill@^1.5.0:
version "1.5.1"
resolved "https://registry.npm.taobao.org/resize-observer-polyfill/download/resize-observer-polyfill-1.5.1.tgz?cache=0&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fresize-observer-polyfill%2Fdownload%2Fresize-observer-polyfill-1.5.1.tgz#0e9020dd3d21024458d4ebd27e23e40269810464"
integrity sha1-DpAg3T0hAkRY1OvSfiPkAmmBBGQ=
resolve@^1.4.0: resolve@^1.4.0:
version "1.5.0" version "1.5.0"
resolved "https://registry.yarnpkg.com/resolve/-/resolve-1.5.0.tgz#1f09acce796c9a762579f31b2c1cc4c3cddf9f36" resolved "https://registry.yarnpkg.com/resolve/-/resolve-1.5.0.tgz#1f09acce796c9a762579f31b2c1cc4c3cddf9f36"