Skip to content

O
offical_web
Commit 30bbe18b by zhangjie
Options

#

parent 47819ba9
Showing with 55 additions and 41 deletions
src/router/index.js
......@@ -23,6 +23,7 @@ const routes = [
]
const router = new VueRouter({
mode:'history',
routes
})
......
src/views/home.vue
......@@ -33,7 +33,7 @@
<h1 style="margin-left: 120px">多维度数据分析</h1>
</div>
<div class="login_content">
<h2 style="color: #fff; text-align: center">登录</h2>
<h2 style="text-align: center">登录</h2>
<el-form
size="medium"
:model="ruleForm"
......@@ -43,13 +43,15 @@
<el-form-item prop="email">
<el-input
prefix-icon="el-icon-message"
style="background:#fff"
v-model="ruleForm.email"
placeholder="User Name"></el-input>
placeholder="Email"></el-input>
</el-form-item>
<el-form-item prop="password">
<el-input
:type="showPwd ? 'text' : 'password'"
prefix-icon="el-icon-lock"
style="background:#fff"
v-model="ruleForm.password"
placeholder="Password"
@keyup.enter.native="submitForm('ruleForm')">
......@@ -72,7 +74,7 @@
登录
</el-button>
</div>
<div style="margin-top: 10px">
<div style="margin-top: 10px; font-size: 14px">
还没有账号？
<router-link to="register">马上注册</router-link>
</div>
......@@ -366,20 +368,34 @@
</div>
<div class="banner_footer">
<h2 style="text-align: center; padding: 20px">对接平台</h2>
<img src="../assets/logo1.jpg" style="width: 150px; margin: 10px 20px" />
<img src="../assets/logo2.jpg" style="width: 150px; margin: 10px 20px" />
<img src="../assets/logo3.jpg" style="width: 150px; margin: 10px 20px" />
<img src="../assets/logo4.jpg" style="width: 150px; margin: 10px 20px" />
<img src="../assets/logo5.jpg" style="width: 150px; margin: 10px 20px" />
<img src="../assets/logo6.jpg" style="width: 150px; margin: 10px 20px" />
<img src="../assets/logo7.png" style="width: 150px; margin: 10px 20px" />
<img src="../assets/logo8.jpg" style="width: 150px; margin: 10px 20px" />
<img src="../assets/logo9.jpg" style="width: 150px; margin: 10px 20px" />
</div>
<div class="footer">
<span style="display: inline-block; margin-left: 20px">联系我们</span>
<span></span>
<span></span>
<img src="../assets/logo1.jpg" style="width: 160px; margin: 10px 20px" />
<img src="../assets/logo2.jpg" style="width: 160px; margin: 10px 20px" />
<img src="../assets/logo3.jpg" style="width: 160px; margin: 10px 20px" />
<img src="../assets/logo4.jpg" style="width: 160px; margin: 10px 20px" />
<img src="../assets/logo5.jpg" style="width: 160px; margin: 10px 20px" />
<img src="../assets/logo6.jpg" style="width: 160px; margin: 10px 20px" />
<img src="../assets/logo7.png" style="width: 160px; margin: 10px 20px" />
<img src="../assets/logo8.jpg" style="width: 160px; margin: 10px 20px" />
<img src="../assets/logo9.jpg" style="width: 160px; margin: 10px 20px" />
<img src="../assets/logo10.jpg" style="width: 160px; margin: 10px 20px" />
<img src="../assets/logo11.jpg" style="width: 160px; margin: 10px 20px" />
<img src="../assets/logo12.jpg" style="width: 160px; margin: 10px 20px" />
<img src="../assets/logo13.jpg" style="width: 160px; margin: 10px 20px" />
<img src="../assets/logo14.jpg" style="width: 160px; margin: 10px 20px" />
<img src="../assets/logo15.jpg" style="width: 160px; margin: 10px 20px" />
<img src="../assets/logo16.jpg" style="width: 160px; margin: 10px 20px" />
<img src="../assets/logo17.jpg" style="width: 160px; margin: 10px 20px" />
<img src="../assets/logo18.jpg" style="width: 160px; margin: 10px 20px" />
<div style="margin-top: 20px; text-align: center">
<span style="display: inline-block; margin-left: 20px">
<i class="el-icon-message" style="margin-right: 5px"></i>
support@jomalls.com
</span>
<span style="display: inline-block; margin-left: 50px">
<i class="el-icon-map-location" style="margin-right: 5px"></i>
广州市南沙区丰泽东路106号
</span>
</div>
</div>
</div>
</template>
......@@ -397,8 +413,8 @@ export default {
checked: false,
},
rules: {
loginName: [
{ required: true, message: '请输入用户名', trigger: 'blur' },
email: [
{ required: true, message: '请输入邮箱', trigger: 'blur' },
{
type: 'email',
message: '请输入正确的邮箱地址',
......@@ -412,12 +428,16 @@ export default {
},
methods: {
submitForm() {
let url = `user/login?email=${this.ruleForm.email}&password=${this.ruleForm.password}`
post(url).then((res) => {
this.$message.success(res.message)
if (res.message == '操作成功') {
this.ruleForm = {}
this.$router.push('/contact')
this.$refs.ruleForm.validate((valid) => {
if (valid) {
let url = `user/login?email=${this.ruleForm.email}&password=${this.ruleForm.password}`
post(url).then((res) => {
this.$message.success(res.message)
if (res.message == '操作成功') {
this.ruleForm = {}
this.$router.push('/contact')
}
})
}
})
},
......@@ -448,7 +468,7 @@ export default {
}
.login_content {
padding: 18px;
background: rgba(255, 255, 255, 0.4);
background: rgba(255, 255, 255, 0.4);;
position: absolute;
top: 50%;
left: 80%;
......@@ -503,16 +523,9 @@ export default {
}
.banner_footer {
width: 96.8%;
height: 200px;
height: 250px;
color: #fff;
padding: 30px;
background: url(../assets/footer.jpg) center / cover no-repeat;
}
.footer {
width: 100%;
height: 50px;
line-height: 50px;
background: #06060b;
color: #60606d;
}
</style>
src/views/register.vue
......@@ -13,7 +13,7 @@
<el-form-item prop="email" label="邮箱">
<el-input
v-model="registerForm.email"
style="width: 300px; float: left"
style="width: 300px;background:#fff"
placeholder="请输入邮箱"></el-input>
</el-form-item>
<el-form-item prop="code" label="验证码">
......@@ -29,7 +29,7 @@
<el-input
type="password"
v-model="registerForm.password"
style="width: 300px"
style="width: 300px;background:#fff"
placeholder="请输入密码"
autocomplete="off"></el-input>
</el-form-item>
......@@ -37,26 +37,26 @@
<el-input
type="password"
v-model="registerForm.checkPass"
style="width: 300px"
style="width: 300px;background:#fff"
placeholder="请再次输入密码"
autocomplete="off"></el-input>
</el-form-item>
<el-form-item prop="companyName" label="公司名称">
<el-input
v-model="registerForm.companyName"
style="width: 300px"
style="width: 300px;background:#fff"
placeholder="请输入公司名称"></el-input>
</el-form-item>
<el-form-item prop="phoneNumber" label="手机号码">
<el-input
v-model="registerForm.phoneNumber"
style="width: 300px"
style="width: 300px;background:#fff"
placeholder="请输入手机号码"></el-input>
</el-form-item>
<el-form-item prop="job" label="职务">
<el-input
v-model="registerForm.job"
style="width: 300px"
style="width: 300px;background:#fff"
placeholder="请输入职务"></el-input>
</el-form-item>
<div style="margin-left: 120px">
......@@ -64,7 +64,7 @@
立即注册
</el-button>
</div>
<div style="margin-top: 20px">
<div style="margin-top: 20px;font-size: 14px">
已有账号？
<router-link to="/">马上登录</router-link>
</div>
......
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