fix: 使用Qoder统一功能修改完善。

This commit is contained in:
tianyongbao
2025-11-04 01:21:56 +08:00
parent 7b8de99652
commit 96e217948b
12 changed files with 476 additions and 195 deletions

View File

@@ -3,17 +3,16 @@
<zui-header>
<logo type="xiaoyanyun" href="/"></logo>
<h4 v-show="webShow" class="zui-logo-text">
<a style="text-decoration: none;" href="http://152.136.151.187:88/login" target="_blank">&nbsp;&nbsp;记账平台</a>
<a style="text-decoration: none;" href="http://152.136.151.187:81/hrms/login" target="_blank">&nbsp;&nbsp;健康档案</a>
<a style="text-decoration: none;" href="http://152.136.151.187:8081/imaotai/" target="_blank">&nbsp;&nbsp;茅台预约</a>
<a class="zui-nav-link" href="http://152.136.151.187:88/login" target="_blank">&nbsp;&nbsp;记账平台</a>
<a class="zui-nav-link" href="http://152.136.151.187:81/hrms/login" target="_blank">&nbsp;&nbsp;健康档案</a>
<a class="zui-nav-link" href="http://152.136.151.187:8081/imaotai/" target="_blank">&nbsp;&nbsp;茅台预约</a>
</h4>
<div v-show="mobileShow" class="rightcol" @click="openMenu" style="color: #0b8ba5;font-size: 14px;">目录</div>
<div v-show="mobileShow" class="rightcol">
<a style="text-decoration: none;font-size: 12px;" href="http://152.136.151.187:86/#/" target="_blank">&nbsp;&nbsp;记账平台</a>
<a style="text-decoration: none;font-size: 12px;" href="http://152.136.151.187:89/#/" target="_blank">&nbsp;&nbsp;健康档案</a>
<a style="text-decoration: none;font-size: 12px;" href="http://152.136.151.187:90/#/" target="_blank">&nbsp;&nbsp;茅台预约</a>
<div v-show="mobileShow" class="zui-rightcol" @click="openMenu">目录</div>
<div v-show="mobileShow" class="zui-rightcol">
<a class="zui-nav-link zui-nav-link--mobile" href="http://152.136.151.187:86/#/" target="_blank">&nbsp;&nbsp;记账平台</a>
<a class="zui-nav-link zui-nav-link--mobile" href="http://152.136.151.187:89/#/" target="_blank">&nbsp;&nbsp;健康档案</a>
<a class="zui-nav-link zui-nav-link--mobile" href="http://152.136.151.187:90/#/" target="_blank">&nbsp;&nbsp;茅台预约</a>
</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>
@@ -23,6 +22,15 @@
<zui-button @click="onButtonClick('home')">首页</zui-button>
</div>
</zui-header>
<div v-show="drawerVisible" class="zui-drawer-overlay" @click="closeMenu"></div>
<div v-show="drawerVisible" class="zui-drawer">
<div class="zui-drawer__header">菜单</div>
<ul class="zui-drawer__list">
<li @click="gohome">首页</li>
<li @click="goresource">资料下载</li>
<li @click="gocallus">联系我们</li>
</ul>
</div>
<div class="service">
<h1>
联系我们->注册账号->免费使用
@@ -72,9 +80,8 @@
import feature3 from '../assets/img/feature3.png'
import feature4 from '../assets/img/feature4.png'
import Util from '../Util'
import DropList from 'vue-droplist'
export default{
components: {Page, Logo, ZuiHeader, ZuiFooter,ZuiButton,DropList},
components: {Page, Logo, ZuiHeader, ZuiFooter,ZuiButton},
data () {
return {
feature1: feature1,
@@ -83,24 +90,8 @@
feature4: feature4,
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',
right: '15px',
bottom: '',
left: ''
},
width: '40%', // 设置宽度
list: [ // 设置下拉列表数据和对应的点击事件
{text: '首页', action: this.gohome},
// {text: '记账平台', action: this.goinvest},
// {text: '健康档案', action: this.gohealth},
// {text: '茅台预约', action: this.goimaotai},
{text: '资料下载', action: this.goresource},
{text: '联系我们', action: this.gocallus}
]
}
drawerVisible: false,
carouselPerPage: (Util.os.android || Util.os.iPhone|| Util.os.wechat|| Util.os.mobile|| Util.os.isapp|| Util.os.harmonyOS) ? 1 : 2
}
},
created() {
@@ -124,7 +115,7 @@
}
},
openMenu: function () {
this.$refs.droplist.show()
this.drawerVisible = true
},
gohome: function () {
this.$router.push({path:'/'})
@@ -144,6 +135,9 @@
gohealth: function () {
window.open("http://152.136.151.187:89/#/", '_blank');
},
closeMenu: function () {
this.drawerVisible = false
},
init: function () {
if((Util.os.android || Util.os.iPhone|| Util.os.mobile|| Util.os.isapp|| Util.os.harmonyOS)){
this.webShow=false
@@ -158,14 +152,3 @@
}
</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>