给首页增加安卓、苹果、小程序的图标

jshERP-web/src/components/layouts/UserLayout.vue

@@ -23,12 +23,41 @@
       </div>
     </div>
     <div class="footer" v-if="device === 'desktop'">
+      <div class="third-party-platform" v-if="isShowRight">
+        <div class="platform-info" @click="openAndroid()">
+          <img src="/static/Android.png" style="height:30px" >
+          <span>安卓版</span>
+        </div>
+        <div style="width:50px"></div>
+        <div class="platform-info" @click="openIPhone()">
+          <img src="/static/iPhone.png" style="height:30px" >
+          <span>iPhone版</span>
+        </div>
+        <div style="width:50px"></div>
+        <div class="platform-info" @click="openMiniProgram()">
+          <img src="/static/mini-program.png" style="height:30px" >
+          <span>小程序版</span>
+        </div>
+      </div>
       <p>
-        © 2015-2030 {{systemTitle}} - All Right Reserved
+        <span v-if="this.isShowRight">华丽软件</span>
-        <a style="color:#00458a;" :href="systemUrl" target="_blank">官方网站</a>
+        © 2015-2030 {{systemTitle}} - All Right Reserved 版权所有
-        版权所有
+        <a style="color:#00458a; padding-right: 10px" :href="systemUrl" target="_blank">官方网站</a>
+        <span v-if="this.isShowRight"><a href="http://beian.miit.gov.cn/" target="_blank">苏ICP备2021042833号</a></span>
       </p>
     </div>
+    <a-modal v-model="isAndroidShow" title="微信扫一扫下载安卓手机版" width="200" centered>
+      <template slot="footer">
+        <a-button key="back" @click="handleAndroidCancel">取消</a-button>
+      </template>
+      <div class="platform-modal"><img src="/static/android-code.png" style="width:200px" /></div>
+    </a-modal>
+    <a-modal v-model="isMiniProgramShow" title="微信扫一扫使用小程序版" width="200" centered>
+      <template slot="footer">
+        <a-button key="back" @click="handleMiniProgramCancel">取消</a-button>
+      </template>
+      <div class="platform-modal"><img src="/static/weixin.jpg" style="width:200px;" /></div>
+    </a-modal>
   </div>
 </template>
 
@@ -44,6 +73,9 @@
       return {
         systemTitle: window.SYS_TITLE,
         systemUrl: window.SYS_URL,
+        isShowRight: false,
+        isAndroidShow: false,
+        isMiniProgramShow: false,
       }
     },
     mounted () {
@@ -52,6 +84,31 @@
     beforeDestroy () {
       document.body.classList.remove('userLayout')
     },
+    created () {
+      let host = window.location.host
+      if(host === 'cloud.huaxiaerp.vip' || host === 'cloud.huaxiaerp.com') {
+        this.isShowRight = true
+      } else {
+        this.isShowRight = false
+      }
+    },
+    methods: {
+      handleAndroidCancel() {
+        this.isAndroidShow = false
+      },
+      handleMiniProgramCancel() {
+        this.isMiniProgramShow = false
+      },
+      openAndroid() {
+        this.isAndroidShow = true
+      },
+      openIPhone() {
+        this.$message.warning('敬请期待！');
+      },
+      openMiniProgram() {
+        this.isMiniProgramShow = true
+      }
+    }
   }
 </script>
 
@@ -71,6 +128,25 @@
     top: 10%;
     margin-left: 0px;
   }
+  .third-party-platform {
+    display: flex;
+    flex-direction: row;
+    justify-content: center;
+    margin-bottom:15px;
+    opacity:0.7
+  }
+  .third-party-platform .platform-info {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    cursor: pointer;
+    color:#1890ff
+  }
+  .platform-modal {
+    padding:20px;
+    margin:20px 50px;
+    border:1px solid #eee;
+  }
 </style>
 <style lang="less" scoped>
   #userLayout.user-layout-wrapper {

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

@@ -7,7 +7,6 @@
           size="large"
           v-decorator="['loginName',{initialValue:'', rules: validatorRules.loginName.rules}]"
           type="text"
-          @mouseover="initWeixin"
           placeholder="请输入用户名">
           <a-icon slot="prefix" type="user" :style="{ color: 'rgba(0,0,0,.25)' }"/>
         </a-input>
@@ -18,7 +17,6 @@
           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)' }"/>
@@ -39,7 +37,6 @@
           htmlType="submit"
           class="login-button"
           :loading="loginBtn"
-          @mouseover="initWeixin"
           @click.stop.prevent="handleSubmit"
           :disabled="loginBtn">登 录
         </a-button>
@@ -53,11 +50,6 @@
           </a-col>
         </a-row>
       </div>
-
-      <div v-if="showWeixinFlag" style="text-align: center; padding-top: 20px;">
-        <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>
 </template>
@@ -112,8 +104,7 @@
         currdatetime:'',
         randCodeImage:'',
         registerFlag:'',
-        requestCodeSuccess:false,
+        requestCodeSuccess:false
-        showWeixinFlag:false,
       }
     },
     created () {
@@ -293,32 +284,6 @@
           }
         })
       },
-      initWeixin() {
-        if(this.showWeixinSpan()) {
-          let that = this
-          setTimeout(function() {
-            that.showWeixin()
-          },1000)
-        }
-      },
-      showWeixinSpan() {
-        let host = window.location.host
-        if(host === 'cloud.huaxiaerp.vip' || host === 'cloud.huaxiaerp.com') {
-          return true
-        } else {
-          return false
-        }
-      },
-      showWeixin() {
-        this.showWeixinFlag = true
-      },
-      changeWeixinStatus() {
-        if(this.showWeixinFlag) {
-          this.showWeixinFlag = false
-        } else {
-          this.showWeixinFlag = true
-        }
-      },
       checkScreen() {
         let percentage = '100%'
         let basicWidth = 1920

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

@@ -5,7 +5,7 @@
       <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" @mouseover="initWeixin" autocomplete="false"
+        <a-input size="large" type="text" autocomplete="false"
                  placeholder="请输入用户名"></a-input>
       </a-form-item>
 
@@ -22,8 +22,7 @@
         <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" @mouseover="initWeixin"
+          <a-input size="large" type="password" @click="handlePasswordInputClick" autocomplete="false" placeholder="至少6位密码，区分大小写"></a-input>
-                   autocomplete="false" placeholder="至少6位密码，区分大小写"></a-input>
         </a-form-item>
       </a-popover>
 
@@ -42,7 +41,6 @@
               size="large"
               type="text"
               default-value=""
-              @mouseover="initWeixin"
               placeholder="请输入验证码">
               <a-icon slot="prefix" type="smile" :style="{ color: 'rgba(0,0,0,.25)' }"/>
             </a-input>
@@ -61,7 +59,6 @@
           htmlType="submit"
           class="register-button"
           :loading="registerBtn"
-          @mouseover="initWeixin"
           @click.stop.prevent="handleSubmit"
           :disabled="registerBtn">注册租户
         </a-button>
@@ -76,11 +73,6 @@
           </a-col>
         </a-row>
       </div>
-
-      <div v-if="showWeixinFlag" style="text-align: center; padding-top: 20px;">
-        <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>
 </template>
@@ -129,7 +121,6 @@
           progressColor: '#FF0000'
         },
         registerBtn: false,
-        showWeixinFlag:false,
       }
     },
     computed: {
@@ -278,33 +269,7 @@
           duration: 4,
         });
         this.registerBtn = false;
-      },
+      }
-      initWeixin() {
-        if(this.showWeixinSpan()) {
-          let that = this
-          setTimeout(function() {
-            that.showWeixin()
-          },1000)
-        }
-      },
-      showWeixinSpan() {
-        let host = window.location.host
-        if(host === 'cloud.huaxiaerp.vip' || host === 'cloud.huaxiaerp.com') {
-          return true
-        } else {
-          return false
-        }
-      },
-      showWeixin() {
-        this.showWeixinFlag = true
-      },
-      changeWeixinStatus() {
-        if(this.showWeixinFlag) {
-          this.showWeixinFlag = false
-        } else {
-          this.showWeixinFlag = true
-        }
-      },
     },
     watch: {
       'state.passwordLevel'(val) {