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