Browse Source

新风换气、空气盒子

dev_230517
刘洪超 1 year ago
parent
commit
b80782aba0
  1. BIN
      src/assets/imgs/show/bg_kqhz.png
  2. BIN
      src/assets/imgs/show/bg_xfhqj.png
  3. BIN
      src/assets/imgs/show/icon_kqhz.png
  4. BIN
      src/assets/imgs/show/icon_xfhqj.png
  5. 12
      src/router.ts
  6. 6
      src/styles/framework/base/flexbox.scss
  7. 4
      src/view/data-center/data-center-show.vue
  8. 37
      src/view/device-detail/ait-box.vue
  9. 37
      src/view/device-detail/fresh-air.vue
  10. 10
      src/view/tabs/device-control.vue

BIN
src/assets/imgs/show/bg_kqhz.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 194 KiB

BIN
src/assets/imgs/show/bg_xfhqj.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 214 KiB

BIN
src/assets/imgs/show/icon_kqhz.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 228 KiB

BIN
src/assets/imgs/show/icon_xfhqj.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 103 KiB

12
src/router.ts

@ -114,6 +114,18 @@ const projectRoutes = [ @@ -114,6 +114,18 @@ const projectRoutes = [
path: "/messageDetail",
component: () => import("@/view/message/messageDetail.vue")
},
{
//空气盒子页面
name: "airBox",
path: "/airBox",
component: () => import("@/view/device-detail/ait-box.vue")
},
{
//新风换气机展示页面
name: "freshAir",
path: "/freshAir",
component: () => import("@/view/device-detail/fresh-air.vue")
},
// 非哈希路由暂不启用
{
name: "notFound",

6
src/styles/framework/base/flexbox.scss

@ -271,6 +271,8 @@ Flex, Grow, & Shrink 待确定 @@ -271,6 +271,8 @@ Flex, Grow, & Shrink 待确定
flex-direction: column;
position: relative;
background-image: url("@/assets/imgs/show/bg_timing.png");
background-repeat: no-repeat;
background-size: contain;
height: 100vh;
width: 100vw;
//智慧右侧图片
@ -415,7 +417,9 @@ Flex, Grow, & Shrink 待确定 @@ -415,7 +417,9 @@ Flex, Grow, & Shrink 待确定
display: flex;
align-items: center;
}
.show-img {
width: 100vw;
}
.margin-left-2 {
margin-left: 2px;
}

4
src/view/data-center/data-center-show.vue

@ -48,8 +48,4 @@ onActivated(() => { @@ -48,8 +48,4 @@ onActivated(() => {
align-items: center;
display: flex;
}
.show-img {
width: 100vw;
}
</style>

37
src/view/device-detail/ait-box.vue

@ -0,0 +1,37 @@ @@ -0,0 +1,37 @@
<template>
<div class="air-bg">
<div class="zhp-title">
<img class="leftImg" src="@/assets/imgs/show/back.png" @click="router.back()">
<div class="zhp-title-text">空气盒子</div>
</div>
<img class="show-img" src="@/assets/imgs/show/icon_kqhz.png">
</div>
</template>
<script lang="ts" setup>
import router from "@/router";
</script>
<style lang="scss" scoped>
//
.air-bg {
flex-direction: column;
position: relative;
background-image: url("@/assets/imgs/show/bg_kqhz.png");
background-repeat: no-repeat;
background-size: contain;
height: 100vh;
width: 100vw;
//
.leftImg {
width: 48px;
height: 48px;
position: absolute;
left: 24px;
}
.show-img {
width: 100vw;
}
}
</style>

37
src/view/device-detail/fresh-air.vue

@ -0,0 +1,37 @@ @@ -0,0 +1,37 @@
<template>
<div class="fresh-air-bg">
<div class="zhp-title">
<img class="leftImg" src="@/assets/imgs/show/back.png" @click="router.back()">
<div class="zhp-title-text">新风换气机</div>
</div>
<img class="show-img" src="@/assets/imgs/show/icon_xfhqj.png">
</div>
</template>
<script lang="ts" setup>
import router from "@/router";
</script>
<style lang="scss" scoped>
//
.fresh-air-bg {
flex-direction: column;
position: relative;
background-image: url("@/assets/imgs/show/bg_xfhqj.png");
background-repeat: no-repeat;
background-size: contain;
height: 100vh;
width: 100vw;
//
.leftImg {
width: 48px;
height: 48px;
position: absolute;
left: 24px;
}
.show-img {
width: 100vw;
}
}
</style>

10
src/view/tabs/device-control.vue

@ -147,6 +147,14 @@ const allShutDown = () => { @@ -147,6 +147,14 @@ const allShutDown = () => {
* @param item 点击的设备信息
*/
const goToDetail = (item: any) => {
switch (item.deviceType) {
case "02"://
router.push("/airBox");
break;
case "4D"://
router.push("/freshAir");
break;
default:
router.push({
path: '/device-detail',
query: {
@ -157,6 +165,8 @@ const goToDetail = (item: any) => { @@ -157,6 +165,8 @@ const goToDetail = (item: any) => {
smartMode: item.smartMode,
}
})
break;
}
}
</script>

Loading…
Cancel
Save