pcs\bmszl\bmsdcc 标题颜色规则更新

This commit is contained in:
白菜
2026-01-12 14:15:21 +08:00
parent 4079c40e5d
commit ab9bb1e85d
3 changed files with 31 additions and 13 deletions

View File

@ -4,12 +4,15 @@
<el-card shadow="always" <el-card shadow="always"
class="sbjk-card-container common-card-container-body-no-padding common-card-container-no-title-bg" class="sbjk-card-container common-card-container-body-no-padding common-card-container-no-title-bg"
:class="{ :class="{
'warning-card-container':baseInfo.workStatus && baseInfo.workStatus !== '0', 'timing-card-container':!['0','2'].includes(baseInfo.workStatus),
'warning-card-container':baseInfo.workStatus === '2',
'running-card-container':baseInfo.workStatus === '0' 'running-card-container':baseInfo.workStatus === '0'
}"> }">
<div slot="header"> <div slot="header">
<span <span
class="large-title">{{ baseInfo.parentDeviceName ? `${baseInfo.parentDeviceName} -> ` : '' }}{{ baseInfo.deviceName }}</span> class="large-title">{{
baseInfo.parentDeviceName ? `${baseInfo.parentDeviceName} -> ` : ''
}}{{ baseInfo.deviceName }}</span>
<div class="info"> <div class="info">
<div>数据更新时间{{ baseInfo.dataUpdateTime || '-' }}</div> <div>数据更新时间{{ baseInfo.dataUpdateTime || '-' }}</div>
</div> </div>
@ -80,7 +83,9 @@
> >
<template slot-scope="scope"> <template slot-scope="scope">
<span class="pointer" <span class="pointer"
@click="showChart( tablePointNameMap[scope.row.dataName+scope.column.label],baseInfo.deviceId)">{{ scope.row.avgData }}</span> @click="showChart( tablePointNameMap[scope.row.dataName+scope.column.label],baseInfo.deviceId)">{{
scope.row.avgData
}}</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column <el-table-column
@ -88,7 +93,9 @@
label="单体最小值"> label="单体最小值">
<template slot-scope="scope"> <template slot-scope="scope">
<span class="pointer" <span class="pointer"
@click="showChart( tablePointNameMap[scope.row.dataName+scope.column.label],baseInfo.deviceId)">{{ scope.row.minData }}</span> @click="showChart( tablePointNameMap[scope.row.dataName+scope.column.label],baseInfo.deviceId)">{{
scope.row.minData
}}</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column <el-table-column
@ -100,7 +107,9 @@
label="单体最大值"> label="单体最大值">
<template slot-scope="scope"> <template slot-scope="scope">
<span class="pointer " <span class="pointer "
@click="showChart( tablePointNameMap[scope.row.dataName+scope.column.label],baseInfo.deviceId)">{{ scope.row.maxData }}</span> @click="showChart( tablePointNameMap[scope.row.dataName+scope.column.label],baseInfo.deviceId)">{{
scope.row.maxData
}}</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column <el-table-column

View File

@ -2,7 +2,8 @@
<div v-loading="loading"> <div v-loading="loading">
<div v-for="(baseInfo,index) in baseInfoList" :key="index+'bmszlContainer'" style="margin-bottom:25px;"> <div v-for="(baseInfo,index) in baseInfoList" :key="index+'bmszlContainer'" style="margin-bottom:25px;">
<el-card :class="{ <el-card :class="{
'warning-card-container':baseInfo.workStatus && baseInfo.workStatus !== '0', 'timing-card-container':!['0','2'].includes(baseInfo.workStatus),
'warning-card-container':baseInfo.workStatus === '2',
'running-card-container':baseInfo.workStatus === '0' 'running-card-container':baseInfo.workStatus === '0'
}" class="sbjk-card-container common-card-container-body-no-padding common-card-container-no-title-bg" }" class="sbjk-card-container common-card-container-body-no-padding common-card-container-no-title-bg"
shadow="always"> shadow="always">
@ -97,7 +98,9 @@
prop="maxVoltage"> prop="maxVoltage">
<template slot-scope="scope"> <template slot-scope="scope">
<span class="pointer" <span class="pointer"
@click="showChart('最高单体电压',scope.row.clusterId,'CLUSTER')">{{ scope.row.maxCellVoltage }} V</span> @click="showChart('最高单体电压',scope.row.clusterId,'CLUSTER')">{{
scope.row.maxCellVoltage
}} V</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column <el-table-column
@ -109,7 +112,9 @@
prop="minVoltage"> prop="minVoltage">
<template slot-scope="scope"> <template slot-scope="scope">
<span class="pointer" <span class="pointer"
@click="showChart('最低单体电压',scope.row.clusterId,'CLUSTER')">{{ scope.row.minCellVoltage }} V</span> @click="showChart('最低单体电压',scope.row.clusterId,'CLUSTER')">{{
scope.row.minCellVoltage
}} V</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column <el-table-column
@ -120,7 +125,9 @@
label="单体最高温度"> label="单体最高温度">
<template slot-scope="scope"> <template slot-scope="scope">
<span class="pointer" <span class="pointer"
@click="showChart('最高单体温度',scope.row.clusterId,'CLUSTER')">{{ scope.row.maxCellTemp }} &#8451;</span> @click="showChart('最高单体温度',scope.row.clusterId,'CLUSTER')">{{
scope.row.maxCellTemp
}} &#8451;</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column <el-table-column
@ -132,7 +139,9 @@
prop="minTemperature"> prop="minTemperature">
<template slot-scope="scope"> <template slot-scope="scope">
<span class="pointer" <span class="pointer"
@click="showChart('最低单体温度',scope.row.clusterId,'CLUSTER')">{{ scope.row.minCellTemp }} &#8451;</span> @click="showChart('最低单体温度',scope.row.clusterId,'CLUSTER')">{{
scope.row.minCellTemp
}} &#8451;</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column <el-table-column

View File

@ -9,9 +9,9 @@
> >
<el-card <el-card
:class="{ :class="{
'timing-card-container':!['0','2'].includes(pcsItem.workStatus),
'warning-card-container':pcsItem.workStatus === '2', 'warning-card-container':pcsItem.workStatus === '2',
'timing-card-container': pcsItem.workStatus === '1', 'running-card-container':pcsItem.workStatus === '0'
'running-card-container': !['1', '2'].includes(pcsItem.workStatus),
}" }"
class="sbjk-card-container common-card-container-body-no-padding common-card-container-no-title-bg" class="sbjk-card-container common-card-container-body-no-padding common-card-container-no-title-bg"
shadow="always" shadow="always"