|
@@ -1,6 +1,6 @@
|
|
|
import React, { Component } from "react";
|
|
|
import style from "./index.less";
|
|
|
-import { normalVal, filterDataArr, filterOtherDataArr,timestampToTime } from '@utils/tools';
|
|
|
+import { getStatusImg, filterDataArr, filterOtherDataArr,timestampToTime } from '@utils/tools';
|
|
|
import Notify from '@commonComp/Notify';
|
|
|
import Information from '../Information';
|
|
|
import PreviewInspect from './Inspect';
|
|
@@ -51,6 +51,32 @@ class PreviewBody extends Component {
|
|
|
this.setState({ dateTime: date })
|
|
|
}
|
|
|
showDetails(val) {
|
|
|
+ let min = val.minValue, max = val.maxValue, value = val.value, dom = '';
|
|
|
+ if (!isNaN(min) && !isNaN(max)) {//有最大值最小值
|
|
|
+ if (isNaN(value)) {//输入的不是数据
|
|
|
+ dom = getStatusImg(1, value, 1)
|
|
|
+ } else if (value <= min) {//下降
|
|
|
+ dom = getStatusImg(3, value, 1)
|
|
|
+ } else if (value >= max) {//上升
|
|
|
+ dom = getStatusImg(2, value, 1)
|
|
|
+ } else {//正常
|
|
|
+ dom = getStatusImg(0, value, 1)
|
|
|
+ }
|
|
|
+ } else if (isNaN(min) && !isNaN(max)) {//有最大值无最小值
|
|
|
+ if (value >= max) {//上升
|
|
|
+ dom = getStatusImg(2, value, 1)
|
|
|
+ } else {//正常
|
|
|
+ dom = getStatusImg(0, value, 1)
|
|
|
+ }
|
|
|
+ } else if (!isNaN(min) && isNaN(max)) {//有最小值无最大值
|
|
|
+ if (value <= min) {//下降
|
|
|
+ dom = getStatusImg(3, value, 1)
|
|
|
+ } else {//正常
|
|
|
+ dom = getStatusImg(0, value, 1)
|
|
|
+ }
|
|
|
+ } else {//无最大最小值
|
|
|
+ dom = getStatusImg(1, value, 1)
|
|
|
+ }
|
|
|
if (val.questionDetailList.length > 0) {
|
|
|
return val.questionDetailList.map((item) => {
|
|
|
if (val.value == item.name) {
|
|
@@ -58,7 +84,7 @@ class PreviewBody extends Component {
|
|
|
}
|
|
|
})
|
|
|
} else {
|
|
|
- return <td className={style.assistTableTdSec}><span style={{ color: (val.value - 0).toString() == 'NaN' ? "red" : (val.maxValue || val.minValue) ? (val.value > val.maxValue || val.value < val.minValue ? "red" : null) : null }}>{val.value}</span> {val.labelSuffix}</td>
|
|
|
+ return <td className={style.assistTableTdSec}>{dom} {val.labelSuffix}</td>
|
|
|
}
|
|
|
}
|
|
|
|