工作栏
This commit is contained in:
白菜
3
App.vue
3
App.vue
@ -29,5 +29,6 @@
|
|||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="scss">
|
<style lang="scss">
|
||||||
@import '@/static/scss/index.scss'
|
@import '@/static/scss/index.scss';
|
||||||
|
@import '@/uni_modules/uni-scss/index.scss';
|
||||||
</style>
|
</style>
|
||||||
|
|||||||
76
api/ems/site.js
Normal file
76
api/ems/site.js
Normal file
@ -0,0 +1,76 @@
|
|||||||
|
import request from '@/utils/request'
|
||||||
|
export function getAllSites() {
|
||||||
|
return request({
|
||||||
|
url: '/ems/homePage/getAllSites',
|
||||||
|
method: 'get'
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
//获取BMS总览数据
|
||||||
|
export function getBMSOverView(data) {
|
||||||
|
return request({
|
||||||
|
url: `/ems/siteMonitor/getBMSOverView`, //?siteId=${siteId}
|
||||||
|
method: 'get',
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
//获取BMS电池簇总览数据
|
||||||
|
export function getBMSBatteryCluster(data) {
|
||||||
|
return request({
|
||||||
|
url: `/ems/siteMonitor/getBMSBatteryCluster`, //?siteId=${siteId}
|
||||||
|
method: 'get',
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
//获取电表数据
|
||||||
|
export function getAmmeterDataList(data) {
|
||||||
|
return request({
|
||||||
|
url: `/ems/siteMonitor/getAmmeterDataList`, //?siteId=${siteId}
|
||||||
|
method: 'get',
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
//获取pcs头部的设备信息
|
||||||
|
export function getRunningHeadInfo(data) {
|
||||||
|
return request({
|
||||||
|
url: `/ems/siteMonitor/runningHeadInfo`, //?siteId=${siteId}
|
||||||
|
method: 'get',
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
//获取pcs列表
|
||||||
|
export function getPcsDetailInfo(data) {
|
||||||
|
return request({
|
||||||
|
url: `/ems/siteMonitor/getPcsDetailInfo`, //?siteId=${siteId}
|
||||||
|
method: 'get',
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
//获取单体电池 电池堆列表数据
|
||||||
|
export function getStackNameList(data) {
|
||||||
|
return request({
|
||||||
|
url: `/ems/siteMonitor/getStackNameList`, //?siteId=${siteId}
|
||||||
|
method: 'get',
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
//获取单体电池 电池簇列表数据
|
||||||
|
export function getClusterNameList(data) {
|
||||||
|
return request({
|
||||||
|
url: `/ems/siteMonitor/getClusterNameList`, //?stackDeviceId=${stackDeviceId}&siteId=${siteId}
|
||||||
|
method: 'get',
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
//单体电池表格数据
|
||||||
|
export function getClusterDataInfoList(data) {
|
||||||
|
return request({
|
||||||
|
url: `/ems/siteMonitor/getClusterDataInfoList?`, //clusterDeviceId=${clusterDeviceId}&siteId=${siteId}&stackDeviceId=${stackDeviceId}&pageSize=${pageSize}&pageNum=${pageNum}
|
||||||
|
method: 'get',
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
244
pages.json
244
pages.json
@ -1,108 +1,140 @@
|
|||||||
{
|
{
|
||||||
"pages": [{
|
"pages": [{
|
||||||
"path": "pages/login",
|
"path": "pages/login",
|
||||||
"style": {
|
"style": {
|
||||||
"navigationBarTitleText": "登录"
|
"navigationBarTitleText": "登录"
|
||||||
}
|
}
|
||||||
}, {
|
}, {
|
||||||
"path": "pages/register",
|
"path": "pages/register",
|
||||||
"style": {
|
"style": {
|
||||||
"navigationBarTitleText": "注册"
|
"navigationBarTitleText": "注册"
|
||||||
}
|
}
|
||||||
}, {
|
}, {
|
||||||
"path": "pages/index",
|
"path": "pages/index",
|
||||||
"style": {
|
"style": {
|
||||||
"navigationBarTitleText": "移动端框架",
|
"navigationBarTitleText": "移动端框架",
|
||||||
"navigationStyle": "custom"
|
"navigationStyle": "custom"
|
||||||
}
|
}
|
||||||
}, {
|
}, {
|
||||||
"path": "pages/work/index",
|
"path": "pages/work/index",
|
||||||
"style": {
|
"style": {
|
||||||
"navigationBarTitleText": "工作台"
|
"navigationBarTitleText": "工作台"
|
||||||
}
|
}
|
||||||
}, {
|
}, {
|
||||||
"path": "pages/mine/index",
|
"path": "pages/mine/index",
|
||||||
"style": {
|
"style": {
|
||||||
"navigationBarTitleText": "我的"
|
"navigationBarTitleText": "我的"
|
||||||
}
|
}
|
||||||
}, {
|
}, {
|
||||||
"path": "pages/mine/avatar/index",
|
"path": "pages/mine/avatar/index",
|
||||||
"style": {
|
"style": {
|
||||||
"navigationBarTitleText": "修改头像"
|
"navigationBarTitleText": "修改头像"
|
||||||
}
|
}
|
||||||
}, {
|
}, {
|
||||||
"path": "pages/mine/info/index",
|
"path": "pages/mine/info/index",
|
||||||
"style": {
|
"style": {
|
||||||
"navigationBarTitleText": "个人信息"
|
"navigationBarTitleText": "个人信息"
|
||||||
}
|
}
|
||||||
}, {
|
}, {
|
||||||
"path": "pages/mine/info/edit",
|
"path": "pages/mine/info/edit",
|
||||||
"style": {
|
"style": {
|
||||||
"navigationBarTitleText": "编辑资料"
|
"navigationBarTitleText": "编辑资料"
|
||||||
}
|
}
|
||||||
}, {
|
}, {
|
||||||
"path": "pages/mine/pwd/index",
|
"path": "pages/mine/pwd/index",
|
||||||
"style": {
|
"style": {
|
||||||
"navigationBarTitleText": "修改密码"
|
"navigationBarTitleText": "修改密码"
|
||||||
}
|
}
|
||||||
}, {
|
}, {
|
||||||
"path": "pages/mine/setting/index",
|
"path": "pages/mine/setting/index",
|
||||||
"style": {
|
"style": {
|
||||||
"navigationBarTitleText": "应用设置"
|
"navigationBarTitleText": "应用设置"
|
||||||
}
|
}
|
||||||
}, {
|
}, {
|
||||||
"path": "pages/mine/help/index",
|
"path": "pages/mine/help/index",
|
||||||
"style": {
|
"style": {
|
||||||
"navigationBarTitleText": "常见问题"
|
"navigationBarTitleText": "常见问题"
|
||||||
}
|
}
|
||||||
}, {
|
}, {
|
||||||
"path": "pages/mine/about/index",
|
"path": "pages/mine/about/index",
|
||||||
"style": {
|
"style": {
|
||||||
"navigationBarTitleText": "关于我们"
|
"navigationBarTitleText": "关于我们"
|
||||||
}
|
}
|
||||||
}, {
|
}, {
|
||||||
"path": "pages/common/webview/index",
|
"path": "pages/common/webview/index",
|
||||||
"style": {
|
"style": {
|
||||||
"navigationBarTitleText": "浏览网页"
|
"navigationBarTitleText": "浏览网页"
|
||||||
}
|
}
|
||||||
}, {
|
}, {
|
||||||
"path": "pages/common/textview/index",
|
"path": "pages/common/textview/index",
|
||||||
"style": {
|
"style": {
|
||||||
"navigationBarTitleText": "浏览文本"
|
"navigationBarTitleText": "浏览文本"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"path": "pages/ticket/index",
|
"path": "pages/ticket/index",
|
||||||
"style": {
|
"style": {
|
||||||
"navigationBarTitleText": "工单详情"
|
"navigationBarTitleText": "工单详情"
|
||||||
}
|
}
|
||||||
}],
|
},
|
||||||
"tabBar": {
|
{
|
||||||
"color": "#000000",
|
"path": "pages/work/bmszl/index",
|
||||||
"selectedColor": "#000000",
|
"style": {
|
||||||
"borderStyle": "white",
|
"navigationBarTitleText": "BMS总览"
|
||||||
"backgroundColor": "#ffffff",
|
}
|
||||||
"list": [{
|
},
|
||||||
"pagePath": "pages/index",
|
{
|
||||||
"iconPath": "static/images/tabbar/home.png",
|
"path": "pages/work/bmsdcc/index",
|
||||||
"selectedIconPath": "static/images/tabbar/home_.png",
|
"style": {
|
||||||
"text": "首页"
|
"navigationBarTitleText": "BMS电池簇"
|
||||||
}, {
|
}
|
||||||
"pagePath": "pages/work/index",
|
},
|
||||||
"iconPath": "static/images/tabbar/work.png",
|
{
|
||||||
"selectedIconPath": "static/images/tabbar/work_.png",
|
"path": "pages/work/db/index",
|
||||||
"text": "工作台"
|
"style": {
|
||||||
}, {
|
"navigationBarTitleText": "电表"
|
||||||
"pagePath": "pages/mine/index",
|
}
|
||||||
"iconPath": "static/images/tabbar/mine.png",
|
},
|
||||||
"selectedIconPath": "static/images/tabbar/mine_.png",
|
{
|
||||||
"text": "我的"
|
"path": "pages/work/pcs/index",
|
||||||
}
|
"style": {
|
||||||
]
|
"navigationBarTitleText": "PCS"
|
||||||
},
|
}
|
||||||
"globalStyle": {
|
},
|
||||||
"navigationBarTextStyle": "black",
|
{
|
||||||
"navigationBarTitleText": "EMS",
|
"path": "pages/work/dtdc/index",
|
||||||
"navigationBarBackgroundColor": "#FFFFFF"
|
"style": {
|
||||||
}
|
"navigationBarTitleText": "单体电池",
|
||||||
|
"onReachBottomDistance": 100
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
],
|
||||||
|
"tabBar": {
|
||||||
|
"color": "#000000",
|
||||||
|
"selectedColor": "#000000",
|
||||||
|
"borderStyle": "white",
|
||||||
|
"backgroundColor": "#ffffff",
|
||||||
|
"list": [{
|
||||||
|
"pagePath": "pages/index",
|
||||||
|
"iconPath": "static/images/tabbar/home.png",
|
||||||
|
"selectedIconPath": "static/images/tabbar/home_.png",
|
||||||
|
"text": "首页"
|
||||||
|
}, {
|
||||||
|
"pagePath": "pages/work/index",
|
||||||
|
"iconPath": "static/images/tabbar/work.png",
|
||||||
|
"selectedIconPath": "static/images/tabbar/work_.png",
|
||||||
|
"text": "工作台"
|
||||||
|
}, {
|
||||||
|
"pagePath": "pages/mine/index",
|
||||||
|
"iconPath": "static/images/tabbar/mine.png",
|
||||||
|
"selectedIconPath": "static/images/tabbar/mine_.png",
|
||||||
|
"text": "我的"
|
||||||
|
}]
|
||||||
|
},
|
||||||
|
"globalStyle": {
|
||||||
|
"navigationBarTextStyle": "black",
|
||||||
|
"navigationBarTitleText": "EMS",
|
||||||
|
"navigationBarBackgroundColor": "#FFFFFF"
|
||||||
|
}
|
||||||
}
|
}
|
||||||
235
pages/index.vue
235
pages/index.vue
@ -1,89 +1,99 @@
|
|||||||
<template>
|
<template>
|
||||||
<view class="container">
|
<view class="container">
|
||||||
<view class="btn-list">
|
<view class="btn-list">
|
||||||
<uni-row >
|
<uni-row>
|
||||||
<uni-col :span="12">
|
<uni-col :span="12">
|
||||||
<button type="default" class="btns" :class="{'active-btn' : active === 'undone'}" @click="changeTab('undone')">未处理</button>
|
<button type="default" class="btns" :class="{'active-btn' : active === 'undone'}"
|
||||||
</uni-col>
|
@click="changeTab('undone')">未处理</button>
|
||||||
<uni-col :span="12">
|
</uni-col>
|
||||||
<button type="default" class="btns" :class="{'active-btn' : active === 'done'}" @click="changeTab('done')">已处理</button>
|
<uni-col :span="12">
|
||||||
</uni-col>
|
<button type="default" class="btns" :class="{'active-btn' : active === 'done'}"
|
||||||
</uni-row>
|
@click="changeTab('done')">已处理</button>
|
||||||
</view>
|
</uni-col>
|
||||||
<scroll-view class="scroll-y" :scroll-y="true" @scrolltolower="lower" scrolltoupper="upper" >
|
</uni-row>
|
||||||
<view class="content">
|
|
||||||
<view class="item-list" v-for="item in list" :key="item.ticketNo+'ticket'" @click="toDetail(item.id)">
|
|
||||||
<view class="item-title" :class="item.status === 1 ? 'done' : 'undone'" >工单号：{{item.ticketNo}}</view>
|
|
||||||
<view class="item-content">
|
|
||||||
<view class="item-info">工单标题:{{item.title}}</view>
|
|
||||||
<view class="item-info">问题描述:{{item.content}}</view>
|
|
||||||
<view class="item-info">工单状态:{{ticketStatusOptions[item.status]}}</view>
|
|
||||||
<view class="item-info">预期完成时间:{{item.expectedCompleteTime || '-'}}</view>
|
|
||||||
<view class="item-info">处理人:{{item.workName || '-'}}</view>
|
|
||||||
</view>
|
|
||||||
</view>
|
|
||||||
<view v-if="list.length===0" style='text-align: center;margin-top:40px;color:#666;'>暂无数据</view>
|
|
||||||
</view>
|
</view>
|
||||||
</scroll-view>
|
<scroll-view class="scroll-y" :scroll-y="true" @scrolltolower="lower" scrolltoupper="upper">
|
||||||
</view>
|
<view class="content">
|
||||||
|
<view class="item-list" v-for="item in list" :key="item.ticketNo+'ticket'" @click="toDetail(item.id)">
|
||||||
|
<view class="item-title" :class="item.status === 1 ? 'done' : 'undone'">工单号：{{item.ticketNo}}</view>
|
||||||
|
<view class="item-content">
|
||||||
|
<view class="item-info">工单标题:{{item.title}}</view>
|
||||||
|
<view class="item-info">问题描述:{{item.content}}</view>
|
||||||
|
<view class="item-info">工单状态:{{ticketStatusOptions[item.status]}}</view>
|
||||||
|
<view class="item-info">预期完成时间:{{item.expectedCompleteTime || '-'}}</view>
|
||||||
|
<view class="item-info">处理人:{{item.workName || '-'}}</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view v-if="list.length===0" class="no-data">暂无数据</view>
|
||||||
|
</view>
|
||||||
|
</scroll-view>
|
||||||
|
</view>
|
||||||
</template>
|
</template>
|
||||||
<script>
|
<script>
|
||||||
import {mapState} from 'vuex'
|
import {
|
||||||
import {listTicket} from 'api/ems/ticket'
|
mapState
|
||||||
export default{
|
} from 'vuex'
|
||||||
computed:{
|
import {
|
||||||
|
listTicket
|
||||||
|
} from 'api/ems/ticket'
|
||||||
|
export default {
|
||||||
|
computed: {
|
||||||
...mapState({
|
...mapState({
|
||||||
ticketStatusOptions:(state)=>state.ems.ticketStatusOptions
|
ticketStatusOptions: (state) => state.ems.ticketStatusOptions
|
||||||
})
|
})
|
||||||
},
|
},
|
||||||
data(){
|
data() {
|
||||||
return {
|
return {
|
||||||
active:'undone',
|
active: 'undone',
|
||||||
total:0,
|
total: 0,
|
||||||
list:[],
|
list: [],
|
||||||
pageNum:1,
|
pageNum: 1,
|
||||||
pageSize:10
|
pageSize: 10
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
methods:{
|
methods: {
|
||||||
changeTab(active){
|
changeTab(active) {
|
||||||
if(active===this.active)return
|
if (active === this.active) return
|
||||||
this.active = active
|
this.active = active
|
||||||
this.reset()
|
this.reset()
|
||||||
this.init()
|
this.init()
|
||||||
},
|
},
|
||||||
lower(){
|
lower() {
|
||||||
if(this.list.length>=this.total){
|
if (this.list.length >= this.total) {
|
||||||
return console.log('数据已经加载完成')
|
return console.log('数据已经加载完成')
|
||||||
}
|
}
|
||||||
this.pageNum+=1;
|
this.pageNum += 1;
|
||||||
this.init().catch(()=>{this.pageNum-=1})
|
this.init().catch(() => {
|
||||||
|
this.pageNum -= 1
|
||||||
|
})
|
||||||
},
|
},
|
||||||
init(){
|
init() {
|
||||||
//0:'待处理', 1:'已处理', 2:'处理中'
|
//0:'待处理', 1:'已处理', 2:'处理中'
|
||||||
let url=`/ticket/list?pageNum=${this.pageNum}&pageSize=${this.pageSize}`
|
let url = `/ticket/list?pageNum=${this.pageNum}&pageSize=${this.pageSize}`
|
||||||
if(this.active === 'done'){
|
if (this.active === 'done') {
|
||||||
url +=`&status=1`
|
url += `&status=1`
|
||||||
}else{
|
} else {
|
||||||
url +=`&status=0&status=2`
|
url += `&status=0&status=2`
|
||||||
}
|
}
|
||||||
uni.showLoading()
|
uni.showLoading()
|
||||||
return listTicket(url).then(response=>{
|
return listTicket(url).then(response => {
|
||||||
const data = JSON.parse(JSON.stringify(response?.rows || []))
|
const data = JSON.parse(JSON.stringify(response?.rows || []))
|
||||||
this.list =this.list.concat(data)
|
this.list = this.list.concat(data)
|
||||||
this.total = response?.total || 0
|
this.total = response?.total || 0
|
||||||
}).finally(()=>{uni.hideLoading()})
|
}).finally(() => {
|
||||||
|
uni.hideLoading()
|
||||||
|
})
|
||||||
},
|
},
|
||||||
toDetail(id) {
|
toDetail(id) {
|
||||||
this.$tab.navigateTo(`/pages/ticket/index?id=${id}`)
|
this.$tab.navigateTo(`/pages/ticket/index?id=${id}`)
|
||||||
},
|
},
|
||||||
reset(){
|
reset() {
|
||||||
this.list = []
|
this.list = []
|
||||||
this.total = 0
|
this.total = 0
|
||||||
this.pageNum=1
|
this.pageNum = 1
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
onShow(){
|
onShow() {
|
||||||
this.reset()
|
this.reset()
|
||||||
this.init()
|
this.init()
|
||||||
}
|
}
|
||||||
@ -91,75 +101,84 @@
|
|||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style scoped lang="scss">
|
<style scoped lang="scss">
|
||||||
.container{
|
.container {
|
||||||
position: relative;
|
position: relative;
|
||||||
}
|
}
|
||||||
uni-button:after{
|
|
||||||
border:none;
|
uni-button:after {
|
||||||
|
border: none;
|
||||||
border-radius: 0;
|
border-radius: 0;
|
||||||
}
|
}
|
||||||
.btn-list{
|
|
||||||
|
.btn-list {
|
||||||
position: fixed;
|
position: fixed;
|
||||||
top:0;
|
top: 0;
|
||||||
left: 0;
|
left: 0;
|
||||||
width:100%;
|
width: 100%;
|
||||||
z-index:2;
|
z-index: 2;
|
||||||
.btns{
|
|
||||||
|
.btns {
|
||||||
border-radius: 0;
|
border-radius: 0;
|
||||||
border:none;
|
border: none;
|
||||||
border-bottom: 1px solid #eee;
|
border-bottom: 1px solid #eee;
|
||||||
width:100%;
|
width: 100%;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
font-size: 16px;
|
font-size: 16px;
|
||||||
line-height: 50px;
|
line-height: 50px;
|
||||||
background-color: #fff;
|
background-color: #fff;
|
||||||
&.active-btn{
|
|
||||||
|
&.active-btn {
|
||||||
background-color: #3a98ff;
|
background-color: #3a98ff;
|
||||||
color:#fff;
|
color: #fff;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.scroll-y{
|
|
||||||
height: calc(100vh - var(--window-bottom) - var(--window-top));
|
.scroll-y {
|
||||||
z-index:1;
|
height: calc(100vh - var(--window-bottom) - var(--window-top));
|
||||||
}
|
z-index: 1;
|
||||||
.content {
|
|
||||||
background-color: #ffffff;
|
|
||||||
padding:70px 20px 60px 20px;
|
|
||||||
}
|
|
||||||
.item-list{
|
|
||||||
border-radius: 7px;
|
|
||||||
box-shadow: 0 0 10px rgba(0,0,0,.1),0 0 0 rgba(0,0,0,.5);
|
|
||||||
font-size: 16px;
|
|
||||||
line-height: 24px;
|
|
||||||
margin-bottom: 20px;
|
|
||||||
border:1px solid #eee;
|
|
||||||
.item-title{
|
|
||||||
border-radius: 7px 7px 0 0;
|
|
||||||
font-size: 18px;
|
|
||||||
border-bottom:1px solid #eee ;
|
|
||||||
padding:10px 15px;
|
|
||||||
background-color: #FC6B69;
|
|
||||||
color:#fff;
|
|
||||||
&.done{
|
|
||||||
background-color: #05AEA3;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
.item-content{
|
|
||||||
padding:15px 15px;
|
.content {
|
||||||
.item-info{
|
background-color: #ffffff;
|
||||||
margin-bottom:20px;
|
padding: 70px 20px 60px 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.item-list {
|
||||||
|
border-radius: 7px;
|
||||||
|
box-shadow: 0 0 10px rgba(0, 0, 0, .1), 0 0 0 rgba(0, 0, 0, .5);
|
||||||
|
font-size: 14px;
|
||||||
|
line-height: 24px;
|
||||||
|
margin-bottom: 20px;
|
||||||
|
border: 1px solid #eee;
|
||||||
|
|
||||||
|
.item-title {
|
||||||
|
border-radius: 7px 7px 0 0;
|
||||||
|
font-size: 16px;
|
||||||
|
border-bottom: 1px solid #eee;
|
||||||
|
padding: 10px 15px;
|
||||||
|
background-color: #FC6B69;
|
||||||
|
color: #fff;
|
||||||
|
|
||||||
|
&.done {
|
||||||
|
background-color: #05AEA3;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.item-content {
|
||||||
|
padding: 15px 15px;
|
||||||
|
|
||||||
|
.item-info {
|
||||||
|
margin-bottom: 20px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.item-content .item-info:last-child {
|
||||||
|
margin-bottom: 0;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.item-content .item-info:last-child{
|
.content .item-list:last-child {
|
||||||
margin-bottom:0;
|
margin-bottom: 0;
|
||||||
}
|
}
|
||||||
}
|
|
||||||
.content .item-list:last-child{
|
|
||||||
margin-bottom:0;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
</style>
|
</style>
|
||||||
@ -35,16 +35,9 @@
|
|||||||
<view class="item-lists">
|
<view class="item-lists">
|
||||||
<view class="title">上传图片</view>
|
<view class="title">上传图片</view>
|
||||||
<view class="info">
|
<view class="info">
|
||||||
<uni-file-picker
|
<uni-file-picker v-model="imgUrl" :auto-upload="false" :limit="1" file-mediatype="image"
|
||||||
v-model="imgUrl"
|
file-extname="png,jpg" :image-styles="imageStyles" @select="select">
|
||||||
:auto-upload="false"
|
</uni-file-picker>
|
||||||
:limit="1"
|
|
||||||
file-mediatype="image"
|
|
||||||
file-extname="png,jpg"
|
|
||||||
:image-styles="imageStyles"
|
|
||||||
@select="select"
|
|
||||||
>
|
|
||||||
</uni-file-picker>
|
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<button class="button" type="primary" style="margin-top:30px;" :loading="loading" @click="submit">提交</button>
|
<button class="button" type="primary" style="margin-top:30px;" :loading="loading" @click="submit">提交</button>
|
||||||
@ -53,41 +46,51 @@
|
|||||||
|
|
||||||
<script>
|
<script>
|
||||||
import request from '@/utils/request'
|
import request from '@/utils/request'
|
||||||
import { getToken } from '@/utils/auth'
|
import {
|
||||||
|
getToken
|
||||||
|
} from '@/utils/auth'
|
||||||
import config from '@/config'
|
import config from '@/config'
|
||||||
import {mapState} from 'vuex'
|
import {
|
||||||
import {getTicket,updateTicket} from '@/api/ems/ticket'
|
mapState
|
||||||
export default{
|
} from 'vuex'
|
||||||
computed:{
|
import {
|
||||||
|
getTicket,
|
||||||
|
updateTicket
|
||||||
|
} from '@/api/ems/ticket'
|
||||||
|
export default {
|
||||||
|
computed: {
|
||||||
...mapState({
|
...mapState({
|
||||||
ticketStatusOptions:(state)=>state.ems.ticketStatusOptions
|
ticketStatusOptions: (state) => state.ems.ticketStatusOptions
|
||||||
})
|
})
|
||||||
},
|
},
|
||||||
data(){
|
data() {
|
||||||
return {
|
return {
|
||||||
imageStyles:{
|
imageStyles: {
|
||||||
width:150,
|
width: 150,
|
||||||
height:100,
|
height: 100,
|
||||||
},
|
},
|
||||||
loading:false,
|
loading: false,
|
||||||
info:{},
|
info: {},
|
||||||
imgUrl:[],
|
imgUrl: [],
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
methods:{
|
methods: {
|
||||||
submit(){
|
submit() {
|
||||||
if(this.imgUrl.length === 0 || this.imgUrl[0].url === ''){
|
if (this.imgUrl.length === 0 || this.imgUrl[0].url === '') {
|
||||||
uni.showToast({
|
uni.showToast({
|
||||||
icon:'none',
|
icon: 'none',
|
||||||
title: '请上传图片',
|
title: '请上传图片',
|
||||||
duration: 2000
|
duration: 2000
|
||||||
});
|
});
|
||||||
return
|
return
|
||||||
}
|
}
|
||||||
this.loading = true
|
this.loading = true
|
||||||
const images = this.imgUrl.map(item=>item.url)
|
const images = this.imgUrl.map(item => item.url)
|
||||||
updateTicket({id:this.info.id,images:JSON.stringify(images)}).then(response=>{
|
updateTicket({
|
||||||
if(response.code === 200){
|
id: this.info.id,
|
||||||
|
images: JSON.stringify(images)
|
||||||
|
}).then(response => {
|
||||||
|
if (response.code === 200) {
|
||||||
uni.showToast({
|
uni.showToast({
|
||||||
title: '提交成功',
|
title: '提交成功',
|
||||||
duration: 2000
|
duration: 2000
|
||||||
@ -96,39 +99,41 @@
|
|||||||
url: '/pages/index'
|
url: '/pages/index'
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
}).finally(()=>this.loading = false)
|
}).finally(() => this.loading = false)
|
||||||
|
|
||||||
},
|
},
|
||||||
// 获取上传状态
|
// 获取上传状态
|
||||||
select(e){
|
select(e) {
|
||||||
uni.uploadFile({
|
uni.uploadFile({
|
||||||
url: config.baseUrl+"/common/upload",
|
url: config.baseUrl + "/common/upload",
|
||||||
header: {
|
header: {
|
||||||
Authorization: "Bearer " + getToken(),
|
Authorization: "Bearer " + getToken(),
|
||||||
},
|
},
|
||||||
filePath: e.tempFilePaths[0],
|
filePath: e.tempFilePaths[0],
|
||||||
name: 'file',//对应接口的名称
|
name: 'file', //对应接口的名称
|
||||||
complete: (res)=>{
|
complete: (res) => {
|
||||||
console.log('返回数据',res);
|
console.log('返回数据', res);
|
||||||
if(res?.statusCode === 200 && res?.data){
|
if (res?.statusCode === 200 && res?.data) {
|
||||||
//图片上传成功
|
//图片上传成功
|
||||||
if(res?.data){
|
if (res?.data) {
|
||||||
const data=JSON.parse(res.data)
|
const data = JSON.parse(res.data)
|
||||||
this.imgUrl = [
|
this.imgUrl = [{
|
||||||
{name:data.newFileName || '',extname:data.originalFilename || '',url:data.url || ''}
|
name: data.newFileName || '',
|
||||||
]
|
extname: data.originalFilename || '',
|
||||||
}else{
|
url: data.url || ''
|
||||||
|
}]
|
||||||
|
} else {
|
||||||
uni.showToast({
|
uni.showToast({
|
||||||
icon:'none',
|
icon: 'none',
|
||||||
title: '图片上传失败',
|
title: '图片上传失败',
|
||||||
duration: 2000
|
duration: 2000
|
||||||
});
|
});
|
||||||
this.imgUrl = []
|
this.imgUrl = []
|
||||||
}
|
}
|
||||||
|
|
||||||
}else{
|
} else {
|
||||||
uni.showToast({
|
uni.showToast({
|
||||||
icon:'none',
|
icon: 'none',
|
||||||
title: '图片上传失败',
|
title: '图片上传失败',
|
||||||
duration: 2000
|
duration: 2000
|
||||||
});
|
});
|
||||||
@ -137,19 +142,25 @@
|
|||||||
})
|
})
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
mounted(){
|
mounted() {
|
||||||
uni.showLoading()
|
uni.showLoading()
|
||||||
getTicket(this.$route.query.id).then(response=>{
|
getTicket(this.$route.query.id).then(response => {
|
||||||
this.info = JSON.parse(JSON.stringify(response?.data || {}))
|
this.info = JSON.parse(JSON.stringify(response?.data || {}))
|
||||||
const {images=''} = this.info
|
const {
|
||||||
|
images = ''
|
||||||
|
} = this.info
|
||||||
this.info.images = JSON.parse(images)
|
this.info.images = JSON.parse(images)
|
||||||
const imgList = this.info.images || []
|
const imgList = this.info.images || []
|
||||||
if(imgList.length>0){
|
if (imgList.length > 0) {
|
||||||
this.imgUrl = imgList.map(item=>{
|
this.imgUrl = imgList.map(item => {
|
||||||
return {name:item || '',extname:item || '',url:item}
|
return {
|
||||||
|
name: item || '',
|
||||||
|
extname: item || '',
|
||||||
|
url: item
|
||||||
|
}
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
}).finally(()=>{
|
}).finally(() => {
|
||||||
uni.hideLoading()
|
uni.hideLoading()
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
@ -157,27 +168,28 @@
|
|||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style scoped lang="scss">
|
<style scoped lang="scss">
|
||||||
.container{
|
.container {
|
||||||
background-color: #ffffff;
|
background-color: #ffffff;
|
||||||
padding:20px 20px;
|
padding: 20px 20px;
|
||||||
}
|
}
|
||||||
.item-lists{
|
|
||||||
box-shadow: 0 0 10px rgba(0,0,0,.1),0 0 0 rgba(0,0,0,.5);
|
.item-lists {
|
||||||
|
box-shadow: 0 0 10px rgba(0, 0, 0, .1), 0 0 0 rgba(0, 0, 0, .5);
|
||||||
border-radius: 5px;
|
border-radius: 5px;
|
||||||
font-size: 16px;
|
font-size: 14px;
|
||||||
line-height: 20px;
|
line-height: 20px;
|
||||||
margin-bottom: 20px;
|
margin-bottom: 20px;
|
||||||
.title{
|
|
||||||
font-size: 18px;
|
.title {
|
||||||
border-bottom:1px solid #eee ;
|
font-size: 16px;
|
||||||
padding:10px 15px;
|
border-bottom: 1px solid #eee;
|
||||||
|
padding: 10px 15px;
|
||||||
background-color: #e4e4e4;
|
background-color: #e4e4e4;
|
||||||
color:#333;
|
color: #333;
|
||||||
}
|
}
|
||||||
.info{
|
|
||||||
padding:10px 15px;
|
.info {
|
||||||
|
padding: 10px 15px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
</style>
|
</style>
|
||||||
238
pages/work/bmsdcc/index.vue
Normal file
238
pages/work/bmsdcc/index.vue
Normal file
@ -0,0 +1,238 @@
|
|||||||
|
<template>
|
||||||
|
<view class="page-container">
|
||||||
|
<uni-collapse ref="collapse" accordion v-if="list.length > 0">
|
||||||
|
<uni-collapse-item v-for="(item,index) in list" :key="item.deviceId+'bmsdcc'" :open="index===0"
|
||||||
|
:title="`${index+1}#${item.deviceName}`" :class="item.workStatus === '0' ? 'running' :'danger'">
|
||||||
|
<view>
|
||||||
|
<uni-group mode="card" class="work-group">
|
||||||
|
<uni-grid :column="3" :showBorder="false">
|
||||||
|
<uni-grid-item>
|
||||||
|
<view class="grid-item-box">
|
||||||
|
<view class="title">工作状态</view>
|
||||||
|
<text class="text status">{{workStatusOptions[item.workStatus]}}</text>
|
||||||
|
</view>
|
||||||
|
</uni-grid-item>
|
||||||
|
<uni-grid-item>
|
||||||
|
<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 class="grid-item-box">
|
||||||
|
<view class="title">与EMS通信</view>
|
||||||
|
<text
|
||||||
|
class="text">{{communicationStatusOptions[item.emsCommunicationStatus]}}</text>
|
||||||
|
</view>
|
||||||
|
</uni-grid-item>
|
||||||
|
</uni-grid>
|
||||||
|
</uni-group>
|
||||||
|
<uni-group mode="card">
|
||||||
|
<uni-grid :column="3" :showBorder="false">
|
||||||
|
<uni-grid-item v-for="(infoDataItem,infoDataIndex) in infoData"
|
||||||
|
:key="infoDataIndex+'infoData'">
|
||||||
|
<view class="grid-item-box">
|
||||||
|
<view class="title">{{infoDataItem.label}}</view>
|
||||||
|
<text class="text">{{item[infoDataItem.attr]}}
|
||||||
|
<text v-if="infoDataItem.unit" v-html="infoDataItem.unit"></text>
|
||||||
|
</text>
|
||||||
|
</view>
|
||||||
|
</uni-grid-item>
|
||||||
|
</uni-grid>
|
||||||
|
</uni-group>
|
||||||
|
<uni-group mode="card" style="margin-bottom: 25px;">
|
||||||
|
<uni-table border stripe emptyText="暂无数据">
|
||||||
|
<!-- 表头行 -->
|
||||||
|
<uni-tr>
|
||||||
|
<uni-th align="center">名称</uni-th>
|
||||||
|
<uni-th align="center">单体平均值</uni-th>
|
||||||
|
<uni-th align="center">单体最小值</uni-th>
|
||||||
|
<uni-th align="center">单体最小值ID</uni-th>
|
||||||
|
<uni-th align="center">单体最大值</uni-th>
|
||||||
|
<uni-th align="center">单体最大值ID</uni-th>
|
||||||
|
</uni-tr>
|
||||||
|
<!-- 表格数据行 -->
|
||||||
|
<uni-tr v-for="(tableItem, tableIndex) in item.batteryDataList"
|
||||||
|
:key="tableIndex+'batteryDataList'">
|
||||||
|
<uni-td align="center"
|
||||||
|
v-html="`${tableItem.dataName}（${unitObj[tableItem.dataName]}）`"></uni-td>
|
||||||
|
<uni-td align="center">{{tableItem.avgData}}</uni-td>
|
||||||
|
<uni-td align="center">{{tableItem.minData}}</uni-td>
|
||||||
|
<uni-td align="center">{{tableItem.minDataID}}</uni-td>
|
||||||
|
<uni-td align="center">{{tableItem.maxData}}</uni-td>
|
||||||
|
<uni-td align="center">{{tableItem.maxDataID}}</uni-td>
|
||||||
|
</uni-tr>
|
||||||
|
</uni-table>
|
||||||
|
</uni-group>
|
||||||
|
</view>
|
||||||
|
</uni-collapse-item>
|
||||||
|
</uni-collapse>
|
||||||
|
<view class="no-data" v-else>
|
||||||
|
暂无数据
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import {
|
||||||
|
getBMSBatteryCluster
|
||||||
|
} from '@/api/ems/site.js'
|
||||||
|
import {
|
||||||
|
mapState
|
||||||
|
} from 'vuex'
|
||||||
|
export default {
|
||||||
|
computed: {
|
||||||
|
...mapState({
|
||||||
|
workStatusOptions: (state) =>
|
||||||
|
state.ems.workStatusOptions,
|
||||||
|
communicationStatusOptions: (state) =>
|
||||||
|
state.ems.communicationStatusOptions,
|
||||||
|
})
|
||||||
|
},
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
unitObj: {
|
||||||
|
'电压': 'V',
|
||||||
|
'温度': '℃',
|
||||||
|
'SOC': '%'
|
||||||
|
},
|
||||||
|
list: [],
|
||||||
|
siteId: '',
|
||||||
|
infoData: [{
|
||||||
|
label: '簇电压',
|
||||||
|
attr: 'clusterVoltage',
|
||||||
|
unit: 'V'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
label: '可充电量',
|
||||||
|
attr: 'chargeableCapacity',
|
||||||
|
unit: 'kWh'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
label: '累计充电量',
|
||||||
|
attr: 'totalChargedCapacity',
|
||||||
|
unit: 'kWh'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
label: '簇电流',
|
||||||
|
attr: 'clusterCurrent',
|
||||||
|
unit: 'A'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
label: '可放电量',
|
||||||
|
attr: 'dischargeableCapacity',
|
||||||
|
unit: 'kWh'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
label: '累计放电量',
|
||||||
|
attr: 'totalDischargedCapacity',
|
||||||
|
unit: 'kWh'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
label: 'SOH',
|
||||||
|
attr: 'soh',
|
||||||
|
unit: '%'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
label: '平均温度',
|
||||||
|
attr: 'averageTemperature',
|
||||||
|
unit: '℃'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
label: '绝缘电阻',
|
||||||
|
attr: 'insulationResistance',
|
||||||
|
unit: 'Ω'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
label: '当前SOC',
|
||||||
|
attr: 'currentSoc',
|
||||||
|
unit: '%'
|
||||||
|
},
|
||||||
|
]
|
||||||
|
|
||||||
|
}
|
||||||
|
},
|
||||||
|
mounted() {
|
||||||
|
uni.showLoading()
|
||||||
|
this.siteId = this.$route.query.siteId || ''
|
||||||
|
getBMSBatteryCluster({
|
||||||
|
siteId: this.siteId
|
||||||
|
}).then(response => {
|
||||||
|
this.list = response?.data || []
|
||||||
|
if (this.list.length > 0) {
|
||||||
|
this.$nextTick(() => {
|
||||||
|
setTimeout(() => {
|
||||||
|
this.$refs.collapse.resize()
|
||||||
|
uni.hideLoading()
|
||||||
|
}, 100)
|
||||||
|
})
|
||||||
|
} else {
|
||||||
|
uni.hideLoading()
|
||||||
|
}
|
||||||
|
|
||||||
|
}).catch(() => {
|
||||||
|
uni.hideLoading()
|
||||||
|
})
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="scss" scoped>
|
||||||
|
.page-container {}
|
||||||
|
|
||||||
|
.grid-item-box {
|
||||||
|
flex: 1;
|
||||||
|
// position: relative;
|
||||||
|
/* #ifndef APP-NVUE */
|
||||||
|
display: flex;
|
||||||
|
/* #endif */
|
||||||
|
flex-direction: column;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
padding: 10px;
|
||||||
|
background-color: #fff;
|
||||||
|
|
||||||
|
.title {
|
||||||
|
font-size: 14px;
|
||||||
|
color: #666;
|
||||||
|
}
|
||||||
|
|
||||||
|
.text {
|
||||||
|
margin-top: 10px;
|
||||||
|
font-size: 16px;
|
||||||
|
font-weight: 500;
|
||||||
|
color: #666;
|
||||||
|
overflow-wrap: anywhere;
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
::v-deep {
|
||||||
|
.uni-collapse-item__wrap {
|
||||||
|
background-color: #eee;
|
||||||
|
}
|
||||||
|
|
||||||
|
.running {
|
||||||
|
.uni-collapse-item__title-text {
|
||||||
|
color: #05AEA3;
|
||||||
|
}
|
||||||
|
|
||||||
|
.status {
|
||||||
|
color: #05AEA3;
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
.danger {
|
||||||
|
.uni-collapse-item__title-text {
|
||||||
|
color: #FC6B69;
|
||||||
|
}
|
||||||
|
|
||||||
|
.status {
|
||||||
|
color: #FC6B69;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
234
pages/work/bmszl/index.vue
Normal file
234
pages/work/bmszl/index.vue
Normal file
@ -0,0 +1,234 @@
|
|||||||
|
<template>
|
||||||
|
<view class="page-container">
|
||||||
|
<uni-collapse ref="collapse" accordion v-if="list.length > 0">
|
||||||
|
<uni-collapse-item v-for="(item,index) in list" :key="item.deviceId+'bmszl'" :open="index===0"
|
||||||
|
:title="`${index+1}#${item.deviceName}`" :class="item.workStatus === '0' ? 'running' :'danger'">
|
||||||
|
<view>
|
||||||
|
<uni-group mode="card" class="work-group">
|
||||||
|
<uni-grid :column="3" :showBorder="false">
|
||||||
|
<uni-grid-item>
|
||||||
|
<view class="grid-item-box">
|
||||||
|
<view class="title">工作状态</view>
|
||||||
|
<text class="text status">{{workStatusOptions[item.workStatus]}}</text>
|
||||||
|
</view>
|
||||||
|
</uni-grid-item>
|
||||||
|
<uni-grid-item>
|
||||||
|
<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 class="grid-item-box">
|
||||||
|
<view class="title">与EMS通信</view>
|
||||||
|
<text
|
||||||
|
class="text">{{communicationStatusOptions[item.emsCommunicationStatus]}}</text>
|
||||||
|
</view>
|
||||||
|
</uni-grid-item>
|
||||||
|
</uni-grid>
|
||||||
|
</uni-group>
|
||||||
|
<uni-group mode="card">
|
||||||
|
<uni-grid :column="3" :showBorder="false">
|
||||||
|
<uni-grid-item v-for="(infoDataItem,infoDataIndex) in infoData"
|
||||||
|
:key="infoDataIndex+'infoData'">
|
||||||
|
<view class="grid-item-box">
|
||||||
|
<view class="title">{{infoDataItem.label}}</view>
|
||||||
|
<text class="text">{{item[infoDataItem.attr]}}
|
||||||
|
<text v-if="infoDataItem.unit" v-html="infoDataItem.unit"></text>
|
||||||
|
</text>
|
||||||
|
</view>
|
||||||
|
</uni-grid-item>
|
||||||
|
</uni-grid>
|
||||||
|
</uni-group>
|
||||||
|
<uni-group mode="card" style="margin-bottom: 25px;">
|
||||||
|
<uni-table border stripe emptyText="暂无数据">
|
||||||
|
<!-- 表头行 -->
|
||||||
|
<uni-tr>
|
||||||
|
<uni-th align="center">簇号</uni-th>
|
||||||
|
<uni-th align="center">簇电压</uni-th>
|
||||||
|
<uni-th align="center">簇电流</uni-th>
|
||||||
|
<uni-th align="center">簇SOC</uni-th>
|
||||||
|
<uni-th align="center">单体最高电压</uni-th>
|
||||||
|
<uni-th align="center">单体最低电压</uni-th>
|
||||||
|
<uni-th align="center">单体最高温度</uni-th>
|
||||||
|
<uni-th align="center">单体最低温度</uni-th>
|
||||||
|
</uni-tr>
|
||||||
|
<!-- 表格数据行 -->
|
||||||
|
<uni-tr v-for="(tableItem, tableIndex) in item.batteryDataList"
|
||||||
|
:key="tableIndex+'batteryDataList'">
|
||||||
|
<uni-td align="center">{{tableItem.clusterId}}</uni-td>
|
||||||
|
<uni-td align="center">{{tableItem.clusterVoltage}}V</uni-td>
|
||||||
|
<uni-td align="center">{{tableItem.clusterCurrent}}A</uni-td>
|
||||||
|
<uni-td align="center">{{tableItem.currentSoc}}%</uni-td>
|
||||||
|
<uni-td align="center">{{tableItem.maxCellVoltage}}V</uni-td>
|
||||||
|
<uni-td align="center">{{tableItem.minCellVoltage}}V</uni-td>
|
||||||
|
<uni-td align="center">{{tableItem.maxCellTemp}}℃</uni-td>
|
||||||
|
<uni-td align="center">{{tableItem.minCellTemp}}℃</uni-td>
|
||||||
|
</uni-tr>
|
||||||
|
</uni-table>
|
||||||
|
</uni-group>
|
||||||
|
</view>
|
||||||
|
</uni-collapse-item>
|
||||||
|
</uni-collapse>
|
||||||
|
<view class="no-data" v-else>
|
||||||
|
暂无数据
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import {
|
||||||
|
getBMSOverView
|
||||||
|
} from '@/api/ems/site.js'
|
||||||
|
import {
|
||||||
|
mapState
|
||||||
|
} from 'vuex'
|
||||||
|
export default {
|
||||||
|
computed: {
|
||||||
|
...mapState({
|
||||||
|
workStatusOptions: (state) =>
|
||||||
|
state.ems.workStatusOptions,
|
||||||
|
communicationStatusOptions: (state) =>
|
||||||
|
state.ems.communicationStatusOptions,
|
||||||
|
})
|
||||||
|
},
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
list: [],
|
||||||
|
siteId: '',
|
||||||
|
infoData: [{
|
||||||
|
label: '电池堆总电压',
|
||||||
|
attr: 'stackVoltage',
|
||||||
|
unit: 'V'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
label: '可充电量',
|
||||||
|
attr: 'availableChargeCapacity',
|
||||||
|
unit: 'kWh'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
label: '累计充电量',
|
||||||
|
attr: 'totalChargeCapacity',
|
||||||
|
unit: 'kWh'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
label: '电池堆总电流',
|
||||||
|
attr: 'stackCurrent',
|
||||||
|
unit: 'A'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
label: '可放电量',
|
||||||
|
attr: 'availableDischargeCapacity',
|
||||||
|
unit: 'kWh'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
label: '累计放电量',
|
||||||
|
attr: 'totalDischargeCapacity',
|
||||||
|
unit: 'kWh'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
label: 'SOH',
|
||||||
|
attr: 'stackSoh',
|
||||||
|
unit: '%'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
label: '平均温度',
|
||||||
|
attr: 'operatingTemp',
|
||||||
|
unit: '℃'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
label: '绝缘电阻',
|
||||||
|
attr: 'stackInsulationResistance',
|
||||||
|
unit: 'Ω'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
label: '当前SOC',
|
||||||
|
attr: 'stackSoc',
|
||||||
|
unit: '%'
|
||||||
|
},
|
||||||
|
]
|
||||||
|
|
||||||
|
}
|
||||||
|
},
|
||||||
|
mounted() {
|
||||||
|
uni.showLoading()
|
||||||
|
this.siteId = this.$route.query.siteId || ''
|
||||||
|
getBMSOverView({
|
||||||
|
siteId: this.siteId
|
||||||
|
}).then(response => {
|
||||||
|
this.list = response?.data || []
|
||||||
|
if (this.list.length > 0) {
|
||||||
|
this.$nextTick(() => {
|
||||||
|
setTimeout(() => {
|
||||||
|
this.$refs.collapse.resize()
|
||||||
|
uni.hideLoading()
|
||||||
|
}, 100)
|
||||||
|
})
|
||||||
|
} else {
|
||||||
|
uni.hideLoading()
|
||||||
|
}
|
||||||
|
|
||||||
|
}).catch(() => {
|
||||||
|
uni.hideLoading()
|
||||||
|
})
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="scss" scoped>
|
||||||
|
.grid-item-box {
|
||||||
|
flex: 1;
|
||||||
|
// position: relative;
|
||||||
|
/* #ifndef APP-NVUE */
|
||||||
|
display: flex;
|
||||||
|
/* #endif */
|
||||||
|
flex-direction: column;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
padding: 10px;
|
||||||
|
background-color: #fff;
|
||||||
|
|
||||||
|
.title {
|
||||||
|
font-size: 14px;
|
||||||
|
color: #666;
|
||||||
|
}
|
||||||
|
|
||||||
|
.text {
|
||||||
|
margin-top: 10px;
|
||||||
|
font-size: 16px;
|
||||||
|
font-weight: 500;
|
||||||
|
color: #666;
|
||||||
|
overflow-wrap: anywhere;
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
::v-deep {
|
||||||
|
.uni-collapse-item__wrap {
|
||||||
|
background-color: #eee;
|
||||||
|
}
|
||||||
|
|
||||||
|
.running {
|
||||||
|
.uni-collapse-item__title-text {
|
||||||
|
color: #05AEA3;
|
||||||
|
}
|
||||||
|
|
||||||
|
.status {
|
||||||
|
color: #05AEA3;
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
.danger {
|
||||||
|
.uni-collapse-item__title-text {
|
||||||
|
color: #FC6B69;
|
||||||
|
}
|
||||||
|
|
||||||
|
.status {
|
||||||
|
color: #FC6B69;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
211
pages/work/db/index.vue
Normal file
211
pages/work/db/index.vue
Normal file
@ -0,0 +1,211 @@
|
|||||||
|
<template>
|
||||||
|
<view class="page-container">
|
||||||
|
<uni-collapse ref="collapse">
|
||||||
|
<!-- 总表 -->
|
||||||
|
<uni-collapse-item open :class="zbInfo.emsCommunicationStatus !== '0' ? 'danger' :'running'">
|
||||||
|
<template v-slot:title>
|
||||||
|
<view class="title-row">
|
||||||
|
<view class="title">{{`1#${zbInfo.deviceName || ''}`}}</view>
|
||||||
|
<view class="msg">
|
||||||
|
<view>{{communicationStatusOptions[zbInfo.emsCommunicationStatus] || ''}}</view>
|
||||||
|
<view>数据更新时间：{{zbInfo.dataUpdateTime || ''}}</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</template>
|
||||||
|
<uni-group :title=" item.category" mode="card" v-for="(item,index) in zbInfo.loadDataDetailInfo"
|
||||||
|
:key="index+'zbInfo'">
|
||||||
|
<uni-row>
|
||||||
|
<uni-col :span="8">
|
||||||
|
<view>总/kWh</view>
|
||||||
|
</uni-col>
|
||||||
|
<uni-col :span="16">
|
||||||
|
<view>{{item.totalKwh}}</view>
|
||||||
|
</uni-col>
|
||||||
|
</uni-row>
|
||||||
|
<uni-row>
|
||||||
|
<uni-col :span="8">
|
||||||
|
<view>尖/kWh</view>
|
||||||
|
</uni-col>
|
||||||
|
<uni-col :span="16">
|
||||||
|
<view>{{item.peakKwh}}</view>
|
||||||
|
</uni-col>
|
||||||
|
</uni-row>
|
||||||
|
<uni-row>
|
||||||
|
<uni-col :span="8">
|
||||||
|
<view>峰/kWh</view>
|
||||||
|
</uni-col>
|
||||||
|
<uni-col :span="16">
|
||||||
|
<view>{{item.highKwh}}</view>
|
||||||
|
</uni-col>
|
||||||
|
</uni-row>
|
||||||
|
<uni-row>
|
||||||
|
<uni-col :span="8">
|
||||||
|
<view>平/kWh</view>
|
||||||
|
</uni-col>
|
||||||
|
<uni-col :span="16">
|
||||||
|
<view>{{item.flatKwh}}</view>
|
||||||
|
</uni-col>
|
||||||
|
</uni-row>
|
||||||
|
<uni-row>
|
||||||
|
<uni-col :span="8">
|
||||||
|
<view>谷/kWh</view>
|
||||||
|
</uni-col>
|
||||||
|
<uni-col :span="16">
|
||||||
|
<view>{{item.valleyKwh}}</view>
|
||||||
|
</uni-col>
|
||||||
|
</uni-row>
|
||||||
|
</uni-group>
|
||||||
|
</uni-collapse-item>
|
||||||
|
<!-- 储能表 -->
|
||||||
|
<uni-collapse-item open :class="cnbInfo.emsCommunicationStatus !== '0' ? 'danger' :'running'">
|
||||||
|
<template v-slot:title>
|
||||||
|
<view class="title-row">
|
||||||
|
<view class="title">{{`2#${cnbInfo.deviceName || ''}`}}</view>
|
||||||
|
<view class="msg">
|
||||||
|
<view>{{communicationStatusOptions[cnbInfo.emsCommunicationStatus] || ''}}</view>
|
||||||
|
<view>数据更新时间：{{cnbInfo.dataUpdateTime || ''}}</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</template>
|
||||||
|
<uni-group :title="item.category" mode="card" v-for="(item,index) in cnbInfo.meteDataDetailInfo"
|
||||||
|
:key="index+'cnbInfo'">
|
||||||
|
<uni-row>
|
||||||
|
<uni-col :span="8">
|
||||||
|
<view>有功功率</view>
|
||||||
|
</uni-col>
|
||||||
|
<uni-col :span="16">
|
||||||
|
<view>{{item.activePower}}</view>
|
||||||
|
</uni-col>
|
||||||
|
</uni-row>
|
||||||
|
<uni-row>
|
||||||
|
<uni-col :span="8">
|
||||||
|
<view>无功功率</view>
|
||||||
|
</uni-col>
|
||||||
|
<uni-col :span="16">
|
||||||
|
<view>{{item.reactivePower}}</view>
|
||||||
|
</uni-col>
|
||||||
|
</uni-row>
|
||||||
|
</uni-group>
|
||||||
|
</uni-collapse-item>
|
||||||
|
</uni-collapse>
|
||||||
|
|
||||||
|
</view>
|
||||||
|
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import {
|
||||||
|
getAmmeterDataList
|
||||||
|
} from '@/api/ems/site.js'
|
||||||
|
import {
|
||||||
|
mapState
|
||||||
|
} from 'vuex'
|
||||||
|
export default {
|
||||||
|
computed: {
|
||||||
|
...mapState({
|
||||||
|
communicationStatusOptions: (state) =>
|
||||||
|
state.ems.communicationStatusOptions,
|
||||||
|
})
|
||||||
|
},
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
siteId: '',
|
||||||
|
zbInfo: {},
|
||||||
|
cnbInfo: {},
|
||||||
|
}
|
||||||
|
},
|
||||||
|
mounted() {
|
||||||
|
uni.showLoading()
|
||||||
|
this.siteId = this.$route.query.siteId || ''
|
||||||
|
getAmmeterDataList({
|
||||||
|
siteId: this.siteId
|
||||||
|
}).then(response => {
|
||||||
|
this.zbInfo = JSON.parse(JSON.stringify(response?.data?.ammeterLoadData || {}));
|
||||||
|
this.cnbInfo = JSON.parse(JSON.stringify(response?.data?.ammeterMeteData || {}));
|
||||||
|
this.$nextTick(() => {
|
||||||
|
setTimeout(() => {
|
||||||
|
this.$refs.collapse.resize()
|
||||||
|
uni.hideLoading()
|
||||||
|
}, 100)
|
||||||
|
})
|
||||||
|
}).catch(() => {
|
||||||
|
uni.hideLoading()
|
||||||
|
})
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="scss" scoped>
|
||||||
|
.title-row {
|
||||||
|
padding: 0 15px;
|
||||||
|
position: relative;
|
||||||
|
height: 50px;
|
||||||
|
|
||||||
|
.title {
|
||||||
|
font-weight: 500;
|
||||||
|
line-height: 50px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.msg {
|
||||||
|
position: absolute;
|
||||||
|
right: 15px;
|
||||||
|
top: 50%;
|
||||||
|
transform: translateY(-50%);
|
||||||
|
text-align: right;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
::v-deep {
|
||||||
|
.uni-group__title {
|
||||||
|
background-color: #959595;
|
||||||
|
|
||||||
|
.uni-group__title-text {
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.uni-collapse-item__wrap-content {
|
||||||
|
.uni-group--card:last-child {
|
||||||
|
margin-bottom: 25px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// row-行样式
|
||||||
|
.uni-group__content {
|
||||||
|
padding: 10px 15px;
|
||||||
|
|
||||||
|
.uni-row {
|
||||||
|
padding: 5px 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
// 折叠面板内容区域背景颜色
|
||||||
|
.uni-collapse-item__wrap {
|
||||||
|
background-color: #eee;
|
||||||
|
}
|
||||||
|
|
||||||
|
// 运行状态颜色区分
|
||||||
|
.running {
|
||||||
|
.uni-collapse-item__title-text {
|
||||||
|
color: #05AEA3;
|
||||||
|
}
|
||||||
|
|
||||||
|
.title-row {
|
||||||
|
color: #05AEA3;
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
.danger {
|
||||||
|
.uni-collapse-item__title-text {
|
||||||
|
color: #FC6B69;
|
||||||
|
}
|
||||||
|
|
||||||
|
.title-row {
|
||||||
|
color: #FC6B69;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
290
pages/work/dtdc/index.vue
Normal file
290
pages/work/dtdc/index.vue
Normal file
@ -0,0 +1,290 @@
|
|||||||
|
<template>
|
||||||
|
<view class="container">
|
||||||
|
<view class="uni-pa-5 search-container">
|
||||||
|
<uni-forms ref="form">
|
||||||
|
<uni-forms-item label="电池堆">
|
||||||
|
<uni-data-select :clear="false" v-model="search.stackId" :localdata="stackOptions"
|
||||||
|
@change="changeStackId"></uni-data-select>
|
||||||
|
</uni-forms-item>
|
||||||
|
<uni-forms-item label="电池簇">
|
||||||
|
<uni-data-select :clear="false" v-model="search.clusterId"
|
||||||
|
:localdata="clusterOptions"></uni-data-select>
|
||||||
|
</uni-forms-item>
|
||||||
|
</uni-forms>
|
||||||
|
<view class="button-group" style="text-align: center;">
|
||||||
|
<button type="default" size="mini" @click="onReset">重置</button>
|
||||||
|
<button type="primary" size="mini" @click="onSearch" style="margin-left: 20px;">搜索</button>
|
||||||
|
</view>
|
||||||
|
|
||||||
|
</view>
|
||||||
|
<view class="list-container">
|
||||||
|
<view class="no-data" v-if="list.length === 0">暂无数据</view>
|
||||||
|
<uni-list v-else>
|
||||||
|
<uni-list-item v-for="(item,index) in list" :key="index+'dtdc'">
|
||||||
|
<template v-slot:header>
|
||||||
|
<view class="list-header">
|
||||||
|
单体编号:{{item.deviceId}}
|
||||||
|
<button type="warn" size="mini" class="charts">图表</button>
|
||||||
|
</view>
|
||||||
|
</template>
|
||||||
|
<template v-slot:body>
|
||||||
|
<view class="list-body">
|
||||||
|
<uni-row>
|
||||||
|
<uni-col :span="8">
|
||||||
|
<view>簇号</view>
|
||||||
|
</uni-col>
|
||||||
|
<uni-col :span="14">
|
||||||
|
<view class="right">{{item.clusterDeviceId}}</view>
|
||||||
|
</uni-col>
|
||||||
|
</uni-row>
|
||||||
|
<uni-row>
|
||||||
|
<uni-col :span="8">
|
||||||
|
<view>电压（V）</view>
|
||||||
|
</uni-col>
|
||||||
|
<uni-col :span="14">
|
||||||
|
<view class="right color">{{item.voltage}}
|
||||||
|
</view>
|
||||||
|
</uni-col>
|
||||||
|
</uni-row>
|
||||||
|
<uni-row>
|
||||||
|
<uni-col :span="8">
|
||||||
|
<view>温度（℃）</view>
|
||||||
|
</uni-col>
|
||||||
|
<uni-col :span="14">
|
||||||
|
<view class="right color">
|
||||||
|
{{item.temperature}}
|
||||||
|
</view>
|
||||||
|
</uni-col>
|
||||||
|
</uni-row>
|
||||||
|
<uni-row>
|
||||||
|
<uni-col :span="8">
|
||||||
|
<view>SOC（%）</view>
|
||||||
|
</uni-col>
|
||||||
|
<uni-col :span="14">
|
||||||
|
<view class="right color">{{item.soc}}</view>
|
||||||
|
</uni-col>
|
||||||
|
</uni-row>
|
||||||
|
<uni-row>
|
||||||
|
<uni-col :span="8">
|
||||||
|
<view>SOH（%）</view>
|
||||||
|
</uni-col>
|
||||||
|
<uni-col :span="14">
|
||||||
|
<view class="right color">{{item.soh}}</view>
|
||||||
|
</uni-col>
|
||||||
|
</uni-row>
|
||||||
|
</view>
|
||||||
|
</template>
|
||||||
|
</uni-list-item>
|
||||||
|
</uni-list>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import {
|
||||||
|
getStackNameList,
|
||||||
|
getClusterNameList,
|
||||||
|
getClusterDataInfoList,
|
||||||
|
} from '@/api/ems/site.js'
|
||||||
|
import {
|
||||||
|
mapState
|
||||||
|
} from 'vuex'
|
||||||
|
export default {
|
||||||
|
computed: {
|
||||||
|
...mapState({
|
||||||
|
workStatusOptions: (state) =>
|
||||||
|
state.ems.workStatusOptions,
|
||||||
|
communicationStatusOptions: (state) =>
|
||||||
|
state.ems.communicationStatusOptions,
|
||||||
|
})
|
||||||
|
},
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
pageNum: 1,
|
||||||
|
pageSize: 20,
|
||||||
|
total: 0,
|
||||||
|
stackOptions: [],
|
||||||
|
clusterOptions: [],
|
||||||
|
search: {
|
||||||
|
stackId: '',
|
||||||
|
clusterId: ''
|
||||||
|
},
|
||||||
|
list: [],
|
||||||
|
siteId: '',
|
||||||
|
}
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
onReachBottom() {
|
||||||
|
console.log('触底了')
|
||||||
|
this.pageNum += 1 //每次搜索从1开始搜索
|
||||||
|
this.getTableData()
|
||||||
|
},
|
||||||
|
// 搜索
|
||||||
|
onSearch() {
|
||||||
|
this.pageNum = 1 //每次搜索从1开始搜索
|
||||||
|
this.getTableData(true)
|
||||||
|
},
|
||||||
|
// 重置
|
||||||
|
// 清空搜索栏选中数据
|
||||||
|
// 清空电池簇列表，保留电池堆列表
|
||||||
|
onReset() {
|
||||||
|
this.search = {
|
||||||
|
stackId: '',
|
||||||
|
clusterId: ''
|
||||||
|
}
|
||||||
|
this.clusterOptions = []
|
||||||
|
this.pageNum = 1
|
||||||
|
this.getTableData(true)
|
||||||
|
},
|
||||||
|
changeStackId(val) {
|
||||||
|
if (val) {
|
||||||
|
console.log('选择了电池堆，需要获取对应的电池簇', val, this.search.stackId)
|
||||||
|
this.search.clusterId = ''
|
||||||
|
this.getClusterList()
|
||||||
|
}
|
||||||
|
},
|
||||||
|
getStackList() {
|
||||||
|
getStackNameList({
|
||||||
|
siteId: this.siteId
|
||||||
|
}).then(response => {
|
||||||
|
this.stackOptions = JSON.parse(JSON.stringify(response?.data || [])).map(item => {
|
||||||
|
return {
|
||||||
|
text: item.deviceName,
|
||||||
|
value: item.id
|
||||||
|
}
|
||||||
|
})
|
||||||
|
})
|
||||||
|
},
|
||||||
|
getClusterList() {
|
||||||
|
getClusterNameList({
|
||||||
|
stackDeviceId: this.search.stackId,
|
||||||
|
siteId: this.siteId
|
||||||
|
}).then(response => {
|
||||||
|
this.clusterOptions = JSON.parse(JSON.stringify(response?.data || [])).map(item => {
|
||||||
|
return {
|
||||||
|
text: item.deviceName,
|
||||||
|
value: item.id
|
||||||
|
}
|
||||||
|
})
|
||||||
|
}).finally(() => {})
|
||||||
|
},
|
||||||
|
//表格数据
|
||||||
|
getTableData(reset = false) {
|
||||||
|
if (!reset && this.list.length === this.total) return
|
||||||
|
uni.showLoading()
|
||||||
|
if (reset) {
|
||||||
|
this.list = []
|
||||||
|
this.total = 0
|
||||||
|
}
|
||||||
|
const {
|
||||||
|
stackId: stackDeviceId,
|
||||||
|
clusterId: clusterDeviceId
|
||||||
|
} = this.search
|
||||||
|
const {
|
||||||
|
siteId,
|
||||||
|
pageNum,
|
||||||
|
pageSize
|
||||||
|
} = this
|
||||||
|
getClusterDataInfoList({
|
||||||
|
stackDeviceId,
|
||||||
|
clusterDeviceId,
|
||||||
|
siteId,
|
||||||
|
pageNum,
|
||||||
|
pageSize
|
||||||
|
}).then(response => {
|
||||||
|
this.list = this.list.concat(response?.rows || []);
|
||||||
|
this.total = response?.total || 0
|
||||||
|
}).finally(() => {
|
||||||
|
uni.hideLoading()
|
||||||
|
})
|
||||||
|
},
|
||||||
|
},
|
||||||
|
mounted() {
|
||||||
|
// uni.showLoading()
|
||||||
|
this.siteId = this.$route.query.siteId || ''
|
||||||
|
this.getStackList()
|
||||||
|
this.getTableData(true)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="scss" scoped>
|
||||||
|
.container {
|
||||||
|
position: relative;
|
||||||
|
// position: fixed;
|
||||||
|
// width: 100%;
|
||||||
|
// height: 100%;
|
||||||
|
// overflow-y: auto;
|
||||||
|
|
||||||
|
.search-container {
|
||||||
|
height: 170px;
|
||||||
|
background: #ffffff;
|
||||||
|
position: sticky;
|
||||||
|
z-index: 2;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
width: 100%;
|
||||||
|
border-bottom: 1px solid #eee;
|
||||||
|
}
|
||||||
|
|
||||||
|
.list-container {
|
||||||
|
// z-index: 10;
|
||||||
|
padding-top: 20px;
|
||||||
|
padding-bottom: 50px;
|
||||||
|
background: #ffffff;
|
||||||
|
|
||||||
|
::v-deep {
|
||||||
|
.uni-list-item__container {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
|
||||||
|
.uni-list--border-top,
|
||||||
|
.uni-list--border-bottom,
|
||||||
|
.uni-list--border::after {
|
||||||
|
background-color: transparent;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.list-header {
|
||||||
|
background-color: #05AEA3;
|
||||||
|
color: #fff;
|
||||||
|
padding: 10px 15px;
|
||||||
|
border-radius: 5px 5px 0 0;
|
||||||
|
position: relative;
|
||||||
|
|
||||||
|
.charts {
|
||||||
|
position: absolute;
|
||||||
|
top: 50%;
|
||||||
|
right: 15px;
|
||||||
|
transform: translateY(-50%);
|
||||||
|
background-color: #ff7300;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.list-body {
|
||||||
|
padding: 10px 15px;
|
||||||
|
border: 1px solid #eee;
|
||||||
|
border-top: none;
|
||||||
|
border-radius: 0 0 5px 5px;
|
||||||
|
font-size: 14px;
|
||||||
|
color: #666;
|
||||||
|
|
||||||
|
.right {
|
||||||
|
color: #000;
|
||||||
|
}
|
||||||
|
|
||||||
|
.color {
|
||||||
|
color: #007aff;
|
||||||
|
}
|
||||||
|
|
||||||
|
.uni-row {
|
||||||
|
margin-bottom: 10px;
|
||||||
|
|
||||||
|
&:last-child {
|
||||||
|
margin-bottom: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
@ -1,173 +1,134 @@
|
|||||||
<template>
|
<template>
|
||||||
<view class="work-container">
|
<view class="work-container">
|
||||||
|
<!-- 站点选择列表 -->
|
||||||
|
<uni-section title="站点选择" type="line" titleFontSize='16px' class="uni-pa-5">
|
||||||
|
<uni-data-select :clear="false" v-model="siteId" :localdata="siteList"
|
||||||
|
@change="selectedSite"></uni-data-select>
|
||||||
|
</uni-section>
|
||||||
|
<!-- 菜单 -->
|
||||||
|
<!-- <uni-section title="工作台" type="line" titleFontSize='16px'></uni-section> -->
|
||||||
|
<view class="grid-body">
|
||||||
|
<uni-grid :column="4" :showBorder="false" @change="toDetail">
|
||||||
|
<uni-grid-item v-for="(item,index) in gridList" :index="index" :key="index+'work'">
|
||||||
|
<view class="grid-item-box">
|
||||||
|
<uni-icons :type="item.icon" size="30"></uni-icons>
|
||||||
|
<text class="text">{{item.text}}</text>
|
||||||
|
</view>
|
||||||
|
</uni-grid-item>
|
||||||
|
|
||||||
|
</uni-grid>
|
||||||
<!-- 宫格组件 -->
|
</view>
|
||||||
<uni-section title="系统管理" type="line"></uni-section>
|
</view>
|
||||||
<view class="grid-body">
|
|
||||||
<uni-grid :column="4" :showBorder="false" @change="changeGrid">
|
|
||||||
<uni-grid-item>
|
|
||||||
<view class="grid-item-box">
|
|
||||||
<uni-icons type="person-filled" size="30"></uni-icons>
|
|
||||||
<text class="text">用户管理</text>
|
|
||||||
</view>
|
|
||||||
</uni-grid-item>
|
|
||||||
<uni-grid-item>
|
|
||||||
<view class="grid-item-box">
|
|
||||||
<uni-icons type="staff-filled" size="30"></uni-icons>
|
|
||||||
<text class="text">角色管理</text>
|
|
||||||
</view>
|
|
||||||
</uni-grid-item>
|
|
||||||
<uni-grid-item>
|
|
||||||
<view class="grid-item-box">
|
|
||||||
<uni-icons type="color" size="30"></uni-icons>
|
|
||||||
<text class="text">菜单管理</text>
|
|
||||||
</view>
|
|
||||||
</uni-grid-item>
|
|
||||||
<uni-grid-item>
|
|
||||||
<view class="grid-item-box">
|
|
||||||
<uni-icons type="settings-filled" size="30"></uni-icons>
|
|
||||||
<text class="text">部门管理</text>
|
|
||||||
</view>
|
|
||||||
</uni-grid-item>
|
|
||||||
<uni-grid-item>
|
|
||||||
<view class="grid-item-box">
|
|
||||||
<uni-icons type="heart-filled" size="30"></uni-icons>
|
|
||||||
<text class="text">岗位管理</text>
|
|
||||||
</view>
|
|
||||||
</uni-grid-item>
|
|
||||||
<uni-grid-item>
|
|
||||||
<view class="grid-item-box">
|
|
||||||
<uni-icons type="bars" size="30"></uni-icons>
|
|
||||||
<text class="text">字典管理</text>
|
|
||||||
</view>
|
|
||||||
</uni-grid-item>
|
|
||||||
<uni-grid-item>
|
|
||||||
<view class="grid-item-box">
|
|
||||||
<uni-icons type="gear-filled" size="30"></uni-icons>
|
|
||||||
<text class="text">参数设置</text>
|
|
||||||
</view>
|
|
||||||
</uni-grid-item>
|
|
||||||
<uni-grid-item>
|
|
||||||
<view class="grid-item-box">
|
|
||||||
<uni-icons type="chat-filled" size="30"></uni-icons>
|
|
||||||
<text class="text">通知公告</text>
|
|
||||||
</view>
|
|
||||||
</uni-grid-item>
|
|
||||||
<uni-grid-item>
|
|
||||||
<view class="grid-item-box">
|
|
||||||
<uni-icons type="wallet-filled" size="30"></uni-icons>
|
|
||||||
<text class="text">日志管理</text>
|
|
||||||
</view>
|
|
||||||
</uni-grid-item>
|
|
||||||
</uni-grid>
|
|
||||||
</view>
|
|
||||||
</view>
|
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
export default {
|
import {
|
||||||
data() {
|
getAllSites
|
||||||
return {
|
} from '@/api/ems/site.js'
|
||||||
current: 0,
|
export default {
|
||||||
swiperDotIndex: 0,
|
data() {
|
||||||
data: [{
|
return {
|
||||||
image: '/static/images/banner/banner01.jpg'
|
siteList: [],
|
||||||
},
|
siteId: '', //选择的站点ID
|
||||||
{
|
gridList: [{
|
||||||
image: '/static/images/banner/banner02.jpg'
|
page: 'bmszl',
|
||||||
},
|
icon: 'map-filled',
|
||||||
{
|
text: 'BMS总览',
|
||||||
image: '/static/images/banner/banner03.jpg'
|
},
|
||||||
}
|
{
|
||||||
]
|
page: 'bmsdcc',
|
||||||
}
|
icon: 'map',
|
||||||
},
|
text: 'BMS电池簇',
|
||||||
methods: {
|
},
|
||||||
clickBannerItem(item) {
|
{
|
||||||
console.info(item)
|
page: 'pcs',
|
||||||
},
|
icon: 'flag-filled',
|
||||||
changeSwiper(e) {
|
text: 'PCS',
|
||||||
this.current = e.detail.current
|
},
|
||||||
},
|
{
|
||||||
changeGrid(e) {
|
page: 'db',
|
||||||
this.$modal.showToast('模块建设中~')
|
icon: 'smallcircle',
|
||||||
}
|
text: '电表',
|
||||||
}
|
},
|
||||||
}
|
{
|
||||||
|
page: 'dtdc',
|
||||||
|
icon: 'smallcircle-filled',
|
||||||
|
text: '单体电池',
|
||||||
|
}
|
||||||
|
]
|
||||||
|
}
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
toDetail(e) {
|
||||||
|
const {
|
||||||
|
index
|
||||||
|
} = e.detail
|
||||||
|
this.$tab.navigateTo(`/pages/work/${this.gridList[index].page}/index?siteId=${this.siteId}`)
|
||||||
|
},
|
||||||
|
selectedSite(id) {
|
||||||
|
this.siteId = id
|
||||||
|
}
|
||||||
|
},
|
||||||
|
// 页面切换不会重新调用，如果希望每次切换页面都重新调接口，使用onShow
|
||||||
|
mounted() {
|
||||||
|
getAllSites().then(response => {
|
||||||
|
console.log('返回数据', response)
|
||||||
|
const data = response?.data || []
|
||||||
|
this.siteList = data.map(item => {
|
||||||
|
return {
|
||||||
|
text: item.siteName,
|
||||||
|
value: item.siteId,
|
||||||
|
id: item.id
|
||||||
|
}
|
||||||
|
})
|
||||||
|
// 设置默认展示的站点
|
||||||
|
data.length > 0 && (this.siteId = data[0].siteId)
|
||||||
|
})
|
||||||
|
}
|
||||||
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
/* #ifndef APP-NVUE */
|
/* #ifndef APP-NVUE */
|
||||||
page {
|
page {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
background-color: #fff;
|
background-color: #fff;
|
||||||
min-height: 100%;
|
min-height: 100%;
|
||||||
height: auto;
|
height: auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
view {
|
view {
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
line-height: inherit;
|
line-height: inherit;
|
||||||
}
|
}
|
||||||
/* #endif */
|
|
||||||
|
|
||||||
.text {
|
/* #endif */
|
||||||
text-align: center;
|
|
||||||
font-size: 26rpx;
|
|
||||||
margin-top: 10rpx;
|
|
||||||
}
|
|
||||||
|
|
||||||
.grid-item-box {
|
.text {
|
||||||
flex: 1;
|
text-align: center;
|
||||||
/* #ifndef APP-NVUE */
|
font-size: 26rpx;
|
||||||
display: flex;
|
margin-top: 10rpx;
|
||||||
/* #endif */
|
}
|
||||||
flex-direction: column;
|
|
||||||
align-items: center;
|
|
||||||
justify-content: center;
|
|
||||||
padding: 15px 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.uni-margin-wrap {
|
.grid-item-box {
|
||||||
width: 690rpx;
|
flex: 1;
|
||||||
width: 100%;
|
/* #ifndef APP-NVUE */
|
||||||
;
|
display: flex;
|
||||||
}
|
/* #endif */
|
||||||
|
flex-direction: column;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
padding: 15px 0;
|
||||||
|
}
|
||||||
|
|
||||||
.swiper {
|
.uni-margin-wrap {
|
||||||
height: 300rpx;
|
width: 690rpx;
|
||||||
}
|
width: 100%;
|
||||||
|
;
|
||||||
|
}
|
||||||
|
|
||||||
.swiper-box {
|
|
||||||
height: 150px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.swiper-item {
|
@media screen and (min-width: 500px) {}
|
||||||
/* #ifndef APP-NVUE */
|
|
||||||
display: flex;
|
|
||||||
/* #endif */
|
|
||||||
flex-direction: column;
|
|
||||||
justify-content: center;
|
|
||||||
align-items: center;
|
|
||||||
color: #fff;
|
|
||||||
height: 300rpx;
|
|
||||||
line-height: 300rpx;
|
|
||||||
}
|
|
||||||
|
|
||||||
@media screen and (min-width: 500px) {
|
|
||||||
.uni-swiper-dot-box {
|
|
||||||
width: 400px;
|
|
||||||
/* #ifndef APP-NVUE */
|
|
||||||
margin: 0 auto;
|
|
||||||
/* #endif */
|
|
||||||
margin-top: 8px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.image {
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
</style>
|
</style>
|
||||||
390
pages/work/pcs/index.vue
Normal file
390
pages/work/pcs/index.vue
Normal file
@ -0,0 +1,390 @@
|
|||||||
|
<template>
|
||||||
|
<view class="page-container">
|
||||||
|
<!-- 顶部6个数据 -->
|
||||||
|
<uni-grid class="info-grid" :column="2" :showBorder="false" style="margin-bottom: 10px;">
|
||||||
|
<uni-grid-item v-for="(item,index) in runningHeadData" :key="index+'head'">
|
||||||
|
<view class="grid-item-box">
|
||||||
|
<view class="title">{{item.title}}</view>
|
||||||
|
<text class="text">{{runningHeadInfo[item.attr] || '-'}}</text>
|
||||||
|
</view>
|
||||||
|
</uni-grid-item>
|
||||||
|
</uni-grid>
|
||||||
|
|
||||||
|
<uni-collapse ref="collapse" accordion v-if="list.length > 0">
|
||||||
|
<uni-collapse-item v-for="(item,index) in list" :key="item.deviceId+'pcs'" :open="index===0"
|
||||||
|
:class="item.workStatus === '1' ? 'danger' : item.workStatus === '2' ? 'close' : 'running'">
|
||||||
|
<template v-slot:title>
|
||||||
|
<view class="title-row">
|
||||||
|
<view class="title">{{index+1}}#{{item.deviceName || ''}}</view>
|
||||||
|
<view class="msg">
|
||||||
|
<view>{{communicationStatusOptions[item.communicationStatus] || ''}}</view>
|
||||||
|
<view>数据更新时间：{{item.dataUpdateTime || ''}}</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</template>
|
||||||
|
<view>
|
||||||
|
<uni-group mode="card">
|
||||||
|
<uni-grid :column="4" :showBorder="false">
|
||||||
|
<uni-grid-item>
|
||||||
|
<view class="grid-item-box">
|
||||||
|
<view class="title">工作状态</view>
|
||||||
|
<text class="text"
|
||||||
|
:class="item.workStatus === '0' ? 'status-running' : 'status-danger'">{{workStatusOptions[item.workStatus]}}</text>
|
||||||
|
</view>
|
||||||
|
</uni-grid-item>
|
||||||
|
<uni-grid-item>
|
||||||
|
<view class="grid-item-box">
|
||||||
|
<view class="title">并网状态</view>
|
||||||
|
<text class="text">{{gridStatusOptions[item.gridStatus]}}</text>
|
||||||
|
</view>
|
||||||
|
</uni-grid-item>
|
||||||
|
<uni-grid-item>
|
||||||
|
<view class="grid-item-box">
|
||||||
|
<view class="title">设备状态</view>
|
||||||
|
<text class="text"
|
||||||
|
:class="item.deviceStatus === '0' ? 'status-running' : 'status-danger'">{{deviceStatusOptions[item.deviceStatus]}}</text>
|
||||||
|
</view>
|
||||||
|
</uni-grid-item>
|
||||||
|
<uni-grid-item>
|
||||||
|
<view class="grid-item-box">
|
||||||
|
<view class="title">控制模式</view>
|
||||||
|
<text class="text">{{controlModeOptions[item.controlMode]}}</text>
|
||||||
|
</view>
|
||||||
|
</uni-grid-item>
|
||||||
|
</uni-grid>
|
||||||
|
</uni-group>
|
||||||
|
<!-- infoData -->
|
||||||
|
<uni-group mode="card"
|
||||||
|
:style="{marginBottom:!item.pcsBranchInfoList || item.pcsBranchInfoList.length === 0 ?'25px' : ''}">
|
||||||
|
<uni-grid :column="2" showBorder class="info-grid">
|
||||||
|
<uni-grid-item v-for="(infoDataItem,infoDataIndex) in infoData"
|
||||||
|
:key="infoDataIndex+'infoData'">
|
||||||
|
<view class="grid-item-box">
|
||||||
|
<view class="title">{{infoDataItem.label}}</view>
|
||||||
|
<text class="text">{{item[infoDataItem.attr]}}
|
||||||
|
<text v-if="infoDataItem.unit" v-html="infoDataItem.unit"></text>
|
||||||
|
</text>
|
||||||
|
</view>
|
||||||
|
</uni-grid-item>
|
||||||
|
</uni-grid>
|
||||||
|
</uni-group>
|
||||||
|
<!-- 支路 -->
|
||||||
|
<uni-group class="pcs-branch-group" :title="`支路${pcsBranchIndex+1}`" mode="card"
|
||||||
|
v-for="(pcsBranchItem,pcsBranchIndex) in item.pcsBranchInfoList"
|
||||||
|
:key="pcsBranchIndex+'pcsBranchInfoList'">
|
||||||
|
<uni-grid :column="3" :showBorder="false" class="info-grid">
|
||||||
|
<uni-grid-item>
|
||||||
|
<view class="grid-item-box">
|
||||||
|
<view class="title">直流功率</view>
|
||||||
|
<text class="text">{{pcsBranchItem.dcPower}}kW</text>
|
||||||
|
</view>
|
||||||
|
</uni-grid-item>
|
||||||
|
<uni-grid-item>
|
||||||
|
<view class="grid-item-box">
|
||||||
|
<view class="title">直流电压</view>
|
||||||
|
<text class="text">{{pcsBranchItem.dcVoltage}}V</text>
|
||||||
|
</view>
|
||||||
|
</uni-grid-item>
|
||||||
|
<uni-grid-item>
|
||||||
|
<view class="grid-item-box">
|
||||||
|
<view class="title">直流电流</view>
|
||||||
|
<text class="text">{{pcsBranchItem.dcCurrent}}A</text>
|
||||||
|
</view>
|
||||||
|
</uni-grid-item>
|
||||||
|
</uni-grid>
|
||||||
|
</uni-group>
|
||||||
|
</view>
|
||||||
|
</uni-collapse-item>
|
||||||
|
</uni-collapse>
|
||||||
|
<view class="no-data" v-else>
|
||||||
|
暂无数据
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import {
|
||||||
|
getRunningHeadInfo,
|
||||||
|
getPcsDetailInfo
|
||||||
|
} from '@/api/ems/site.js'
|
||||||
|
import {
|
||||||
|
mapState
|
||||||
|
} from 'vuex'
|
||||||
|
export default {
|
||||||
|
computed: {
|
||||||
|
...mapState({
|
||||||
|
workStatusOptions: (state) =>
|
||||||
|
state.ems.workStatusOptions,
|
||||||
|
communicationStatusOptions: (state) =>
|
||||||
|
state.ems.communicationStatusOptions,
|
||||||
|
deviceStatusOptions: (state) =>
|
||||||
|
state.ems.deviceStatusOptions,
|
||||||
|
gridStatusOptions: (state) =>
|
||||||
|
state.ems.gridStatusOptions,
|
||||||
|
controlModeOptions: (state) =>
|
||||||
|
state.ems.controlModeOptions,
|
||||||
|
})
|
||||||
|
},
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
runningHeadData: [{
|
||||||
|
title: '实时有功功率（kW）',
|
||||||
|
bgColor: '#FFF2CB',
|
||||||
|
attr: 'totalActivePower'
|
||||||
|
}, {
|
||||||
|
title: '实时无功功率（kVar）',
|
||||||
|
bgColor: '#CBD6FF',
|
||||||
|
attr: 'totalReactivePower'
|
||||||
|
}, {
|
||||||
|
title: '电池堆SOC',
|
||||||
|
bgColor: '#DCCBFF',
|
||||||
|
attr: 'soc'
|
||||||
|
}, {
|
||||||
|
title: '电池堆SOH',
|
||||||
|
bgColor: '#FFD4CB',
|
||||||
|
attr: 'soh'
|
||||||
|
}, {
|
||||||
|
title: '今日充电量（kWh）',
|
||||||
|
bgColor: '#FFD6F8',
|
||||||
|
attr: 'dayChargedCap'
|
||||||
|
}, {
|
||||||
|
title: '今日放电量（kWh）',
|
||||||
|
bgColor: '#E1FFCA',
|
||||||
|
attr: 'dayDisChargedCap'
|
||||||
|
}],
|
||||||
|
runningHeadInfo: {},
|
||||||
|
list: [],
|
||||||
|
siteId: '',
|
||||||
|
infoData: [{
|
||||||
|
label: '总交流有功电率',
|
||||||
|
attr: 'totalActivePower',
|
||||||
|
unit: 'kW'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
label: '总交流无功电率',
|
||||||
|
attr: 'totalReactivePower',
|
||||||
|
unit: 'kVar'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
label: '当天交流充电量',
|
||||||
|
attr: 'dailyAcChargeEnergy',
|
||||||
|
unit: 'kWh'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
label: '当天交流放电量',
|
||||||
|
attr: 'dailyAcDischargeEnergy',
|
||||||
|
unit: 'kWh'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
label: '总交流视在功率',
|
||||||
|
attr: 'totalApparentPower',
|
||||||
|
unit: 'kVA'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
label: '总交流功率因数',
|
||||||
|
attr: 'totalPowerFactor',
|
||||||
|
unit: ''
|
||||||
|
},
|
||||||
|
{
|
||||||
|
label: 'PCS模块温度',
|
||||||
|
attr: 'pcsModuleTemperature',
|
||||||
|
unit: '℃'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
label: 'PCS环境温度',
|
||||||
|
attr: 'pcsEnvironmentTemperature',
|
||||||
|
unit: '℃'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
label: 'A相电压',
|
||||||
|
attr: 'aPhaseVoltage',
|
||||||
|
unit: 'V'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
label: 'A相电流',
|
||||||
|
attr: 'aPhaseCurrent',
|
||||||
|
unit: 'A'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
label: 'B相电压',
|
||||||
|
attr: 'bPhaseVoltage',
|
||||||
|
unit: 'V'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
label: 'B相电流',
|
||||||
|
attr: 'bPhaseCurrent',
|
||||||
|
unit: 'A'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
label: 'C相电压',
|
||||||
|
attr: 'cPhaseVoltage',
|
||||||
|
unit: 'V'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
label: 'C相电流',
|
||||||
|
attr: 'cPhaseCurrent',
|
||||||
|
unit: 'A'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
label: '交流频率',
|
||||||
|
attr: 'acFrequency',
|
||||||
|
unit: 'Hz'
|
||||||
|
}
|
||||||
|
]
|
||||||
|
}
|
||||||
|
},
|
||||||
|
mounted() {
|
||||||
|
uni.showLoading()
|
||||||
|
this.siteId = this.$route.query.siteId || ''
|
||||||
|
getRunningHeadInfo({
|
||||||
|
siteId: this.siteId
|
||||||
|
}).then(response => {
|
||||||
|
this.runningHeadInfo = response?.data || {}
|
||||||
|
})
|
||||||
|
|
||||||
|
getPcsDetailInfo({
|
||||||
|
siteId: this.siteId
|
||||||
|
}).then(response => {
|
||||||
|
this.list = response?.data || []
|
||||||
|
if (this.list.length > 0) {
|
||||||
|
this.$nextTick(() => {
|
||||||
|
setTimeout(() => {
|
||||||
|
this.$refs.collapse.resize()
|
||||||
|
uni.hideLoading()
|
||||||
|
}, 100)
|
||||||
|
})
|
||||||
|
} else {
|
||||||
|
uni.hideLoading()
|
||||||
|
}
|
||||||
|
}).catch(() => {
|
||||||
|
uni.hideLoading()
|
||||||
|
})
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="scss" scoped>
|
||||||
|
.title-row {
|
||||||
|
padding: 0 15px;
|
||||||
|
position: relative;
|
||||||
|
height: 50px;
|
||||||
|
|
||||||
|
.title {
|
||||||
|
font-weight: 500;
|
||||||
|
line-height: 50px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.msg {
|
||||||
|
position: absolute;
|
||||||
|
right: 15px;
|
||||||
|
top: 50%;
|
||||||
|
transform: translateY(-50%);
|
||||||
|
text-align: right;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.grid-item-box {
|
||||||
|
flex: 1;
|
||||||
|
// position: relative;
|
||||||
|
/* #ifndef APP-NVUE */
|
||||||
|
display: flex;
|
||||||
|
/* #endif */
|
||||||
|
flex-direction: column;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
padding: 10px;
|
||||||
|
background-color: #fff;
|
||||||
|
|
||||||
|
.title {
|
||||||
|
font-size: 14px;
|
||||||
|
color: #666;
|
||||||
|
}
|
||||||
|
|
||||||
|
.text {
|
||||||
|
margin-top: 10px;
|
||||||
|
font-size: 16px;
|
||||||
|
font-weight: 500;
|
||||||
|
color: #666;
|
||||||
|
overflow-wrap: anywhere;
|
||||||
|
}
|
||||||
|
|
||||||
|
.status-danger {
|
||||||
|
color: #FC6B69;
|
||||||
|
}
|
||||||
|
|
||||||
|
.status-running {
|
||||||
|
color: #05AEA3;
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
::v-deep {
|
||||||
|
.info-grid {
|
||||||
|
.uni-grid-item {
|
||||||
|
height: 80px !important;
|
||||||
|
|
||||||
|
.grid-item-box {
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.uni-collapse-item__wrap {
|
||||||
|
background-color: #eee;
|
||||||
|
}
|
||||||
|
|
||||||
|
.running {
|
||||||
|
.uni-collapse-item__title-text {
|
||||||
|
color: #05AEA3;
|
||||||
|
}
|
||||||
|
|
||||||
|
.title-row {
|
||||||
|
color: #05AEA3;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
.danger {
|
||||||
|
.uni-collapse-item__title-text {
|
||||||
|
color: #FC6B69;
|
||||||
|
}
|
||||||
|
|
||||||
|
.title-row {
|
||||||
|
color: #FC6B69;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.close {
|
||||||
|
.uni-collapse-item__title-text {
|
||||||
|
color: #666666;
|
||||||
|
}
|
||||||
|
|
||||||
|
.title-row {
|
||||||
|
color: #666666;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// 支路样式
|
||||||
|
.pcs-branch-group {
|
||||||
|
.uni-group__title {
|
||||||
|
background-color: #959595;
|
||||||
|
|
||||||
|
.uni-group__title-text {
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.uni-group__content {
|
||||||
|
padding: 0;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
&.uni-group--card:last-child {
|
||||||
|
margin-bottom: 25px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
</style>
|
||||||
@ -88,3 +88,15 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
// 暂无数据通用样式
|
||||||
|
.no-data{
|
||||||
|
color:#999;
|
||||||
|
text-align: center;
|
||||||
|
line-height: 100px;
|
||||||
|
height: 100px;
|
||||||
|
background-color: #fff;
|
||||||
|
font-size: 18px;
|
||||||
|
}
|
||||||
@ -1,6 +1,69 @@
|
|||||||
const ems={
|
const ems = {
|
||||||
state:{
|
state: {
|
||||||
ticketStatusOptions:{0:'待处理', 1:'已处理', 2:'处理中'},//工单处理状态
|
workStatusOptions: {
|
||||||
|
'0': '正常',
|
||||||
|
'1': '异常',
|
||||||
|
'2': '停止'
|
||||||
|
}, //工作状态
|
||||||
|
deviceStatusOptions: {
|
||||||
|
'0': '在线',
|
||||||
|
'1': '离线',
|
||||||
|
'2': '维修中'
|
||||||
|
}, //设备状态
|
||||||
|
gridStatusOptions: {
|
||||||
|
'0': '并网',
|
||||||
|
'1': '未并网'
|
||||||
|
}, //并网状态
|
||||||
|
controlModeOptions: {
|
||||||
|
'0': '远程',
|
||||||
|
'1': '本地'
|
||||||
|
}, //控制模式
|
||||||
|
warnOptions: {
|
||||||
|
0: '正常',
|
||||||
|
1: '中断',
|
||||||
|
2: '不在线',
|
||||||
|
3: '异常'
|
||||||
|
}, //告警状态
|
||||||
|
communicationStatusOptions: {
|
||||||
|
'0': '正常',
|
||||||
|
'1': '通讯中断',
|
||||||
|
'2': '异常'
|
||||||
|
}, //通讯状态
|
||||||
|
workModeOptions: {
|
||||||
|
'0': '正常',
|
||||||
|
'1': '停止'
|
||||||
|
}, //工作模式
|
||||||
|
alarmLevelOptions: {
|
||||||
|
'A': '提示',
|
||||||
|
'B': '一般',
|
||||||
|
'C': '严重',
|
||||||
|
'D': '紧急'
|
||||||
|
}, //告警等级
|
||||||
|
alarmStatusOptions: {
|
||||||
|
'0': '待处理',
|
||||||
|
'1': '已处理',
|
||||||
|
'2': '处理中'
|
||||||
|
}, //告警状态
|
||||||
|
deviceTypeOptions: {
|
||||||
|
'TCP': 'TCP',
|
||||||
|
'RTU': 'RTU'
|
||||||
|
}, //设备类型
|
||||||
|
ticketStatusOptions: {
|
||||||
|
0: '待处理',
|
||||||
|
1: '已处理',
|
||||||
|
2: '处理中'
|
||||||
|
}, //工单处理状态
|
||||||
|
strategyStatusOptions: {
|
||||||
|
'0': '未启用',
|
||||||
|
'1': '已运行',
|
||||||
|
'2': '已暂停',
|
||||||
|
'3': '禁用',
|
||||||
|
'4': '删除'
|
||||||
|
}, //策略状态
|
||||||
|
chargeStatusOptions: {
|
||||||
|
'1': '充电',
|
||||||
|
'2': '待机'
|
||||||
|
}, //冲放状态
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
export default ems
|
export default ems
|
||||||
Reference in New Issue
Block a user