Commit 2b81d85b authored by Z's avatar Z

Z: Dot: Change LoginPage's logo's words.

parent 8252a3c9
...@@ -60,7 +60,7 @@ ...@@ -60,7 +60,7 @@
<el-table-column type="selection" width="60"></el-table-column> <el-table-column type="selection" width="60"></el-table-column>
<el-table-column prop="name" label="门店名称" align="center"></el-table-column> <el-table-column prop="name" label="门店名称" align="center"></el-table-column>
<el-table-column prop="type" label="门店类型" align="center" width="120"></el-table-column> <el-table-column prop="type" label="门店类型" align="center" width="120"></el-table-column>
<el-table-column prop label="门店负责人" align="center" width="120"></el-table-column> <el-table-column prop=“principal” label="门店负责人" align="center" width="120"></el-table-column>
<el-table-column prop="signNum" label="所属柜组" align="center" width="120"></el-table-column> <el-table-column prop="signNum" label="所属柜组" align="center" width="120"></el-table-column>
<el-table-column prop="location" label="位置" align="center" width="120"></el-table-column> <el-table-column prop="location" label="位置" align="center" width="120"></el-table-column>
<el-table-column prop="shopId" label="门牌号" align="center" width="120"></el-table-column> <el-table-column prop="shopId" label="门牌号" align="center" width="120"></el-table-column>
...@@ -221,7 +221,7 @@ export default { ...@@ -221,7 +221,7 @@ export default {
}, },
methods: { methods: {
storeGetMainList() { storeGetMainList() {
zlog("--->In Get API!"); // zlog("--->In Get API!");
ApiStoreGetMainList().then(res => { ApiStoreGetMainList().then(res => {
this.list.mainV = res.data.adminStalls; this.list.mainV = res.data.adminStalls;
}); });
......
...@@ -95,7 +95,7 @@ ...@@ -95,7 +95,7 @@
<el-table-column prop="taskDetail" label="任务详情" align="center" style="min-width: 200px;"></el-table-column> <el-table-column prop="taskDetail" label="任务详情" align="center" style="min-width: 200px;"></el-table-column>
<el-table-column label="状态" align="center" width="160"> <el-table-column label="状态" align="center" width="160">
<template slot-scope="scope">{{ scope.row.taskStatus }}</template> <template slot-scope="scope">{{ scope.row.taskStatus === 'send' ? '已发布' : '未发布' }}</template>
</el-table-column> </el-table-column>
<el-table-column label="操作" align="center" fixed="right" width="240"> <el-table-column label="操作" align="center" fixed="right" width="240">
......
...@@ -13,7 +13,7 @@ export default { ...@@ -13,7 +13,7 @@ export default {
* @param {Object} payload password {String} 密码 * @param {Object} payload password {String} 密码
* @param {Object} payload route {Object} 登录成功后定向的路由对象 任何 vue-router 支持的格式 * @param {Object} payload route {Object} 登录成功后定向的路由对象 任何 vue-router 支持的格式
*/ */
login ({ dispatch }, { login({ dispatch }, {
loginName = '', loginName = '',
loginPwd = '' loginPwd = ''
} = {}) { } = {}) {
...@@ -26,10 +26,10 @@ export default { ...@@ -26,10 +26,10 @@ export default {
.then(async res => { .then(async res => {
// token 代表用户当前登录状态 建议在网络请求中携带 token // token 代表用户当前登录状态 建议在网络请求中携带 token
// 如有必要 token 需要定时更新,默认保存一天 // 如有必要 token 需要定时更新,默认保存一天
if(res.result == 'fail'){ if (res.result == 'fail') {
console.log('err: ', res.errorMsg) console.log('err: ', res.errorMsg)
reject(res) reject(res)
}else { } else {
util.cookies.set('token', res.data) util.cookies.set('token', res.data)
// 用户登录后从持久化数据加载一系列的设置 // 用户登录后从持久化数据加载一系列的设置
await dispatch('load') await dispatch('load')
...@@ -39,7 +39,7 @@ export default { ...@@ -39,7 +39,7 @@ export default {
}) })
.catch(err => { .catch(err => {
console.log('err: ', err) console.log('err: ', err)
reject(err) // reject(err)
}) })
}) })
}, },
...@@ -48,11 +48,11 @@ export default { ...@@ -48,11 +48,11 @@ export default {
* @param {Object} context * @param {Object} context
* @param {Object} payload confirm {Boolean} 是否需要确认 * @param {Object} payload confirm {Boolean} 是否需要确认
*/ */
logout ({ commit, dispatch }, { confirm = false } = {}) { logout({ commit, dispatch }, { confirm = false } = {}) {
/** /**
* @description 注销 * @description 注销
*/ */
async function logout () { async function logout() {
// 删除cookie // 删除cookie
util.cookies.remove('token') util.cookies.remove('token')
// 跳转路由 // 跳转路由
...@@ -84,7 +84,7 @@ export default { ...@@ -84,7 +84,7 @@ export default {
* @description 用户登录后从持久化数据加载一系列的设置 * @description 用户登录后从持久化数据加载一系列的设置
* @param {Object} context * @param {Object} context
*/ */
load ({ dispatch }) { load({ dispatch }) {
return new Promise(async resolve => { return new Promise(async resolve => {
// DB -> store 加载用户名 // DB -> store 加载用户名
await dispatch('d2admin/user/load', null, { root: true }) await dispatch('d2admin/user/load', null, { root: true })
......
...@@ -14,7 +14,7 @@ const service = axios.create({ ...@@ -14,7 +14,7 @@ const service = axios.create({
// request 拦截器 // request 拦截器
service.interceptors.request.use( service.interceptors.request.use(
request => { request => {
zlog('--->request: request:', request) // zlog('--->request: request:', request)
return request return request
}, },
error => { error => {
......
...@@ -4,27 +4,23 @@ ...@@ -4,27 +4,23 @@
<ul class="circles" style="2px solid greed;"> <ul class="circles" style="2px solid greed;">
<li v-for="n in 10" :key="n"></li> <li v-for="n in 10" :key="n"></li>
</ul> </ul>
</div> --> </div>-->
<!-- <div <!-- <div
class="page-login--layer page-login--layer-time loginbktime" class="page-login--layer page-login--layer-time loginbktime"
flex="main:center cross:center"> flex="main:center cross:center">
{{time}} {{time}}
</div> --> </div>-->
<div class="page-login--layer"> <div class="page-login--layer">
<div <div class="page-login--content" flex="dir:top main:justify cross:stretch box:justify">
class="page-login--content"
flex="dir:top main:justify cross:stretch box:justify">
<div class="page-login--content-header"> <div class="page-login--content-header">
<!-- <p class="page-login--content-header-motto"> <!-- <p class="page-login--content-header-motto">
时间是一切财富中最宝贵的财富 时间是一切财富中最宝贵的财富
</p> --> </p>-->
</div> </div>
<div <div class="page-login--content-main" flex="dir:top main:center cross:center">
class="page-login--content-main"
flex="dir:top main:center cross:center">
<!-- logo --> <!-- logo -->
<div> <div>
<p style="font-size: 30px;margin-bottom: 20px ;color: #545252">亿分管理系统</p> <p style="font-size: 30px;margin-bottom: 20px ;color: #545252">亿分管理系统</p>
</div> </div>
<!-- form --> <!-- form -->
<div class="page-login--form"> <div class="page-login--form">
...@@ -34,97 +30,83 @@ ...@@ -34,97 +30,83 @@
label-position="top" label-position="top"
:rules="rules" :rules="rules"
:model="formLogin" :model="formLogin"
size="default"> size="default"
>
<el-form-item prop="username"> <el-form-item prop="username">
<el-input <el-input type="text" v-model="formLogin.username" placeholder="用户名">
type="text"
v-model="formLogin.username"
placeholder="用户名">
<i slot="prepend" class="fa fa-user-circle-o"></i> <i slot="prepend" class="fa fa-user-circle-o"></i>
</el-input> </el-input>
</el-form-item> </el-form-item>
<el-form-item prop="password"> <el-form-item prop="password">
<el-input <el-input type="password" v-model="formLogin.password" placeholder="密码">
type="password"
v-model="formLogin.password"
placeholder="密码">
<i slot="prepend" class="fa fa-keyboard-o"></i> <i slot="prepend" class="fa fa-keyboard-o"></i>
</el-input> </el-input>
</el-form-item> </el-form-item>
<el-button <el-button
size="default" size="default"
@click="loginSubmit" @click="loginSubmit"
type="primary" type="primary"
class="button-login"> class="button-login"
登录 >登录</el-button>
</el-button>
</el-form> </el-form>
</el-card> </el-card>
<p <p class="page-login--options" flex="main:justify cross:center"></p>
class="page-login--options"
flex="main:justify cross:center">
</p>
</div> </div>
</div> </div>
<div class="page-login--content-footer"> <div class="page-login--content-footer"></div>
</div>
</div> </div>
</div> </div>
</div> </div>
</template> </template>
<script> <script>
import dayjs from 'dayjs' import dayjs from "dayjs";
import { mapActions } from 'vuex' import { mapActions } from "vuex";
import localeMixin from '@/locales/mixin.js' import localeMixin from "@/locales/mixin.js";
import { ApiLoginSubmit } from "@api/login/main"; import { ApiLoginSubmit } from "@api/login/main";
import md5 from "js-md5"; import md5 from "js-md5";
export default { export default {
mixins: [ mixins: [localeMixin],
localeMixin data() {
],
data () {
return { return {
timeInterval: null, timeInterval: null,
time: dayjs().format('HH:mm:ss'), time: dayjs().format("HH:mm:ss"),
// 快速选择用户 // 快速选择用户
dialogVisible: false, dialogVisible: false,
formLogin: { formLogin: {
username: '18888888888', username: "18888888888",
password: 'admin123', password: "admin123"
}, },
// 表单校验 // 表单校验
rules: { rules: {
username: [ username: [
{ {
required: true, required: true,
message: '请输入用户名', message: "请输入用户名",
trigger: 'blur' trigger: "blur"
} }
], ],
password: [ password: [
{ {
required: true, required: true,
message: '请输入密码', message: "请输入密码",
trigger: 'blur' trigger: "blur"
} }
] ]
} }
} };
}, },
mounted () { mounted() {
this.timeInterval = setInterval(() => { this.timeInterval = setInterval(() => {
this.refreshTime() this.refreshTime();
}, 1000) }, 1000);
}, },
beforeDestroy () { beforeDestroy() {
clearInterval(this.timeInterval) clearInterval(this.timeInterval);
}, },
methods: { methods: {
...mapActions('d2admin/account', [ ...mapActions("d2admin/account", ["login"]),
'login'
]),
// loginSubmit(){ // loginSubmit(){
// let postData = { // let postData = {
...@@ -139,15 +121,15 @@ export default { ...@@ -139,15 +121,15 @@ export default {
// } // }
// }) // })
// }, // },
refreshTime () { refreshTime() {
this.time = dayjs().format('HH:mm:ss') this.time = dayjs().format("HH:mm:ss");
}, },
/** /**
* @description 提交表单 * @description 提交表单
*/ */
// 提交登录信息 // 提交登录信息
loginSubmit () { loginSubmit() {
this.$refs.loginForm.validate((valid) => { this.$refs.loginForm.validate(valid => {
if (valid) { if (valid) {
// 登录 // 登录
// 注意 这里的演示没有传验证码 // 注意 这里的演示没有传验证码
...@@ -155,26 +137,25 @@ export default { ...@@ -155,26 +137,25 @@ export default {
this.login({ this.login({
loginName: this.formLogin.username, loginName: this.formLogin.username,
loginPwd: md5(this.formLogin.password) loginPwd: md5(this.formLogin.password)
}) }).then(() => {
.then(() => { // 重定向对象不存在则返回顶层路径
// 重定向对象不存在则返回顶层路径 // this.$router.replace(this.$route.query.redirect || '/home/main')
// this.$router.replace(this.$route.query.redirect || '/home/main') this.$router.replace(this.$route.query.redirect || "/in/contact");
this.$router.replace(this.$route.query.redirect || '/in/contact') });
})
} else { } else {
// 登录表单校验失败 // 登录表单校验失败
this.$message.error('表单校验失败,请检查') this.$message.error("表单校验失败,请检查");
} }
}) });
} }
} }
} };
</script> </script>
<style lang="scss"> <style lang="scss">
.page-login { .page-login {
@extend %unable-select; @extend %unable-select;
$backgroundColor: #F0F2F5; $backgroundColor: #f0f2f5;
// --- // ---
background-color: $backgroundColor; background-color: $backgroundColor;
height: 100%; height: 100%;
...@@ -296,7 +277,7 @@ export default { ...@@ -296,7 +277,7 @@ export default {
color: $color-text-normal; color: $color-text-normal;
a { a {
color: $color-text-normal; color: $color-text-normal;
margin: 0 .5em; margin: 0 0.5em;
&:hover { &:hover {
color: $color-text-main; color: $color-text-main;
} }
...@@ -342,16 +323,16 @@ export default { ...@@ -342,16 +323,16 @@ export default {
list-style: none; list-style: none;
width: 20px; width: 20px;
height: 20px; height: 20px;
background: #FFF; background: #fff;
animation: animate 25s linear infinite; animation: animate 25s linear infinite;
bottom: -200px; bottom: -200px;
@keyframes animate { @keyframes animate {
0%{ 0% {
transform: translateY(0) rotate(0deg); transform: translateY(0) rotate(0deg);
opacity: 1; opacity: 1;
border-radius: 0; border-radius: 0;
} }
100%{ 100% {
transform: translateY(-1000px) rotate(720deg); transform: translateY(-1000px) rotate(720deg);
opacity: 0; opacity: 0;
border-radius: 50%; border-radius: 50%;
...@@ -428,7 +409,7 @@ export default { ...@@ -428,7 +409,7 @@ export default {
</style> </style>
<style scoped> <style scoped>
.loginbktime{ .loginbktime {
/*border: 2px solid red;*/ /*border: 2px solid red;*/
} }
</style> </style>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment