diff --git a/package.json b/package.json
index c7d18a5..f90cecd 100644
--- a/package.json
+++ b/package.json
@@ -26,6 +26,7 @@
     "postcss-px2rem": "^0.3.0",
     "qs": "^6.10.1",
     "vue": "^2.6.11",
+    "vue-check-view": "^0.3.0",
     "vue-count-to": "^1.0.13",
     "vue-router": "^3.5.2",
     "vue-wordcloud": "^1.1.1",
diff --git a/src/api/login/index.js b/src/api/login/index.js
index bc0a64b..6e1959d 100644
--- a/src/api/login/index.js
+++ b/src/api/login/index.js
@@ -70,3 +70,29 @@ export function updPhonePwd(params) {
         }
     })
 }
+
+// 注册
+export function registerApi(params) {
+    let obj = Object.assign({action: 'regUser'}, params)
+    return httpService({
+        url: `/api/v6.ashx`,
+        method: 'post',
+        data: obj,
+        headers: {
+            'content-type': 'application/x-www-form-urlencoded'
+        }
+    })
+}
+
+// 获取品牌的 接口
+export function getUserBrand(params) {
+    let obj = Object.assign({action: 'getUserBrandHome'}, params)
+    return httpService({
+        url: `/api/v6.ashx`,
+        method: 'post',
+        data: obj,
+        headers: {
+            'content-type': 'application/x-www-form-urlencoded'
+        }
+    })
+}
diff --git a/src/main.js b/src/main.js
index 8a3f572..cfdeec9 100644
--- a/src/main.js
+++ b/src/main.js
@@ -21,6 +21,7 @@ import compon from "@/lycomponents/index.js";
 import mixins from "@/mixins"
 import vuescroll from 'vuescroll'
 import createOps from '@/utils/gol/ops';
+import checkView from 'vue-check-view'
 
 import '@/utils/rem';
 
@@ -31,6 +32,7 @@ Vue.use(selfUi);
 Vue.use(compon);
 Vue.use(mixins);
 Vue.use(VueLazyComponent);
+Vue.use(checkView);
 Vue.use(vuescroll, {ops: createOps(true, true),name: 'vue-scroll'});
 Vue.config.productionTip = false
 Vue.prototype.$vuiSize = 'small'
diff --git a/src/mixins/index.js b/src/mixins/index.js
index 58b8b00..ac780b3 100644
--- a/src/mixins/index.js
+++ b/src/mixins/index.js
@@ -94,6 +94,20 @@ export default {
                         clearInterval(el.__vueSetInterval__);
                     }
                 },
+                // 监听元素是否在可视区域
+                see: {
+                    bind(el) {
+                        function isReize() {
+                            const style = document.defaultView.getComputedStyle(el);
+                            const scrollTop = document.body.scrollTop;
+                            console.log(scrollTop)
+                        }
+                        el.__vueSetInterval__ = setInterval(isReize, 300);
+                    },
+                    unbind(el) {
+                        clearInterval(el.__vueSetInterval__);
+                    }
+                },
                 // 调整元素高度
                 highly: {
                     bind(el, binding) { // el为绑定的元素，binding为绑定给指令的对象
diff --git a/src/views/BrandInsight/brandTop/index.vue b/src/views/BrandInsight/brandTop/index.vue
index c6d5e60..c6181e9 100644
--- a/src/views/BrandInsight/brandTop/index.vue
+++ b/src/views/BrandInsight/brandTop/index.vue
@@ -7,7 +7,7 @@
  * @FilePath: /data-show/src/views/BrandInsight/brandTop/index.vue
 -->
 <template>
-    <div class="bt-outter" v-loading="load">
+    <div class="bt-outter" v-see v-loading="load">
         <v-label-div title="品牌TOP车型"></v-label-div>
         <div class="bt-inner">
             <v-echarts :opt="opt" @getData="clickEchars"></v-echarts>
diff --git a/src/views/Index/index.vue b/src/views/Index/index.vue
index 2ce8068..c78503a 100644
--- a/src/views/Index/index.vue
+++ b/src/views/Index/index.vue
@@ -11,7 +11,7 @@
         <div class="In-body">
             <div class="d1">
                 <real-time-event></real-time-event>
-                <key-communication-positions></key-communication-positions>
+                <key-communication-positions v-view></key-communication-positions>
                 <spread-the-sound></spread-the-sound>
             </div>
             <div class="d2">
diff --git a/src/views/Index/realTimeEvent/index.vue b/src/views/Index/realTimeEvent/index.vue
index a729bd9..0e5161a 100644
--- a/src/views/Index/realTimeEvent/index.vue
+++ b/src/views/Index/realTimeEvent/index.vue
@@ -8,7 +8,7 @@
 -->
 
 <template>
-    <div class="rte-outter" v-loading="load">
+    <div class="rte-outter" v-view="onceHandler" v-loading="load">
         <v-label-div title="实时事件"></v-label-div>
         <div class="rte-tb">
             <dv-scroll-board :config="config" :style="{ width: '100%', height: '100%' }" @click="handlerSs" />
@@ -35,7 +35,7 @@ export default {
         };
     },
     created() {
-        this.getData();
+        
     },
     methods: {
         getData() {
@@ -127,6 +127,10 @@ export default {
                 this.setModel(this.chooseModel);
             });
         },
+        onceHandler() {
+            this.getData();
+            
+        }
     },
 };
 </script>
diff --git a/src/views/Login/index.vue b/src/views/Login/index.vue
index b0bdcf2..dc1890e 100644
--- a/src/views/Login/index.vue
+++ b/src/views/Login/index.vue
@@ -12,10 +12,11 @@
             <source src="../../assets/images/login/4.mp4" type="video/mp4">
         </video>
         <div class="login-inner">
-            <div class="login-div">
-                <loginForm @forgetPassword="handlerForget" v-if="dateType===1"></loginForm>
+            <div class="login-div" :style="loginStyle">
+                <loginForm @forgetPassword="handlerForget" @register="showRegister" v-if="dateType===1"></loginForm>
                 <forgetPWD v-if="dateType===2" @reLogin="handlerRelogin" @nextStep="handlerNext"></forgetPWD>
                 <resetPassword v-if="dateType===3" @reLogin="handlerRelogin" :forgetForm="forgetForm"></resetPassword>
+                <register v-if="dateType === 4" @success="regSuc"></register>
             </div>
         </div>
     </div>
@@ -25,17 +26,23 @@
 import loginForm from "./loginForm";
 import forgetPWD from "./forgetPWD";
 import resetPassword from "./resetPassword";
+import register from "./register/register.vue";
 export default {
     name: "Login",
     components: {
         loginForm,
         forgetPWD,
         resetPassword,
+        register
     },
     data() {
         return {
             forgetForm: {},
             dateType: 1,
+            loginStyle: {
+                top: '50%',
+                height: '430px'
+            }
         };
     },
     methods: {
@@ -49,6 +56,20 @@ export default {
             this.dateType = 3;
             this.forgetForm = {...obj}
         },
+        // 注册
+        showRegister(val) {
+            this.loginStyle = {
+                height: '650px',
+            }
+            this.dateType = val
+        },
+        // 注册成功
+        regSuc() {
+            this.loginStyle = {
+                height: '430px'
+            }
+            this.dateType = 1;
+        }
     },
 };
 </script>
@@ -78,14 +99,14 @@ export default {
     background-color: transparent;
     .login-div {
         position: absolute;
-        width: 560px;
-        height: 560px;
+        width: 580px;
+        height: 600px;
         left: 50%;
         top: 50%;
         transform: translate(-50%, -60%);
         background-image: url("../../assets/images/login/img_dldt.png");
         background-repeat: no-repeat;
-        background-size: cover;
+        background-size: 100% 100%;
     }
 }
 </style>
diff --git a/src/views/Login/loginForm/index.vue b/src/views/Login/loginForm/index.vue
index 8c19df3..601759c 100644
--- a/src/views/Login/loginForm/index.vue
+++ b/src/views/Login/loginForm/index.vue
@@ -8,34 +8,38 @@
 -->
 <template>
     <div class="lgf-outter">
-        <a-form-model layout="horizontal" :model="form" :rules="rules" ref="loginForm">
-            <a-form-model-item label="用户名" prop="sUserName">
-                <a-input v-model="form.sUserName" placeholder="请输入账号" autocomplete="off" :maxLength="30" />
-            </a-form-model-item>
-            <a-form-model-item label="密码" prop="sPwd">
-                <a-input v-model="form.sPwd" :type="pwdType" placeholder="请输入密码" autocomplete="off">
-                    <span slot="suffix" class="iconfont icon-zhengyan-21 login-eye" v-if="pwdType === 'password'"
-                        @click="changePwdType"></span>
-                    <span slot="suffix" class="iconfont icon-in_biyan login-eye" v-else @click="changePwdType"></span>
-                </a-input>
-            </a-form-model-item>
-            <a-form-model-item label="验证码" prop="sVerifycode">
-                <a-input v-model="form.sVerifycode" placeholder="请输入验证码" autocomplete="off">
-                    <a-button slot="addonAfter" style="width: 100px" @click="getCode" v-if="!codeImg"
-                        :loading="btnLoading">获取验证码</a-button>
-                    <img style="width: 6rem; height: 2rem;cursor: pointer;" slot="addonAfter" :src="codeImg"
-                        @click="getCode" v-else>
-                </a-input>
-            </a-form-model-item>
-        </a-form-model>
-        <div class="login-d1">
-            <a-checkbox v-model="remCheck">
-                <span style="color: #3373CC">记住密码</span>
-            </a-checkbox>
-            <span class="stn" style="color: #3373CC" @click="forgetPassword">忘记密码</span>
-        </div>
-        <div class="login-footer" @click="onSubmit">
-            登录
+        <div class="lgf-login">
+            <a-form-model layout="horizontal" :model="form" :rules="rules" ref="loginForm">
+                <a-form-model-item label="用户名" prop="sUserName">
+                    <a-input v-model="form.sUserName" placeholder="请输入账号" autocomplete="off" :maxLength="30" />
+                </a-form-model-item>
+                <a-form-model-item label="密码" prop="sPwd">
+                    <a-input v-model="form.sPwd" :type="pwdType" placeholder="请输入密码" autocomplete="off">
+                        <span slot="suffix" class="iconfont icon-zhengyan-21 login-eye" v-if="pwdType === 'password'"
+                            @click="changePwdType"></span>
+                        <span slot="suffix" class="iconfont icon-in_biyan login-eye" v-else
+                            @click="changePwdType"></span>
+                    </a-input>
+                </a-form-model-item>
+                <a-form-model-item label="验证码" prop="sVerifycode">
+                    <a-input v-model="form.sVerifycode" placeholder="请输入验证码" autocomplete="off">
+                        <a-button slot="addonAfter" style="width: 100px" @click="getCode" v-if="!codeImg"
+                            :loading="btnLoading">获取验证码</a-button>
+                        <img style="width: 6rem; height: 2rem;cursor: pointer;" slot="addonAfter" :src="codeImg"
+                            @click="getCode" v-else>
+                    </a-input>
+                </a-form-model-item>
+            </a-form-model>
+            <div class="login-d1">
+                <a-checkbox v-model="remCheck">
+                    <span style="color: #3373CC">记住密码</span>
+                </a-checkbox>
+                <span class="stn" style="color: #3373CC" @click="forgetPassword">忘记密码</span>
+            </div>
+            <div class="lg-zc">没有账号？<span @click="goRegister" style="color: #3373CC;cursor: pointer;">去注册</span></div>
+            <div class="login-footer" @click="onSubmit">
+                登录
+            </div>
         </div>
     </div>
 </template>
@@ -119,6 +123,10 @@ export default {
         forgetPassword() {
             this.$emit("forgetPassword");
         },
+        // 注册
+        goRegister() {
+            this.$emit('register', 4)
+        },
         // 提交
         onSubmit() {
             this.$refs.loginForm.validate((valid) => {
@@ -199,4 +207,11 @@ export default {
     text-align: center;
     line-height: 64px;
 }
+
+.lg-zc {
+    font-size: 15px;
+    color: #597088;
+    text-align: center;
+    margin-top: 42px;
+}
 </style>
diff --git a/src/views/Login/register/register.vue b/src/views/Login/register/register.vue
new file mode 100644
index 0000000..0a6c8a7
--- /dev/null
+++ b/src/views/Login/register/register.vue
@@ -0,0 +1,252 @@
+<template>
+    <div class="regis-outer">
+        <a-form-model layout="horizontal" :model="form" :rules="rules" ref="registerForm">
+            <a-form-model-item label="用户名" prop="sUserName">
+                <a-input v-model="form.sUserName" placeholder="请输入账号" :maxLength="30" />
+            </a-form-model-item>
+            <a-form-model-item label="密码" prop="sPwd">
+                <a-input v-model="form.sPwd" placeholder="请输入密码" />
+            </a-form-model-item>
+            <a-form-model-item label="手机号" prop="sPhone">
+                <a-input v-model="form.sPhone" placeholder="请输入手机号" />
+            </a-form-model-item>
+            <a-form-model-item label="邮箱" prop="sEmail">
+                <a-input v-model="form.sEmail" placeholder="请输入邮箱" />
+            </a-form-model-item>
+            <a-form-model-item label="公司名称" prop="companyName">
+                <a-input v-model="form.companyName" placeholder="请输入公司名称" />
+            </a-form-model-item>
+            <a-form-model-item label="公司品牌" prop="brandName">
+                <a-select v-model="form.brandName" show-search :filter-option="filterOption" placeholder="请选择公司品牌">
+                    <a-select-option v-for="item in brandArr" :key="item.brandid" :value="item.brandname">
+                        {{ item.brandname }}
+                    </a-select-option>
+                </a-select>
+            </a-form-model-item>
+            <a-form-model-item label="验证码" prop="sVerifycode">
+                <a-input v-model="form.sVerifycode" placeholder="验证码" autocomplete="off">
+                    <span class="fp-s1" slot="suffix" v-if="showCode" @click="getCode">发送验证码</span>
+                    <span class="fp-s1" slot="suffix" v-else>{{ count }}</span>
+                </a-input>
+            </a-form-model-item>
+        </a-form-model>
+        <div class="fpw-d1" align="center">
+            <span class="ss1" @click="reLogin">返回<a style="color: #3373CC">上一页</a></span>
+        </div>
+        <div class="login-footer" @click="onSubmit">
+            提交审核
+        </div>
+    </div>
+</template>
+
+<script>
+import { registerApi, getVERCode, getUserBrand } from "@/api/login"
+export default {
+    data() {
+        const validatePass = (rule, value, callback) => {
+            if (value === "") {
+                callback(new Error("请输入密码"));
+            } else {
+                let reg =
+                    /^(?![0-9]+$)(?![a-z]+$)(?![A-Z]+$)(?!([^(0-9a-zA-Z)])+$).{6,}$/;
+                if (!reg.test(value)) {
+                    callback(new Error("密码由大小写字母、数字和特殊字符组成"));
+                } else if (value.length < 8 || value.length > 16) {
+                    callback(new Error("密码8~16位"));
+                } else {
+                    callback();
+                }
+            }
+        };
+        const validatePhone = (rule, value, callback) => {
+            if (value === "") {
+                callback(new Error("请输入手机号"));
+            } else {
+                let reg = /^1\d{10}$/;
+                if (!reg.test(value)) {
+                    callback(new Error("请输入正确的手机号"));
+                } else {
+                    callback();
+                }
+            }
+        };
+        const validateEmail = (rule, value, callback) => {
+            if (value === "") {
+                callback(new Error("请输入邮箱"));
+            } else {
+                let reg = /^([a-zA-Z\d][\w-]{2,})@(\w{2,})\.([a-z]{2,})(\.[a-z]{2,})?$/
+                if (!reg.test(value)) {
+                    callback(new Error("请输入正确的邮箱"));
+                } else {
+                    callback();
+                }
+            }
+        };
+        const validatePwd = (rule, value, callback) => {
+            if (value === "") {
+                callback(new Error("请输入密码"));
+            } else {
+                let reg = /^(?=.*\d)(?=.*[a-zA-Z])(?=.*[~!@#$%^&*])[\da-zA-Z~!@#$%^&*]{6,}$/
+                if (!reg.test(value)) {
+                    callback(new Error("密码必须包含数字、英文字母、特殊符号且大于等于6位"));
+                } else {
+                    callback();
+                }
+            }
+        }
+        const validateInput = (rule, value, callback, msg) => {
+            if (value === "") {
+                callback(new Error(msg));
+            } else {
+                callback();
+            }
+        }
+        return {
+            showCode: true,
+            count: 0,
+            brandShow: false,
+            brandArr: [],
+            form: {
+                sUserName: '',
+                sPwd: '',
+                sPhone: '',
+                sEmail: '',
+                companyName: '',
+                brandName: undefined,
+                sVerifycode: ""
+            },
+            rules: {
+                sUserName: [{ validator: (rule, value, callback) => validateInput(rule, value, callback, '请输入用户名!') }],
+                sPwd: [{ validator: validatePass }],
+                sPhone: [{ validator: validatePhone }],
+                sEmail: [{ validator: validateEmail }],
+                companyName: [{ validator: (rule, value, callback) => validateInput(rule, value, callback, '请输入公司名称!') }],
+                brandName: [{ validator: (rule, value, callback) => validateInput(rule, value, callback, '请选择品牌!') }],
+                sVerifycode: [{ validator: (rule, value, callback) => validateInput(rule, value, callback, '请输入验证码!') }],
+            }
+
+        }
+    },
+    created() {
+        this.getBrandData()
+    },
+    methods: {
+        // 获取品牌
+        getBrandData() {
+            getUserBrand().then(res => {
+                let data = res.data || [];
+                let arr = [];
+                data.forEach(ele => {
+                    let n = arr.findIndex(e => e.brandid == ele.brandid);
+                    if (n === -1) {
+                        arr.push(ele)
+                    }
+                })
+                this.brandArr = arr;
+            })
+        },
+        // 获取手机的验证码
+        getCode() {
+            this.$refs.registerForm.validateField('sPhone', errMsg => {
+                if (!errMsg) {
+                    getVERCode({ sPhone: this.form.sPhone }).then(() => {
+                        this.countdown()
+                    })
+                } else {
+                    console.log('验证失败')
+                }
+            })
+        },
+        // 倒计时
+        countdown() {
+            const TIME_COUNT = 60;
+            if (!this.timer) {
+                this.count = TIME_COUNT;
+                this.showCode = false;
+                this.timer = setInterval(() => {
+                    if (this.count > 0 && this.count <= TIME_COUNT) {
+                        this.count--;
+                    } else {
+                        this.showCode = true;
+                        clearInterval(this.timer);
+                        this.timer = null;
+                    }
+                }, 1000);
+            }
+        },
+        filterOption(input, option) {
+            return (
+                option.componentOptions.children[0].text.toLowerCase().indexOf(input.toLowerCase()) >= 0
+            );
+        },
+        // 选择品牌
+        openBrand() {
+            this.brandShow = true;
+        },
+        handlerBrand() {
+
+        },
+        // 返回上一页
+        reLogin() {
+            this.$emit('success')
+        },
+        // 注册
+        onSubmit() {
+            this.$refs.registerForm.validate((valid) => {
+                if (valid) {
+                    registerApi(this.form).then(() => {
+                        this.$emit('success')
+                    })
+                } else {
+                    console.log("error submit!!");
+                    return false;
+                }
+            })
+        }
+    }
+}
+</script>
+
+<style lang="less" scoped>
+.regis-outer {
+    width: 380px;
+    margin: 0 auto;
+    margin-top: 30px;
+}
+
+.rcode {
+    display: inline-block;
+    cursor: pointer;
+    margin-left: 10px;
+}
+
+.fpw-d1 {
+    .ss1 {
+        color: #597088;
+        font-size: 16px;
+        cursor: pointer;
+    }
+}
+
+.fp-s1 {
+    cursor: pointer;
+    color: #698198;
+}
+
+.login-footer {
+    position: absolute;
+    width: 354px;
+    height: 64px;
+    background-image: url("../../../assets/images/login/img_dlan_nor.png");
+    background-repeat: no-repeat;
+    background-size: cover;
+    bottom: 0px;
+    left: 50%;
+    transform: translate(-50%);
+    cursor: pointer;
+    color: #63aecc;
+    font-size: 24px;
+    text-align: center;
+    line-height: 64px;
+}
+</style>
\ No newline at end of file