|
|
@ -4,7 +4,7 @@ |
|
|
|
<img |
|
|
|
<img |
|
|
|
class="leftImg" |
|
|
|
class="leftImg" |
|
|
|
src="@/assets/imgs/show/back.png" |
|
|
|
src="@/assets/imgs/show/back.png" |
|
|
|
@click="onClickLeft()" |
|
|
|
@click="router.back()" |
|
|
|
/> |
|
|
|
/> |
|
|
|
<div class="zhp-title-text">定时</div> |
|
|
|
<div class="zhp-title-text">定时</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
@ -67,6 +67,7 @@ |
|
|
|
import { getCurrentInstance, onBeforeMount, ref } from "vue"; |
|
|
|
import { getCurrentInstance, onBeforeMount, ref } from "vue"; |
|
|
|
import { useRouter } from "vue-router"; |
|
|
|
import { useRouter } from "vue-router"; |
|
|
|
import { $commonService } from "@/services/framework/dependency-injection-service"; |
|
|
|
import { $commonService } from "@/services/framework/dependency-injection-service"; |
|
|
|
|
|
|
|
|
|
|
|
const getImgSrc = $commonService.$imgService.getImgSrc; |
|
|
|
const getImgSrc = $commonService.$imgService.getImgSrc; |
|
|
|
let selectNum = 0; |
|
|
|
let selectNum = 0; |
|
|
|
let time = 0; |
|
|
|
let time = 0; |
|
|
@ -88,9 +89,6 @@ const selectNumEvent = (index: any) => { |
|
|
|
const selectTimeEvent = (index: any) => { |
|
|
|
const selectTimeEvent = (index: any) => { |
|
|
|
time = index; |
|
|
|
time = index; |
|
|
|
}; |
|
|
|
}; |
|
|
|
const onClickLeft = () => { |
|
|
|
|
|
|
|
onSaveClick(); |
|
|
|
|
|
|
|
}; |
|
|
|
|
|
|
|
const onOpenClick = (b: boolean) => { |
|
|
|
const onOpenClick = (b: boolean) => { |
|
|
|
isOpen.value = b; |
|
|
|
isOpen.value = b; |
|
|
|
}; |
|
|
|
}; |
|
|
@ -113,10 +111,12 @@ onBeforeMount(() => { |
|
|
|
}); |
|
|
|
}); |
|
|
|
|
|
|
|
|
|
|
|
const onSaveClick = () => { |
|
|
|
const onSaveClick = () => { |
|
|
|
router.push({ |
|
|
|
proxy.$eventBusService.emit("timingAdd", { time: time, name: "主卧空调" }); |
|
|
|
path: "/tabs", |
|
|
|
router.back(); |
|
|
|
query: { pageType: "tabs", time: time, device: "主卧空调" } |
|
|
|
// router.push({ |
|
|
|
}); |
|
|
|
// path: "/tabs", |
|
|
|
|
|
|
|
// query: { pageType: "tabs", time: time, device: "主卧空调" }, |
|
|
|
|
|
|
|
// }); |
|
|
|
}; |
|
|
|
}; |
|
|
|
</script> |
|
|
|
</script> |
|
|
|
|
|
|
|
|
|
|
@ -128,8 +128,8 @@ const onSaveClick = () => { |
|
|
|
padding-right: 24px; |
|
|
|
padding-right: 24px; |
|
|
|
margin-bottom: 12px; |
|
|
|
margin-bottom: 12px; |
|
|
|
flex-wrap: wrap; |
|
|
|
flex-wrap: wrap; |
|
|
|
|
|
|
|
|
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.time-center-item { |
|
|
|
.time-center-item { |
|
|
|
display: flex; |
|
|
|
display: flex; |
|
|
|
align-items: center; |
|
|
|
align-items: center; |
|
|
@ -139,13 +139,14 @@ const onSaveClick = () => { |
|
|
|
background-position: center; |
|
|
|
background-position: center; |
|
|
|
background-repeat: no-repeat; |
|
|
|
background-repeat: no-repeat; |
|
|
|
background-image: url("@/assets/imgs/show/bg_add_timing_unselect.png"); |
|
|
|
background-image: url("@/assets/imgs/show/bg_add_timing_unselect.png"); |
|
|
|
|
|
|
|
|
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.layout-horizontal { |
|
|
|
.layout-horizontal { |
|
|
|
display: flex; |
|
|
|
display: flex; |
|
|
|
align-items: stretch; |
|
|
|
align-items: stretch; |
|
|
|
box-sizing: border-box; |
|
|
|
box-sizing: border-box; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.time-center-item-unselect { |
|
|
|
.time-center-item-unselect { |
|
|
|
color: #ffffff; |
|
|
|
color: #ffffff; |
|
|
|
opacity: 0.4; |
|
|
|
opacity: 0.4; |
|
|
@ -153,17 +154,20 @@ const onSaveClick = () => { |
|
|
|
font-size: 32px; |
|
|
|
font-size: 32px; |
|
|
|
font-weight: 400; |
|
|
|
font-weight: 400; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.time-center-item-select { |
|
|
|
.time-center-item-select { |
|
|
|
color: #ffffff; |
|
|
|
color: #ffffff; |
|
|
|
text-align: center; |
|
|
|
text-align: center; |
|
|
|
font-size: 32px; |
|
|
|
font-size: 32px; |
|
|
|
font-weight: 700; |
|
|
|
font-weight: 700; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.selectImg { |
|
|
|
.selectImg { |
|
|
|
width: 60px; |
|
|
|
width: 60px; |
|
|
|
height: 60px; |
|
|
|
height: 60px; |
|
|
|
margin-left: 26px; |
|
|
|
margin-left: 26px; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.item-content { |
|
|
|
.item-content { |
|
|
|
margin-bottom: 12px; |
|
|
|
margin-bottom: 12px; |
|
|
|
position: relative; |
|
|
|
position: relative; |
|
|
@ -195,6 +199,7 @@ const onSaveClick = () => { |
|
|
|
font-size: 28px; |
|
|
|
font-size: 28px; |
|
|
|
font-weight: 400; |
|
|
|
font-weight: 400; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.bottom-btn { |
|
|
|
.bottom-btn { |
|
|
|
bottom: 30px; |
|
|
|
bottom: 30px; |
|
|
|
position: absolute; |
|
|
|
position: absolute; |
|
|
|