个人注册、企业注册增加互跳链接以及企业注册增加提示框

components/register/EnterpriseRegistration.vue

@@ -4,6 +4,7 @@
       <div class="content">
         <div class="content-top">
           <h3>企业注册</h3>
+          <a class="go" href="/register/personalRegistration"><i class="fa fa-long-arrow-right"></i>个人注册</a>
         </div>
         <div v-show="goNextStep">
           <el-form :model="enterprise" :rules="rules" ref="enterprise" label-width="100px" class="demo-ruleForm">
@@ -44,7 +45,13 @@
                         auto-complete="off"
                         placeholder="企业名称"
               ></el-input>
-              <span class="tip exist" v-show="isSpaceNameExist">该企业已被注册，请确认。<a href="https://www.ubtob.com/contact">仍有问题？</a></span>
+              <span class="tip exist" v-show="isSpaceNameExist">
+                {{spaceNameExitMsg}}<i class="fa fa-question-circle" aria-hidden="true"
+                                       @mouseenter='showPopTip =true'
+                                       @mouseleave='showPopTip = false'></i>
+              </span>
+              <div class="pop-tip"  @mouseenter='showPopTip =true'
+                   @mouseleave='showPopTip = false'> <span class='pop-title' v-show="showPopTip">如果您所属企业的管理员已离职或不再使用优软云，请 <a href="/appeals/changeManagerAppeal">更换管理员</a> </span></div>
             </el-form-item>
             <el-form-item prop="businessCode">
               <el-input type="text"
@@ -52,7 +59,7 @@
                         v-bind:class="{ active: isBusinessCodeExist }"
                         auto-complete="off"
                         placeholder="营业执照号"></el-input>
-              <span class="tip exist" v-show="isBusinessCodeExist">该企业已被注册，请确认。<a href="https://www.ubtob.com/contact">仍有问题？</a></span>
+              <span class="tip exist" v-show="isBusinessCodeExist">{{businessCodeExitMsg}}。<a href="https://www.ubtob.com/contact">仍有问题？</a></span>
             </el-form-item>
             <el-form-item prop="vipName" v-if="!isHasRegister">
               <el-input type="text" v-model="enterprise1.vipName" auto-complete="off" placeholder="管理员姓名"></el-input>
@@ -182,6 +189,7 @@
         if (value === '') {
           callback(new Error('请填写正确的企业名称'))
           this.spaceNameChecked = false
+          this.isSpaceNameExist = false
         } else {
           if (this.enterprise1.spaceName !== '') {
             if (value.length > 20) {
@@ -199,7 +207,7 @@
                     return Promise.reject(response.data)
                   }
                 }).catch(err => {
-                  console.log(err)
+                  this.spaceNameExitMsg = err.errMsg
 //                  this.$message.error(err.errMsg)
                 })
             }
@@ -232,7 +240,7 @@
                       return Promise.reject(response.data)
                     }
                   }).catch(err => {
-                    console.log(err)
+                    this.businessCodeExitMsg = err.errMsg
 //                  this.$message.error(err.errMsg)
                   })
               }
@@ -401,6 +409,9 @@
           confirm: '',
           email: ''
         },
+        businessCodeExitMsg: '',
+        spaceNameExitMsg: '',
+        showPopTip: false,
         showPasswordError: false,
         isShowLoading: false,
         codeErrorMsg: '',
@@ -658,6 +669,7 @@
         text-align: center;
         background: #fff;
           .content-top{
+            position: relative;
             height: 80px;
             line-height: 80px;
             border-bottom: 1px solid #dcdcdc;
@@ -666,6 +678,15 @@
               font-size: 24px;
               color: #000;
             }
+            a.go{
+              position: absolute;
+              top: 0;
+              right: 0;
+              font-size: 14px;
+              i{
+                margin-right: 3px;
+              }
+            }
           }
           form {
             padding-bottom: 44px;
@@ -695,14 +716,6 @@
                 color: #000;
                 border-radius: 0;
               }
-              i{
-                position: absolute;
-                top: 10px;
-                right: 18px;
-                font-size: 24px;
-                color: #a0a0a0;
-                cursor: pointer;
-              }
               .pwd {
                 margin: 6px 0 -15px 0;
                 text-align: left;
@@ -771,10 +784,42 @@
                 color: #8c8c8c;
               }
               span.tip.exist{
-                right: -239px;
+                top: 5px;
+                left: 380px;
+                width: 250px;
+                line-height: 18px;
+                text-align: left;
                 a{
                   color: #2d8cf0;
                 }
+                i.fa {
+                  font-size: 14px;
+                  color: #666;
+                  cursor: pointer;
+                }
+              }
+              div.pop-tip{
+                position: absolute;
+                top: 39px;
+                left: 470px;
+                z-index: 10;
+                span.pop-title{
+                  display: inline-block;
+                  padding: 5px;
+                  z-index:100;
+                  width: 150px;
+                  height: 55px;
+                  line-height: 16px;
+                  text-align: left;
+                  font-size: 12px;
+                  color: #8c8c8c;
+                  background: #fff;
+                  box-shadow: 0 0 5px rgba(0,0,0,.5);
+                  -moz-box-shadow: 0 0 5px rgba(0,0,0,.5);
+                  -o-box-shadow: 0 0 5px rgba(0,0,0,.5);
+                  -webkit-box-shadow: 0 0 5px rgba(0,0,0,.5);
+                  border-radius: 5px;
+                }
               }
               span.tip.passwordError{
                 position: absolute;

components/register/PersonalRegistration.vue

@@ -4,6 +4,7 @@
       <div class="content">
         <div class="content-top">
           <h3>个人注册</h3>
+          <a class="go" href="/register/enterpriseRegistration"><i class="fa fa-long-arrow-right"></i>企业注册</a>
         </div>
         <div>
           <el-form :model="item" :rules="rules2" ref="item" label-width="100px" class="demo-ruleForm">
@@ -399,7 +400,8 @@
         text-align: center;
         background: #fff;
         .content-top{
-           height: 80px;
+          position: relative;
+          height: 80px;
           line-height: 80px;
           border-bottom: 1px solid #dcdcdc;
           h3{
@@ -407,6 +409,15 @@
             font-size: 24px;
             color: #000;
           }
+          a.go{
+            position: absolute;
+            top: 0;
+            right: 0;
+            font-size: 14px;
+            i{
+              margin-right: 3px;
+            }
+          }
         }
         form {
           padding-bottom: 44px;