'update'
This commit is contained in:
parent
cacfdf53c2
commit
e909784dee
@ -34,12 +34,29 @@ function GasI(props) {
|
||||
: Array(8)
|
||||
.fill(1)
|
||||
.map((_) => Array(7).fill(0));
|
||||
seriesData.unshift(hisState?.wind['FE_totalair'] || 1);
|
||||
seriesData.splice(8, 1);
|
||||
|
||||
// debug
|
||||
// console.log('助燃风 chart series data', hisState?.wind, seriesData);
|
||||
options = {
|
||||
color: colors,
|
||||
grid: { top: 32, right: 12, bottom: 20, left: 48 },
|
||||
legend: {
|
||||
show: true,
|
||||
icon: 'roundRect',
|
||||
top: 10,
|
||||
right: 10,
|
||||
padding: 0,
|
||||
itemWidth: 8,
|
||||
itemHeight: 8,
|
||||
itemGap: 3,
|
||||
height: 8,
|
||||
textStyle: {
|
||||
color: '#DFF1FE',
|
||||
fontSize: 10,
|
||||
},
|
||||
},
|
||||
xAxis: {
|
||||
type: 'category',
|
||||
data: Array(7)
|
||||
@ -66,7 +83,7 @@ function GasI(props) {
|
||||
},
|
||||
},
|
||||
yAxis: {
|
||||
name: '单位/m³',
|
||||
name: '单位m³/h',
|
||||
nameTextStyle: {
|
||||
color: '#fff',
|
||||
fontSize: 10,
|
||||
@ -95,7 +112,7 @@ function GasI(props) {
|
||||
// max: 100,
|
||||
},
|
||||
series: seriesData.map((v, i) => ({
|
||||
name: i ? i + 1 + '#助燃风' : '助燃风总流量',
|
||||
name: i ? i + '#助燃风' : '助燃风总流量',
|
||||
data: v,
|
||||
type: 'line',
|
||||
symbol: 'circle',
|
||||
|
||||
@ -56,7 +56,7 @@ export default function getOptions(seriesData, name) {
|
||||
},
|
||||
},
|
||||
yAxis: {
|
||||
name: '单位m³/h',
|
||||
name: '单位Nm³/h',
|
||||
nameTextStyle: {
|
||||
color: '#fff',
|
||||
fontSize: 10,
|
||||
|
||||
@ -7,14 +7,14 @@ function getData(type) {
|
||||
switch (type) {
|
||||
case 'gas-i':
|
||||
data = [
|
||||
{ id: 0, name: '天然气总流量', value: '0m³/h' },
|
||||
{ id: 1, name: '1#天然气', value: '0m³/h' },
|
||||
{ id: 2, name: '2#天然气', value: '0m³/h' },
|
||||
{ id: 3, name: '3#天然气', value: '0m³/h' },
|
||||
{ id: 4, name: '4#天然气', value: '0m³/h' },
|
||||
{ id: 5, name: '5#天然气', value: '0m³/h' },
|
||||
{ id: 6, name: '6#天然气', value: '0m³/h' },
|
||||
{ id: 7, name: '7#天然气', value: '0m³/h' },
|
||||
{ id: 0, name: '天然气总流量', value: '0Nm³/h' },
|
||||
{ id: 1, name: '1#天然气', value: '0Nm³/h' },
|
||||
{ id: 2, name: '2#天然气', value: '0Nm³/h' },
|
||||
{ id: 3, name: '3#天然气', value: '0Nm³/h' },
|
||||
{ id: 4, name: '4#天然气', value: '0Nm³/h' },
|
||||
{ id: 5, name: '5#天然气', value: '0Nm³/h' },
|
||||
{ id: 6, name: '6#天然气', value: '0Nm³/h' },
|
||||
{ id: 7, name: '7#天然气', value: '0Nm³/h' },
|
||||
];
|
||||
break;
|
||||
case 'gas-ii':
|
||||
|
||||
@ -119,9 +119,9 @@ const GoodRateChart = (props) => {
|
||||
<div className={cls.GoodRateChart}>
|
||||
<div className={cls.titleBar}>
|
||||
<h2>生产良品率</h2>
|
||||
<Switch defaultChecked onChange={handleSwitchChange} />
|
||||
{/* <Switch defaultChecked onChange={handleSwitchChange} /> */}
|
||||
<div className={cls.legend}>
|
||||
<span className="legend__title">班次详情</span>
|
||||
{/* <span className="legend__title">班次详情</span> */}
|
||||
<ul className="legend__list">
|
||||
<li>总量</li>
|
||||
<li>白班</li>
|
||||
|
||||
@ -33,7 +33,7 @@ const EnergyCostChart = (props) => {
|
||||
},
|
||||
},
|
||||
yAxis: {
|
||||
name: '单位/m³',
|
||||
name: '单位/kWh',
|
||||
nameTextStyle: {
|
||||
color: '#fff',
|
||||
fontSize: 10,
|
||||
@ -43,7 +43,7 @@ const EnergyCostChart = (props) => {
|
||||
axisLabel: {
|
||||
color: '#fff',
|
||||
fontSize: 12,
|
||||
formatter: '{value} %',
|
||||
formatter: '{value}',
|
||||
},
|
||||
axisLine: {
|
||||
show: true,
|
||||
@ -92,9 +92,9 @@ const EnergyCostChart = (props) => {
|
||||
<div className={cls.energyCostChart}>
|
||||
<div className={cls.titleBar}>
|
||||
<h2>能耗趋势图</h2>
|
||||
<Switch defaultChecked onChange={handleSwitchChange} />
|
||||
{/* <Switch defaultChecked onChange={handleSwitchChange} /> */}
|
||||
<div className={cls.legend}>
|
||||
<span className="legend__title">班次详情</span>
|
||||
{/* <span className="legend__title">班次详情</span> */}
|
||||
<ul className="legend__list">
|
||||
<li>总量</li>
|
||||
</ul>
|
||||
@ -102,23 +102,23 @@ const EnergyCostChart = (props) => {
|
||||
</div>
|
||||
<div className={cls.radioGroupWrapper}>
|
||||
<Radio.Group
|
||||
defaultValue="restHeat"
|
||||
defaultValue="elecCost"
|
||||
buttonStyle="solid"
|
||||
className={cls.radioGroup}
|
||||
>
|
||||
<Radio.Button value="elecCost" className="radio-group__item">
|
||||
电耗能
|
||||
</Radio.Button>
|
||||
<Radio.Button value="restHeat" className="radio-group__item">
|
||||
余热发电
|
||||
</Radio.Button>
|
||||
<Radio.Button value="waterCost" className="radio-group__item">
|
||||
水耗能
|
||||
</Radio.Button>
|
||||
<Radio.Button value="elecCost" className="radio-group__item">
|
||||
电耗能
|
||||
</Radio.Button>
|
||||
{/* <Radio.Button value="gasCost" className="radio-group__item">
|
||||
<Radio.Button value="gasCost" className="radio-group__item">
|
||||
天然气
|
||||
</Radio.Button>
|
||||
<Radio.Button value="gasiiCost" className="radio-group__item">
|
||||
{/* <Radio.Button value="gasiiCost" className="radio-group__item">
|
||||
焦炉煤气
|
||||
</Radio.Button> */}
|
||||
</Radio.Group>
|
||||
|
||||
@ -16,7 +16,7 @@ function EnergyCost(props) {
|
||||
// electricity = '0kWh',
|
||||
// } = energyState;
|
||||
let restHeat = energyState?.restHeat || '0kWh';
|
||||
let water = energyState?.water || '0Km³';
|
||||
let water = energyState?.water || '0m³';
|
||||
let gasi = energyState?.gasi || '0m³';
|
||||
let gasii = energyState?.gasii || '0m³';
|
||||
let electricity = energyState?.electricity || '0kWh';
|
||||
|
||||
@ -34,7 +34,7 @@ const SmokeTrendChart = (props) => {
|
||||
},
|
||||
},
|
||||
yAxis: {
|
||||
name: '单位m³/h',
|
||||
name: '单位mg/m³',
|
||||
nameTextStyle: {
|
||||
color: '#fff',
|
||||
fontSize: 10,
|
||||
@ -44,7 +44,7 @@ const SmokeTrendChart = (props) => {
|
||||
axisLabel: {
|
||||
color: '#fff',
|
||||
fontSize: 12,
|
||||
formatter: '{value} %',
|
||||
formatter: '{value}',
|
||||
},
|
||||
axisLine: {
|
||||
show: true,
|
||||
@ -125,9 +125,9 @@ const SmokeTrendChart = (props) => {
|
||||
<div className={cls.energyCostChart}>
|
||||
<div className={cls.titleBar}>
|
||||
<h2>烟气趋势图</h2>
|
||||
<Switch defaultChecked onChange={handleSwitchChange} />
|
||||
{/* <Switch defaultChecked onChange={handleSwitchChange} /> */}
|
||||
<div className={cls.legend}>
|
||||
<span className="legend__title">班次详情</span>
|
||||
{/* <span className="legend__title">班次详情</span> */}
|
||||
<ul className="legend__list">
|
||||
<li>总量</li>
|
||||
<li>白班</li>
|
||||
@ -138,13 +138,10 @@ const SmokeTrendChart = (props) => {
|
||||
|
||||
<div className={`${cls.choiceBar} flex items-center justify-between`}>
|
||||
<Radio.Group
|
||||
defaultValue="oxygen"
|
||||
defaultValue="so2"
|
||||
buttonStyle="solid"
|
||||
className={`${cls.radioGroup} flex items-center justify-between`}
|
||||
>
|
||||
<Radio.Button value="oxygen" className="radio-group__item">
|
||||
氧气含量
|
||||
</Radio.Button>
|
||||
<Radio.Button value="so2" className="radio-group__item">
|
||||
二氧化硫
|
||||
</Radio.Button>
|
||||
@ -154,6 +151,9 @@ const SmokeTrendChart = (props) => {
|
||||
<Radio.Button value="no2" className="radio-group__item">
|
||||
二氧化氮
|
||||
</Radio.Button>
|
||||
<Radio.Button value="oxygen" className="radio-group__item">
|
||||
氧气含量
|
||||
</Radio.Button>
|
||||
</Radio.Group>
|
||||
|
||||
<Radio.Group
|
||||
|
||||
@ -7,7 +7,7 @@
|
||||
width: 400px;
|
||||
margin-bottom: 4px;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
/* justify-content: space-between; */
|
||||
align-items: center;
|
||||
color: white;
|
||||
}
|
||||
|
||||
Loading…
Reference in New Issue
Block a user