jiangxucong
/
dq-osi
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

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

Browse Source
main
yupeng 1 month ago
parent da73716f07
commit c6fd961663
1 changed files with 24 additions and 20 deletions
Show Stats Download Patch File Download Diff File

40
src/pages/smartinspection/components/Inspectiontaskplan/SmartInspectionPlan.js
Unescape Escape View File

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

Write Preview
Loading…
Cancel
Save