riku
2024-11-13 48145f787eda81815f653ad21161a60e89b6a303
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
<!--pages/mService/pDevicedata/pDevicedata.wxml-->
<import src="/template/nodata.wxml"></import>
 
<view class="page">
  <view class="banner-bg"></view>
  <view class="page__hd">
    <view class="card" wx:if="{{outfallLocation}}">
      <view class="flex-h">
        <view>排口类型:</view>
        <text>{{outfallLocation}}</text>
      </view>
      <view class="flex-h">
        <view>排口所属:</view>
        <text>{{outfallOwner}}</text>
      </view>
    </view>
    <view class="title">时间选择</view>
    <view class="select-time">
      <picker bindchange="bindDateChange" value="{{selectDate}}" mode="date" fields="day" end="{{endDay}}">
        <view class="select-time-text">{{selectDate}}</view>
      </picker>
      <view style="margin-right: 4px;">-</view>
      <picker bindchange="bindStartTimeChange" value="{{startTime}}" mode="time">
        <view class="select-time-text">{{startTime}}</view>
      </picker>
      <view style="margin-right: 4px;">-</view>
      <picker bindchange="bindEndTimeChange" value="{{endTime}}" mode="time">
        <view class="select-time-text">{{endTime}}</view>
      </picker>
      <view bindtap="getDeviceData" class="search-btn">
        <!-- <mp-icon icon="search" size="20" color="#009e91"></mp-icon> -->
        <text>查询</text>
      </view>
    </view>
  </view>
  <view class="page__bd">
    <!-- 折线图 -->
    <view class="title">数据趋势</view>
    <view class="radar-panel">
      <ec-canvas wx:if="{{dataList.length > 0}}" id="mychart-dom-line" canvas-id="mychart-line" ec="{{ ec }}"></ec-canvas>
      <template wx:else is="nodataPage"></template>
    </view>
    <!-- 数据表 -->
    <view class="title">数据详情</view>
    <view>
      <view class="table-row table-row-first">
        <text class="table-row__first-td" style="border-top-left-radius: 4px;">序号</text>
        <text>时间</text>
        <text style="border-top-right-radius: 4px;">浓度(mg/m³)</text>
      </view>
      <block wx:if="{{dataList.length > 0}}">
        <view wx:for="{{dataList}}" wx:key="index" class="table-row">
          <text class="table-row__first-td">{{index + 1}}</text>
          <text>{{item.time}}</text>
          <text>{{item.value}}</text>
        </view>
      </block>
      <template wx:else is="nodataPage"></template>
    </view>
  </view>
  <view class="page__ft">
 
  </view>
</view>