Skip to content

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

no message

parent 8e33f29f
Hide whitespace changes
Inline Side-by-side
Showing with 1024 additions and 13953 deletions
dsk-srm-server/package-lock.json
View file @ ac2bd44c
This source diff could not be displayed because it is too large. You can view the blob instead.
dsk-srm-server/src/login.vue
View file @ ac2bd44c
...@@ -12,20 +12,77 @@ ...@@ -12,20 +12,77 @@
<div class="login"> <div class="login">
<img class="logintop" src="@/assets/images/ico02.png"> <img class="logintop" src="@/assets/images/ico02.png">
<h3>智慧供应商管理系统</h3> <h3>智慧供应商管理系统</h3>
<div class="inputs"> <div class="loginbox">
<input placeholder="请输入登录账号"> <div class="logionhead" v-if="type !='tjmm' && type!='wjmm'">
</div> <div class="title" :class="{'on': type=='yzm'}" @click="type='yzm'">验证码登录</div>
<div class="inputs"> <div class="title" :class="{'on': type=='mima'}" @click="type='mima'">密码登录</div>
<input placeholder="请输入账号密码"> </div>
</div> <div class="logoncont" v-if="type=='mima'">
<div class="inputs"> <div class="inputs">
<input placeholder="" class="small"> <el-input placeholder="请输入企业名称"></el-input>
<div class="login-code"> </div>
<!--<img :src="codeUrl" @click="getCode" class="login-code-img" />--> <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> </div>
<div class="loginin">登录</div>
<el-button @click="dialogVisible = true">注册</el-button>
<img class="loginbot" src="@/assets/images/ico03.png"> <img class="loginbot" src="@/assets/images/ico03.png">
</div> </div>
<el-dialog title="注册须知" custom-class="registration-policy" :visible.sync="dialogVisible" width="670px" close-on-click-modal> <el-dialog title="注册须知" custom-class="registration-policy" :visible.sync="dialogVisible" width="670px" close-on-click-modal>
...@@ -270,14 +327,15 @@ ...@@ -270,14 +327,15 @@
</template> </template>
<script> <script>
import footers from '@/components/foots' import footers from '@/components/foots'
export default { export default {
components: {footers}, components: {footers},
data() { data() {
return { return {
codeUrl:'',//图形验证码
dialogVisible: false, dialogVisible: false,
agreeRegister: true, agreeRegister: false,
registerType: 2, registerType: 2,
form: { form: {
phone:"", phone:"",
...@@ -324,14 +382,55 @@ ...@@ -324,14 +382,55 @@
detail: [ detail: [
{ required: true, message: '请输入企业简介', trigger: 'change' } { 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: { computed: {
}, },
mounted() { mounted() {
// this.getCode()
}, },
watch:{
type(val){
this.cleardata()
}
},
methods: { methods: {
//清空填写的登录数据
cleardata(){
},
//登录
login(){},
//验证码登录
yzmlogin(){},
//重置密码
resetpwd(){},
//获取验证码
getCode(){
this.getYZMimage().then(res=>{
this.codeUrl = res.data.imag
})
},
handleAvatarSuccess(res, file) { handleAvatarSuccess(res, file) {
console.log("上传成功") console.log("上传成功")
this.ruleForm.imageUrl = URL.createObjectURL(file.raw) this.ruleForm.imageUrl = URL.createObjectURL(file.raw)
...@@ -366,7 +465,53 @@ ...@@ -366,7 +465,53 @@
position: relative; position: relative;
height: 100%; height: 100%;
width: 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 { .registration-head {
position: absolute; position: absolute;
width: 100vw; width: 100vw;
...@@ -409,15 +554,14 @@ ...@@ -409,15 +554,14 @@
.login { .login {
width: 426px; width: 426px;
height: 451px; /*height: 451px;*/
background: #FFFFFF; background: #FFFFFF;
border-radius: 8px; border-radius: 8px;
opacity: 1; opacity: 1;
position: absolute; position: absolute;
top: 50%; top: 50%;
margin-top: -225px; transform: translate(0,-50%);
right: 61px; right: 61px;
.logintop { .logintop {
position: absolute; position: absolute;
left: 12px; left: 12px;
...@@ -426,7 +570,6 @@ ...@@ -426,7 +570,6 @@
> h3 { > h3 {
font-size: 24px; font-size: 24px;
font-family: AlibabaPuHuiTi-Bold, AlibabaPuHuiTi;
font-weight: bold; font-weight: bold;
color: #0081FF; color: #0081FF;
text-align: center; text-align: center;
...@@ -439,18 +582,36 @@ ...@@ -439,18 +582,36 @@
margin-bottom: 24px; margin-bottom: 24px;
padding: 0 43px; padding: 0 43px;
input { ::v-deep .el-input__inner {
width: 338px; width: 100%;
height: 46px; height: 48px;
background: #F8F8F8;
border-radius: 8px; border-radius: 8px;
border: 1px solid #F4F4F4; border: 1px solid #E3E3E3;
text-indent: 16px; text-indent: 16px;
outline: none; outline: none;
font-size: 14px; font-size: 14px;
padding: 0; 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, input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder { textarea::-webkit-input-placeholder {
color: #9E9E9E; color: #9E9E9E;
...@@ -474,7 +635,7 @@ ...@@ -474,7 +635,7 @@
width: 340px; width: 340px;
height: 48px; height: 48px;
background: #0081FF; background: #0081FF;
border-radius: 8px; border-radius: 4px;
margin: 0 auto; margin: 0 auto;
line-height: 48px; line-height: 48px;
font-size: 16px; 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