fix: 修改部分内容，支持鸿蒙系统浏览器。

2024-10-01 10:13:05 +08:00
parent b3890369e6
commit f4ba85cd5b
5 changed files with 109 additions and 28 deletions
--- a/src/Util.js
+++ b/src/Util.js
@@ -16,6 +16,8 @@ export default class Util {
    mobile: !!userAgent.match(/AppleWebKit.*Mobile.*/), // 是否为移动终端
    iPad: userAgent.indexOf('iPad') > -1, // 是否iPad
    webApp: userAgent.indexOf('Safari') === -1, // 是否web应该程序，没有头部与底部
-    wechat: userAgent.indexOf('MicroMessenger') > -1
+    wechat: userAgent.indexOf('MicroMessenger') > -1, // 是否微信浏览器
+    isapp: window.innerWidth < 768, // 是否微信浏览器
+    harmonyOS: userAgent.indexOf('HarmonyOS') > -1,
  }
 }
--- a/src/components/Footer.vue
+++ b/src/components/Footer.vue
@@ -5,14 +5,13 @@
      <a href="https://beian.miit.gov.cn/" target="_blank"> 鲁ICP备2024118666号-1</a>
      <img src ="./img/gongan.png" width="18" height="20">&nbsp;<a href="https://beian.mps.gov.cn/#/query/webSearch?code=37021202001661" rel="noreferrer" target="_blank">鲁公网安备37021202001661</a>
    </div>
-    <div class="links">

-  </div>
    <p class="copy-right">
-      Copyright 2024 智聪科技股份有限公司.All rights reserved.
+       <a  class="copy-right" href="http://152.136.151.187:8080/admin/" target="_blank">Copyright</a> 2024 青岛智聪科技股份有限公司<a class="copy-right" href="http://152.136.151.187:82/#/" target="_blank">&nbsp;.All rights reserved</a>
      <br>
     
    </p>
+  
  </footer>
 </template>
 <script>
--- a/src/views/HomePage.vue
+++ b/src/views/HomePage.vue
@@ -3,16 +3,18 @@
    <zui-header>
      <logo type="xiaoyanyun" href="/"></logo>
        <h4 class="zui-logo-text">
-         |&nbsp;&nbsp;记账专家
+         <a href="http://152.136.151.187:8080/admin/" target="_blank">|&nbsp;&nbsp;记账</a><a href="http://152.136.151.187:82/#/" target="_blank">专家</a>
         <br/>|&nbsp;&nbsp;健康帮手
        </h4>
-         <div class="zui-rightcol" @click="openMenu" style="color: #0b8ba5;">◄目录►</div>
+         <div v-show="mobileShow" class="rightcol" @click="openMenu" style="color: #0b8ba5;">◄目录►</div>
         <drop-list :config="configData" ref="droplist"></drop-list>
+         <div v-show="webShow">
         <zui-button @click="onButtonClick('callus')">联系我们</zui-button>
         <zui-button @click="onButtonClick('resource')">资料下载</zui-button>
         <zui-button @click="onButtonClick('health')">健康档案</zui-button>
         <zui-button @click="onButtonClick('invest')">记账平台</zui-button>
         <zui-button @click="onButtonClick('home')">首页</zui-button>
+      </div>
    </zui-header>
    <div class="banner vivify fadeIn">
      <h1 class="vivify popIn">
@@ -114,7 +116,9 @@
        feature2: feature2,
        feature3: feature3,
        feature4: feature4,
-        carouselPerPage: (Util.os.android || Util.os.iPhone|| Util.os.mobile) ? 1 : 2,
+        mobileShow: false,
+        webShow: true,
+        carouselPerPage: (Util.os.android || Util.os.iPhone|| Util.os.mobile|| Util.os.isapp|| Util.os.harmonyOS) ? 1 : 2,
        configData : {
            position: {  // 设置显示位置，position
              top: '60px',
@@ -132,13 +136,16 @@
            ]
        }
      }
+    },
+    created() {
+    this.init()
  },
   methods: {
      onButtonClick: function (e) {
        if(e=="callus"){
            this.$router.push({path:'/callus'})
        }else if(e=="invest"){
-          window.open("http://152.136.151.187:8080/admin/", '_blank');
+          window.open("http://152.136.151.187:88/login", '_blank');
        }else if(e=="health"){
          window.open("http://152.136.151.187:81/hrms/login", '_blank');
        }else if(e=="resource"){
@@ -151,10 +158,10 @@
       this.$refs.droplist.show()
      },
      gocallus: function () {
-       this.$router.push({path:'/'})
+       this.$router.push({path:'/callus'})
      },
      goinvest: function () {
-        window.open("http://152.136.151.187:82/#/", '_blank');
+        window.open("http://152.136.151.187:86/#/", '_blank');
      },
      goresource: function () {
       this.$router.push({path:'/resource'})
@@ -162,7 +169,28 @@
      gohealth: function () {
        window.open("http://152.136.151.187:89/#/", '_blank');
      },
+      init: function () {
+        if((Util.os.android || Util.os.iPhone|| Util.os.mobile|| Util.os.isapp|| Util.os.harmonyOS)){
+          this.webShow=false
+          this.mobileShow=true
+        }else{
+          this.webShow=true
+          this.mobileShow=false
+        }
+      
+      },
    }

  }
 </script>
+<style scoped lang="less">
+.rightcol{
+  display: flex;
+  float: right;
+  line-height: 30px;
+  margin: 15px 10px 0 0;
+  min-width: 50px;
+  font-weight: bold;
+  color: #32adc6;
+}
+</style>
--- a/src/views/callus.vue
+++ b/src/views/callus.vue
@@ -3,16 +3,18 @@
    <zui-header>
      <logo type="xiaoyanyun" href="/"></logo>
        <h4 class="zui-logo-text">
-         |&nbsp;&nbsp;记账专家
+          <a href="http://152.136.151.187:8080/admin/" target="_blank">|&nbsp;&nbsp;记账</a><a href="http://152.136.151.187:82/#/" target="_blank">专家</a>
         <br/>|&nbsp;&nbsp;健康帮手
        </h4>
-         <div class="zui-rightcol" @click="openMenu" style="color: #0b8ba5;">◄目录►</div>
+        <div v-show="mobileShow" class="rightcol" @click="openMenu" style="color: #0b8ba5;">◄目录►</div>
         <drop-list :config="configData" ref="droplist"></drop-list>
+         <div v-show="webShow">
         <zui-button @click="onButtonClick('callus')">联系我们</zui-button>
         <zui-button @click="onButtonClick('resource')">资料下载</zui-button>
         <zui-button @click="onButtonClick('health')">健康档案</zui-button>
         <zui-button @click="onButtonClick('invest')">记账平台</zui-button>
         <zui-button @click="onButtonClick('home')">首页</zui-button>
+      </div>
    </zui-header>
    <div class="service">
      <h1>
@@ -60,7 +62,9 @@
        feature2: feature2,
        feature3: feature3,
        feature4: feature4,
-        carouselPerPage: (Util.os.android || Util.os.iPhone|| Util.os.wechat|| Util.os.mobile) ? 1 : 2,
+        mobileShow: false,
+        webShow: true,
+        carouselPerPage: (Util.os.android || Util.os.iPhone|| Util.os.wechat|| Util.os.mobile|| Util.os.isapp|| Util.os.harmonyOS) ? 1 : 2,
        configData : {
            position: {  // 设置显示位置，position
              top: '60px',
@@ -84,7 +88,7 @@
        if(e=="callus"){
            this.$router.push({path:'/callus'})
        }else if(e=="invest"){
-          window.open("http://152.136.151.187:8080/admin/", '_blank');
+          window.open("http://152.136.151.187:88/login", '_blank');
        }else if(e=="health"){
          window.open("http://152.136.151.187:81/hrms/login", '_blank');
        }else if(e=="resource"){
@@ -97,18 +101,39 @@
       this.$refs.droplist.show()
      },
      gocallus: function () {
-       this.$router.push({path:'/'})
+       this.$router.push({path:'/callus'})
      },
      goinvest: function () {
-        window.open("http://152.136.151.187:82/#/", '_blank');
+        window.open("http://152.136.151.187:86/#/", '_blank');
      },
      goresource: function () {
       this.$router.push({path:'/resource'})
      },
      gohealth: function () {
-        window.open("http://152.136.151.187:81/#/", '_blank');
+        window.open("http://152.136.151.187:89/#/", '_blank');
+      },
+      init: function () {
+        if((Util.os.android || Util.os.iPhone|| Util.os.mobile|| Util.os.isapp|| Util.os.harmonyOS)){
+          this.webShow=false
+          this.mobileShow=true
+        }else{
+          this.webShow=true
+          this.mobileShow=false
+        }
+      
      },
    }

  }
 </script>
+<style scoped lang="less">
+.rightcol{
+  display: flex;
+  float: right;
+  line-height: 30px;
+  margin: 15px 10px 0 0;
+  min-width: 50px;
+  font-weight: bold;
+  color: #32adc6;
+}
+</style>
--- a/src/views/resource.vue
+++ b/src/views/resource.vue
@@ -3,16 +3,18 @@
    <zui-header>
      <logo type="xiaoyanyun" href="/"></logo>
        <h4 class="zui-logo-text">
-         |&nbsp;&nbsp;记账专家
+          <a href="http://152.136.151.187:8080/admin/" target="_blank">|&nbsp;&nbsp;记账</a><a href="http://152.136.151.187:82/#/" target="_blank">专家</a>
         <br/>|&nbsp;&nbsp;健康帮手
        </h4>
-         <div class="zui-rightcol" @click="openMenu" style="color: #0b8ba5;">◄目录►</div>
+        <div v-show="mobileShow" class="rightcol" @click="openMenu" style="color: #0b8ba5;">◄目录►</div>
         <drop-list :config="configData" ref="droplist"></drop-list>
+         <div v-show="webShow">
         <zui-button @click="onButtonClick('callus')">联系我们</zui-button>
         <zui-button @click="onButtonClick('resource')">资料下载</zui-button>
         <zui-button @click="onButtonClick('health')">健康档案</zui-button>
         <zui-button @click="onButtonClick('invest')">记账平台</zui-button>
         <zui-button @click="onButtonClick('home')">首页</zui-button>
+      </div>
    </zui-header>
    <div class="service">
      <h1>
@@ -66,7 +68,9 @@
        feature2: feature2,
        feature3: feature3,
        feature4: feature4,
-        carouselPerPage: (Util.os.android || Util.os.iPhone|| Util.os.wechat|| Util.os.mobile) ? 1 : 2,
+        mobileShow: false,
+        webShow: true,
+        carouselPerPage: (Util.os.android || Util.os.iPhone|| Util.os.wechat|| Util.os.mobile|| Util.os.isapp|| Util.os.harmonyOS) ? 1 : 2,
        configData : {
            position: {  // 设置显示位置，position
              top: '60px',
@@ -76,7 +80,6 @@
            },
            width: '40%', // 设置宽度
            list: [ // 设置下拉列表数据和对应的点击事件
-            {text: '首页', action: this.gocallus},
            {text: '首页', action: this.gocallus},
              {text: '记账平台', action: this.goinvest},
              {text: '健康档案', action: this.gohealth},
@@ -85,13 +88,16 @@
            ]
        }
      }
+    },
+    created() {
+    this.init()
  },
    methods: {
      onButtonClick: function (e) {
        if(e=="callus"){
            this.$router.push({path:'/callus'})
        }else if(e=="invest"){
-          window.open("http://152.136.151.187:8080/admin/", '_blank');
+          window.open("http://152.136.151.187:88/login", '_blank');
        }else if(e=="health"){
          window.open("http://152.136.151.187:81/hrms/login", '_blank');
        }else if(e=="resource"){
@@ -107,7 +113,7 @@
       this.$router.push({path:'/callus'})
      },
      goinvest: function () {
-        window.open("http://152.136.151.187:82/#/", '_blank');
+        window.open("http://152.136.151.187:86/#/", '_blank');
      },
      goresource: function () {
       this.$router.push({path:'/resource'})
@@ -115,7 +121,28 @@
      gohealth: function () {
        window.open("http://152.136.151.187:89/#/", '_blank');
      },
+      init: function () {
+        if((Util.os.android || Util.os.iPhone|| Util.os.mobile|| Util.os.isapp|| Util.os.harmonyOS)){
+          this.webShow=false
+          this.mobileShow=true
+        }else{
+          this.webShow=true
+          this.mobileShow=false
+        }
+      
+      },
    }

  }
 </script>
+<style scoped lang="less">
+.rightcol{
+  display: flex;
+  float: right;
+  line-height: 30px;
+  margin: 15px 10px 0 0;
+  min-width: 50px;
+  font-weight: bold;
+  color: #32adc6;
+}
+</style>