<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>