wszhyWx/src/views/page/internalInsulation.vue
2023-12-26 14:08:18 +08:00

99 lines
3.5 KiB
Vue
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<template>
<div class="internalInsulation">
<div class="table-title">
<img src="../../assets/img/internalInsulation.png" alt="">内保温
</div>
<div class="title-tips">工作方式选择</div>
<div class="flex-view">
<div class="input-btn ">
<div class="btn" :class="openIndex == 1 ? 'blue' : 'green'">
<img src="../../assets/image/irrigateSet2.png" alt="" />自动运行
</div>
<div class="btn" :class="openIndex == 2 ? 'blue' : 'green'">
<img src="../../assets/image/irrigateSet3.png" alt="" />手动打开
</div>
<div class="btn" :class="openIndex == 3 ? 'blue' : 'green'">
<img src="../../assets/image/irrigateSet1.png" alt="" />手动关闭
</div>
<div class="btn" :class="openIndex == 4 ? 'blue' : 'green'">
<img src="../../assets/image/irrigateSet1.png" alt="" />停止
</div>
</div>
</div>
<div class="flex-view border-none shrink-none padding-none">
<div class="input-main-80">
<span>夜间保温时段</span>
<input type="text" placeholder="0">
<span>:</span>
<input type="text" placeholder="0">
<span>-</span>
<input type="text" placeholder="0">
<span>:</span>
<input type="text" placeholder="0">
</div>
</div>
<div class="flex-view shrink-none padding-none">
<div class="input-main-80">
<span>夜间保温结束时</span>
<input type="text" placeholder="0">
<span>步收拢内保温间隔时间</span>
<input type="text" placeholder="0">
<span>分钟</span>
</div>
</div>
<div class="flex-view border-none shrink-none padding-none">
<div class="input-btn">
<div class="btn off btn-w80">
无效
</div>
</div>
<div class="input-main-80">
<span>室内温度高于目标温度</span>
<input type="text" placeholder="0">
<span>展开内保温</span>
</div>
</div>
<div class="flex-view border-none shrink-none padding-none">
<div class="input-btn">
<div class="btn off btn-w80">
无效
</div>
</div>
<div class="input-main-80">
<span>天窗除湿时内保温开启角度</span>
<input type="text" placeholder="0">
</div>
</div>
<div class="flex-view border-none shrink-none padding-none">
<div class="input-btn">
<div class="btn off btn-w80">
无效
</div>
</div>
<div class="input-main-80">
<span>光照大于</span>
<input type="text" placeholder="0">
<span>提前</span>
<input type="text" placeholder="0">
<span>分钟收拢内保温</span>
</div>
</div>
</div>
</template>
<script>
export default {
data() {
return {
openIndex:1,
}
},
mounted() { },
methods: {},
}
</script>
<style lang="scss"></style>