mt-fe-group/xuchang-new
9
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

fix ui

Browse Source
This commit is contained in:
lb
2024-01-04 10:58:20 +08:00
parent 0b1d3aa4b3
commit ac772e2caf
15 changed files with 241 additions and 111 deletions
Download Patch File Download Diff File Expand all files Collapse all files

132
src/components/Common/CurrentTemp/index.jsx
View File

@@ -53,7 +53,9 @@ function WindFrequence(props) {
useEffect(() => {
setCurrentLineTemp(
(currentTempList && currentTempList[1+lines.indexOf(dataSource)+'#']) || []
(currentTempList &&
currentTempList[1 + lines.indexOf(dataSource) + "#"]) ||
[]
);
}, [dataSource]);
@@ -70,65 +72,113 @@ function WindFrequence(props) {
<SmallBox>
<h1 className={cls.areaName}>A1区板上</h1>
<div className={cls.areaContent}>
<span className={cls.areaValue}>{currentLineTemp[0] || 0} ℃</span>
<span className={cls.areaValue}>{currentLineTemp[1] || 0} ℃</span>
<span className={cls.areaValue}>{currentLineTemp[2] || 0} ℃</span>
<span className={cls.areaValue}>
{(+currentLineTemp[0]).toFixed(2) || 0} ℃
</span>
<span className={cls.areaValue}>
{(+currentLineTemp[1]).toFixed(2) || 0} ℃
</span>
<span className={cls.areaValue}>
{(+currentLineTemp[2]).toFixed(2) || 0} ℃
</span>
</div>
</SmallBox>
<SmallBox>
<h1 className={cls.areaName}>A2区板上</h1>
<div className={cls.areaContent}>
<span className={cls.areaValue}>{currentLineTemp[6] || 0} ℃</span>
<span className={cls.areaValue}>{currentLineTemp[7] || 0} ℃</span>
<span className={cls.areaValue}>{currentLineTemp[8] || 0} ℃</span>
<span className={cls.areaValue}>
{(+currentLineTemp[6]).toFixed(2) || 0} ℃
</span>
<span className={cls.areaValue}>
{(+currentLineTemp[7]).toFixed(2) || 0} ℃
</span>
<span className={cls.areaValue}>
{(+currentLineTemp[8]).toFixed(2) || 0} ℃
</span>
</div>
</SmallBox>
<SmallBox>
<h1 className={cls.areaName}>B区板上</h1>
<div className={cls.areaContent}>
<span className={cls.areaValue}>{currentLineTemp[12] || 0} ℃</span>
<span className={cls.areaValue}>{currentLineTemp[13] || 0} ℃</span>
<span className={cls.areaValue}>{currentLineTemp[14] || 0} ℃</span>
<span className={cls.areaValue}>
{(+currentLineTemp[12]).toFixed(2) || 0} ℃
</span>
<span className={cls.areaValue}>
{(+currentLineTemp[13]).toFixed(2) || 0} ℃
</span>
<span className={cls.areaValue}>
{(+currentLineTemp[14]).toFixed(2) || 0} ℃
</span>
</div>
</SmallBox>
<SmallBox>
<h1 className={cls.areaName}>C区板上</h1>
<div className={cls.areaContent}>
<span className={cls.areaValue}>{currentLineTemp[18] || 0} ℃</span>
<span className={cls.areaValue}>{currentLineTemp[19] || 0} ℃</span>
<span className={cls.areaValue}>{currentLineTemp[20] || 0} ℃</span>
<span className={cls.areaValue}>
{(+currentLineTemp[18]).toFixed(2) || 0} ℃
</span>
<span className={cls.areaValue}>
{(+currentLineTemp[19]).toFixed(2) || 0} ℃
</span>
<span className={cls.areaValue}>
{(+currentLineTemp[20]).toFixed(2) || 0} ℃
</span>
</div>
</SmallBox>
<SmallBox>
<h1 className={cls.areaName}>A1区板下</h1>
<div className={cls.areaContent}>
<span className={cls.areaValue}>{currentLineTemp[3] || 0} ℃</span>
<span className={cls.areaValue}>{currentLineTemp[4] || 0} ℃</span>
<span className={cls.areaValue}>{currentLineTemp[5] || 0} ℃</span>
<span className={cls.areaValue}>
{(+currentLineTemp[3]).toFixed(2) || 0} ℃
</span>
<span className={cls.areaValue}>
{(+currentLineTemp[4]).toFixed(2) || 0} ℃
</span>
<span className={cls.areaValue}>
{(+currentLineTemp[5]).toFixed(2) || 0} ℃
</span>
</div>
</SmallBox>
<SmallBox>
<h1 className={cls.areaName}>A2区板下</h1>
<div className={cls.areaContent}>
<span className={cls.areaValue}>{currentLineTemp[9] || 0} ℃</span>
<span className={cls.areaValue}>{currentLineTemp[10] || 0} ℃</span>
<span className={cls.areaValue}>{currentLineTemp[11] || 0} ℃</span>
<span className={cls.areaValue}>
{(+currentLineTemp[9]).toFixed(2) || 0} ℃
</span>
<span className={cls.areaValue}>
{(+currentLineTemp[10]).toFixed(2) || 0} ℃
</span>
<span className={cls.areaValue}>
{(+currentLineTemp[11]).toFixed(2) || 0} ℃
</span>
</div>
</SmallBox>
<SmallBox>
<h1 className={cls.areaName}>B区板下</h1>
<div className={cls.areaContent}>
<span className={cls.areaValue}>{currentLineTemp[15] || 0} ℃</span>
<span className={cls.areaValue}>{currentLineTemp[16] || 0} ℃</span>
<span className={cls.areaValue}>{currentLineTemp[17] || 0} ℃</span>
<span className={cls.areaValue}>
{(+currentLineTemp[15]).toFixed(2) || 0} ℃
</span>
<span className={cls.areaValue}>
{(+currentLineTemp[16]).toFixed(2) || 0} ℃
</span>
<span className={cls.areaValue}>
{(+currentLineTemp[17]).toFixed(2) || 0} ℃
</span>
</div>
</SmallBox>
<SmallBox>
<h1 className={cls.areaName}>C区板下</h1>
<div className={cls.areaContent}>
<span className={cls.areaValue}>{currentLineTemp[21] || 0} ℃</span>
<span className={cls.areaValue}>{currentLineTemp[22] || 0} ℃</span>
<span className={cls.areaValue}>{currentLineTemp[23] || 0} ℃</span>
<span className={cls.areaValue}>
{(+currentLineTemp[21]).toFixed(2) || 0} ℃
</span>
<span className={cls.areaValue}>
{(+currentLineTemp[22]).toFixed(2) || 0} ℃
</span>
<span className={cls.areaValue}>
{(+currentLineTemp[23]).toFixed(2) || 0} ℃
</span>
</div>
</SmallBox>
<SmallBox split={false} style={{ position: "relative" }}>
@@ -146,14 +196,14 @@ function WindFrequence(props) {
></Button>
</Tooltip>
</div>
<span className={cls.areaPureValue}>
{currentLineTemp[26] || 0} ℃
<span className={cls.areaPureValue} style={{ fontSize: "12px" }}>
{(+currentLineTemp[26]).toFixed(2) || 0}℃
</span>
<span className={cls.areaPureValue}>
{currentLineTemp[27] || 0} ℃
<span className={cls.areaPureValue} style={{ fontSize: "12px" }}>
{(+currentLineTemp[27]).toFixed(2) || 0}℃
</span>
<span className={cls.areaPureValue}>
{currentLineTemp[28] || 0} ℃
<span className={cls.areaPureValue} style={{ fontSize: "12px" }}>
{(+currentLineTemp[28]).toFixed(2) || 0}℃
</span>
</div>
</SmallBox>
@@ -173,27 +223,31 @@ function WindFrequence(props) {
></Button>
</Tooltip>
</div>
<span className={cls.areaPureValue}>
{currentLineTemp[29] || 0} ℃
<span className={cls.areaPureValue} style={{ fontSize: "12px" }}>
{(+currentLineTemp[29]).toFixed(2) || 0}℃
</span>
<span className={cls.areaPureValue}>
{currentLineTemp[30] || 0} ℃
<span className={cls.areaPureValue} style={{ fontSize: "12px" }}>
{(+currentLineTemp[30]).toFixed(2) || 0}℃
</span>
<span className={cls.areaPureValue}>
{currentLineTemp[31] || 0} ℃
<span className={cls.areaPureValue} style={{ fontSize: "12px" }}>
{(+currentLineTemp[31]).toFixed(2) || 0}℃
</span>
</div>
</SmallBox>
<SmallBox>
<h1 className={cls.areaName}>RET1区</h1>
<div className={cls.areaContent}>
<span className={cls.areaValue}>{currentLineTemp[24] || 0} ℃</span>
<span className={cls.areaValue}>
{(+currentLineTemp[24]).toFixed(2) || 0} ℃
</span>
</div>
</SmallBox>
<SmallBox>
<h1 className={cls.areaName}>RET2区</h1>
<div className={cls.areaContent}>
<span className={cls.areaValue}>{currentLineTemp[25] || 0} ℃</span>
<span className={cls.areaValue}>
{(+currentLineTemp[25]).toFixed(2) || 0} ℃
</span>
</div>
</SmallBox>
</div>

58
src/components/Common/Energy/index.jsx
View File

@@ -15,34 +15,76 @@ function EnergyCost(props) {
className={`${cls.info__item} flex flex-col justify-center items-center`}
style={{ width: "112px", padding: 0 }}
>
<span style={{ fontSize: "20px", letterSpacing: '2px', lineHeight: 1.5 }}>余热发电</span>
<span style={{ fontSize: "20px", color: "#3ce8ff", lineHeight: 1.5 }}>
<span
style={{
fontSize: "20px",
letterSpacing: "2px",
lineHeight: 1.5,
}}
>
余热发电
</span>
<span
style={{ fontSize: "20px", color: "#3ce8ff", lineHeight: 1.5 }}
>
{(+energyInfo?.elecQty1)?.toFixed(2) || 0}kWh
</span>
</div>
<div className={cls.info__item_groups}>
<div className={cls.info__item}>
<i style={{ fontSize: "18px", fontStyle: "normal", paddingRight: '6px' }}>水耗量</i>
<i
style={{
fontSize: "18px",
fontStyle: "normal",
paddingRight: "6px",
}}
>
水耗量
</i>
<span style={{ fontSize: "17px", color: "#3ce8ff" }}>
{(+energyInfo?.waterQty)?.toFixed(2) || 0}Km³
</span>
</div>
<div className={cls.info__item}>
<i style={{ fontSize: "18px", fontStyle: "normal", paddingRight: '6px' }}>天然气I</i>
<i
style={{
fontSize: "18px",
fontStyle: "normal",
paddingRight: "6px",
}}
>
天然气I
</i>
<span style={{ fontSize: "17px", color: "#3ce8ff" }}>
{energyInfo?.ngQty1 || 0}
{energyInfo?.ngQty1 || "0Nm³"}
</span>
</div>
<div className={cls.info__item}>
<i style={{ fontSize: "18px", fontStyle: "normal", paddingRight: '6px' }}>电耗量</i>
<i
style={{
fontSize: "18px",
fontStyle: "normal",
paddingRight: "6px",
}}
>
电耗量
</i>
<span style={{ fontSize: "17px", color: "#3ce8ff" }}>
{(+energyInfo?.elecQty2)?.toFixed(2) || 0}kWh
</span>
</div>
<div className={cls.info__item}>
<i style={{ fontSize: "18px", fontStyle: "normal", paddingRight: '6px' }}>天然气II</i>
<i
style={{
fontSize: "18px",
fontStyle: "normal",
paddingRight: "6px",
}}
>
天然气II
</i>
<span style={{ fontSize: "17px", color: "#3ce8ff" }}>
{energyInfo?.ngQty2 || 0}
{energyInfo?.ngQty2 || "0Nm³"}
</span>
</div>
</div>

15
src/components/Common/SmokeHandle/SmokeTrendChart/index.jsx
View File

@@ -106,7 +106,7 @@ function getOptions(source, period, trend) {
if (trend[source].length === 0) return null;
return {
color: ["#FFD160", "#12FFF5", "#2760FF"],
grid: { top: 38, right: 12, bottom: 20, left: 48 },
grid: { top: 40, right: 12, bottom: 20, left: 56 },
xAxis: {
type: "category",
// data: Array(7)
@@ -133,16 +133,16 @@ function getOptions(source, period, trend) {
},
},
yAxis: {
name: source == 'O2_float' ? "单位:%" : "单位mg/m³",
name: source == "O2_float" ? "单位:%" : "单位mg/m³",
nameTextStyle: {
color: "#fff",
fontSize: 10,
fontSize: 16,
align: "right",
},
type: "value",
axisLabel: {
color: "#fff",
fontSize: 12,
fontSize: 14,
formatter: "{value} %",
},
axisLine: {
@@ -162,7 +162,7 @@ function getOptions(source, period, trend) {
},
series: [
{
data: trend[source].map((item) => item.value),
data: trend[source].map((item) => !(item.value == null || isNaN(+item.value)) ? (+item.value).toFixed(2) : null),
type: "line",
areaStyle: {
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
@@ -208,6 +208,11 @@ function getOptions(source, period, trend) {
],
tooltip: {
trigger: "axis",
axisPointer: {
type: "shadow",
},
className: "xc-chart-tooltip",
// backgroundColor: ''
},
};
}

10
src/components/Common/TodayGood/components/GoodRateChart/index.jsx
View File

@@ -140,7 +140,8 @@ function getOptions(dataList, showMore, dateType) {
};
const seriesTeam = [
{
data: list.map((item) => item.day * 100),
name: '白班',
data: list.map((item) => (item.day * 100).toFixed(2)),
type: "line",
areaStyle: {
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
@@ -152,7 +153,8 @@ function getOptions(dataList, showMore, dateType) {
// smooth: true,
},
{
data: list.map((item) => item.night * 100),
name: '夜班',
data: list.map((item) => (item.night * 100).toFixed(2)),
type: "line",
areaStyle: {
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
@@ -172,7 +174,8 @@ function getOptions(dataList, showMore, dateType) {
tooltip: {
trigger: "axis",
color: "#fff",
formatter: "{b} {c}%",
// formatter: "{b} {c}%",
formatter: showMore ? "{a0} {c0}%<br />{a1} {c1}%<br />{a2} {c2}%" : "{b} {c}%",
axisPointer: {
type: "shadow",
},
@@ -184,6 +187,7 @@ function getOptions(dataList, showMore, dateType) {
},
series: [
{
name: '总量',
data: list.map((item) => (item.sum * 100).toFixed(2)),
type: "line",
symbol: 'circle',