新增页面:巡检内容——温度异常检测1

main
yupeng 1 month ago
parent da73716f07
commit c6fd961663

@ -1912,9 +1912,9 @@ const SmartInspectionContent = () => {
color: 'rgba(4, 95, 94, 0.8)'
},
detail: {
backgroundColor: 'rgba(4, 95, 94, 0.2)',
borderColor: 'rgba(4, 95, 94, 0.5)',
borderWidth: 2,
// backgroundColor: 'rgba(4, 95, 94, 0.2)',
// borderColor: 'rgba(4, 95, 94, 0.5)',
// borderWidth: 2,
width: '60%',
lineHeight: 40,
height: 40,
@ -1922,12 +1922,13 @@ const SmartInspectionContent = () => {
offsetCenter: [0, '35%'],
valueAnimation: true,
formatter: function (value) {
return '{value|' + value.toFixed(0) + '}{unit|°C}';
return '{value|温度:' + value.toFixed(0) + '℃}';
// return '{value|温度:' + value.toFixed(0) + '℃}{unit|°C}';
},
rich: {
value: {
fontSize: 20,
fontWeight: 'bolder',
fontWeight: '400',
color: 'rgba(4, 95, 94, 1)'
},
unit: {
@ -1940,7 +1941,7 @@ const SmartInspectionContent = () => {
data: [
{
value: 28,
name: '温度'
name: ''
}
]
}
@ -2016,9 +2017,9 @@ const SmartInspectionContent = () => {
color: 'rgba(4, 95, 94, 0.8)'
},
detail: {
backgroundColor: 'rgba(4, 95, 94, 0.2)',
borderColor: 'rgba(4, 95, 94, 0.5)',
borderWidth: 2,
// backgroundColor: 'rgba(4, 95, 94, 0.2)',
// borderColor: 'rgba(4, 95, 94, 0.5)',
// borderWidth: 2,
width: '60%',
lineHeight: 40,
height: 40,
@ -2026,12 +2027,13 @@ const SmartInspectionContent = () => {
offsetCenter: [0, '35%'],
valueAnimation: true,
formatter: function (value) {
return '{value|' + value.toFixed(0) + '}{unit|%}';
// return '{value|' + value.toFixed(0) + '}{unit|%}';
return '{value|湿度:' + value.toFixed(0) + '%}';
},
rich: {
value: {
fontSize: 20,
fontWeight: 'bolder',
fontWeight: '400',
color: 'rgba(4, 95, 94, 1)'
},
unit: {
@ -2044,7 +2046,7 @@ const SmartInspectionContent = () => {
data: [
{
value: 55,
name: '湿度'
name: ''
}
]
}
@ -2080,10 +2082,12 @@ const SmartInspectionContent = () => {
</div>
<div className={styles.thresholdConfigContainer} style={{ marginTop: 20, padding: 16 }}>
<h3 style={{ margin: '0 0 16px 0', fontSize: 16 }}>阈值配置区</h3>
<Button className={styles['resetBtn']} style={{ backgroundImage: `url(${btnImg3})`, margin: '0 0px', width: 120 }}>保存配置</Button>
<div style={{ display: 'flex', justifyContent: 'space-between', alignItems: 'center' }}>
<h3 style={{ margin: '0 0 16px 0', fontSize: 16 }}>阈值配置区</h3>
<Button className={styles['resetBtn']} style={{ backgroundImage: `url(${btnImg3})`, margin: '0 0px', width: 120 }}>保存配置</Button>
</div>
<div style={{ backgroundColor: 'white', padding: 16, borderRadius: 4 }}>
<div style={{ marginBottom: 12 }}>
<div style={{ marginBottom: 12, display: 'flex', justifyContent: 'space-between', alignItems: 'center' }}>
<label style={{ display: 'inline-block', width: 120, fontSize: 14 }}>低温预警阈值:</label>
<input
type="text"
@ -2092,11 +2096,11 @@ const SmartInspectionContent = () => {
padding: '4px 8px',
border: '1px solid #d9d9d9',
borderRadius: 4,
width: 120
width: '100%'
}}
/>
</div>
<div style={{ marginBottom: 12 }}>
<div style={{ marginBottom: 12, display: 'flex', justifyContent: 'space-between', alignItems: 'center' }}>
<label style={{ display: 'inline-block', width: 120, fontSize: 14 }}>高温预警阈值:</label>
<input
type="text"
@ -2105,11 +2109,11 @@ const SmartInspectionContent = () => {
padding: '4px 8px',
border: '1px solid #d9d9d9',
borderRadius: 4,
width: 120
width: '100%'
}}
/>
</div>
<div style={{ marginBottom: 12 }}>
<div style={{ marginBottom: 12, display: 'flex', justifyContent: 'space-between', alignItems: 'center' }}>
<label style={{ display: 'inline-block', width: 120, fontSize: 14 }}>湿度预警阈值:</label>
<input
type="text"
@ -2118,7 +2122,7 @@ const SmartInspectionContent = () => {
padding: '4px 8px',
border: '1px solid #d9d9d9',
borderRadius: 4,
width: 120
width: '100%'
}}
/>
</div>

Loading…
Cancel
Save