Skip to content

O
offical_web
Commit 264ae7b6 by chehuidong
Options

bug

parent 62406f36
Showing with 128 additions and 12 deletions
src/App.vue
<template>
<div id="app">
<!-- <Head /> -->
<router-view />
</div>
</template>
<script>
import Head from './components/head.vue'
export default {
data() {
return {}
},
components: {
Head,
},
}
</script>
<style>
* {
margin: 0;
......
src/assets/css/index.css 0 → 100644
.container{
max-width: 1280px;
margin: 0 auto;
}
\ No newline at end of file
src/components/head.vue 0 → 100644
<template>
<header class="header">
<div class="container">
<div class="logo">
<span class="logo_text">
<img src="../assets/logo.png" height="40px" />
</span>
</div>
<nav class="navbar">
<ul class="navbar_item_wrap">
<li class="navbar_item"><a href="">首页</a></li>
<li class="navbar_item"><a href="">核心功能</a></li>
<li class="navbar_item"><a href="">价格</a></li>
<li class="navbar_item"><a href="">需求痛点</a></li>
<li class="navbar_item"><a href="">关于我们</a></li>
</ul>
</nav>
<div class="right_btn">
<el-button type="primary" size="mini" @click="login">登录</el-button>
<el-button type="primary" size="mini" @click="register">免费试用</el-button>
</div>
</div>
</header>
</template>
<script>
export default {
data() {
return {}
},
methods:{
login(){
},
register(){
}
}
}
</script>
<style scoped>
.header {
position: fixed;
z-index: 999;
background: #0089ff;
top: 0;
right: 0;
left: 0;
box-shadow: 0 2px 10px 0 rgb(0 39 98 / 66%);
}
.logo {
float: left;
margin-top: 10px;
}
.navbar {
float: left;
margin-left: 100px;
}
.navbar_item {
float: left;
}
.navbar_item + .navbar_item {
margin-left: 30px;
}
.navbar_item a {
display: block;
height: 60px;
line-height: 60px;
text-decoration: none;
color: #fff;
padding: 0 20px;
}
.right_btn{
display: flex;
align-items: center;
}
</style>
\ No newline at end of file
src/main.js
......@@ -16,6 +16,7 @@ import store from './store'
import router from './router'
import './assets/css/root.css'
import './assets/css/common.css'
import './assets/css/index.css'
import moment from 'moment'
import { filePath, zImgPath } from './utils/axios'
import './mork'
......
src/router/index.js
......@@ -19,7 +19,18 @@ const routes = [
path: '/contact',
name: 'contact',
component: (resolve) => require(['../views/contact'], resolve)
}
},
{
path: '/authorizationFailed',
name: 'authorization_failed',
component: (resolve) => require(['../views/authorization-failed'], resolve)
},
{
path: '/protocol',
name: 'protocol',
component: (resolve) => require(['../views/protocol'], resolve)
},
]
const router = new VueRouter({
......
src/views/home.vue
......@@ -409,7 +409,7 @@ export default {
submitForm() {
this.$refs.ruleForm.validate((valid) => {
if (valid) {
let url = `user/login`
let url = `business/user/login`
post(url, {
email: this.ruleForm.email,
password: this.ruleForm.password,
......
src/views/register.vue
......@@ -13,7 +13,7 @@
<el-form-item prop="email" label="邮箱">
<el-input
v-model="registerForm.email"
style="width: 300px;background:#fff"
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;background:#fff"
style="width: 300px; background: #fff"
placeholder="请输入密码"
autocomplete="off"></el-input>
</el-form-item>
......@@ -37,34 +37,41 @@
<el-input
type="password"
v-model="registerForm.checkPass"
style="width: 300px;background:#fff"
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;background:#fff"
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;background:#fff"
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;background:#fff"
style="width: 300px; background: #fff"
placeholder="请输入职务"></el-input>
</el-form-item>
<el-form-item label=" ">
<el-checkbox v-model="isRead" label="" :indeterminate="false">
阅读并同意
<a href="/protocol">九猫ERP条款与协议</a>
</el-checkbox>
</el-form-item>
<div style="margin-left: 120px">
<el-button size="medium" type="primary" @click="onRegister">
立即注册
</el-button>
</div>
<div style="margin-top: 20px;font-size: 14px">
<div style="margin-top: 20px; font-size: 14px">
已有账号？
<router-link to="/">马上登录</router-link>
</div>
......@@ -119,7 +126,7 @@ export default {
methods: {
verCode() {
if (this.registerForm.email) {
get('user/getEmailcode', {
get('business/user/emailcode', {
email: this.registerForm.email,
}).then((res) => {
this.$message.success(res.message)
......@@ -129,7 +136,7 @@ export default {
onRegister() {
this.$refs.registerForm.validate((valid) => {
if (valid) {
post('user/register', {
post('business/user/register', {
...this.registerForm,
}).then((res) => {
this.$message.success(res.message)
......
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