weixin/pages/system/system.wxml

<!--pages/system/system.wxml-->
<view class="overallsituation">
  <view class="switch-1">
  <image src="https://cloud.long-chi.com/resource/miniprogram-lightcontrol/image/network.png" style="position: absolute; left:5%;top:14%;width:8%;height:70%;"></image>
  <view class="Dropdown">
    <picker range="{{groupName}}" value="{{groupIndex}}" bindchange="changegroup">
      <view class="group">
        {{groupName[groupIndex]}}
      </view>
    </picker>
    <picker range="{{deviceName}}" value="{{deviceIndex}}" bindchange="changedevice">
      <view class="device">
        {{deviceName[deviceIndex]}}
      </view>
    </picker>
  </view>
  <text class="Onlinestatus" style="background-color: white;color: red;">{{status}}</text>
</view>
  <view class="Calibration-time">
    <text style="left: 5.3%;">回路数量:</text>
    <text style="left: 27%;">{{loops}}路</text>
    <button style="width: 21.3%;" bindtap="Calibrationtime">校准时间</button>
  </view>
  <view class="adjustment">
    <view class="adjustment-1">
    <image src="https://cloud.long-chi.com/resource/miniprogram-lightcontrol/image/calendar.png"></image>
    <text style=" left: 12.3%;">日期：</text>
    <text style="right: 5.8%;">{{dates}}</text>
  </view>
  <view class="adjustment-1">
    <image src="https://cloud.long-chi.com/resource/miniprogram-lightcontrol/image/Clock.png" style="height: calc(100vw * 30/375);width: calc(100vw * 30/375);top: 18.75%;"></image>
    <text style=" left: 14%;">时间：</text>
    <text style="right: 5.8%;">{{times}}</text>
  </view>
  <view class="adjustment-1">
    <image src="https://cloud.long-chi.com/resource/miniprogram-lightcontrol/image/sunrise.png"></image>
    <text style=" left: 12.3%;">光照度:</text>
    <text style="right: 5.8%;">{{Illuminance}}</text>
  </view>
  <view class="adjustment-1">
    <image src="https://cloud.long-chi.com/resource/miniprogram-lightcontrol/image/Fire-Extinguisher.png" style="width: calc(100vw * 30/375);height: calc(100vw * 40/375);"></image>
    <text style=" left: 12.3%;">消防报警：</text>
    <text style="right: 5.8%;background-color:{{Firealarmcolor}};">{{Firealarmtext}}</text>
  </view>
  <view class="adjustment-1">
    <text style="position: absolute;left: 2.9%;">日出：</text>
    <text style="position: absolute;left: 20.5%;">{{Sunrisetime}}</text>
    <text style="position: absolute;left: 52.9%;">日落：</text>
    <text style="position: absolute;left: 70.5%;">{{Sunsettime}}</text>
  </view>
  <view class="adjustment-1">
    <image src="https://cloud.long-chi.com/resource/miniprogram-lightcontrol/image/time.png" style="height: calc(100vw * 36/375);width: calc(100vw * 36/375);top: 13%;"></image>
    <text style=" left: 13%;">开关延时：</text>
    <picker style="left:47%;top:18.36%;width: 14.7%;"bindchange="bindPickerChange" value="{{index}}" range="{{array}}">
      <view class="picker">
          {{array[index]}}秒
      </view>
    </picker>
    <text style="right: 5.8%;">{{switchtime}}秒</text>
  </view>
  <view class="adjustment-1">
    <image src="https://cloud.long-chi.com/resource/miniprogram-lightcontrol/image/Longitude.png" style="height: calc(100vw * 30/375);width: calc(100vw * 30/375);top: 18.75%;"></image>
    <text style=" left: 12.35%;">经度：</text>
    <picker mode="multiSelector" range="{{multiItems}}" bindchange="handleMulti" style="width: 20%;left: 40%;top: 20%;">
      <view>{{ multiItems[0][multiIndex[0]] }},{{ multiItems[1][multiIndex[1]] }}'</view>
    </picker>
    <text style="right: 5.8%;">{{longitude}}</text>
  </view>
  <view class="adjustment-1">
    <image src="https://cloud.long-chi.com/resource/miniprogram-lightcontrol/image/Longitude.png" style="height: calc(100vw * 30/375);width: calc(100vw * 30/375);top: 18.75%;"></image>
    <text style=" left: 12.35%;">纬度：</text>
    <picker mode="multiSelector" range="{{multiItems2}}" bindchange="handleMulti2" style="width: 20%;left: 40%;top: 20%;">
      <view>{{ multiItems2[0][multiIndex2[0]] }},{{ multiItems2[1][multiIndex2[1]] }}'</view>
    </picker>
    <text style="right: 5.8%;">{{latitude}}</text>
  </view>
  </view>
  <view class="Refresh">
    <button class="Refresh-1" bindtap="RefreshPage">
      刷新页面
    </button>
    <button class="Refresh-2" bindtap="Storedata">
      存储数据
    </button>
  </view>
</view>