qdintc/intc-website
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

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

Browse Source
This commit is contained in:
tianyongbao
2024-10-01 10:13:05 +08:00
parent b3890369e6
commit f4ba85cd5b
5 changed files with 109 additions and 28 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/Util.js
View File

@@ -16,6 +16,8 @@ export default class Util {
mobile: !!userAgent.match(/AppleWebKit.*Mobile.*/), // 是否为移动终端 mobile: !!userAgent.match(/AppleWebKit.*Mobile.*/), // 是否为移动终端
iPad: userAgent.indexOf('iPad') > -1, // 是否iPad iPad: userAgent.indexOf('iPad') > -1, // 是否iPad
webApp: userAgent.indexOf('Safari') === -1, // 是否web应该程序，没有头部与底部 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,
} }
} }

11
src/components/Footer.vue
View File

@@ -5,14 +5,13 @@
<a href="https://beian.miit.gov.cn/" target="_blank"> 鲁ICP备2024118666号-1</a> <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> <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>
<div class="links">
</div>
<p class="copy-right">
Copyright 2024 智聪科技股份有限公司.All rights reserved.
<br>
<p class="copy-right">
<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> </p>
</footer> </footer>
</template> </template>
<script> <script>

40
src/views/HomePage.vue
View File

@@ -3,16 +3,18 @@
<zui-header> <zui-header>
<logo type="xiaoyanyun" href="/"></logo> <logo type="xiaoyanyun" href="/"></logo>
<h4 class="zui-logo-text"> <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;健康帮手 <br/>|&nbsp;&nbsp;健康帮手
</h4> </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> <drop-list :config="configData" ref="droplist"></drop-list>
<div v-show="webShow">
<zui-button @click="onButtonClick('callus')">联系我们</zui-button> <zui-button @click="onButtonClick('callus')">联系我们</zui-button>
<zui-button @click="onButtonClick('resource')">资料下载</zui-button> <zui-button @click="onButtonClick('resource')">资料下载</zui-button>
<zui-button @click="onButtonClick('health')">健康档案</zui-button> <zui-button @click="onButtonClick('health')">健康档案</zui-button>
<zui-button @click="onButtonClick('invest')">记账平台</zui-button> <zui-button @click="onButtonClick('invest')">记账平台</zui-button>
<zui-button @click="onButtonClick('home')">首页</zui-button> <zui-button @click="onButtonClick('home')">首页</zui-button>
</div>
</zui-header> </zui-header>
<div class="banner vivify fadeIn"> <div class="banner vivify fadeIn">
<h1 class="vivify popIn"> <h1 class="vivify popIn">
@@ -114,7 +116,9 @@
feature2: feature2, feature2: feature2,
feature3: feature3, feature3: feature3,
feature4: feature4, 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 : { configData : {
position: { // 设置显示位置，position position: { // 设置显示位置，position
top: '60px', top: '60px',
@@ -133,12 +137,15 @@
} }
} }
}, },
created() {
this.init()
},
methods: { methods: {
onButtonClick: function (e) { onButtonClick: function (e) {
if(e=="callus"){ if(e=="callus"){
this.$router.push({path:'/callus'}) this.$router.push({path:'/callus'})
}else if(e=="invest"){ }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"){ }else if(e=="health"){
window.open("http://152.136.151.187:81/hrms/login", '_blank'); window.open("http://152.136.151.187:81/hrms/login", '_blank');
}else if(e=="resource"){ }else if(e=="resource"){
@@ -151,10 +158,10 @@
this.$refs.droplist.show() this.$refs.droplist.show()
}, },
gocallus: function () { gocallus: function () {
this.$router.push({path:'/'}) this.$router.push({path:'/callus'})
}, },
goinvest: function () { goinvest: function () {
window.open("http://152.136.151.187:82/#/", '_blank'); window.open("http://152.136.151.187:86/#/", '_blank');
}, },
goresource: function () { goresource: function () {
this.$router.push({path:'/resource'}) this.$router.push({path:'/resource'})
@@ -162,7 +169,28 @@
gohealth: function () { gohealth: function () {
window.open("http://152.136.151.187:89/#/", '_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> </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>

41
src/views/callus.vue
View File

@@ -3,16 +3,18 @@
<zui-header> <zui-header>
<logo type="xiaoyanyun" href="/"></logo> <logo type="xiaoyanyun" href="/"></logo>
<h4 class="zui-logo-text"> <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;健康帮手 <br/>|&nbsp;&nbsp;健康帮手
</h4> </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> <drop-list :config="configData" ref="droplist"></drop-list>
<div v-show="webShow">
<zui-button @click="onButtonClick('callus')">联系我们</zui-button> <zui-button @click="onButtonClick('callus')">联系我们</zui-button>
<zui-button @click="onButtonClick('resource')">资料下载</zui-button> <zui-button @click="onButtonClick('resource')">资料下载</zui-button>
<zui-button @click="onButtonClick('health')">健康档案</zui-button> <zui-button @click="onButtonClick('health')">健康档案</zui-button>
<zui-button @click="onButtonClick('invest')">记账平台</zui-button> <zui-button @click="onButtonClick('invest')">记账平台</zui-button>
<zui-button @click="onButtonClick('home')">首页</zui-button> <zui-button @click="onButtonClick('home')">首页</zui-button>
</div>
</zui-header> </zui-header>
<div class="service"> <div class="service">
<h1> <h1>
@@ -60,7 +62,9 @@
feature2: feature2, feature2: feature2,
feature3: feature3, feature3: feature3,
feature4: feature4, 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 : { configData : {
position: { // 设置显示位置，position position: { // 设置显示位置，position
top: '60px', top: '60px',
@@ -79,12 +83,12 @@
} }
} }
}, },
methods: { methods: {
onButtonClick: function (e) { onButtonClick: function (e) {
if(e=="callus"){ if(e=="callus"){
this.$router.push({path:'/callus'}) this.$router.push({path:'/callus'})
}else if(e=="invest"){ }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"){ }else if(e=="health"){
window.open("http://152.136.151.187:81/hrms/login", '_blank'); window.open("http://152.136.151.187:81/hrms/login", '_blank');
}else if(e=="resource"){ }else if(e=="resource"){
@@ -97,18 +101,39 @@
this.$refs.droplist.show() this.$refs.droplist.show()
}, },
gocallus: function () { gocallus: function () {
this.$router.push({path:'/'}) this.$router.push({path:'/callus'})
}, },
goinvest: function () { goinvest: function () {
window.open("http://152.136.151.187:82/#/", '_blank'); window.open("http://152.136.151.187:86/#/", '_blank');
}, },
goresource: function () { goresource: function () {
this.$router.push({path:'/resource'}) this.$router.push({path:'/resource'})
}, },
gohealth: function () { 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> </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>

41
src/views/resource.vue
View File

@@ -3,16 +3,18 @@
<zui-header> <zui-header>
<logo type="xiaoyanyun" href="/"></logo> <logo type="xiaoyanyun" href="/"></logo>
<h4 class="zui-logo-text"> <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;健康帮手 <br/>|&nbsp;&nbsp;健康帮手
</h4> </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> <drop-list :config="configData" ref="droplist"></drop-list>
<div v-show="webShow">
<zui-button @click="onButtonClick('callus')">联系我们</zui-button> <zui-button @click="onButtonClick('callus')">联系我们</zui-button>
<zui-button @click="onButtonClick('resource')">资料下载</zui-button> <zui-button @click="onButtonClick('resource')">资料下载</zui-button>
<zui-button @click="onButtonClick('health')">健康档案</zui-button> <zui-button @click="onButtonClick('health')">健康档案</zui-button>
<zui-button @click="onButtonClick('invest')">记账平台</zui-button> <zui-button @click="onButtonClick('invest')">记账平台</zui-button>
<zui-button @click="onButtonClick('home')">首页</zui-button> <zui-button @click="onButtonClick('home')">首页</zui-button>
</div>
</zui-header> </zui-header>
<div class="service"> <div class="service">
<h1> <h1>
@@ -66,7 +68,9 @@
feature2: feature2, feature2: feature2,
feature3: feature3, feature3: feature3,
feature4: feature4, 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 : { configData : {
position: { // 设置显示位置，position position: { // 设置显示位置，position
top: '60px', top: '60px',
@@ -77,7 +81,6 @@
width: '40%', // 设置宽度 width: '40%', // 设置宽度
list: [ // 设置下拉列表数据和对应的点击事件 list: [ // 设置下拉列表数据和对应的点击事件
{text: '首页', action: this.gocallus}, {text: '首页', action: this.gocallus},
{text: '首页', action: this.gocallus},
{text: '记账平台', action: this.goinvest}, {text: '记账平台', action: this.goinvest},
{text: '健康档案', action: this.gohealth}, {text: '健康档案', action: this.gohealth},
{text: '资料下载', action: this.goresource}, {text: '资料下载', action: this.goresource},
@@ -86,12 +89,15 @@
} }
} }
}, },
methods: { created() {
this.init()
},
methods: {
onButtonClick: function (e) { onButtonClick: function (e) {
if(e=="callus"){ if(e=="callus"){
this.$router.push({path:'/callus'}) this.$router.push({path:'/callus'})
}else if(e=="invest"){ }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"){ }else if(e=="health"){
window.open("http://152.136.151.187:81/hrms/login", '_blank'); window.open("http://152.136.151.187:81/hrms/login", '_blank');
}else if(e=="resource"){ }else if(e=="resource"){
@@ -107,7 +113,7 @@
this.$router.push({path:'/callus'}) this.$router.push({path:'/callus'})
}, },
goinvest: function () { goinvest: function () {
window.open("http://152.136.151.187:82/#/", '_blank'); window.open("http://152.136.151.187:86/#/", '_blank');
}, },
goresource: function () { goresource: function () {
this.$router.push({path:'/resource'}) this.$router.push({path:'/resource'})
@@ -115,7 +121,28 @@
gohealth: function () { gohealth: function () {
window.open("http://152.136.151.187:89/#/", '_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> </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>