diff --git a/src/views/ems/dzjk/sbjk/bmsdcc/index.vue b/src/views/ems/dzjk/sbjk/bmsdcc/index.vue index 3c39f4c..ab61c24 100644 --- a/src/views/ems/dzjk/sbjk/bmsdcc/index.vue +++ b/src/views/ems/dzjk/sbjk/bmsdcc/index.vue @@ -3,11 +3,7 @@
+ :class="handleCardClass(baseInfo)">
{{ @@ -30,16 +26,16 @@
- - {{ $store.state.ems.workStatusOptions[baseInfo.workStatus] }} + + {{ workStatusOptions[baseInfo.workStatus] }} - {{ $store.state.ems.communicationStatusOptions[baseInfo.pcsCommunicationStatus] }} - {{ $store.state.ems.communicationStatusOptions[baseInfo.emsCommunicationStatus] }} @@ -132,11 +128,17 @@ import PointTable from "@/views/ems/site/sblb/PointTable.vue"; import {getBMSBatteryCluster} from '@/api/ems/dzjk' import getQuerySiteId from "@/mixins/ems/getQuerySiteId"; import intervalUpdate from "@/mixins/ems/intervalUpdate"; +import {mapState} from "vuex"; export default { name: 'DzjkSbjkBmsdcc', mixins: [getQuerySiteId, intervalUpdate], components: {PointTable, pointChart}, + computed: { + ...mapState({ + workStatusOptions: state => state?.ems?.workStatusOptions || {}, + }) + }, data() { return { loading: false, @@ -171,6 +173,10 @@ export default { } }, methods: { + handleCardClass(item) { + const {workStatus = ''} = item + return !['0', '2'].includes(item.workStatus) ? "timing-card-container" : workStatus === '2' ? 'warning-card-container' : 'running-card-container' + }, // 查看设备电位表格 pointDetail(row, dataType) { const {siteId, deviceId} = row