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

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
-        <a style="color:#00458a;" :href="systemUrl" target="_blank">官方网站</a>
-        版权所有
+        <span v-if="this.isShowRight">华丽软件</span>
+        © 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 {