operation_wx/pages/car/index.wxml

<view class="page-container">
  <!-- 车辆基础信息 -->
  <view class="base-info">
    <view class="car-no">{{carInfo.carNo}}</view>
    <view class="car-base">
      <view class="base-item">车辆编号：{{Details.carName}}</view>
      <view class="base-item">设备编号：{{Details.controllerId}}</view>
      <view class="base-item">当前司机：{{Details.operationName}}</view>
      <view class="base-item">场景：{{Details.projectName}}</view>
    </view>
  </view>

  <!-- 标签页 -->
  <view class="tab-bar">
    <view class="tab-item {{activeTab==0?'active':''}}" bindtap="changeTab" data-index="0">实时数据</view>
    <!-- <view class="tab-item {{activeTab==1?'active':''}}" bindtap="changeTab" data-index="1">历史趋势</view> -->
    <view class="tab-item {{activeTab==2?'active':''}}" bindtap="changeTab" data-index="2">消息记录</view>
    <view class="tab-item {{activeTab==3?'active':''}}" bindtap="changeTab" data-index="3">充放电记录</view>
  </view>
  <!---->
  <!-- 实时数据面板 -->
  <view class="panel" wx:if="{{activeTab==0}}">
    <view class="data-grid">
      <view class="data-item">
        <view class="item-title">运行状态</view>
        <view class="item-value status-1" wx:if="{{Details.carType==1}}">空闲</view>
        <view class="item-value status-2" wx:if="{{Details.carType==2}}">工作中</view>
        <view class="item-value status-3" wx:if="{{Details.carType==3}}">故障</view>
      </view>
      <view class="data-item">
        <view class="item-title">SOC</view>
        <view class="item-value {{Details.soc<0?'power-charge':''}}">{{carInfo.soc}}<text class="unit">kW</text></view>
      </view>
      <view class="data-item">
        <view class="item-title">当天充电</view>
        <view class="item-value">{{Details.daycharging||42}}<text class="unit">kWh</text></view>
      </view>
      <view class="data-item">
        <view class="item-title">当天放电</view>
        <view class="item-value">{{Details.daydischarge}}<text class="unit">kWh</text></view>
      </view>
      <view class="data-item">
        <view class="item-title">SOH</view>
        <view class="item-value">{{Details.soh}}<text class="unit">%</text></view>
      </view>
      <view class="data-item">
        <view class="item-title">今日订单</view>
        <view class="item-value">{{Details.charcount*1+Details.discount*1}}<text class="unit">个</text></view>
      </view>
      <view class="data-item">
        <view class="item-title">数据上传时间</view>
        <view class="item-title" style="color: #222;">{{Details.createTime}}</view>
      </view>
      <view class="data-item">
        <view class="item-title">更新时间</view>
        <view class="item-title" style="color: #222;">{{Details.nowTime}}</view>
      </view>
    </view>
  </view>

  <!-- 历史趋势面板 -->
  <view class="panel empty-panel" wx:if="{{activeTab==1}}">
    <view class="empty-text">历史趋势数据加载中...</view>
  </view>

  <!-- 告警记录面板 -->
  <view class="panel1 empty-panel1" wx:if="{{activeTab==2}}">
    <!-- <view class="empty-text">暂无告警记录</view> -->
    <!-- 告警列表项 -->
    <view class="alert-card" wx:for="{{alertData}}" wx:key="faultId" bindtap="toAlertDetail" data-alert="{{item}}">
      <!-- 未读角标 -->
      <view class="unread-tag" wx:if="{{item.status === 'unread'}}"></view>
      
      <!-- 告警类型图标+级别 mockAlerts -->
      <view class="alert-left">
        <view class="alert-icon {{item.level === 'critical' ? 'icon-critical' : item.level === 'warning' ? 'icon-warning' : 'icon-info'}}">
          {{item.level === 'critical' ? '危' : item.level === 'warning' ? '警' : '提'}}
        </view>
        <view class="alert-type">{{item.controllerId}}</view>
      </view>

      <!-- 告警核心信息 -->
      <view class="alert-middle">
        <view class="alert-title">{{item.faultdescs}}</view>
        <view class="alert-desc">{{item.deviceId}}</view>
        <view class="alert-info">
          <text wx:if="{{item.faultstatus==0}}">触发</text>
          <text wx:if="{{item.faultstatus==1}}">复位</text>
          <text>{{item.createtime}}</text>
        </view>
      </view>

      <!-- 操作按钮 -->
      <view class="alert-right">
        <button class="handle-btn" wx:if="{{item.faultstatus !== 0}}" bindtap="handleAlert" data-id="{{item.id}}" catchtap="true">
          处理
        </button>
        <view class="handled-tag" wx:else>已处理</view>
      </view>
    </view>
  </view>

  <!-- 充放电记录面板 -->
  <view class="panel2 empty-panel2" wx:if="{{activeTab==3}}">
    <!-- <view class="empty-text">充放电记录加载中...</view> -->
    <view class="order-card"  wx:for="{{electricitydata}}" wx:key="id" data-order="{{item}}" bindtap="toOrderDetail">
      <!-- 工单状态标签 -->
      <view class="order-tag">
        
        <text wx:if="{{item.workorderType<2}}">待处理</text>
        <text wx:if="{{item.workorderType>2&&item.workorderType<6}}">处理中</text>
        <text wx:if="{{item.workorderType>5}}">已完成</text>
      </view>
      
      <!-- 工单左侧信息 -->
      <view class="order-left">
        <view class="order-code">工单编号：{{item.workorderId}}</view>
        <view class="order-title">{{item.workorderName}}</view>
        <view class="order-desc" wx:if="{{item.chargedischargeType==1}}">充电量：{{item.workorderActual}}kWh</view>
        <view class="order-desc" wx:if="{{item.chargedischargeType==2}}">放电量：{{item.workorderActual}}kWh</view>
        <view class="order-desc" wx:if="{{item.createType==2}}">工单类型：长期</view>
        <view class="order-desc" wx:if="{{item.createType==1}}">工单类型：临时</view>
        <view class="order-meta">
          <text>创建时间：{{item.workorderCreatetime}}</text>
        </view>
      </view>
      <!---->

      <!-- 工单右侧操作区 -->
      <view class="order-right">
        <!-- 待派单：派单按钮 -->
      <!-- 1111 -->
      </view>
    </view>
  </view>
</view>