Showing
13 changed files
with
319 additions
and
277 deletions
| 1 | -.overallOperation_main{background:#FFFFFF;border-radius:20rpx;display:flex;flex-direction:column;flex-wrap:wrap;justify-content:space-between;margin:54rpx 24rpx 20rpx;max-height:900rpx;padding-bottom:20rpx}.overallOperation_main .circle_left_show{margin:0 24rpx;height:240rpx}.overallOperation_main .circle_left_show .deviceNum{font-family:DINAlternate-Bold;font-size:40rpx;color:#323241;letter-spacing:0;font-weight:700}.overallOperation_main .circle_left_show .deviceCont{font-family:PingFangSC-Regular;font-size:28rpx;color:#323241;letter-spacing:0;font-weight:400}.overallOperation_main .overall_data{flex:1;padding:24rpx;background:#F6F6F6;border-radius:16rpx;margin-top:24rpx}.overallOperation_main .overall_data .device_type{font-family:PingFangSC-Medium;font-size:28rpx;color:#323241;letter-spacing:0;height:36rpx;line-height:36rpx;font-weight:550;margin-bottom:28rpx}.overallOperation_main .overall_data .data_two{height:34rpx;display:flex;justify-content:space-between;align-items:center;width:100%}.overallOperation_main .overall_data .data_two .left{font-family:PingFangSC-Regular;font-size:24rpx;color:#666671;letter-spacing:0;font-weight:400}.overallOperation_main .overall_data .data_two .right .right_num{font-family:PingFangSC-Regular;font-size:24rpx;color:#00C653;letter-spacing:0;font-weight:400}.overallOperation_main .overall_data .data_two .right .right_unit{font-family:PingFangSC-Regular;font-size:24rpx;color:#9898A0;letter-spacing:0;font-weight:400}.overallOperation_main .smallBox{height:170rpx}.overallOperation_main .marginRight{margin-right:20rpx} | |
| 1 | +.overallOperation_main{background:#FFFFFF;border-radius:20rpx;display:flex;flex-direction:column;flex-wrap:wrap;justify-content:space-between;margin:54rpx 24rpx 20rpx;max-height:900rpx;padding-bottom:20rpx}.overallOperation_main .circle_left_show{margin:0 24rpx;height:240rpx}.overallOperation_main .circle_left_show .deviceNum{font-family:DINAlternate-Bold;font-size:40rpx;color:#323241;letter-spacing:0;font-weight:700}.overallOperation_main .circle_left_show .deviceCont{font-family:PingFangSC-Regular;font-size:28rpx;color:#323241;letter-spacing:0;font-weight:400}.overallOperation_main .overall_data{padding:24rpx;background:#F6F6F6;border-radius:16rpx;margin-top:24rpx}.overallOperation_main .overall_data .device_type{font-family:PingFangSC-Medium;font-size:28rpx;color:#323241;letter-spacing:0;height:36rpx;line-height:36rpx;font-weight:550;margin-bottom:28rpx}.overallOperation_main .overall_data .data_two{height:34rpx;display:flex;justify-content:space-between;align-items:center;width:100%}.overallOperation_main .overall_data .data_two .left{font-family:PingFangSC-Regular;font-size:24rpx;color:#666671;letter-spacing:0;font-weight:400}.overallOperation_main .overall_data .data_two .right .right_num{font-family:PingFangSC-Regular;font-size:24rpx;color:#00C653;letter-spacing:0;font-weight:400}.overallOperation_main .overall_data .data_two .right .right_unit{font-family:PingFangSC-Regular;font-size:24rpx;color:#9898A0;letter-spacing:0;font-weight:400}.overallOperation_main .smallBox{height:170rpx}.overallOperation_main .marginRight{margin-right:20rpx}.overallOperation_main .viewHeight{height:192rpx;margin-top:0} | ... | ... |
| ... | ... | @@ -13,7 +13,6 @@ |
| 13 | 13 | .circle_left_show { |
| 14 | 14 | margin: 0 24rpx ; |
| 15 | 15 | height: 240rpx; |
| 16 | - // background: red; | |
| 17 | 16 | |
| 18 | 17 | .deviceNum { |
| 19 | 18 | font-family: DINAlternate-Bold; |
| ... | ... | @@ -32,65 +31,62 @@ |
| 32 | 31 | } |
| 33 | 32 | |
| 34 | 33 | } |
| 35 | - | |
| 36 | 34 | .overall_data { |
| 37 | - // width: 266rpx; | |
| 38 | - flex: 1; | |
| 35 | + // flex: 1; | |
| 39 | 36 | padding: 24rpx; |
| 40 | 37 | background: #F6F6F6; |
| 41 | 38 | border-radius: 16rpx; |
| 42 | 39 | margin-top: 24rpx; |
| 43 | - | |
| 44 | - // margin: 0 12rpx; | |
| 45 | - .device_type { | |
| 46 | - font-family: PingFangSC-Medium; | |
| 47 | - font-size: 14*2rpx; | |
| 48 | - color: #323241; | |
| 49 | - letter-spacing: 0; | |
| 50 | - height: 36rpx; | |
| 51 | - line-height: 36rpx; | |
| 52 | - font-weight: 550; | |
| 53 | - margin-bottom: 28rpx; | |
| 54 | - } | |
| 55 | - | |
| 56 | - .deviceMargin { | |
| 57 | - // margin: 4rpx 0; | |
| 58 | - } | |
| 59 | - | |
| 60 | - .data_two { | |
| 61 | - height: 34rpx; | |
| 62 | - display: flex; | |
| 63 | - justify-content: space-between; | |
| 64 | - align-items: center; | |
| 65 | - width: 100%; | |
| 66 | - | |
| 67 | - | |
| 68 | - .left { | |
| 69 | - font-family: PingFangSC-Regular; | |
| 70 | - font-size: 12*2rpx; | |
| 71 | - color: #666671; | |
| 72 | - letter-spacing: 0; | |
| 73 | - font-weight: 400; | |
| 74 | - } | |
| 75 | - | |
| 76 | - .right { | |
| 77 | - .right_num { | |
| 78 | - font-family: PingFangSC-Regular; | |
| 79 | - font-size: 12*2rpx; | |
| 80 | - color: #00C653; | |
| 40 | + // margin: 0 12rpx; | |
| 41 | + .device_type { | |
| 42 | + font-family: PingFangSC-Medium; | |
| 43 | + font-size: 14*2rpx; | |
| 44 | + color: #323241; | |
| 81 | 45 | letter-spacing: 0; |
| 82 | - font-weight: 400; | |
| 46 | + height: 36rpx; | |
| 47 | + line-height: 36rpx; | |
| 48 | + font-weight: 550; | |
| 49 | + margin-bottom: 28rpx; | |
| 83 | 50 | } |
| 84 | - | |
| 85 | - .right_unit { | |
| 86 | - font-family: PingFangSC-Regular; | |
| 87 | - font-size: 12*2rpx; | |
| 88 | - color: #9898A0; | |
| 89 | - letter-spacing: 0; | |
| 90 | - font-weight: 400; | |
| 51 | + | |
| 52 | + .deviceMargin { | |
| 53 | + // margin: 4rpx 0; | |
| 54 | + } | |
| 55 | + | |
| 56 | + .data_two { | |
| 57 | + height: 34rpx; | |
| 58 | + display: flex; | |
| 59 | + justify-content: space-between; | |
| 60 | + align-items: center; | |
| 61 | + width: 100%; | |
| 62 | + | |
| 63 | + | |
| 64 | + .left { | |
| 65 | + font-family: PingFangSC-Regular; | |
| 66 | + font-size: 12*2rpx; | |
| 67 | + color: #666671; | |
| 68 | + letter-spacing: 0; | |
| 69 | + font-weight: 400; | |
| 70 | + } | |
| 71 | + | |
| 72 | + .right { | |
| 73 | + .right_num { | |
| 74 | + font-family: PingFangSC-Regular; | |
| 75 | + font-size: 12*2rpx; | |
| 76 | + color: #00C653; | |
| 77 | + letter-spacing: 0; | |
| 78 | + font-weight: 400; | |
| 79 | + } | |
| 80 | + | |
| 81 | + .right_unit { | |
| 82 | + font-family: PingFangSC-Regular; | |
| 83 | + font-size: 12*2rpx; | |
| 84 | + color: #9898A0; | |
| 85 | + letter-spacing: 0; | |
| 86 | + font-weight: 400; | |
| 87 | + } | |
| 88 | + } | |
| 91 | 89 | } |
| 92 | - } | |
| 93 | - } | |
| 94 | 90 | } |
| 95 | 91 | .smallBox { |
| 96 | 92 | height: 170rpx; |
| ... | ... | @@ -98,4 +94,8 @@ |
| 98 | 94 | .marginRight { |
| 99 | 95 | margin-right: 20rpx; |
| 100 | 96 | } |
| 97 | + .viewHeight { | |
| 98 | + height: 192rpx ; | |
| 99 | + margin-top: 0; | |
| 100 | + } | |
| 101 | 101 | } |
| \ No newline at end of file | ... | ... |
| ... | ... | @@ -11,7 +11,7 @@ |
| 11 | 11 | </view> |
| 12 | 12 | </van-circle> |
| 13 | 13 | </view> |
| 14 | - <view class="{{['overall_data',index === 0||index === 2|| index === 4?'smallBox':'',index === 0||index === 1?'marginRight':'']}}" wx:for="{{overallDataList}}" wx:for-item="item" wx:for-index="index" wx:key="index" data-index='{{index}}'> | |
| 14 | + <view class="{{['overall_data',index === 0||index === 2|| index === 3?'smallBox':'',index === 0||index === 1?'marginRight':'',index === 2 ? 'viewHeight':'']}}" wx:for="{{overallDataList}}" wx:for-item="item" wx:for-index="index" wx:key="index" data-index='{{index}}'> | |
| 15 | 15 | <view class="device_type"> |
| 16 | 16 | {{item.type}} |
| 17 | 17 | </view> |
| ... | ... | @@ -19,35 +19,35 @@ |
| 19 | 19 | <text class="left">{{item.oneLabelName}}</text> |
| 20 | 20 | <text class="right"> |
| 21 | 21 | <text class="right_num">{{item.oneLabelNum}}</text> |
| 22 | - <text class="right_unit">{{item.unit}}</text> | |
| 22 | + <text class="right_unit">{{item.unitOne}}</text> | |
| 23 | 23 | </text> |
| 24 | 24 | </view> |
| 25 | 25 | <view class="data_two deviceMargin"> |
| 26 | 26 | <text class="left">{{item.twoLabelName}}</text> |
| 27 | 27 | <text class="right"> |
| 28 | 28 | <text class="right_num">{{item.twoLabelNum}}</text> |
| 29 | - <text class="right_unit">{{item.unit}}</text> | |
| 29 | + <text class="right_unit">{{item.unitTwo}}</text> | |
| 30 | 30 | </text> |
| 31 | 31 | </view> |
| 32 | 32 | <view class="data_two deviceMargin"> |
| 33 | 33 | <text class="left">{{item.threeLabelName}}</text> |
| 34 | 34 | <text class="right"> |
| 35 | 35 | <text class="right_num">{{item.threeLabelNum}}</text> |
| 36 | - <text class="right_unit">{{item.unit}}</text> | |
| 36 | + <text class="right_unit">{{item.unitThree}}</text> | |
| 37 | 37 | </text> |
| 38 | 38 | </view> |
| 39 | - <view class="data_two deviceMargin" wx:if="{{item.fiveLabelName}}"> | |
| 39 | + <view class="data_two deviceMargin" wx:if="{{item.fourLabelName}}"> | |
| 40 | 40 | <text class="left">{{item.fourLabelName}}</text> |
| 41 | 41 | <text class="right"> |
| 42 | 42 | <text class="right_num">{{item.fourLabelNum}}</text> |
| 43 | - <text class="right_unit">{{item.unit}}</text> | |
| 43 | + <text class="right_unit">{{item.unitFour}}</text> | |
| 44 | 44 | </text> |
| 45 | 45 | </view> |
| 46 | 46 | <view class="data_two deviceMargin" wx:if="{{item.fiveLabelName}}"> |
| 47 | 47 | <text class="left">{{item.fiveLabelName}}</text> |
| 48 | 48 | <text class="right"> |
| 49 | 49 | <text class="right_num">{{item.fiveLabelNum}}</text> |
| 50 | - <text class="right_unit">{{item.unit}}</text> | |
| 50 | + <text class="right_unit">{{item.unitFive}}</text> | |
| 51 | 51 | </text> |
| 52 | 52 | </view> |
| 53 | 53 | </view> | ... | ... |
| ... | ... | @@ -32,7 +32,6 @@ |
| 32 | 32 | } |
| 33 | 33 | |
| 34 | 34 | .overallOperation_main .overall_data { |
| 35 | - flex: 1; | |
| 36 | 35 | padding: 24rpx; |
| 37 | 36 | background: #F6F6F6; |
| 38 | 37 | border-radius: 16rpx; |
| ... | ... | @@ -89,3 +88,8 @@ |
| 89 | 88 | .overallOperation_main .marginRight { |
| 90 | 89 | margin-right: 20rpx; |
| 91 | 90 | } |
| 91 | + | |
| 92 | +.overallOperation_main .viewHeight { | |
| 93 | + height: 192rpx; | |
| 94 | + margin-top: 0; | |
| 95 | +} | ... | ... |
| 1 | -.tableData_main{border-bottom:1px solid #B0C8FE}.tableData_main .table_head{background:#DCE7FF;border:1px solid #B0C8FE;border-radius:6rpx 6rpx 0 0;height:72rpx;line-height:72rpx;display:flex}.tableData_main .head_col{font-family:PingFangSC-Regular;font-size:28rpx;color:#323241;text-align:left;font-weight:400;padding-left:24rpx}.tableData_main .head_one{width:150rpx}.tableData_main .head_two{width:100rpx}.tableData_main .head_three{flex:1}.tableData_main .swiper_container{height:350rpx}.tableData_main .table_item{display:flex;font-family:PingFangSC-Regular;font-size:24rpx;color:#323241;text-align:center;font-weight:400;background:#F5F6FD;border:1rpx solid #B0C8FE;height:72rpx;line-height:72rpx;padding-left:24rpx} | |
| 1 | +.tableData_main{width:180%;overflow:auto;border-bottom:1px solid #B0C8FE}.tableData_main .table_head{background:#DCE7FF;border:1px solid #B0C8FE;border-radius:6rpx 6rpx 0 0;height:72rpx;line-height:72rpx;display:flex}.tableData_main .head_col,.tableData_main .content_col{font-family:PingFangSC-Regular;font-size:28rpx;color:#323241;text-align:left;font-weight:400;padding-left:24rpx;white-space:nowrap}.tableData_main .head_one{min-width:300rpx}.tableData_main .head_two{min-width:250rpx}.tableData_main .head_three{min-width:250rpx}.tableData_main .head_four{min-width:250rpx}.tableData_main .swiper_container{height:350rpx}.tableData_main .table_item{display:flex;font-family:PingFangSC-Regular;font-size:24rpx;color:#323241;text-align:center;font-weight:400;background:#F5F6FD;border:1rpx solid #B0C8FE;height:72rpx;line-height:72rpx} | ... | ... |
| 1 | 1 | .tableData_main { |
| 2 | - | |
| 3 | - // background: red; | |
| 2 | + width: 180%; | |
| 3 | + overflow: auto; | |
| 4 | 4 | border-bottom: 1px solid #B0C8FE; |
| 5 | + | |
| 5 | 6 | .table_head { |
| 6 | 7 | background: #DCE7FF; |
| 7 | 8 | border: 1px solid #B0C8FE; |
| ... | ... | @@ -11,27 +12,34 @@ |
| 11 | 12 | display: flex; |
| 12 | 13 | } |
| 13 | 14 | |
| 14 | - .head_col { | |
| 15 | + .head_col, | |
| 16 | + .content_col { | |
| 15 | 17 | font-family: PingFangSC-Regular; |
| 16 | 18 | font-size: 14*2rpx; |
| 17 | 19 | color: #323241; |
| 18 | 20 | text-align: left; |
| 19 | 21 | font-weight: 400; |
| 20 | 22 | padding-left: 24rpx; |
| 23 | + white-space: nowrap; | |
| 21 | 24 | } |
| 22 | 25 | |
| 26 | + | |
| 23 | 27 | .head_one { |
| 24 | - width: 150rpx; | |
| 28 | + min-width: 300rpx; | |
| 25 | 29 | } |
| 26 | 30 | |
| 27 | 31 | .head_two { |
| 28 | - width: 100rpx; | |
| 32 | + min-width: 250rpx; | |
| 29 | 33 | } |
| 30 | 34 | |
| 31 | 35 | .head_three { |
| 32 | - flex: 1 | |
| 36 | + min-width: 250rpx; | |
| 33 | 37 | } |
| 34 | 38 | |
| 39 | + .head_four { | |
| 40 | + min-width: 250rpx; | |
| 41 | + | |
| 42 | + } | |
| 35 | 43 | |
| 36 | 44 | .swiper_container { |
| 37 | 45 | height: 350rpx; |
| ... | ... | @@ -49,7 +57,7 @@ |
| 49 | 57 | border: 1rpx solid #B0C8FE; |
| 50 | 58 | height: 72rpx; |
| 51 | 59 | line-height: 72rpx; |
| 52 | - padding-left: 24rpx; | |
| 60 | + // padding-left: 24rpx; | |
| 53 | 61 | |
| 54 | 62 | } |
| 55 | 63 | } |
| \ No newline at end of file | ... | ... |
| ... | ... | @@ -7,6 +7,10 @@ Component({ |
| 7 | 7 | tableList: { |
| 8 | 8 | type: Array, |
| 9 | 9 | value: [] |
| 10 | + }, | |
| 11 | + tableHeader: { | |
| 12 | + type: Object, | |
| 13 | + value: {} | |
| 10 | 14 | } |
| 11 | 15 | }, |
| 12 | 16 | |
| ... | ... | @@ -14,13 +18,15 @@ Component({ |
| 14 | 18 | * 组件的初始数据 |
| 15 | 19 | */ |
| 16 | 20 | data: { |
| 17 | - | |
| 21 | + | |
| 18 | 22 | }, |
| 19 | 23 | |
| 20 | 24 | /** |
| 21 | 25 | * 组件的方法列表 |
| 22 | 26 | */ |
| 23 | 27 | methods: { |
| 24 | - | |
| 28 | + | |
| 29 | + }, | |
| 30 | + ready() { | |
| 25 | 31 | } |
| 26 | 32 | }) | ... | ... |
| 1 | 1 | <view class="tableData_main"> |
| 2 | 2 | <view class="table_head"> |
| 3 | 3 | <text class="head_col head_one">日期</text> |
| 4 | - <text class="head_col head_two">变量</text> | |
| 5 | - <text class="head_col head_three">数值</text> | |
| 4 | + <text class="head_col head_two">{{tableHeader.one}}</text> | |
| 5 | + <text class="head_col head_three">{{tableHeader.two}}</text> | |
| 6 | + <text class="head_col head_four">{{tableHeader.three}}</text> | |
| 6 | 7 | </view> |
| 7 | - <swiper class="swiper_container" vertical="true" autoplay="true" circular="true" interval="2000" display-multiple-items="5"> | |
| 8 | + <swiper class="swiper_container" vertical="true" autoplay="true" circular="true" interval="2000" display-multiple-items="{{tableList.length>5?5:tableList.length}}"> | |
| 8 | 9 | <view wx:for="{{tableList}}" class="container_swiper" wx:key="index" wx:for-item="item" wx:for-index="index"> |
| 9 | 10 | <swiper-item> |
| 10 | 11 | <view class="table_item"> |
| ... | ... | @@ -12,10 +13,13 @@ |
| 12 | 13 | {{item.date}} |
| 13 | 14 | </view> |
| 14 | 15 | <view class="content_col head_two"> |
| 15 | - {{item.name}} | |
| 16 | + {{item[tableHeader.val+tableHeader.key_one]}} | |
| 16 | 17 | </view> |
| 17 | 18 | <view class="content_col head_three"> |
| 18 | - {{item.num}} | |
| 19 | + {{item[tableHeader.val+tableHeader.key_two]}} | |
| 20 | + </view> | |
| 21 | + <view class="content_col head_four"> | |
| 22 | + {{item[tableHeader.val+tableHeader.key_three]}} | |
| 19 | 23 | </view> |
| 20 | 24 | </view> |
| 21 | 25 | </swiper-item> | ... | ... |
| 1 | 1 | .tableData_main { |
| 2 | + width: 180%; | |
| 3 | + overflow: auto; | |
| 2 | 4 | border-bottom: 1px solid #B0C8FE; |
| 3 | 5 | } |
| 4 | 6 | |
| ... | ... | @@ -11,25 +13,31 @@ |
| 11 | 13 | display: flex; |
| 12 | 14 | } |
| 13 | 15 | |
| 14 | -.tableData_main .head_col { | |
| 16 | +.tableData_main .head_col, | |
| 17 | +.tableData_main .content_col { | |
| 15 | 18 | font-family: PingFangSC-Regular; |
| 16 | 19 | font-size: 28rpx; |
| 17 | 20 | color: #323241; |
| 18 | 21 | text-align: left; |
| 19 | 22 | font-weight: 400; |
| 20 | 23 | padding-left: 24rpx; |
| 24 | + white-space: nowrap; | |
| 21 | 25 | } |
| 22 | 26 | |
| 23 | 27 | .tableData_main .head_one { |
| 24 | - width: 150rpx; | |
| 28 | + min-width: 300rpx; | |
| 25 | 29 | } |
| 26 | 30 | |
| 27 | 31 | .tableData_main .head_two { |
| 28 | - width: 100rpx; | |
| 32 | + min-width: 250rpx; | |
| 29 | 33 | } |
| 30 | 34 | |
| 31 | 35 | .tableData_main .head_three { |
| 32 | - flex: 1; | |
| 36 | + min-width: 250rpx; | |
| 37 | +} | |
| 38 | + | |
| 39 | +.tableData_main .head_four { | |
| 40 | + min-width: 250rpx; | |
| 33 | 41 | } |
| 34 | 42 | |
| 35 | 43 | .tableData_main .swiper_container { |
| ... | ... | @@ -47,5 +55,4 @@ |
| 47 | 55 | border: 1rpx solid #B0C8FE; |
| 48 | 56 | height: 72rpx; |
| 49 | 57 | line-height: 72rpx; |
| 50 | - padding-left: 24rpx; | |
| 51 | 58 | } | ... | ... |
| ... | ... | @@ -37,121 +37,76 @@ Page({ |
| 37 | 37 | type: 5 |
| 38 | 38 | } |
| 39 | 39 | ], |
| 40 | - deviceDataList: [ | |
| 41 | - { | |
| 42 | - type: '光伏', | |
| 43 | - imgUrl: "./../../img/device_photovoltaic.png", | |
| 44 | - dayNumName: "日发电量", | |
| 45 | - dayNum: "0", | |
| 46 | - unit: "kWh", | |
| 47 | - totalNum: "0", | |
| 48 | - totalNumName: "总发电量" | |
| 49 | - }, | |
| 50 | - { | |
| 51 | - type: '储能', | |
| 52 | - imgUrl: "./../../img/device_energyStorage.png", | |
| 53 | - dayNumName: "日发电量", | |
| 54 | - dayNum: "0", | |
| 55 | - unit: "kWh", | |
| 56 | - totalNum: "0", | |
| 57 | - totalNumName: "放发电量" | |
| 58 | - }, | |
| 59 | - { | |
| 60 | - type: '电能表', | |
| 61 | - imgUrl: "./../../img/device_electricEnergy.png", | |
| 62 | - dayNumName: "总有功功率", | |
| 63 | - dayNum: "0", | |
| 64 | - unit: "kWh", | |
| 65 | - totalNum: "0", | |
| 66 | - totalNumName: "总无功功率" | |
| 67 | - }, | |
| 68 | - { | |
| 69 | - type: '充电桩', | |
| 70 | - imgUrl: "./../../img/device_chargeStation.png", | |
| 71 | - dayNumName: "总有功功率", | |
| 72 | - dayNum: "0", | |
| 73 | - unit: "kWh", | |
| 74 | - totalNum: "0", | |
| 75 | - totalNumName: "总无功功率" | |
| 76 | - }, | |
| 77 | - { | |
| 78 | - type: '负载', | |
| 79 | - imgUrl: "./../../img/device_load.png", | |
| 80 | - dayNumName: "总有功功率", | |
| 81 | - dayNum: "0", | |
| 82 | - unit: "kWh", | |
| 83 | - totalNum: "0", | |
| 84 | - totalNumName: "总无功功率" | |
| 85 | - }, | |
| 86 | - { | |
| 87 | - type: '风电', | |
| 88 | - imgUrl: "./../../img/device_windPower.png", | |
| 89 | - dayNumName: "在线状态", | |
| 90 | - dayNum: "0", | |
| 91 | - unit: "", | |
| 92 | - totalNum: "0", | |
| 93 | - totalNumName: "故障状态" | |
| 94 | - }, | |
| 95 | - ], | |
| 40 | + deviceDataList: [], | |
| 96 | 41 | overallDataList: [ |
| 97 | 42 | { |
| 98 | 43 | type: '光伏', |
| 99 | - oneLabelName: "总有功功率", | |
| 44 | + oneLabelName: "母线电压", | |
| 100 | 45 | oneLabelNum: "20.21", |
| 101 | - unit: "kWh", | |
| 46 | + unitOne: "V", | |
| 47 | + unitTwo: "Hz", | |
| 48 | + unitThree: "kW", | |
| 102 | 49 | twoLabelNum: "320.00", |
| 103 | - twoLabelName: "总无功功率", | |
| 104 | - threeLabelName: "总直流功率", | |
| 50 | + twoLabelName: "PV电网频率", | |
| 51 | + threeLabelName: "PV负载功率", | |
| 105 | 52 | threeLabelNum: '320.00' |
| 106 | 53 | }, |
| 107 | 54 | { |
| 108 | 55 | type: '风电', |
| 109 | 56 | oneLabelName: "总有功功率", |
| 110 | - oneLabelNum: "20.21", | |
| 111 | - unit: "kWh", | |
| 112 | - twoLabelNum: "320.00", | |
| 57 | + oneLabelNum: "", | |
| 58 | + // unitOne: "kW", | |
| 59 | + // unitTwo: "kW", | |
| 60 | + // unitThree: "A", | |
| 61 | + // unitFour: "A", | |
| 62 | + // unitFive: "A", | |
| 63 | + twoLabelNum: "", | |
| 113 | 64 | twoLabelName: "总无功功率", |
| 114 | 65 | threeLabelName: "A相电流", |
| 115 | - threeLabelNum: '65%', | |
| 66 | + threeLabelNum: '', | |
| 116 | 67 | fourLabelName: "B相电流", |
| 117 | - fourLabelNum: '65%', | |
| 68 | + fourLabelNum: '', | |
| 118 | 69 | fiveLabelName: "C相电流", |
| 119 | - fiveLabelNum: '65%', | |
| 70 | + fiveLabelNum: '', | |
| 120 | 71 | }, |
| 121 | 72 | { |
| 122 | 73 | type: '充电桩', |
| 123 | - oneLabelName: "充电桩数量", | |
| 74 | + oneLabelName: "A枪电压", | |
| 124 | 75 | oneLabelNum: "20.21", |
| 125 | - unit: "kWh", | |
| 76 | + unitOne: "V", | |
| 77 | + unitTwo: "%", | |
| 78 | + unitthree: "V", | |
| 79 | + unitFour: "%", | |
| 126 | 80 | twoLabelNum: "320.00", |
| 127 | - twoLabelName: "桩额功率", | |
| 128 | - threeLabelName: "EMS使用", | |
| 129 | - threeLabelNum: '320.00' | |
| 81 | + twoLabelName: "A枪SOC", | |
| 82 | + threeLabelName: "B枪电压", | |
| 83 | + threeLabelNum: '320.00', | |
| 84 | + fourLabelName: "B枪SOC", | |
| 85 | + fourLabelNum: '65%', | |
| 130 | 86 | }, |
| 131 | 87 | |
| 132 | 88 | { |
| 133 | 89 | type: '电网', |
| 134 | - oneLabelName: "总有功功率", | |
| 90 | + oneLabelName: "A相有功功率", | |
| 135 | 91 | oneLabelNum: "20.21", |
| 136 | - unit: "kWh", | |
| 92 | + unitOne: "kW", | |
| 93 | + unitTwo: "kW", | |
| 94 | + unitthree: "kW", | |
| 137 | 95 | twoLabelNum: "320.00", |
| 138 | - twoLabelName: "总无功功率", | |
| 139 | - threeLabelName: "A相电流", | |
| 96 | + twoLabelName: "B相有功功率", | |
| 97 | + threeLabelName: "C相有功功率", | |
| 140 | 98 | threeLabelNum: '65%', |
| 141 | - fourLabelName: "B相电流", | |
| 142 | - fourLabelNum: '65%', | |
| 143 | - fiveLabelName: "C相电流", | |
| 144 | - fiveLabelNum: '65%', | |
| 145 | 99 | }, |
| 146 | - | |
| 147 | 100 | { |
| 148 | 101 | type: '储能', |
| 149 | - oneLabelName: "组端SOC", | |
| 102 | + oneLabelName: "SOC", | |
| 150 | 103 | oneLabelNum: "20.21", |
| 151 | - unit: "kWh", | |
| 104 | + unitOne: "%", | |
| 105 | + unitTwo: "A", | |
| 106 | + unitThree: "V", | |
| 152 | 107 | twoLabelNum: "320.00", |
| 153 | - twoLabelName: "交流功率", | |
| 154 | - threeLabelName: "母线电压", | |
| 108 | + twoLabelName: "总电流", | |
| 109 | + threeLabelName: "总电压", | |
| 155 | 110 | threeLabelNum: '320.00' |
| 156 | 111 | }, |
| 157 | 112 | |
| ... | ... | @@ -212,109 +167,7 @@ Page({ |
| 212 | 167 | } |
| 213 | 168 | ], |
| 214 | 169 | dashboardList: [],// 仪表盘list数据, |
| 215 | - tableList: [ | |
| 216 | - //表格数据 | |
| 217 | - { | |
| 218 | - date: "2024-10-10", | |
| 219 | - name: 'Tom', | |
| 220 | - num: "No.189,Grove St,Lot Angeles" | |
| 221 | - }, | |
| 222 | - { | |
| 223 | - date: "2024-10-10", | |
| 224 | - name: 'Tom', | |
| 225 | - num: "No.189,Grove St,Lot Angeles" | |
| 226 | - }, | |
| 227 | - { | |
| 228 | - date: "2024-10-10", | |
| 229 | - name: 'Tom', | |
| 230 | - num: "No.189,Grove St,Lot Angeles" | |
| 231 | - }, | |
| 232 | - { | |
| 233 | - date: "2024-10-10", | |
| 234 | - name: 'Tom', | |
| 235 | - num: "No.189,Grove St,Lot Angeles" | |
| 236 | - }, | |
| 237 | - { | |
| 238 | - date: "2024-10-10", | |
| 239 | - name: 'Tom', | |
| 240 | - num: "No.189,Grove St,Lot Angeles" | |
| 241 | - }, | |
| 242 | - { | |
| 243 | - date: "2024-10-10", | |
| 244 | - name: 'Tom', | |
| 245 | - num: "No.189,Grove St,Lot Angeles" | |
| 246 | - }, | |
| 247 | - { | |
| 248 | - date: "2024-10-10", | |
| 249 | - name: 'Tom', | |
| 250 | - num: "No.189,Grove St,Lot Angeles" | |
| 251 | - }, | |
| 252 | - { | |
| 253 | - date: "2024-10-10", | |
| 254 | - name: 'Tom', | |
| 255 | - num: "No.189,Grove St,Lot Angeles" | |
| 256 | - }, | |
| 257 | - { | |
| 258 | - date: "2024-10-10", | |
| 259 | - name: 'Tom', | |
| 260 | - num: "No.189,Grove St,Lot Angeles" | |
| 261 | - }, | |
| 262 | - { | |
| 263 | - date: "2024-10-10", | |
| 264 | - name: 'Tom', | |
| 265 | - num: "No.189,Grove St,Lot Angeles" | |
| 266 | - }, | |
| 267 | - { | |
| 268 | - date: "2024-10-10", | |
| 269 | - name: 'Tom', | |
| 270 | - num: "No.189,Grove St,Lot Angeles" | |
| 271 | - }, | |
| 272 | - { | |
| 273 | - date: "2024-10-10", | |
| 274 | - name: 'Tom', | |
| 275 | - num: "No.189,Grove St,Lot Angeles" | |
| 276 | - }, | |
| 277 | - { | |
| 278 | - date: "2024-10-10", | |
| 279 | - name: 'Tom', | |
| 280 | - num: "No.189,Grove St,Lot Angeles" | |
| 281 | - }, | |
| 282 | - { | |
| 283 | - date: "2024-10-10", | |
| 284 | - name: 'Tom', | |
| 285 | - num: "No.189,Grove St,Lot Angeles" | |
| 286 | - }, | |
| 287 | - { | |
| 288 | - date: "2024-10-10", | |
| 289 | - name: 'Tom', | |
| 290 | - num: "No.189,Grove St,Lot Angeles" | |
| 291 | - }, | |
| 292 | - { | |
| 293 | - date: "2024-10-10", | |
| 294 | - name: 'Tom', | |
| 295 | - num: "No.189,Grove St,Lot Angeles" | |
| 296 | - }, | |
| 297 | - { | |
| 298 | - date: "2024-10-10", | |
| 299 | - name: 'Tom', | |
| 300 | - num: "No.189,Grove St,Lot Angeles" | |
| 301 | - }, | |
| 302 | - { | |
| 303 | - date: "2024-10-10", | |
| 304 | - name: 'Tom', | |
| 305 | - num: "No.189,Grove St,Lot Angeles" | |
| 306 | - }, | |
| 307 | - { | |
| 308 | - date: "2024-10-10", | |
| 309 | - name: 'Tom', | |
| 310 | - num: "No.189,Grove St,Lot Angeles" | |
| 311 | - }, | |
| 312 | - { | |
| 313 | - date: "2024-10-10", | |
| 314 | - name: 'Tom', | |
| 315 | - num: "No.189,Grove St,Lot Angeles" | |
| 316 | - }, | |
| 317 | - ], | |
| 170 | + tableList: [], | |
| 318 | 171 | allcardList: [],// 卡片list数据 |
| 319 | 172 | myLineObj: { |
| 320 | 173 | dataList: [[18, 36, 65, 30, 78, 40, 33], [12, 50, 51, 35, 70, 30, 20]], |
| ... | ... | @@ -323,7 +176,60 @@ Page({ |
| 323 | 176 | homeLineObj: { |
| 324 | 177 | dataList: [[180, 306, 65, 30, 78, 40, 133], [12, 50, 251, 235, 170, 30, 20]], |
| 325 | 178 | nameList: ['总电压', '总电流'] |
| 326 | - } | |
| 179 | + }, | |
| 180 | + tableHeaderList: [ | |
| 181 | + { | |
| 182 | + type: "BMS", | |
| 183 | + val: "bms", | |
| 184 | + one: "BMS-最高电压模块", | |
| 185 | + two: "BMS-单体最低温度", | |
| 186 | + three: "BMS-允许充电电流", | |
| 187 | + key_one: "05", | |
| 188 | + key_two: "16", | |
| 189 | + key_three: "29" | |
| 190 | + }, | |
| 191 | + { | |
| 192 | + type: "PCS", | |
| 193 | + val: "pcs", | |
| 194 | + one: "PCS-交流B相电流", | |
| 195 | + two: "PCS-交流C相电流", | |
| 196 | + three: "PCS-交流A相电流", | |
| 197 | + key_one: "21", | |
| 198 | + key_two: "22", | |
| 199 | + key_three: "23" | |
| 200 | + }, | |
| 201 | + { | |
| 202 | + type: "CP", | |
| 203 | + val: "cp", | |
| 204 | + one: "CP-B枪需求功率", | |
| 205 | + two: "CP-B枪需求电流", | |
| 206 | + three: "CP-A枪需求电流", | |
| 207 | + key_one: "16", | |
| 208 | + key_two: "27", | |
| 209 | + key_three: "28" | |
| 210 | + }, | |
| 211 | + { | |
| 212 | + type: "PV", | |
| 213 | + val: "pv", | |
| 214 | + one: "PV-总电网取电电量", | |
| 215 | + two: "PV-绝缘阻抗", | |
| 216 | + three: "PV-电网频率", | |
| 217 | + key_one: "04", | |
| 218 | + key_two: "06", | |
| 219 | + key_three: "24" | |
| 220 | + }, | |
| 221 | + { | |
| 222 | + type: "EM", | |
| 223 | + val: "em", | |
| 224 | + one: "EM-A相电流", | |
| 225 | + two: "EM-C相电流", | |
| 226 | + three: "EM-B相电流", | |
| 227 | + key_one: "04", | |
| 228 | + key_two: "05", | |
| 229 | + key_three: "06" | |
| 230 | + }, | |
| 231 | + ],//滚动list头部展示 | |
| 232 | + tableHeader: {} | |
| 327 | 233 | }, |
| 328 | 234 | |
| 329 | 235 | /** |
| ... | ... | @@ -394,7 +300,7 @@ Page({ |
| 394 | 300 | return "CP" |
| 395 | 301 | break; |
| 396 | 302 | case 4: //光伏 |
| 397 | - return "CP" | |
| 303 | + return "PV" | |
| 398 | 304 | break; |
| 399 | 305 | case 5: //电能表 |
| 400 | 306 | return "EM" |
| ... | ... | @@ -407,12 +313,20 @@ Page({ |
| 407 | 313 | tabsItemChange(e: any) { |
| 408 | 314 | this.setData({ |
| 409 | 315 | dashboardList: [], |
| 410 | - allcardList:[] | |
| 316 | + allcardList: [], | |
| 317 | + tableList: [], | |
| 318 | + tableHeader: {} | |
| 411 | 319 | }) |
| 320 | + | |
| 412 | 321 | // console.log(e, '----tab传过来的值', e.detail.type) |
| 413 | 322 | // console.log(this, '-------------this-----------') |
| 414 | 323 | const idx = e.detail.type |
| 415 | 324 | const idxToName: string = this.getTypeVal(idx) |
| 325 | + let tableHeaderNew: any = {} | |
| 326 | + tableHeaderNew = this.data.tableHeaderList.find((item: any) => { | |
| 327 | + return item.type === idxToName | |
| 328 | + }) | |
| 329 | + console.log(tableHeaderNew, '0000', idxToName) | |
| 416 | 330 | // this.allData |
| 417 | 331 | let dashboardListNew: any = [] // 仪表盘数据 |
| 418 | 332 | let allcardListNew: any = [] // 所有卡片数据 |
| ... | ... | @@ -421,8 +335,12 @@ Page({ |
| 421 | 335 | this.setData({ |
| 422 | 336 | currentIndex: Number(idx), |
| 423 | 337 | dashboardList: dashboardListNew, |
| 424 | - allcardList:allcardListNew | |
| 338 | + allcardList: allcardListNew, | |
| 339 | + tableHeader: tableHeaderNew | |
| 425 | 340 | }) |
| 341 | + if (idx !== 0) { | |
| 342 | + this.__getOpenQxCustomHczdGetDate(idxToName) | |
| 343 | + } | |
| 426 | 344 | console.log(dashboardListNew, 'dashboardListdashboardList', this.data.dashboardList) |
| 427 | 345 | |
| 428 | 346 | }, |
| ... | ... | @@ -442,8 +360,10 @@ Page({ |
| 442 | 360 | console.log(data, '-----------datat') |
| 443 | 361 | let PV = data.data.PV // 光伏 |
| 444 | 362 | let BMS = data.data.BMS//储能 |
| 445 | - let EM = data.data.EM // 电能表 | |
| 446 | - const deviceDataListNew = [ | |
| 363 | + let EM = data.data.EM // 电能表---电网 | |
| 364 | + let CP = data.data.CP // 充电桩 | |
| 365 | + let PCS = data.data.PCS // PCS--风电 | |
| 366 | + const deviceDataListNew: any = [ | |
| 447 | 367 | { |
| 448 | 368 | type: '光伏', |
| 449 | 369 | imgUrl: "./../../img/device_photovoltaic.png", |
| ... | ... | @@ -499,16 +419,102 @@ Page({ |
| 499 | 419 | totalNumName: "故障状态" |
| 500 | 420 | }, |
| 501 | 421 | ] |
| 502 | - | |
| 422 | + const overallDataListNew = [ | |
| 423 | + { | |
| 424 | + type: '光伏', | |
| 425 | + oneLabelName: "母线电压", | |
| 426 | + oneLabelNum: PV.PV29, | |
| 427 | + unitOne: "V", | |
| 428 | + unitTwo: "Hz", | |
| 429 | + unitThree: "kW", | |
| 430 | + twoLabelNum: PV.PV30, | |
| 431 | + twoLabelName: "PV电网频率", | |
| 432 | + threeLabelName: "PV负载功率", | |
| 433 | + threeLabelNum: PV.PV22 | |
| 434 | + }, | |
| 435 | + { | |
| 436 | + type: '风电',//暂时假数据 | |
| 437 | + oneLabelName: "总有功功率", | |
| 438 | + oneLabelNum: "", | |
| 439 | + // unitOne: "kW", | |
| 440 | + // unitTwo: "kW", | |
| 441 | + // unitThree: "A", | |
| 442 | + // unitFour: "A", | |
| 443 | + // unitFive: "A", | |
| 444 | + twoLabelNum: "", | |
| 445 | + twoLabelName: "总无功功率", | |
| 446 | + threeLabelName: "A相电流", | |
| 447 | + threeLabelNum: '', | |
| 448 | + fourLabelName: "B相电流", | |
| 449 | + fourLabelNum: '', | |
| 450 | + fiveLabelName: "C相电流", | |
| 451 | + fiveLabelNum: '', | |
| 452 | + }, | |
| 453 | + { | |
| 454 | + type: '电网', | |
| 455 | + oneLabelName: "A相有功功率", | |
| 456 | + oneLabelNum: EM.EM07, | |
| 457 | + unitOne: "kW", | |
| 458 | + unitTwo: "kW", | |
| 459 | + unitThree: "kW", | |
| 460 | + twoLabelNum: EM.EM08, | |
| 461 | + twoLabelName: "B相有功功率", | |
| 462 | + threeLabelName: "C相有功功率", | |
| 463 | + threeLabelNum: EM.EM09, | |
| 464 | + }, | |
| 465 | + { | |
| 466 | + type: '储能', | |
| 467 | + oneLabelName: "SOC", | |
| 468 | + oneLabelNum: BMS.BMS03, | |
| 469 | + unitOne: "%", | |
| 470 | + unitTwo: "A", | |
| 471 | + unitThree: "V", | |
| 472 | + twoLabelNum: BMS.BMS02, | |
| 473 | + twoLabelName: "总电流", | |
| 474 | + threeLabelName: "总电压", | |
| 475 | + threeLabelNum: BMS.BMS01 | |
| 476 | + }, | |
| 477 | + { | |
| 478 | + type: '充电桩', | |
| 479 | + oneLabelName: "A枪电压", | |
| 480 | + oneLabelNum: CP.CP13, | |
| 481 | + unitOne: "V", | |
| 482 | + unitTwo: "%", | |
| 483 | + unitThree: "V", | |
| 484 | + unitFour: "%", | |
| 485 | + twoLabelNum: CP.CP10, | |
| 486 | + twoLabelName: "A枪SOC", | |
| 487 | + threeLabelName: "B枪电压", | |
| 488 | + threeLabelNum: CP.CP25, | |
| 489 | + fourLabelName: "B枪SOC", | |
| 490 | + fourLabelNum: CP.CP22, | |
| 491 | + }, | |
| 492 | + ] | |
| 503 | 493 | |
| 504 | 494 | |
| 505 | 495 | this.setData({ |
| 506 | 496 | allData: data.data, |
| 507 | 497 | deviceDataList: deviceDataListNew, |
| 498 | + overallDataList: overallDataListNew | |
| 508 | 499 | }) |
| 509 | 500 | const app = getApp(); |
| 510 | 501 | app.globalData.allData = data.data; |
| 511 | 502 | |
| 512 | 503 | }) |
| 513 | 504 | }, |
| 505 | + | |
| 506 | + __getOpenQxCustomHczdGetDate(type: String) {//列表滚动数据 | |
| 507 | + HTTP.POST({ | |
| 508 | + ...API_CONST.home.getDate, | |
| 509 | + payload: { | |
| 510 | + corpCode: "default", | |
| 511 | + type: type | |
| 512 | + } | |
| 513 | + }).then((res: any) => { | |
| 514 | + console.log(res, 'res-----------getDate') | |
| 515 | + this.setData({ | |
| 516 | + tableList: res.data | |
| 517 | + }) | |
| 518 | + }) | |
| 519 | + } | |
| 514 | 520 | }) |
| \ No newline at end of file | ... | ... |
| ... | ... | @@ -67,8 +67,8 @@ |
| 67 | 67 | <loadCurveEchart echartData="{{homeLineObj}}"></loadCurveEchart> |
| 68 | 68 | </view> |
| 69 | 69 | |
| 70 | - <view class="tableData_home"> | |
| 71 | - <tableData tableList="{{tableList}}"></tableData> | |
| 70 | + <view class="tableData_home" wx:if="{{tableList&&tableHeader}}"> | |
| 71 | + <tableData tableList="{{tableList}}" tableHeader="{{tableHeader}}"></tableData> | |
| 72 | 72 | </view> |
| 73 | 73 | <view class="allcardList_home"> |
| 74 | 74 | <allcardList allcardList="{{allcardList}}"></allcardList> | ... | ... |