Skip to content

D
dsk-cr20g
Commit d63c1bc8 authored by danfuman's avatar danfuman
Browse files
Options

修改

parent f323b1d0
Expand all Hide whitespace changes
Inline Side-by-side
Showing with 717 additions and 142 deletions
dsk-operate-ui/src/assets/images/login/img.png 0 → 100644
View file @ d63c1bc8
This diff is collapsed.
dsk-operate-ui/src/views/index.vue
View file @ d63c1bc8
This diff is collapsed.
dsk-operate-ui/src/views/login.vue
View file @ d63c1bc8
<template> <template>
<div class="login"> <div class="login">
<el-form ref="loginForm" :model="loginForm" :rules="loginRules" class="login-form"> <div class="content">
<h3 class="title"><img src="../assets/images/title_icon.png"/>欢迎登录系统</h3> <div class="left">
<el-form-item prop="username"> <img class="logo" src="../assets/images/logo1.png" />
<el-input <img class="img" src="../assets/images/login/img.png" />
v-model="loginForm.username" </div>
type="text" <el-form ref="loginForm" :model="loginForm" :rules="loginRules" class="login-form">
auto-complete="off" <h3 class="title"><img src="../assets/images/title_icon.png"/>欢迎登录系统</h3>
placeholder="请输入登录账号" <el-form-item prop="username">
> <el-input
<img class="img" slot="prefix" src="../assets/images/user.png"/> v-model="loginForm.username"
</el-input> type="text"
</el-form-item> auto-complete="off"
<el-form-item prop="password"> placeholder="请输入登录账号"
<el-input >
v-model="loginForm.password" <img class="img" slot="prefix" src="../assets/images/user.png"/>
type="password" </el-input>
auto-complete="off" </el-form-item>
placeholder="请输入账号密码" <el-form-item prop="password">
@keyup.enter.native="handleLogin" <el-input
> v-model="loginForm.password"
<img class="img" slot="prefix" src="../assets/images/password.png"/> type="password"
</el-input> auto-complete="off"
</el-form-item> placeholder="请输入账号密码"
<el-form-item prop="code" v-if="captchaEnabled"> @keyup.enter.native="handleLogin"
<el-input >
v-model="loginForm.code" <img class="img" slot="prefix" src="../assets/images/password.png"/>
auto-complete="off" </el-input>
placeholder="请输入验证码" </el-form-item>
style="width: 56%;float: left;" <el-form-item prop="code" v-if="captchaEnabled">
@keyup.enter.native="handleLogin" <el-input
> v-model="loginForm.code"
<img class="img" slot="prefix" src="../assets/images/validCode.png"/> auto-complete="off"
</el-input> placeholder="请输入验证码"
<div class="login-code"> style="width: 56%;float: left;"
<img :src="codeUrl" @click="getCode" class="login-code-img"/> @keyup.enter.native="handleLogin"
</div> >
</el-form-item> <img class="img" slot="prefix" src="../assets/images/validCode.png"/>
<el-checkbox v-model="loginForm.rememberMe" style="margin:0px 0px 25px 48px;">记住密码</el-checkbox> </el-input>
<el-form-item style="width:100%;"> <div class="login-code">
<el-button <img :src="codeUrl" @click="getCode" class="login-code-img"/>
:loading="loading" </div>
size="medium" </el-form-item>
type="primary" <el-checkbox v-model="loginForm.rememberMe" style="margin:0px 0px 25px 48px;">记住密码</el-checkbox>
style="width:100%;height: 48px;border-radius: 4px;font-size: 16px;" <el-form-item style="width:100%;">
@click.native.prevent="handleLogin" <el-button
> :loading="loading"
<span v-if="!loading">登 录</span> size="medium"
<span v-else>登 录 中...</span> type="primary"
</el-button> style="width:100%;height: 48px;border-radius: 4px;font-size: 16px;"
<div style="float: right;" v-if="register"> @click.native.prevent="handleLogin"
<router-link class="link-type" :to="'/register'">立即注册</router-link> >
</div> <span v-if="!loading">登 录</span>
</el-form-item> <span v-else>登 录 中...</span>
</el-form> </el-button>
<div style="float: right;" v-if="register">
<router-link class="link-type" :to="'/register'">立即注册</router-link>
</div>
</el-form-item>
</el-form>
</div>
</div> </div>
</template> </template>
...@@ -153,12 +159,31 @@ export default { ...@@ -153,12 +159,31 @@ export default {
<style rel="stylesheet/scss" lang="scss"> <style rel="stylesheet/scss" lang="scss">
.login { .login {
display: flex; /*display: flex;*/
justify-content: center; justify-content: center;
align-items: center; align-items: center;
height: 100%; height: 100%;
background-image: url("../assets/images/login_bg.png"); background-image: url("../assets/images/login_bg.png");
background-size: cover; background-size: cover;
.content{
width: 1320px;
margin: 0 auto;
padding-top: 200px;
}
.left{
float: left;
width: 730px;
margin-right: 170px;
}
.logo{
width: 317px;
height: 69px;
margin-bottom: 58px;
}
.img{
width: 730px;
height: 624px;
}
} }
.title { .title {
padding: 46px 0 32px 48px; padding: 46px 0 32px 48px;
...@@ -177,6 +202,8 @@ export default { ...@@ -177,6 +202,8 @@ export default {
border-radius: 6px; border-radius: 6px;
background: #ffffff; background: #ffffff;
width: 420px; width: 420px;
float: right;
margin-top: 70px;
/*padding: 25px 25px 5px 25px;*/ /*padding: 25px 25px 5px 25px;*/
.el-form-item{ .el-form-item{
padding: 0 48px; padding: 0 48px;
......
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