This commit is contained in:
杨侠磊 2023-09-01 11:46:29 +08:00
parent cc4eb98d5b
commit 6d4832c91d
12 changed files with 58 additions and 40 deletions

View File

@ -3,7 +3,9 @@
<!-- 左右滑动 --> <!-- 左右滑动 -->
<!-- <transition :name="transitionName"><router-view></router-view></transition> --> <!-- <transition :name="transitionName"><router-view></router-view></transition> -->
<!-- 淡出淡出 --> <!-- 淡出淡出 -->
<transition name="slide"><router-view></router-view></transition> <!-- <transition name="slide"> -->
<router-view></router-view>
<!-- </transition> -->
</div> </div>
</template> </template>

View File

@ -48,49 +48,50 @@ export default {
title: "首页", title: "首页",
path: "/" path: "/"
}, },
{
index: "2",
title: "营销",
path: "/marketing"
},
{ {
index: "3", index: "3",
title: "长者", title: "长者",
path: "/elder" path: "/elder"
}, },
{ {
index: "4", index: "9",
title: "居住", title: "智能设备",
path: "/live" path: "/09"
},
{
index: "5",
title: "综合管理",
path: "/05"
}
],
menuList1: [
{
index: "6",
title: "财务",
path: "/06"
}, },
{ {
index: "7", index: "7",
title: "人力资源", title: "人力资源",
path: "/07" path: "/07"
}, },
{
index: "4",
title: "居住",
path: "/live"
},
],
menuList1: [
{
index: "2",
title: "营销",
path: "/marketing"
},
{
index: "5",
title: "综合管理",
path: "/05"
},
{
index: "6",
title: "财务",
path: "/06"
},
{ {
index: "8", index: "8",
title: "活动管理", title: "活动管理",
path: "/08" path: "/08"
}, },
{ ],
index: "9", timeout: undefined,
title: "智能设备",
path: "/09"
}
]
}; };
}, },
props: { props: {
@ -106,6 +107,7 @@ export default {
}, },
mounted() { mounted() {
this.getTime(); this.getTime();
// this.carousel();
}, },
methods: { methods: {
getTime: function () { getTime: function () {
@ -148,7 +150,21 @@ export default {
this.headerObj.index = item.index this.headerObj.index = item.index
this.$router.push({ path: item.path }); this.$router.push({ path: item.path });
} }
} },
carousel(){
let menus = this.menuList.concat(this.menuList1)
let index = this.headerObj.index == 9 ? 0 : this.headerObj.index
this.timeout = setTimeout(() => {
for (var i = 0; i < menus.length; i++) {
if(index == i){
this.jumpPage(menus[i])
}
};
},3000)
},
},
beforeDestroy() {
clearTimeout(this.timeout)
}, },
}; };
</script> </script>

View File

@ -75,16 +75,16 @@
<img src="@/assets/img/elder/1.png" alt=""> <img src="@/assets/img/elder/1.png" alt="">
<div> <div>
<div>长者总数</div> <div>长者总数</div>
<div><span>1761</span></div> <div><span>1760</span></div>
</div> </div>
</div> </div>
<div> <div>
<div><i class="circle"></i>男性长者</div> <div><i class="circle"></i>男性长者</div>
<div>1761</div> <div>980</div>
</div> </div>
<div> <div>
<div><i class="circle circle2"></i>女性长者</div> <div><i class="circle circle2"></i>女性长者</div>
<div>1761</div> <div>780</div>
</div> </div>
</div> </div>
<!-- <dv-border-box-8 :color="['#20F6A5', '#038F81']" class="zz1"> <!-- <dv-border-box-8 :color="['#20F6A5', '#038F81']" class="zz1">

View File

@ -3,7 +3,7 @@
<!-- <userStatus />--> <!-- <userStatus />-->
<!-- <h1>首页</h1> --> <!-- <h1>首页</h1> -->
<!-- <img class="h1" src="../../assets/img/h1.png" />--> <!-- <img class="h1" src="../../assets/img/h1.png" />-->
<Header :headerObj="{title:'深圳颐居养老大数据分析平台', index: '3'}"/> <Header :headerObj="{title:'中科软养老大数据分析平台', index: '3'}"/>
<home></home> <home></home>
<!-- <Nav />--> <!-- <Nav />-->
<!-- <img class="b" src="../../assets/img/1.png" alt="" />--> <!-- <img class="b" src="../../assets/img/1.png" alt="" />-->

View File

@ -3,7 +3,7 @@
<!-- <userStatus />--> <!-- <userStatus />-->
<!-- <h1>首页</h1> --> <!-- <h1>首页</h1> -->
<!-- <img class="h1" src="../../assets/img/h1.png" />--> <!-- <img class="h1" src="../../assets/img/h1.png" />-->
<Header :headerObj="{title:'深圳颐居养老大数据分析平台', index: '1'}"/> <Header :headerObj="{title:'中科软养老大数据分析平台', index: '1'}"/>
<home></home> <home></home>
<!-- <Nav />--> <!-- <Nav />-->
<!-- <img class="b" src="../../assets/img/1.png" alt="" />--> <!-- <img class="b" src="../../assets/img/1.png" alt="" />-->

View File

@ -3,7 +3,7 @@
<!-- <userStatus />--> <!-- <userStatus />-->
<!-- <h1>首页</h1> --> <!-- <h1>首页</h1> -->
<!-- <img class="h1" src="../../assets/img/h1.png" />--> <!-- <img class="h1" src="../../assets/img/h1.png" />-->
<Header :headerObj="{title:'深圳颐居养老大数据分析平台', index: '4'}"/> <Header :headerObj="{title:'中科软养老大数据分析平台', index: '4'}"/>
<home></home> <home></home>
<!-- <Nav />--> <!-- <Nav />-->
<!-- <img class="b" src="../../assets/img/1.png" alt="" />--> <!-- <img class="b" src="../../assets/img/1.png" alt="" />-->

View File

@ -3,7 +3,7 @@
<!-- <userStatus />--> <!-- <userStatus />-->
<!-- <h1>首页</h1> --> <!-- <h1>首页</h1> -->
<!-- <img class="h1" src="../../assets/img/h1.png" />--> <!-- <img class="h1" src="../../assets/img/h1.png" />-->
<Header :headerObj="{title:'深圳颐居养老大数据分析平台', index: '2'}"/> <Header :headerObj="{title:'中科软养老大数据分析平台', index: '2'}"/>
<home></home> <home></home>
<!-- <Nav />--> <!-- <Nav />-->
<!-- <img class="b" src="../../assets/img/1.png" alt="" />--> <!-- <img class="b" src="../../assets/img/1.png" alt="" />-->

View File

@ -1,6 +1,6 @@
<template> <template>
<div class="main"> <div class="main">
<Header :headerObj="{title:'深圳颐居养老大数据分析平台', index: '5'}"/> <Header :headerObj="{title:'中科软养老大数据分析平台', index: '5'}"/>
<img src="@/assets/img/page2/05综合管理.png" alt="" style="width: 100vw;height: calc(100vh - 5vw);"> <img src="@/assets/img/page2/05综合管理.png" alt="" style="width: 100vw;height: calc(100vh - 5vw);">
</div> </div>
</template> </template>

View File

@ -1,6 +1,6 @@
<template> <template>
<div class="main"> <div class="main">
<Header :headerObj="{title:'深圳颐居养老大数据分析平台', index: '6'}"/> <Header :headerObj="{title:'中科软养老大数据分析平台', index: '6'}"/>
<img src="@/assets/img/page2/06财务.png" alt="" style="width: 100vw;height: calc(100vh - 5vw);"> <img src="@/assets/img/page2/06财务.png" alt="" style="width: 100vw;height: calc(100vh - 5vw);">
</div> </div>
</template> </template>

View File

@ -1,6 +1,6 @@
<template> <template>
<div class="main"> <div class="main">
<Header :headerObj="{title:'深圳颐居养老大数据分析平台', index: '7'}"/> <Header :headerObj="{title:'中科软养老大数据分析平台', index: '7'}"/>
<img src="@/assets/img/page2/07人力.png" alt="" style="width: 100vw;height: calc(100vh - 5vw);"> <img src="@/assets/img/page2/07人力.png" alt="" style="width: 100vw;height: calc(100vh - 5vw);">
</div> </div>
</template> </template>

View File

@ -1,6 +1,6 @@
<template> <template>
<div class="main"> <div class="main">
<Header :headerObj="{title:'深圳颐居养老大数据分析平台', index: '8'}"/> <Header :headerObj="{title:'中科软养老大数据分析平台', index: '8'}"/>
<img src="@/assets/img/page2/08活动管理.png" alt="" style="width: 100vw;height: calc(100vh - 5vw);"> <img src="@/assets/img/page2/08活动管理.png" alt="" style="width: 100vw;height: calc(100vh - 5vw);">
</div> </div>
</template> </template>

View File

@ -1,6 +1,6 @@
<template> <template>
<div class="main"> <div class="main">
<Header :headerObj="{title:'深圳颐居养老大数据分析平台', index: '9'}"/> <Header :headerObj="{title:'中科软养老大数据分析平台', index: '9'}"/>
<img src="@/assets/img/page2/09智能设备.png" alt="" style="width: 100vw;height: calc(100vh - 5vw);"> <img src="@/assets/img/page2/09智能设备.png" alt="" style="width: 100vw;height: calc(100vh - 5vw);">
</div> </div>
</template> </template>