<!-- mask -->
<loading/>
<view class="mini_mask" style="height:{{pageHight}}px" wx:if="{{guideInit}}" bindtap="nextStep">
    <view class="stepmask step_one" wx:if="{{guideStep===1}}">
        <view class="one_contant flex_row">
            点击查看科普数据哦！
        </view>
    </view>
    <view class="stepmask step_two"  wx:if="{{guideStep===2}}">
        <view class="two_contant flex_row">
            根据个人感受，点击任意一项即可生效哦！
        </view>
    </view>
</view>
<van-sticky>
    <header class="header_custom" wx:if="{{headerShow}}" customClass="{{true}}">
        <view slot="content" class="header-title">
            <view class='goback' bindtap="goBack">
                <van-icon color="#FFFFFF" name="arrow-left" size="20px"/>
            </view>
            <view class='mode_box' bindtap="changeMode">
                <image src="../../static/images/modechange.png" />
                <text class="projectname">{{StandardMode?'标准模式':'专业模式'}}</text>
            </view>
        </view>
    </header>
</van-sticky>
<view id="j_page" class="j_page">
    <!-- <view class="flex_row uptime" wx:if="{{nextOpenTime}}">
        预计 {{nextOpenTime}} 重新开启环境调节
    </view> -->
    <!-- banner -->
    <view class="adjust_main">
        <view class="space_bg">
            <image src="{{imgbaseUrl}}{{spaceDetail.pic}}"  wx:if="{{spaceDetail.pic}}"/>
            <image src="{{picInitUrl}}" lazy-load="{{true}}" wx:if="{{!spaceDetail.pic}}"/>
        </view>
        <view class="space_msg">
            <view class="msg_left">
                <view class="msg_left_text">
                  <text class="spacename">{{spaceDetail.localName}}</text>
                <text wx:if="{{spaceDetail.isPassengerPassShow}}" class="peoplestate {{spaceDetail.isPassengerPass=='有人'?'activepeople':''}}">{{spaceDetail.isPassengerPass}}</text>
                <image class="scan_img" bindtap="getScancode"  src="../../static/images/scan.svg"></image>
                </view>
                <view class="spacestate flex_row">
                    {{spaceDetail.state}}
                    <view>
                        <!-- <lottie wx:if="{{!feedBack}}" id="lottie{{spaceDetail.id}}" canId="{{spaceDetail.id}}" animationData="{{statusList[spaceDetail.stateId].canvasDate}}" width="20" height="20"/> -->
                    </view>
                </view>
            </view>
            <view class="msg_right" bindtap="toDetail">
                <!-- <text wx:if="{{spaceDetail.isPassengerPassShow}}" class="peoplestate">{{spaceDetail.isPassengerPass}}</text> -->
                <text>{{filter.initItemNum('',spaceDetail.temperature,'温度')}}</text>°C
            </view>
        </view>
        <view class="space_paramelist flex_row" hidden="{{!StandardMode}}">
            <block wx:for="{{envNamelist}}" wx:for-index="key" wx:for-item="value">
                <view class="parame_item flex_column" key="{{key}}" data-param="{{key}}" data-spaceid="{{spaceDetail.id}}" data-projectid="{{spaceDetail.projectId}}" data-funcid="{{value.funcid}}" data-localname="{{value.localName}}" data-name="{{value.name}}" bindtap="toDetail" wx:key="{{index}}">
                    <view class="icon_name flex_row">
                    <image src="{{value.imgSrc}}" /> {{value.name}}
                    </view>
                    <view class="parame_num"><text>{{filter.initItemNum(spaceDetail.tenantId,spaceDetail[key],value.name)}}</text>{{value.unit}}</view>
                    <view class="parame_tag tag{{key}}bg{{spaceDetail[key+'level'].level}}" wx:if="{{(spaceDetail[key]||spaceDetail[key]==0)}}">
                        <text>{{spaceDetail[key+'level'].levelTxt}}</text>
                    </view>
                    <view class="parame_tag novalue" wx:else><text>- -</text></view>
                </view>
            </block>
        </view>
    </view>
    <!-- 标准模式开始 -->
    <view class="standard_box" hidden="{{!StandardMode}}" wx:if="{{(spaceDetail.isClose+'')!='true'}}">
        <!-- 温度调节 -->
        <view class="envstate_list">
            <view class="list_title flex_row">
                <image src="../../static/images/tempadjust.png" />
                <text>温度调节</text>
            </view>
            <view class="list_body">
                <block wx:for="{{tempType}}" key="{{index}}">
                    <view bindtap="changeType" class="{{tempTypeValue===item.id?'typelistactive':''}}" data-index="{{item.id}}" data-type="temp">
                        <image src="{{item.imgSrc}}"></image>{{item.value}}
                    </view>
                </block>
            </view>
        </view>
        <!-- 风速调节 -->
        <view class="envstate_list">
            <view class="list_title flex_row">
                <image src="../../static/images/windadjust.png" />
                <text>风速调节</text>
            </view>
            <view class="list_body">
                <block wx:for="{{windType}}" key="{{index}}">
                    <view bindtap="changeType" class="{{windTypeValue===item.id?'typelistactive':''}} windstyle" data-index="{{item.id}}" data-type="wind">
                        <image src="{{item.imgSrc}}"></image>{{item.value}}
                    </view>
                </block>
            </view>
        </view>
        <view class="closedown iosbottom" bindtap="turnDown">
            <image src="../../static/images/turndown.png"></image>关机
        </view>
    </view>
    <view class="turndown" hidden="{{!StandardMode}}" wx:if="{{(spaceDetail.isClose+'')=='true'}}">
        <view class="closedown iosbottom" bindtap="turnUp">
            <image src="../../static/images/turndown.png"></image>开启
        </view>

    </view>
    <!-- 标准模式结束 -->

    <!-- 专业模式开始 -->
    <view class="profession_box" wx:if="{{!StandardMode}}">
        <van-tabs bind:change="tabChange" animated color="#04B49C" type="line" line-width="30" tab-class="tab-class" tab-active-class="tab-active-class">
            <van-tab title="即时调节">
                <view class="tabone">
                    <view class="hopetmp flex_row">
                        <view class="hopenum"><text class="hopetxt">期望温度</text><text>{{targetTemp}}</text> °C</view>
                        <view>
                            <view class="addbtn operationbtn flex_row" bindtap="addClick">+</view>
                            <view class="minusbtn operationbtn flex_row" bindtap="minusClick">-</view>
                        </view>
                    </view>
                    <view class="choose_txt">您期望温度的有效保持时间</view >
                    <view class="choose_box">
                        <van-radio-group value="{{ effectTime }}" bind:change="effectChange"  label-class="label-class">
                            <van-radio name="1" checked-color="#04B49C">2小时内保持该温度</van-radio>
                            <van-radio name="2" checked-color="#04B49C">当天工作时间段内保持该温度</van-radio>
                            <van-radio name="3" checked-color="#04B49C">每天的此刻都保持该温度</van-radio>
                        </van-radio-group>
                    </view>
                    <view class="chartlenged flex_row">
                        <view class="flex_row"><image src="../../static/images/lenged.png"/>温度目标</view>
                        <view class="flex_row"><view></view>合格区间</view>
                    </view>
                    <view class="profession_chart">
                        <view class="nodate flex_row" wx:if="{{tragetChart&&!tragetChart.length}}">暂无数据</view>
                        <envchart envName="{{'温度'}}"  targetIndex="{{targetIndex}}" tragetChart="{{tragetChart}}" wx:if="{{tragetChart&&tragetChart.length}}"/>
                    </view>
                    <view class="closedown submit" catchtap="taboneSubmit">
                        提交
                    </view>

                </view>

            </van-tab>
            <van-tab title="设置全天温度计划" wx:if="{{singleOffice}}">
                <view class="tabtwo">
                    <view class="flex_column plantxt">
                        <text>请您根据自己的习惯，在不同的时间段</text>
                        <text>滑动圆点，调节适合自己的温度</text>
                    </view>
                    <view class="chartlenged flex_row">
                        <view class="flex_row"><view class="circle"></view>温度目标</view>
                        <view class="flex_row"><view></view>合格区间</view>
                        <!-- <van-icon name="question" color="#EAFAF8"/> -->
                        <view class="flex_row tips" catchtap="showTips">?</view>
                    </view>

                    <view class="chartcontent" catchtouchmove="preventTouchMove">
                        <!-- 中间部分区域 -->
                        <scroll-view scroll-x="true" style="height: 100%">
                            <view class="chartmain">
                                <block wx:for="{{customPlan}}" wx:key="index">
                                    <view class="mian_item">
                                        <movable-area class="chartbg">
                                            <movable-view direction="vertical"data-distance="{{item.distance}}" data-index="{{index}}" style="height:{{item.height}}px" x="5" y="{{item.y}}" class="chartrange flex_row" bindchange="chartChange">
                                                <view class="abdot" style="top:{{item.planTemp>=26?'12':'-12'}}px" hidden="{{index!=chartIndex}}">{{item.planTemp}}</view><view class="chartdot"></view>
                                            </movable-view>
                                        </movable-area>
                                        <view class="item_chartx">
                                            <text>{{item.name}}</text>
                                        </view>
                                    </view>
                                </block>
                            </view>
                        </scroll-view>
                    </view>
                     <view ></view>
                    <view class="closedown submit" catchtap="tabtwoSubmit">
                        提交
                    </view>
                </view>

            </van-tab>
        </van-tabs>
    </view>

</view>
<!-- 反馈弹出框 -->
<van-action-sheet
  show="{{ feedBack }}"
  close-on-click-overlay="{{false}}"
>
    <view class="feedback_box">
        <view class="feedimgbox flex_row">
            <view  class="lottie" >
                <!-- <lottie id="lottie" animationData="{{spacestatusList[spaceStatusId].canvasDate}}" width="20" height="20"/> -->
            </view>
            <text class="feedtext_title">{{spaceStatus}}</text>
        </view>
        <view class="flex_column feedtext_box" wx:for="{{notice}}" wx:key="{{index}}">
            <text class="feedtext_desc flex_rew" style="font-size: 14px;margin: 20rpx 0">{{item}}</text>
        </view>
        <!-- 滚动列表 -->
        <view class="noticbox" wx:if="{{equipmentStatustext&&equipmentStatustext.length }}">
            <swiper vertical autoplay duration="300" circular interval="1500">
                <block wx:for="{{equipmentStatustext}}" >
                    <swiper-item>
                        <view class="noticbox_text">{{item.name}}</view>
                    </swiper-item>
                    <swiper-item>
                        <view class="noticbox_text">{{item.actions}}</view>
                    </swiper-item>
                </block>
            </swiper>
        </view>
        <view class="envpanel flex_row" wx:if="{{willAvg !='--'  && currentIndex!=5 && spaceDetail.temperature }}">
            <view class="panel_left">
                <text class="left_txt">当前温度</text>
                <view><text class="left_num">{{ filter.initItemNum('',spaceDetail.temperature,'温度')}}</text>°C</view>
            </view>
            <view class="panel_center">
                <image src="../../static/images/uptemp.png" wx:if="{{currentIndex<=2}}"/>
                <image src="../../static/images/downtemp.png" wx:else/>
            </view>
            <view class="panel_left panel_right">
                <text class="left_txt">{{currentIndex<=2?'预计升温至':'预计降温至'}}</text>
                <view>
                    <van-loading type="spinner" color="#1989fa" wx:if="{{!willAvg}}"/>
                    <text class="left_num" wx:else>{{ filter.initItemNum('',willAvg,'温度')}}</text>°C</view>
            </view>
        </view>
        <view class="envpanel flex_row" wx:if="{{currentIndex==5 }}">
            <view class="panel_left">
                <text class="left_txt">当前风速</text>
                <view class="rotate">
                    <image src="../../static/images/morewind.png"/>
                </view>
            </view>
            <view class="panel_center">
                <image src="../../static/images/downtemp.png"/>
            </view>
            <view class="panel_left panel_right">
                <text class="left_txt">预计风速</text>
                <view class="rotate_slow">
                    <image src="../../static/images/lesswind.png"/>
                </view>
            </view>
        </view>
        <view class="closedown iknow" catchtap="knowClick">
            我知道了
        </view>
    </view>
</van-action-sheet>
<!--  -->
<van-action-sheet
  show="{{trunAction}}"
  close-on-click-overlay="{{false}}"
>
    <view class="feedback_box">
        <view class="flex_column feed_tips">
            <text> {{failmessage ? '空调无法频繁开关' : '正在关机' }}</text>
            <text>{{failmessage ?  failmessage :'反馈已提交，设备正在关机中！'}}</text>
        </view>
        <view class="closedown iknow" catchtap="knowCloseClick">
            我知道了
        </view>
    </view>
</van-action-sheet>
<van-action-sheet
  show="{{ trunupAction }}"
  close-on-click-overlay="{{false}}"
>
    <view class="seconddetail">
        <view class="secondtxt flex_row secondtxt_title">
            <view class="lottie"  wx:if="{{!lottieShow}}">
                <!-- <lottie id="lottieup" animationData="{{spacestatusList[secondIcon-1].canvasDate}}" width="25" height="25" /> -->
            </view>
            {{secondSpaceStatus || '空调无法频繁开关'}}
        </view>
        <view class="secondtxt flex_row">{{secondNotice}}</view>
        <view class="secondtxt flex_row" style="padding-bottom: 40rpx;" wx:if="{{failmessage}}">{{failmessage}}</view>   
        <view class="closedown iknow" bindtap="commitClose">关闭</view>
    </view>
</van-action-sheet>
<questionnaire class="pagecontainer" wx:if="{{surveyShow}}" bind:surveyClose="surveyClose"></questionnaire>
<van-toast id="van-toast" />
<wxs src="../../utils/filter.wxs" module="filter" />