xzzn/emsapp
4
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

优化

Browse Source
This commit is contained in:
白菜
2026-01-19 17:30:03 +08:00
parent de403e861d
commit 648f031ebe
12 changed files with 536 additions and 425 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
pages/work/DateRangeSelect.vue
View File

@ -92,6 +92,7 @@
padding-left: 0;
padding-right: 0;
text-align: center;
font-size: 26rpx;
&:not(:last-child) {
margin-right: 20rpx;
@ -103,7 +104,12 @@
}
.large {
width: 180rpx;
width: 160rpx;
background-color: #547ef4;
&[disabled][type=primary] {
background-color: #89a8ffe6;
}
}
}
}

22
pages/work/bmsdcc/index.vue
View File

@ -20,29 +20,29 @@
<view class='content'>
<!-- 设备状态栏 -->
<uni-group mode="card" class="status-card-group">
<uni-grid :column="3" :showBorder="false">
<uni-grid-item>
<view class="flex-container">
<view class="flex-lists">
<view class="grid-item-box">
<view class="title">工作状态</view>
<text
class="text work-status-color">{{workStatusOptions[item.workStatus] || '-'}}</text>
</view>
</uni-grid-item>
<uni-grid-item>
</view>
<view class="flex-lists">
<view class="grid-item-box">
<view class="title">与PCS通信</view>
<text
class="text">{{communicationStatusOptions[item.pcsCommunicationStatus] || '-'}}</text>
</view>
</uni-grid-item>
<uni-grid-item>
</view>
<view class="flex-lists">
<view class="grid-item-box">
<view class="title">与EMS通信</view>
<text
class="text">{{communicationStatusOptions[item.emsCommunicationStatus] || '-'}}</text>
</view>
</uni-grid-item>
</uni-grid>
</view>
</view>
</uni-group>
<!-- 设备数据 -->
<uni-group mode="card" class="data-card-group">
@ -182,9 +182,9 @@
}
},
mounted() {
onLoad(options) {
uni.showLoading()
this.siteId = this.$route.query.siteId || ''
this.siteId = options.siteId || ''
getBMSBatteryCluster({
siteId: this.siteId
}).then(response => {
@ -192,7 +192,7 @@
if (this.list.length > 0) {
this.$nextTick(() => {
setTimeout(() => {
this.$refs.collapse.resize()
// this.$refs.collapse.resize()
uni.hideLoading()
}, 100)
})

20
pages/work/bmszl/index.vue
View File

@ -19,29 +19,29 @@
<view class='content'>
<!-- 设备状态栏 -->
<uni-group mode="card" class="status-card-group">
<uni-grid :column="3" :showBorder="false">
<uni-grid-item>
<view class="flex-container">
<view class="flex-lists">
<view class="grid-item-box">
<view class="title">工作状态</view>
<text
class="text work-status-color">{{workStatusOptions[item.workStatus] || '-'}}</text>
</view>
</uni-grid-item>
<uni-grid-item>
</view>
<view class="flex-lists">
<view class="grid-item-box">
<view class="title">与PCS通信</view>
<text
class="text">{{communicationStatusOptions[item.pcsCommunicationStatus] || '-'}}</text>
</view>
</uni-grid-item>
<uni-grid-item>
</view>
<view class="flex-lists">
<view class="grid-item-box">
<view class="title">与EMS通信</view>
<text
class="text">{{communicationStatusOptions[item.emsCommunicationStatus] || '-'}}</text>
</view>
</uni-grid-item>
</uni-grid>
</view>
</view>
</uni-group>
<!-- 设备数据 -->
<uni-group mode="card" class="data-card-group">
@ -187,9 +187,9 @@
}
},
mounted() {
onLoad(options) {
uni.showLoading()
this.siteId = this.$route.query.siteId || ''
this.siteId = options.siteId || ''
getBMSOverView({
siteId: this.siteId
}).then(response => {

21
pages/work/db/index.vue
View File

@ -147,19 +147,24 @@
}
},
mounted() {
onLoad(options) {
uni.showLoading()
this.siteId = this.$route.query.siteId || ''
this.siteId = options.siteId || ''
getAmmeterDataList({
siteId: this.siteId
}).then(response => {
this.list = response?.data || []
this.$nextTick(() => {
setTimeout(() => {
this.$refs.collapse.resize()
uni.hideLoading()
}, 100)
})
if (this.list.length > 0) {
this.$nextTick(() => {
setTimeout(() => {
this.$refs.collapse.resize()
uni.hideLoading()
}, 1000)
})
} else {
uni.hideLoading()
}
}).catch(() => {
uni.hideLoading()
})

6
pages/work/dtdc/index.vue
View File

@ -387,9 +387,9 @@
})
},
},
mounted() {
onLoad(options) {
// uni.showLoading()
this.siteId = this.$route.query.siteId || ''
this.siteId = options.siteId || ''
this.getStackList()
this.getTableData(true)
}
@ -455,6 +455,7 @@
border-bottom: 1px solid #eee;
padding: 20rpx 30rpx;
font-weight: 700;
font-size: 28rpx;
position: relative;
color: #333;
@ -462,6 +463,7 @@
position: absolute;
top: 50%;
right: 20rpx;
font-size: 26rpx;
transform: translateY(-50%);
background-color: #4c7af3;
}

367
pages/work/index.vue
View File

@ -1,58 +1,67 @@
<template>
<view class="work-container">
<!-- 站点选择列表 -->
<uni-section title="业态选择" type="line" class="sections-list">
<uni-row>
<uni-col :span="10" :offset='1'>
<uni-section title="业态列表">
<uni-data-select :clear="false" :value="siteType" wrap :localdata="siteTypeOptions"
@change="selectedSiteType"></uni-data-select>
</uni-section>
</uni-col>
<uni-col :span="10" :offset='2'>
<uni-section title="可选清单">
<uni-data-select ref="siteListSelect" :clear="false" :value="siteId" wrap
:localdata="siteType ===1 ? siteList : []" @change="selectedSite"></uni-data-select>
</uni-section>
</uni-col>
</uni-row>
</uni-section>
<!-- 静态信息 -->
<uni-section title="静态信息" type="line" class="sections-list">
<view class="base-lists" v-for="(item,index) in singleZdInfo" :key="index+'zdBaseInfo'">
<text class="left">{{item.title}}：</text>
<text class="right">{{baseInfo[item.attr]}}</text>
<view class="site-sections-list">
<uni-data-picker placeholder="请选择" popup-title="业态选择" :step-searh="true" :value="siteId" :clear-icon="false"
:localdata="siteTypeOptions" :ellipsis="false" @change="selectedSite">
</uni-data-picker>
<view class="info">
<view class="list"> <uni-icons type="location" color="#fff" size="20"></uni-icons>
{{baseInfo.siteAddress || '-'}}
</view>
<view class="list">
<uni-icons type="calendar" color="#fff" size="20"></uni-icons>
{{baseInfo.runningTime || '-'}}
</view>
</view>
</uni-section>
<!-- 工作台 -->
<uni-section title="工作台" type="line" class="sections-list">
<view class="grid-body">
<uni-grid :column="4" :showBorder="false" @change="toDetail">
<uni-grid-item v-for="(item,index) in siteGirdList" :index="index" :key="index+'work'">
</view>
<!-- 静态信息 -->
<view class="base-info">
<uni-group mode="card" class="install-data">
<uni-grid :column="2" :showBorder="false" :square="false" :highlight="false">
<uni-grid-item>
<view class="grid-item-box">
<view class="icon iconfont" :class="item.icon" size="30"></view>
<text class="text">{{item.text}}</text>
<view class="title">装机功率(MW)</view>
<view class="text">{{baseInfo.installPower}}</view>
</view>
</uni-grid-item>
<uni-grid-item>
<view class="grid-item-box">
<view class="title">装机容量(MW)</view>
<view class="text">{{baseInfo.installCapacity}}</view>
</view>
</uni-grid-item>
</uni-grid>
</view>
</uni-section>
<!-- 一周充放曲线 uchart的组件最好放在同级-->
<uni-section title="一周充放曲线" type="line" class="sections-list">
<date-range-select ref="weekChartDateRangeSelect" @updateDate="updateWeekChartDate" />
<view style="width:100%;height: 250px;">
<qiun-data-charts type="area" :chartData="weekChartData" :optsWatch='false' :inScrollView="true"
:pageScrollTop="pageScrollTop" :opts="options" :ontouch="true" />
</view>
</uni-section>
<!-- 当日功率曲线 uchart的组件最好放在同级-->
<uni-section title="当日功率曲线" type="line" class="sections-list">
<date-range-select ref="activeChartDateRangeSelect" @updateDate="updateActiveChartDate" />
<view style="width:100%;height: 250px;">
<qiun-data-charts type="area" :chartData="activeChartData" :optsWatch='false' :inScrollView="true"
:pageScrollTop="pageScrollTop" :opts="glqxOptions" :ontouch="true" />
</view>
</uni-section>
</uni-group>
<!-- 工作台 -->
<uni-section title="工作台" type="line" class="sections-list">
<view class="grid-body">
<uni-grid :column="4" :showBorder="false" @change="toDetail">
<uni-grid-item v-for="(item,index) in siteGirdList" :index="index" :key="index+'work'">
<view class="grid-item-box work-box">
<view class="icon iconfont" :class="item.icon" size="30"></view>
<text class="text">{{item.text}}</text>
</view>
</uni-grid-item>
</uni-grid>
</view>
</uni-section>
<!-- 一周充放曲线 uchart的组件最好放在同级-->
<uni-section title="一周充放曲线" type="line" class="sections-list">
<date-range-select ref="weekChartDateRangeSelect" @updateDate="updateWeekChartDate" />
<view style="width:100%;height: 250px;">
<qiun-data-charts type="area" :chartData="weekChartData" :optsWatch='false' :inScrollView="true"
:pageScrollTop="pageScrollTop" :opts="options" :ontouch="true" />
</view>
</uni-section>
<!-- 当日功率曲线 uchart的组件最好放在同级-->
<uni-section title="当日功率曲线" type="line" class="sections-list">
<date-range-select ref="activeChartDateRangeSelect" @updateDate="updateActiveChartDate" />
<view style="width:100%;height: 250px;">
<qiun-data-charts type="area" :chartData="activeChartData" :optsWatch='false' :inScrollView="true"
:pageScrollTop="pageScrollTop" :opts="glqxOptions" :ontouch="true" />
</view>
</uni-section>
</view>
</view>
</template>
@ -129,40 +138,27 @@
},
// 图表数据结束
deviceCategoryOptions: [], //当前站点包含的设备类别
siteType: 1,
siteTypeOptions: [{
text: '储能',
value: 1,
value: 'cn',
children: []
},
{
text: '光能',
value: 2,
value: 'gn',
disable: true,
children: []
},
{
text: '岸电',
value: 3,
value: 'ad',
disable: true,
children: []
}
],
siteList: [],
siteId: '', //选择的站点ID
baseInfo: {}, //站点基本信息
singleZdInfo: [{
title: "电站位置",
attr: "siteAddress",
},
{
title: "投运时间",
attr: "runningTime",
},
{
title: "装机功率(MW)",
attr: "installPower",
},
{
title: "装机容量(MW)",
attr: "installCapacity",
},
],
gridList: [{
page: 'bmszl',
icon: 'icon-BMS',
@ -222,12 +218,15 @@
} = e.detail
this.$tab.navigateTo(`/pages/work/${this.gridList[index].page}/index?siteId=${this.siteId}`)
},
selectedSite(id) {
if (id === this.siteId) return
this.siteId = id
if (this.siteType === 1) {
this.updateSiteInfo()
}
selectedSite(data) {
const [typeObj, siteObj] = data.detail.value
const {
text,
value
} = siteObj
if (value === this.siteId) return
this.siteId = value
this.updateSiteInfo()
},
updateSiteInfo() {
if (!this.siteId) return
@ -236,18 +235,10 @@
this.getGVQXData()
this.getSiteDeviceCategory()
},
selectedSiteType(id) {
if (id === this.siteType) return
this.siteType = id
this.siteId = ''
this.baseInfo = {}
this.weekChartData = {}
this.activeChartData = {}
},
getSiteList() {
getAllSites().then(response => {
const data = response?.data || []
this.siteList = data.map(item => {
this.siteTypeOptions.find(i => i.value === 'cn').children = data.map(item => {
return {
text: item.siteName,
value: item.siteId,
@ -374,13 +365,11 @@
}
},
// 页面切换不会重新调用，如果希望每次切换页面都重新调接口，使用onShow
mounted() {
onLoad() {
this.$nextTick(() => {
this.getSiteList()
this.$refs.weekChartDateRangeSelect.init()
this.$refs.activeChartDateRangeSelect.init(true)
if (this.siteType === 1) {
this.getSiteList()
}
})
},
// 页面滚动 设置pageScrollTop chart显示需要
@ -414,80 +403,172 @@
margin-top: 10rpx;
}
.sections-list {
margin-bottom: 10rpx;
// 站点选择
.site-sections-list {
background: linear-gradient(to right, #547ef4, #679ff5);
padding: 30rpx 30rpx;
padding-bottom: 100rpx;
::v-deep &>.uni-section-header {
font-weight: 700;
.info {
color: #fff;
font-size: 26rpx;
line-height: 30rpx;
}
}
vertical-align: middle;
margin-top: 20rpx;
.sections-list:not(:first-child) {
margin-top: 40rpx;
}
>.list {
display: flex;
justify-content: flex-start;
align-items: center;
::v-deep {
.uni-section__content-title {
font-size: 26rpx !important;
}
&:not(:last-child) {
margin-bottom: 20rpx;
}
.uni-select__input-box {
width: 100%;
>.uni-icons {
margin-right: 10rpx;
}
.uni-select__input-text {
font-size: 24rpx;
}
}
.uni-select__selector-empty,
.uni-select__selector-item {
font-size: 24rpx;
line-height: 36rpx;
padding-top: 10rpx;
padding-bottom: 10rpx;
text-align: left;
.uni-data-tree {
::v-deep {
.input-value {
border: none;
padding-left: 0;
.selected-area {
width: 90%;
flex: none;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
.selected-list {
color: #fff;
}
}
// 选择中的文字样式
.text-color {
color: #fff;
font-size: 34rpx;
font-weight: bolder;
}
// 右侧箭头
.arrow-area {
transform: rotate(-135deg);
.input-arrow {
border-color: #fff;
}
}
}
}
}
}
.grid-item-box {
flex: 1;
/* #ifndef APP-NVUE */
display: flex;
/* #endif */
flex-direction: column;
align-items: center;
justify-content: center;
padding: 30rpx 0;
// 基本信息
.base-info {
margin-top: -80rpx;
border-radius: 80rpx 80rpx 0 0;
padding: 30rpx;
background-color: #fff;
// 装机功率
.install-data {
.grid-item-box {
padding-top: 6rpx;
padding-bottom: 6rpx;
.text {
margin-top: 20rpx;
color: #000;
}
}
.icon {
font-size: 52rpx;
color: #3a98ff;
}
.text {
.sections-list {
margin-bottom: 10rpx;
::v-deep &>.uni-section-header {
font-weight: 700;
font-size: 26rpx;
line-height: 30rpx;
}
}
.sections-list:not(:first-child) {
margin-top: 40rpx;
}
::v-deep {
.uni-section__content-title {
font-size: 26rpx !important;
}
.uni-select__input-box {
width: 100%;
.uni-select__input-text {
font-size: 24rpx;
}
}
.uni-select__selector-empty,
.uni-select__selector-item {
font-size: 24rpx;
line-height: 36rpx;
padding-top: 10rpx;
padding-bottom: 10rpx;
text-align: left;
}
// .uni-date__x-input {
// height: 50rpx;
// line-height: 50rpx;
// font-size: 26rpx;
// }
}
.work-box {
.icon {
font-size: 52rpx;
color: #547ef4;
}
.text {
font-size: 26rpx;
padding-top: 10rpx;
color: #000;
}
}
.base-lists {
font-size: 24rpx;
padding-top: 10rpx;
}
}
line-height: 40rpx;
padding: 10rpx 20rpx;
padding-left: 40rpx;
.left {
width: 220rpx;
display: inline-block;
color: #666;
}
.base-lists {
font-size: 24rpx;
line-height: 40rpx;
padding: 10rpx 20rpx;
padding-left: 40rpx;
.left {
width: 220rpx;
display: inline-block;
color: #666;
}
.right {
color: #333;
.right {
color: #333;
}
}
}

46
pages/work/pcs/index.vue
View File

@ -4,9 +4,9 @@
<uni-grid class="info-grid" :square="false" :column="2" :showBorder="false">
<uni-grid-item v-for="(item,index) in runningHeadData" :key="index+'head'">
<view class="grid-item-box">
<img :src="require('@/static/images/ems/pcs/'+item.img+'.jpg')" class="icon" alt="">
<view class="title">{{item.title}}</view>
<view class="text">{{runningHeadInfo[item.attr] | formatNumber}}</view>
<image :src="require('@/static/images/ems/pcs/'+item.img+'.jpg')" class="icon" alt="">
<view class="title">{{item.title}}</view>
<view class="text">{{runningHeadInfo[item.attr] | formatNumber}}</view>
</view>
</uni-grid-item>
</uni-grid>
@ -30,33 +30,33 @@
<view class='content'>
<!-- 设备状态栏 -->
<uni-group mode="card" class="status-card-group no-wrapper-padding">
<uni-grid :column="4" :showBorder="false">
<uni-grid-item>
<view class="flex-container">
<view class="flex-lists">
<view class="grid-item-box">
<view class="title">工作状态</view>
<text
class="text work-status-color">{{workStatusOptions[item.workStatus] || '-'}}</text>
</view>
</uni-grid-item>
<uni-grid-item>
</view>
<view class="flex-lists">
<view class="grid-item-box">
<view class="title">并网状态</view>
<text class="text">{{gridStatusOptions[item.gridStatus] || '-'}}</text>
</view>
</uni-grid-item>
<uni-grid-item>
</view>
<view class="flex-lists">
<view class="grid-item-box">
<view class="title">设备状态</view>
<text class="text">{{deviceStatusOptions[item.deviceStatus] || '-'}}</text>
</view>
</uni-grid-item>
<uni-grid-item>
</view>
<view class="flex-lists">
<view class="grid-item-box">
<view class="title">控制模式</view>
<text class="text">{{controlModeOptions[item.controlMode] || '-'}}</text>
</view>
</uni-grid-item>
</uni-grid>
</view>
</view>
</uni-group>
<!-- 设备数据 -->
<uni-group mode="card" class="data-card-group"
@ -77,26 +77,26 @@
<uni-group class="branch-card-group" :title="`支路${pcsBranchIndex+1}`" mode="card"
v-for="(pcsBranchItem,pcsBranchIndex) in item.pcsBranchInfoList"
:key="pcsBranchIndex+'pcsBranchInfoList'">
<uni-grid :column="3" :square="false" :showBorder="false">
<uni-grid-item>
<view class="flex-container">
<view class="flex-lists">
<view class="grid-item-box">
<view class="title">直流功率</view>
<text class="text">{{pcsBranchItem.dcPower}}kW</text>
</view>
</uni-grid-item>
<uni-grid-item>
</view>
<view class="flex-lists">
<view class="grid-item-box">
<view class="title">直流电压</view>
<text class="text">{{pcsBranchItem.dcVoltage}}V</text>
</view>
</uni-grid-item>
<uni-grid-item>
</view>
<view class="flex-lists">
<view class="grid-item-box">
<view class="title">直流电流</view>
<text class="text">{{pcsBranchItem.dcCurrent}}A</text>
</view>
</uni-grid-item>
</uni-grid>
</view>
</view>
</uni-group>
</view>
</uni-collapse-item>
@ -262,9 +262,9 @@
]
}
},
mounted() {
onLoad(options) {
uni.showLoading()
this.siteId = this.$route.query.siteId || ''
this.siteId = options.siteId || ''
getRunningHeadInfo({
siteId: this.siteId
}).then(response => {