1

src/views/index.vue

@@ -2,7 +2,7 @@
   <div id="index">
     <el-row>
       <el-col :span="24" class="main">
-        <div class="w_1200">
+        <div class="w_1500">
           <el-col :span="24" class="one">
             <el-col :span="24" class="top">
               环南湖科创先导区双创服务平台
@@ -183,18 +183,23 @@ export default {
 @import './css/all.css';
 @import './css/bootstrap.min.css';
 @import './css/style.css';
+.w_1500 {
+  width: 1500px;
+  margin: 0 auto;
+}
 .main {
   background: url('~@/assets/back/3.jpg');
   background-repeat: no-repeat;
   background-size: 100% 100%;
   height: 100vh;
+  overflow: hidden;
   .one {
-    padding: 10% 0 0 0;
+    padding: 6% 0 0 0;
     .top {
       text-align: center;
       font-size: 40px;
       font-family: cursive;
-      margin: 0px 0 100px 0px;
+      margin: 0px 0 60px 0px;
       color: #fff;
     }
     .down {
@@ -202,21 +207,21 @@ export default {
         position: relative;
       }
       .down_one {
-        top: 280px;
+        top: 350px;
       }
       .down_two {
-        top: 130px;
+        top: 160px;
         left: 5%;
       }
       .down_thr {
         left: 7%;
       }
       .down_four {
-        top: 130px;
+        top: 160px;
         left: 9%;
       }
       .down_five {
-        top: 280px;
+        top: 350px;
         left: 14%;
       }
     }

src/views/login.vue

@@ -9,12 +9,12 @@
               <el-tabs v-model="activeName" :stretch="true">
                 <el-tab-pane label="管理登录" name="first">
                   <el-col :span="24" class="form">
-                    <el-form ref="adminForm" :model="adminForm">
+                    <el-form ref="form" :model="form">
                       <el-form-item>
-                        <el-input v-model="adminForm.code_phone" prefix-icon="el-icon-user-solid" maxlength="11" placeholder="请输入服务机构账号"></el-input>
+                        <el-input v-model="form.phone" prefix-icon="el-icon-user-solid" maxlength="11" placeholder="请输入服务机构账号"></el-input>
                       </el-form-item>
                       <el-form-item>
-                        <el-input v-model="adminForm.passwd" prefix-icon="el-icon-lock" placeholder="请输入账号密码" show-password></el-input>
+                        <el-input v-model="form.passwd" prefix-icon="el-icon-lock" placeholder="请输入账号密码" show-password></el-input>
                       </el-form-item>
                       <el-col :span="24" class="btn">
                         <el-button type="danger" @click="resetBtn">取消登录</el-button>
@@ -27,7 +27,7 @@
                   <el-col :span="24" class="form">
                     <el-form ref="form" :model="form">
                       <el-form-item>
-                        <el-input v-model="form.institution_code" prefix-icon="el-icon-user-solid" placeholder="请输入企业账号"></el-input>
+                        <el-input v-model="form.phone" prefix-icon="el-icon-user-solid" placeholder="请输入企业账号"></el-input>
                       </el-form-item>
                       <el-form-item>
                         <el-input v-model="form.passwd" prefix-icon="el-icon-lock" placeholder="请输入账号密码" show-password></el-input>
@@ -41,12 +41,12 @@
                 </el-tab-pane>
                 <el-tab-pane label="机构登录" name="third">
                   <el-col :span="24" class="form">
-                    <el-form ref="interForm" :model="interForm">
+                    <el-form ref="form" :model="form">
                       <el-form-item>
-                        <el-input v-model="interForm.phone" prefix-icon="el-icon-user-solid" maxlength="11" placeholder="请输入中介机构账号"></el-input>
+                        <el-input v-model="form.phone" prefix-icon="el-icon-user-solid" maxlength="11" placeholder="请输入中介机构账号"></el-input>
                       </el-form-item>
                       <el-form-item>
-                        <el-input v-model="interForm.passwd" prefix-icon="el-icon-lock" placeholder="请输入账号密码" show-password></el-input>
+                        <el-input v-model="form.passwd" prefix-icon="el-icon-lock" placeholder="请输入账号密码" show-password></el-input>
                       </el-form-item>
                       <el-col :span="24" class="btn">
                         <el-button type="danger" @click="resetBtn">取消登录</el-button>
@@ -57,12 +57,12 @@
                 </el-tab-pane>
                 <el-tab-pane label="专家登录" name="fourth">
                   <el-col :span="24" class="form">
-                    <el-form ref="expertForm" :model="expertForm">
+                    <el-form ref="form" :model="form">
                       <el-form-item>
-                        <el-input v-model="expertForm.phone" prefix-icon="el-icon-user-solid" maxlength="11" placeholder="请输入专家账号"></el-input>
+                        <el-input v-model="form.phone" prefix-icon="el-icon-user-solid" maxlength="11" placeholder="请输入专家账号"></el-input>
                       </el-form-item>
                       <el-form-item>
-                        <el-input v-model="expertForm.passwd" prefix-icon="el-icon-lock" placeholder="请输入账号密码" show-password></el-input>
+                        <el-input v-model="form.passwd" prefix-icon="el-icon-lock" placeholder="请输入账号密码" show-password></el-input>
                       </el-form-item>
                       <el-col :span="24" class="btn">
                         <el-button type="danger" @click="resetBtn">取消登录</el-button>
@@ -95,14 +95,15 @@ export default {
     return {
       activeName: 'first',
       loginBj: require('@a/loginBj.jpg'),
-      // 管理登录
-      adminForm: {},
-      // 企业登录
       form: {},
-      // 机构登录
-      interForm: {},
-      // 专家登录
-      expertForm: {},
+      // // 管理登录
+      // adminForm: {},
+      // // 企业登录
+      // form: {},
+      // // 机构登录
+      // interForm: {},
+      // // 专家登录
+      // expertForm: {},
     };
   },
   created() {},
@@ -117,7 +118,8 @@ export default {
     ...expertLogin({ expertLogin: 'login' }),
     // 管理员
     async thrSubmit() {
-      let data = _.get(this, 'adminForm');
+      let data = _.get(this, 'form');
+      data.code_phone = data.phone;
       const res = await this.adminLogin(data);
       if (this.$checkRes(res)) {
         this.$router.push({ path: '/adminCenter/homeIndex' });
@@ -126,6 +128,7 @@ export default {
     // 企业
     async oneSubmit() {
       let data = _.get(this, 'form');
+      data.institution_code = data.phone;
       const res = await this.login(data);
       if (this.$checkRes(res)) {
         this.$router.push({ path: '/adminCenter/homeIndex' });
@@ -133,7 +136,7 @@ export default {
     },
     // 中介
     async twoSubmit() {
-      let data = _.get(this, 'interForm');
+      let data = _.get(this, 'form');
       const res = await this.interLogin(data);
       if (this.$checkRes(res)) {
         this.$router.push({ path: '/adminCenter/homeIndex' });
@@ -141,7 +144,7 @@ export default {
     },
     // 专家
     async fourSubmit() {
-      let data = _.get(this, 'expertForm');
+      let data = _.get(this, 'form');
       const res = await this.expertLogin(data);
       if (this.$checkRes(res)) {
         this.$router.push({ path: '/adminCenter/homeIndex' });