wechat-pilelog/pages/ucenter/chargpilemonitor/chargpilemonitor.wxml

<view class="section">
  <view class='search_icon' hover-class='active' bindtap='bindSearch'>
    <!-- <icon type="search" size="20" /> -->
    <image src='/images/search.png'></image>
  </view>
  <input type='text' placeholder-class="section_phcolor" placeholder="请输入充电桩名称" confirm-type='search' bindinput="bindInput" bindconfirm="bindSearch" />
</view>
<scroll-view class='context' wx:if='{{chargpiles.length!=0}}' scroll-with-animation='false' scroll-y='true' scroll-top='{{scrollTop}}' bindscrolltoupper="loadInitData" bindscrolltolower="loadMoreData" upper-threshold="20"  bindscroll='scrollFn'>
  <text class="showInit" wx:if='{{showTop}}'>刷新中...</text>
  <view class='context_block'></view>
  <view class="map_text" hover-class='active' data-keywords="{{item}}" wx:key='{{key}}' wx:for="{{chargpiles}}">
    <view class='charging_text_title'>
      <view class='charging'>
        <image src='/images/charging1.png'></image>
      </view>
      <view class='charging_text_title1'>
        <text class='bold'>{{item.chargPileName}}</text>
        <text class="h1">{{item.chargPileId}}</text>
      </view>
    </view>
    <view style='line-height:0;'>
      <text >所属充电站：{{item.chargStationName}}</text>
      <text class='inline' wx:if='{{item.chargmode==1}}'>充电模式：自动</text>
      <text class='inline' wx:if='{{item.chargmode==2}}'>充电模式：手动</text>
      <text decode='true' class='inline' wx:if='{{item.chargway==1}}'>&emsp;&emsp;&emsp;&emsp;&emsp;充电方式：直流</text>
      <text decode='true' class='inline' wx:if='{{item.chargway==2}}'>&emsp;&emsp;&emsp;&emsp;&emsp;充电方式：交流</text>
    </view>
    <!--充电状态0：离线、1：故障、2：空闲中、3：充电中、4：欠压故障、5：过压故障、6：过电流故障、8：预约、9：在线升级、10：操作中、11:已插枪等-->
      <text decode='true' class='inline' wx:if='{{item.chargstatus==0}}'>充电桩状态：离线&emsp;&emsp;&emsp;&emsp;</text>
      <text decode='true' class='inline' wx:if='{{item.chargstatus==1}}'>充电桩状态：故障&emsp;&emsp;&emsp;&emsp;</text>
      <text decode='true' class='inline' wx:if='{{item.chargstatus==2}}'>充电桩状态：空闲中&emsp;&emsp;&emsp;</text>
      <text decode='true' class='inline' wx:if='{{item.chargstatus==3}}'>充电桩状态：充电中&emsp;&emsp;&emsp;</text>
      <text decode='true' class='inline' wx:if='{{item.chargstatus==4}}'>充电桩状态：欠压故障&emsp;&emsp;</text>
      <text decode='true' class='inline' wx:if='{{item.chargstatus==5}}'>充电桩状态：过压故障&emsp;&emsp;</text>
      <text decode='true' class='inline' wx:if='{{item.chargstatus==6}}'>充电桩状态：过电流故障&emsp;</text>
      <text decode='true' class='inline' wx:if='{{item.chargstatus==8}}'>充电桩状态：预约&emsp;&emsp;&emsp;&emsp;</text>
      <text decode='true' class='inline' wx:if='{{item.chargstatus==9}}'>充电桩状态：在线升级&emsp;&emsp;</text>
      <text decode='true' class='inline' wx:if='{{item.chargstatus==10}}'>充电桩状态：操作中&emsp;&emsp;&emsp;</text>
      <text decode='true' class='inline' wx:if='{{item.chargstatus==11}}'>充电桩状态：已插枪&emsp;&emsp;&emsp;</text>
      <!-- 运行状态2，3，8，10，11：正常运行、0，1，4，5，6，9：故障终止-->
      <text class='inline' wx:if='{{item.chargstatus==2||item.chargstatus==3||item.chargstatus==8||item.chargstatus==10||item.chargstatus==11}}'>运行状态：正常运行</text>
      <text class='inline' wx:if='{{item.chargstatus==0||item.chargstatus==1||item.chargstatus==4||item.chargstatus==5||item.chargstatus==6||item.chargstatus==9}}'>运行状态：故障终止</text>
  </view>
  <text class="showAll" wx:if='{{showAll}}'>已加载全部</text>
</scroll-view>