优化登录和注册页面

jshERP-web/src/views/user/Login.vue

@@ -7,7 +7,7 @@
           size="large"
           v-decorator="['loginName',{initialValue:'', rules: validatorRules.loginName.rules}]"
           type="text"
-          @focus="initWeixin"
+          @mouseover="initWeixin"
           placeholder="请输入用户名">
           <a-icon slot="prefix" type="user" :style="{ color: 'rgba(0,0,0,.25)' }"/>
         </a-input>
@@ -18,6 +18,7 @@
           v-decorator="['password',{initialValue:'', rules: validatorRules.password.rules}]"
           size="large"
           type="password"
+          @mouseover="initWeixin"
           autocomplete="false"
           placeholder="密码">
           <a-icon slot="prefix" type="lock" :style="{ color: 'rgba(0,0,0,.25)' }"/>
@@ -38,6 +39,7 @@
           htmlType="submit"
           class="login-button"
           :loading="loginBtn"
+          @mouseover="initWeixin"
           @click.stop.prevent="handleSubmit"
           :disabled="loginBtn">确定
         </a-button>
@@ -48,13 +50,13 @@
           <a-col>
             © 2015-2030 {{systemTitle}} - Powered By
             <a style="color:#00458a;" :href="systemUrl" target="_blank">官方网站</a>
-            <span v-if="showWeixinSpan()" class="weixin" @mouseover="showWeixin" @click="changeWeixinStatus">微信小程序</span>
           </a-col>
         </a-row>
       </div>
 
-      <div v-if="showWeixinFlag" style="text-align: center; padding-top: 10px;">
+      <div v-if="showWeixinFlag" style="text-align: center; padding-top: 20px;">
-        <img src="/static/weixin.jpg" style="width:258px" />
+        <img src="/static/weixin.jpg" style="width:160px" />
+        <div style="font-size:16px;padding-top:10px;font-weight:bold">欢迎【扫一扫】<br/>{{systemTitle}}微信小程序</div>
       </div>
     </a-form>
   </div>

jshERP-web/src/views/user/Register.vue

@@ -5,7 +5,8 @@
       <a-form-item
         fieldDecoratorId="username"
         :fieldDecoratorOptions="{rules: [{ required: true, message: '用户名不能为空'}, { validator: this.handleUserName}], validateTrigger: ['change', 'blur'], validateFirst: true}">
-        <a-input size="large" type="text" @focus="initWeixin" autocomplete="false" placeholder="请输入用户名"></a-input>
+        <a-input size="large" type="text" @focus="initWeixin" @mouseover="initWeixin" autocomplete="false"
+                 placeholder="请输入用户名"></a-input>
       </a-form-item>
 
       <a-popover placement="rightTop" trigger="click" :visible="state.passwordLevelChecked">
@@ -21,7 +22,8 @@
         <a-form-item
           fieldDecoratorId="password"
           :fieldDecoratorOptions="{rules: [{ required: false}, { validator: this.handlePasswordLevel }], validateTrigger: ['change', 'blur'], validateFirst: true}">
-          <a-input size="large" type="password" @click="handlePasswordInputClick" autocomplete="false" placeholder="至少6位密码，区分大小写"></a-input>
+          <a-input size="large" type="password" @click="handlePasswordInputClick" @mouseover="initWeixin"
+                   autocomplete="false" placeholder="至少6位密码，区分大小写"></a-input>
         </a-form-item>
       </a-popover>
 
@@ -40,6 +42,7 @@
               size="large"
               type="text"
               default-value=""
+              @mouseover="initWeixin"
               placeholder="请输入验证码">
               <a-icon slot="prefix" type="smile" :style="{ color: 'rgba(0,0,0,.25)' }"/>
             </a-input>
@@ -58,6 +61,7 @@
           htmlType="submit"
           class="register-button"
           :loading="registerBtn"
+          @mouseover="initWeixin"
           @click.stop.prevent="handleSubmit"
           :disabled="registerBtn">注册租户
         </a-button>
@@ -69,13 +73,13 @@
           <a-col>
             © 2015-2030 {{systemTitle}} - Powered By
             <a style="color:#00458a;" :href="systemUrl" target="_blank">官方网站</a>
-            <span v-if="showWeixinSpan()" class="weixin" @mouseover="showWeixin" @click="changeWeixinStatus">微信小程序</span>
           </a-col>
         </a-row>
       </div>
 
-      <div v-if="showWeixinFlag" style="text-align: center; padding-top: 10px;">
+      <div v-if="showWeixinFlag" style="text-align: center; padding-top: 20px;">
-        <img src="/static/weixin.jpg" style="width:258px" />
+        <img src="/static/weixin.jpg" style="width:160px" />
+        <div style="font-size:16px;padding-top:10px;font-weight:bold">欢迎【扫一扫】<br/>{{systemTitle}}微信小程序</div>
       </div>
     </a-form>
   </div>