<!-- pages/OTA/ota.wxml -->
<view class="section">
    <nav-bar bind:goBack="_goBack" nav-bgc-class="ex-nav-bgc-class" nav-title-class="ex-nav-title-class" ex-back-pre="ex-back-pre" navbar-data='{{navbarData}}'></nav-bar>
    <view style="height: 32rpx;"></view>
    <view class="item">
        <text class="label">制造商</text>
        <text class="arrow">AirSmart</text>
    </view>
    <view class="item">
        <text class="label">产品型号</text>
        <text class="arrow">{{device.clientType}}</text>
    </view>
    <view class="item">
        <text class="label">MAC地址</text>
        <text class="arrow">{{device.mac}}</text>
    </view>
    <view class="item">
        <text class="label">版本号</text>
        <text class="arrow">{{device.version}}</text>
    </view>
    <view wx:if="{{isShowOta}}" class="button main_color" bind:tap="startOtaTap">
        <view class="left-content">
            <text class="button_title">{{buttonTips}}</text>
            <view wx:if="{{hasNewVersion}}" class="red"></view>
        </view>
    </view>
</view>
<view wx:if="{{otaStatus === 3}}" class="background">
    <view class="content">
        <view class="pro_title">正在升级</view>
        <view class="progress-container">
            <progress class="progress" border-radius="16rpx" stroke-width="32rpx" percent="{{progress}}" activeColor="rgba(101, 70, 163, 1)" backgroundColor="rgba(101,70,163,0.16)" stroke-width="26" border-radius="13" />
            <view class="progress-text" style="left: {{progressTextLeft}};">
                {{progressPercent}}%
            </view>
        </view>
        <view class="pro_tips">升级过程中请勿离开当前页面</view>
    </view>
</view>