tanghaolin
2022-07-27 fd4d1d9296ba620de15b47bd1d58383d46ecb626
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
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
<!--reportForm/index/index.wxml-->
<view>
  <view class="tabHead" style="width:{{width}}px;height:50px;">
    <view>
      <picker mode="date" fields="month" value="{{dateStart}}" end="{{endDate}}" bindchange="changeDateStart">
        <view class="tui-picker-detail">
          {{stationName}}{{requestData.year}}年{{requestData.month}}月报表
        </view>
      </picker>
    </view>
    <icon class="iconfont icon-xia {{isShowFilter?'.xia':'.down'}}"></icon>
  </view>
  <view style="display:flex;">
    <view style="display:flex;flex-direction: column;">
      <view class="tabBody_date" style="margin-top:0.5px;" wx:if="{{tabHeadList.length>0}}">
        日期
      </view>
      <scroll-view bindscroll="{{leftScroll}}" scroll-top="{{VerticalNavTop}}" scroll-y="{{true}}"
        style="height:calc({{height}}px - 125px);">
        <view wx:for="{{tabDateList}}" wx:for-item="item" wx:for-index="index" style="margin-top:1px;">
          <view class="item_date"
            style="display: flex;align-items: center;justify-content: center;text-align: center;background-color:{{index % 2 == 0?'#c3cfe2':'#f5f7fa'}}">
            {{item}}
          </view>
        </view>
      </scroll-view>
    </view>
    <scroll-view scroll-x="{{true}}"
      style="white-space: nowrap;margin-top:0.5px;width:calc({{width}}px - 186rpx);height:calc({{height}}px - 100rpx)">
      <view>
        <view class="tabBody">
          <view style="display: inline-table;flex-direction: column;width:calc({{width}}px - 79px);">
            <view style="display:flex;width:100%">
              <view style="margin-left:1px;" wx:for="{{tabHeadList}}" wx:for-item="item" wx:for-index="index"
                wx:key:="index">
                <view class="tabBody_med">
                  <view class="med_head" bindtap="toDetial" data-id="{{item.PumpId}}"
                    data-Pump-Name="{{item.PumpName}}">{{item.PumpName}}</view>
                  <view class="med_body">
                    <view class="body_item" wx:for="{{item.child}}" wx:for-item="child_item" wx:for-index="child_index"
                      wx:key="child_index" style="{{child_index == item.child.length-1?'margin-right:unset;':''}}">
                      {{child_item}}</view>
                  </view>
                </view>
              </view>
            </view>
          </view>
        </view>
        <view style="display:inline-block">
          <scroll-view scroll-y="{{true}}" style="height:calc({{height}}px - 125px);margin-top: 1px;margin-left: 1px;"
            bindscroll="VerticalMain">
            <view wx:for="{{timeList}}" wx:for-item="item" wx:for-index="index" wx:key="index" class="tabBox"
              id="main-{{index}}">
              <view style="width:{{colWidth}};height:25px;background-color: {{index % 2 ==0?'#c3cfe2':'#f5f7fa'}};"
                class="col" wx:for="{{item}}" wx:for-item="col" wx:for-index="key" wx:key="key">
                <view style="width:{{colWidth}};height:25px;">
                  {{col}}
                </view>
              </view>
            </view>
          </scroll-view>
        </view>
      </view>
    </scroll-view>
  </view>
 
  <view class="filterDate" wx:if="{{isShowFilter}}">
    <view class="screen_li">
      <view class="screen_li_left">
        <icon class="iconfont icon-Calendar_icon"></icon> 日期:
      </view>
      <view class="screen_li_right">
        <picker mode="date" fields="month" value="{{dateStart}}" end="{{endDate}}" bindchange="changeDateStart">
          <view class="tui-picker-detail">
            {{stationName}}{{requestData.year}}年{{requestData.month}}月报表
          </view>
        </picker>
      </view>
    </view>
  </view>
</view>