operation_wx/pages/stationdetail/index.wxml

<view class="container">
  <!-- 顶部基础信息卡片 -->
  <view class="container_box">
  <view class="info-card">
    <!-- 类型标签 -->
    <view class="type-tag {{type === 'station' ? 'tag-station' : 'tag-user'}}">
      {{type === 'station' ? '电站' : '用户用电点'}}
    </view>
    <!-- 名称+地址 -->
    <view class="name">{{powerstationdata.poiName}}</view>
    <view class="address">{{powerstationdata.addressDetails}}</view>
    <!-- 状态/经纬度 -->
    <view class="extra-info">
      <view class="status {{powerstationdata.powerType==1 ? 'status-active' : 'status-normal'}}">
        {{powerstationdata.powerType==1 ? '正常运行' : '异常状态'}}
      </view>
      <view class="coord">
   
        经度：{{powerstationdata.longitude}} | 纬度：{{powerstationdata.latitude}}
      </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 wx:if="{{activeTab==0}}">
    <view class="stats-container" wx:if="{{type === 'station'}}">
    <view class="stats-title">电站运行数据</view>
    <view class="stats-grid">
      <view class="stats-item">
        <view class="stats-value">{{powerstationdata.workorderActual}}kWh</view>
        <view class="stats-label">今日发电量</view>
      </view>
      <view class="stats-item">
        <view class="stats-value">{{powerstationdata.workordercount}}个</view>
        <view class="stats-label">订单数</view>
      </view>
      <view class="stats-item">
        <view class="stats-value">{{powerstationdata.workorderPower}}kW</view>
        <view class="stats-label">功率</view>
      </view>
      <view class="stats-item">
        <view class="stats-value">{{powerstationdata.runTime}}</view>
        <view class="stats-label">运行时间</view>
      </view>
    </view>
  </view>

  <view class="stats-container" wx:if="{{type === 'user'}}">
    <view class="stats-title">用电点能耗数据</view>
    <view class="stats-grid">
      <view class="stats-item">
        <view class="stats-value">{{powerstationdata.workorderActual}}kW</view>
        <view class="stats-label">今日发电量</view>
      </view>
      <view class="stats-item">
        <view class="stats-value">{{powerstationdata.workordercount}}kWh</view>
        <view class="stats-label">订单数</view>
      </view>
      <view class="stats-item">
        <view class="stats-value">{{powerstationdata.workorderPower}}kW</view>
        <view class="stats-label">功率</view>
      </view>
      <view class="stats-item">
        <view class="stats-value">{{powerstationdata.runTime}}kW</view>
        <view class="stats-label">运行时间</view>
      </view>
    </view>
  </view>

  <!-- 详情列表 -->
  <view class="detail-list">
    <view class="detail-item">
      <view class="detail-label">联系人</view>
      <view class="detail-value">{{powerstationdata.receiver || '暂无'}}</view>
    </view>
    <view class="detail-item">
      <view class="detail-label">联系电话</view>
      <view class="detail-value">{{powerstationdata.phone || '暂无'}}</view>
    </view>
    <view class="detail-item">
      <view class="detail-label">建成/接入时间</view>
      <view class="detail-value">{{powerstationdata.createTime || '暂无'}}</view>
    </view>
    <view class="detail-item">
      <view class="detail-label">所属项目</view>
      <view class="detail-value">{{powerstationdata.projectName || '暂无'}}</view>
    </view>
    
    <view class="detail-item">
      <view class="detail-label">备注信息</view>
      <view class="detail-value">{{powerstationdata.notes || '暂无'}}</view>
    </view>
  </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.poiName}}</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>

      <!-- 操作按钮 wx:if="{{item.faultstatus==1}}"  -->
      <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:if="{{item.faultstatus==1}}">已处理</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}}">
      <!-- 工单状态标签 -->
      <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>

  <!-- 底部操作按钮 -->
  <!-- <view class="btn-bar">
    <button class="btn-navigate" bindtap="navigateToMap">查看地图位置</button>
    <button class="btn-call" bindtap="callContact" wx:if="{{info.contactPhone}}">联系负责人</button>
  </view> -->
</view>