Skip to content

S
sup-server
Commit ac2bd44c authored by huangjie's avatar huangjie
Browse files
Options

no message

parent 8e33f29f
Expand all Hide whitespace changes
Inline Side-by-side
Showing with 1024 additions and 13953 deletions
dsk-srm-server/package-lock.json
View file @ ac2bd44c
This diff is collapsed.
dsk-srm-server/src/login.vue
View file @ ac2bd44c
......@@ -12,20 +12,77 @@
<div class="login">
<img class="logintop" src="@/assets/images/ico02.png">
<h3>智慧供应商管理系统</h3>
<div class="inputs">
<input placeholder="请输入登录账号">
</div>
<div class="inputs">
<input placeholder="请输入账号密码">
</div>
<div class="inputs">
<input placeholder="" class="small">
<div class="login-code">
<!--<img :src="codeUrl" @click="getCode" class="login-code-img" />-->
<div class="loginbox">
<div class="logionhead" v-if="type !='tjmm' && type!='wjmm'">
<div class="title" :class="{'on': type=='yzm'}" @click="type='yzm'">验证码登录</div>
<div class="title" :class="{'on': type=='mima'}" @click="type='mima'">密码登录</div>
</div>
<div class="logoncont" v-if="type=='mima'">
<div class="inputs">
<el-input placeholder="请输入企业名称"></el-input>
</div>
<div class="inputs">
<el-input placeholder="请输入登录密码"></el-input>
</div>
<div class="inputs">
<el-input width="191px" class="small" placeholder="请输入验证码"></el-input>
<div class="login-code">
<img :src="codeUrl" @click="getCode" class="login-code-img"/>
</div>
</div>
<div class="loginin" @click="login">登录</div>
<div class="loginzc">
<p @click="type='wjmm'">忘记密码</p>
<p>没加入我们？现在就 <span @click="dialogVisible = true">注册</span></p>
</div>
</div>
<div class="logoncont" v-if="type=='yzm'">
<div class="inputs">
<el-input placeholder="请输入手机号" oninput="value=value.replace(/[^0-9]/g,'')"></el-input>
</div>
<div class="inputs">
<el-input placeholder="短信验证码" class="hqyzm">
<template slot="append">获取验证码
</template>
</el-input>
</div>
<div class="loginin" @click="yzmlogin">登录</div>
<div class="loginzc" style="justify-content:center">
<p>没加入我们？现在就 <span @click="dialogVisible = true">注册</span></p>
</div>
</div>
<div class="logoncont" v-if="type=='wjmm'">
<div class="inputs">
<el-input placeholder="请输入手机号" oninput="value=value.replace(/[^0-9]/g,'')"></el-input>
</div>
<div class="inputs">
<el-input placeholder="短信验证码" class="hqyzm">
<template slot="append">获取验证码</template>
</el-input>
</div>
<div class="inputs">
<el-input class="small" placeholder="请输入验证码"></el-input>
<div class="login-code">
<img :src="codeUrl" @click="getCode" class="login-code-img"/>
</div>
</div>
<div class="loginin" @click="type='tjmm'">下一步</div>
<div class="loginzc" style="justify-content: center">
<p><span @click="type='mima'">返回登录</span></p>
</div>
</div>
<div class="logoncont" v-if="type=='tjmm'">
<div class="inputs">
<el-input placeholder="请输入密码"></el-input>
</div>
<div class="inputs">
<el-input placeholder="请再次输入密码"></el-input>
</div>
<div class="loginin" @click="resetpwd">提交</div>
<div class="loginzc" style="justify-content: center">
</div>
</div>
</div>
<div class="loginin">登录</div>
<el-button @click="dialogVisible = true">注册</el-button>
<img class="loginbot" src="@/assets/images/ico03.png">
</div>
<el-dialog title="注册须知" custom-class="registration-policy" :visible.sync="dialogVisible" width="670px" close-on-click-modal>
......@@ -270,14 +327,15 @@
</template>
<script>
import footers from '@/components/foots'
import footers from '@/components/foots'
export default {
export default {
components: {footers},
data() {
return {
codeUrl:'',//图形验证码
dialogVisible: false,
agreeRegister: true,
agreeRegister: false,
registerType: 2,
form: {
phone:"",
......@@ -324,14 +382,55 @@
detail: [
{ required: true, message: '请输入企业简介', trigger: 'change' }
],
},
type:"yzm",//登录方式 密码：mima 验证码：yzm 忘记密码：wjmm 提交密码：tjmm
yzmparam:{
phone:'',
code:''
} ,
mimaparam:{
name:'',
pwd:'',
code:''
},
wjparam:{
name:'',
pwd:'',
code:'',
code1:''
},
resetparam:{
pwd:'',
}
};
},
computed: {
},
mounted() {
// this.getCode()
},
watch:{
type(val){
this.cleardata()
}
},
methods: {
//清空填写的登录数据
cleardata(){
},
//登录
login(){},
//验证码登录
yzmlogin(){},
//重置密码
resetpwd(){},
//获取验证码
getCode(){
this.getYZMimage().then(res=>{
this.codeUrl = res.data.imag
})
},
handleAvatarSuccess(res, file) {
console.log("上传成功")
this.ruleForm.imageUrl = URL.createObjectURL(file.raw)
......@@ -366,7 +465,53 @@
position: relative;
height: 100%;
width: 100%;
.loginbox{
margin-bottom: 24px;
.logionhead {
border-bottom: 1px solid #F0F0F0;
text-align: center;
margin-bottom: 32px;
.title {
font-size: 18px;
color: #666;
display: inline-block;
margin: 0 20px;
padding-bottom: 18px;
cursor: pointer;
}
.title.on {
color: #0081FF;
position: relative;
}
.title.on::after {
content: ' ';
width: 42px;
height: 3px;
background: #0081FF;
border-radius: 1px 1px 1px 1px;
position: absolute;
bottom: 0;
margin-left: -21px;
left: 50%;
}
}
}
.loginzc{
font-size: 12px;
margin-top: 24px;
display: flex;
justify-content: space-between;
padding: 0 52px 32px;
>p{
line-height: 20px;
color: #999999;
cursor: pointer;
>span{
cursor: pointer;
color: #0081ff;
}
}
}
.registration-head {
position: absolute;
width: 100vw;
......@@ -409,15 +554,14 @@
.login {
width: 426px;
height: 451px;
/*height: 451px;*/
background: #FFFFFF;
border-radius: 8px;
opacity: 1;
position: absolute;
top: 50%;
margin-top: -225px;
transform: translate(0,-50%);
right: 61px;
.logintop {
position: absolute;
left: 12px;
......@@ -426,7 +570,6 @@
> h3 {
font-size: 24px;
font-family: AlibabaPuHuiTi-Bold, AlibabaPuHuiTi;
font-weight: bold;
color: #0081FF;
text-align: center;
......@@ -439,18 +582,36 @@
margin-bottom: 24px;
padding: 0 43px;
input {
width: 338px;
height: 46px;
background: #F8F8F8;
::v-deep .el-input__inner {
width: 100%;
height: 48px;
border-radius: 8px;
border: 1px solid #F4F4F4;
border: 1px solid #E3E3E3;
text-indent: 16px;
outline: none;
font-size: 14px;
padding: 0;
}
.hqyzm {
position: relative;
::v-deep .el-input-group__append {
cursor: pointer;
width: 102px;
padding: 0;
display: block;
position: absolute;
top: 12px;
right: 0;
background: 0;
border: 0;
line-height: 24px;
text-align: center;
color: #0081ff;
font-size: 14px;
border-left: 1px solid #D8D8D8;
}
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
color: #9E9E9E;
......@@ -474,7 +635,7 @@
width: 340px;
height: 48px;
background: #0081FF;
border-radius: 8px;
border-radius: 4px;
margin: 0 auto;
line-height: 48px;
font-size: 16px;
......
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