huyuanxiang
/
nh-uniapp
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

[fix]调整电站首页

Browse Source
main
huyuanxiang 2 years ago
parent 710d92e9c4
commit 7eb8c6ab48
6 changed files with 116 additions and 59 deletions
Show Stats Download Patch File Download Diff File

2
common/util/work.js
Unescape View File

@ -28,7 +28,7 @@ export const us = {
icon: icon_prefix + "richeng.png",
description: "分布式光伏电站",
useCount: 10000,
page: 'helloWorld'
page: 'stationList'
}, {
title: "垃圾热解",
icon: icon_prefix + "qingjia1.png",

8
components/echarts-uniapp/echarts-uniapp.vue
Unescape View File

@ -37,9 +37,8 @@
},
watch: {
option(newValue, oldValue) {
if(Object.keys(newValue).length){
this.initChart(newValue)
}
this.initChart(newValue)
}
},
data() {
@ -128,6 +127,9 @@
chartList[this.canvasId].dispose()
chartList[this.canvasId] = null
}
if(!Object.keys(option).length){
return
}
chartList[this.canvasId] = echarts.init(document.getElementById(this.canvasId));
chartList[this.canvasId].setOption(option?option:this.option);
},

45
components/echarts-uniapp/echarts.min.js vendored
View File

File diff suppressed because one or more lines are too long

5
pages/station/item1.vue
Unescape View File

@ -1,6 +1,6 @@
<template>
<view>
<uni-nav-bar left-icon="left" fixed="true" title="" @clickLeft="handleClickLeft"></uni-nav-bar>
<uni-nav-bar left-icon="left" fixed="true" title="子阵视图" @clickLeft="handleClickLeft"></uni-nav-bar>
<view class="station-box">
<view class="station-search-box">
<uni-section title="选择电站" type="line" padding="10px" >
@ -462,11 +462,12 @@
align-items: center;
}
/deep/ .u-collapse-item__content__text {
background-color: rgba(0,0,0, .8);
background-color: rgba(0,0,0, 1);
}
/deep/ .second-class .u-collapse-item__content {
height: auto !important;
}
/deep/ .u-action-sheet {
background: #000;

22
pages/station/item2.vue
Unescape View File

@ -1,6 +1,6 @@
<template>
<view>
<uni-nav-bar left-icon="left" fixed="true" title="" @clickLeft="handlerBack"></uni-nav-bar>
<uni-nav-bar left-icon="left" fixed="true" title="逆变器视图" @clickLeft="handlerBack"></uni-nav-bar>
<view class="container">
<view class="search-box">
<uni-section title="选择电站" type="line" >
@ -33,12 +33,7 @@
<div class="report-status">
<div class="report-status-item">
<div class="flex flex-column flex-col-center">
<div class="flex flex-row-center">
关闭<u-switch v-model="value4" size="20"
inactiveColor="#ff0000"
activeColor="#00a403" style="margin: 0 10px;"></u-switch>开启
</div>
<div style="margin-top: 10px;">
<div style="margin-bottom: 10px;">
<!-- <div>状态：</div -->
<div class="flex">
<div class="item flex flex-center">
@ -59,6 +54,11 @@
</div>
</div>
</div>
<div class="flex flex-row-center">
关闭<u-switch v-model="value4" size="20"
inactiveColor="#ff0000"
activeColor="#00a403" style="margin: 0 10px;"></u-switch>开启
</div>
</div>
</div>
</div>
@ -462,7 +462,7 @@
handleCanceTime() {
this.show = false
},
getChartDataList() {
getChartDataList() {
const data = {
createTime: this.timer,
id: this.secondValue,
@ -521,7 +521,11 @@
})
},
setChartData(chartData = {}, type = '') {
if (!Object.keys(chartData).length) return
console.log(chartData)
if (!Object.keys(chartData).length) {
this.option = option
return
}
const option = this.getChartOption(chartData)
this.option = option

93
pages/station/list.vue
Unescape View File

@ -3,22 +3,21 @@
<uni-nav-bar left-icon="left" fixed="true" title="" @clickLeft="handleClickLeft"></uni-nav-bar>
<scroll-view :scroll-y="modalName==null" class="page" :class="modalName!=null?'show':''">
<view class="station-box">
<view>
<!-- <view>
选择电站：<picker mode="selector" :range="stationData"
range-key="stationName"
:value="index" @change="handlerChangeStation">
<view style="color: royalblue;">{{ stationData[index].stationName }}</view>
</picker>
</view>
</view> -->
<view class="card-box">
<uni-section title="电站信息" type="line" padding="0 0 5px 0">
<uni-card title="" padding="10px" >
<uni-section title="电站列表" type="line" padding="0 0 5px 0">
<!-- <uni-card title="">
<template v-slot:title>
<uni-list>
<uni-list-item showArrow clickable :title="station.stationName" @click="goNext" />
</uni-list>
</template>
<!-- <image style="width: 100%;" :src="cover"></image> -->
<view class="station-info">
<view class="flex station-info-item">
<text class="left">装机容量(MW)：</text>
@ -41,7 +40,41 @@
<text>{{ station.irradiationLevel }}</text>
</view>
</view>
</uni-card>
</uni-card> -->
<view class="station-box-list">
<uni-card title="" v-for="item in stationData" :key="item.id">
<template v-slot:title>
<uni-list>
<uni-list-item showArrow clickable :title="item.stationName" @click="goNext(item.id)" />
</uni-list>
</template>
<!-- <image style="width: 100%;" :src="cover"></image> -->
<view class="station-info">
<view class="flex station-info-item">
<text class="left">装机容量(MW)：</text>
<text class="right">{{ item.capacity }}</text>
</view>
<view class="flex station-info-item">
<text class="left">当日发电(kWh)：</text>
<text class="right">{{ item.dayElectricity }}</text>
</view>
<view class="flex station-info-item">
<text class="left">当日功率(kW)：</text>
<text >{{ item.dayPower }}</text>
</view>
<view class="flex station-info-item">
<text class="left">累计发电(kWh)：</text>
<text>{{ item.totalElectricity }}</text>
</view>
<!-- <view class="flex station-info-item">
<text class="left">光照强度(W/m^2)：</text>
<text>{{ station.irradiationLevel }}</text>
</view> -->
</view>
</uni-card>
</view>
</uni-section>
</view>
</view>
@ -203,11 +236,11 @@
this.index = e.detail.value
this.station = this.stationData[this.index]
},
goNext() {
goNext(id) {
this.$router.push({
name: 'stationListItem1',
query: {
id: this.station.id
id
}
})
}
@ -218,26 +251,50 @@
<style lang="scss">
.station-box {
position: relative;
padding: 10px;
padding: 10px 0;
color: #333;
}
.station-box-list {
position: relative;
width: 100%;
max-height: 85vh;
overflow-y: scroll;
}
.card-box {
margin-top: 50px;
// margin-top: 50px;
// max-height: 90vh;
// overflow-y: scroll;
}
.station-info {
margin-top: 20px;
// margin-top: 20px;
display: flex;
// flex-direction:column;
flex-wrap: wrap;
color: #888;
.station-info-item {
color: #666;
&:not(:first-child) {
// margin-top: 10px;
font-size: 12px;
width: 50%;
vertical-align: middle;
line-height: 2.5;
// &:not(:first-child) {
// // margin-top: 10px;
// border-top: 1px dashed #cedefb;
// vertical-align: middle;
// line-height: 2.5;
// }
&:nth-child(3), &:nth-child(4) {
width: 100%;
border-top: 1px dashed #cedefb;
vertical-align: middle;
line-height: 2.5;
}
}
.left {
width: 130px;
// width: 130px;
text-align: justify;
}
.right {
color: #4aaf0b;
font-weight: 600;
}
}
}

Write Preview
Loading…
Cancel
Save