|
@@ -5,7 +5,7 @@ import { getToken, UnityAction } from '@/utils/utils';
|
|
import { LoadingOutlined } from '@ant-design/icons';
|
|
import { LoadingOutlined } from '@ant-design/icons';
|
|
import { connect, useParams, useRequest } from '@umijs/max';
|
|
import { connect, useParams, useRequest } from '@umijs/max';
|
|
import dayjs from 'dayjs';
|
|
import dayjs from 'dayjs';
|
|
-import { useEffect } from 'react';
|
|
|
|
|
|
+import { useEffect, useState } from 'react';
|
|
import { getScadaPage } from '../../services/OperationManagement';
|
|
import { getScadaPage } from '../../services/OperationManagement';
|
|
import styles from './index.less';
|
|
import styles from './index.less';
|
|
|
|
|
|
@@ -13,6 +13,7 @@ const HomePage = (props) => {
|
|
const { projectId } = useParams();
|
|
const { projectId } = useParams();
|
|
const { data } = useRequest(queryConditionSnapshot, {
|
|
const { data } = useRequest(queryConditionSnapshot, {
|
|
defaultParams: [{ project_id: projectId }],
|
|
defaultParams: [{ project_id: projectId }],
|
|
|
|
+ pollingInterval: 10 * 1000,
|
|
});
|
|
});
|
|
|
|
|
|
const getPositionPst = (e) => {
|
|
const getPositionPst = (e) => {
|
|
@@ -150,13 +151,14 @@ const WaterQuality = (props) => {
|
|
<Title title="水质监测" />
|
|
<Title title="水质监测" />
|
|
<div className={styles.boxTip}>水质监测较好</div>
|
|
<div className={styles.boxTip}>水质监测较好</div>
|
|
<ul>
|
|
<ul>
|
|
- <li>
|
|
|
|
- <div className={styles.valueLong}>{getValue(data?.dsan)}</div>
|
|
|
|
- <div className={styles.btn1}>出水余氯(ppm)</div>
|
|
|
|
|
|
+ <li style={{ width: '60%' }}>
|
|
|
|
+ <div className={styles.valueLong}>{getValue(data?.dtds)}</div>
|
|
|
|
+ <div className={styles.btn1}>外供水电导率(µs/cm)</div>
|
|
</li>
|
|
</li>
|
|
- <li>
|
|
|
|
- <div className={styles.valueLong}>{getValue(data?.dtur)}</div>
|
|
|
|
- <div className={styles.btn2}>出水浊度(NTU)</div>
|
|
|
|
|
|
+
|
|
|
|
+ <li style={{ width: '40%' }}>
|
|
|
|
+ <div className={styles.valueLong}>{data?.dph || 0}</div>
|
|
|
|
+ <div className={styles.btn2}>外供水(PH)</div>
|
|
</li>
|
|
</li>
|
|
</ul>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
@@ -230,6 +232,10 @@ const Electric = (props) => {
|
|
>
|
|
>
|
|
<Title title="能耗监测" />
|
|
<Title title="能耗监测" />
|
|
<ul>
|
|
<ul>
|
|
|
|
+ <li>
|
|
|
|
+ <div className={styles.value}>{getValue(data?.elec_unit)}</div>
|
|
|
|
+ <div className={styles.btn1}>吨水电耗(KWh/m³)</div>
|
|
|
|
+ </li>
|
|
<li>
|
|
<li>
|
|
<div className={styles.value}>{getValue(data?.elec)}</div>
|
|
<div className={styles.value}>{getValue(data?.elec)}</div>
|
|
<div className={styles.btn1}>用电量(KWh/h)</div>
|
|
<div className={styles.btn1}>用电量(KWh/h)</div>
|
|
@@ -242,6 +248,7 @@ const Electric = (props) => {
|
|
const Medicine = () => {
|
|
const Medicine = () => {
|
|
const { projectId } = useParams();
|
|
const { projectId } = useParams();
|
|
const time = dayjs().format('YYYY-MM');
|
|
const time = dayjs().format('YYYY-MM');
|
|
|
|
+ const [open, setOpen] = useState(false);
|
|
|
|
|
|
const { data } = useRequest(getComparisonData, {
|
|
const { data } = useRequest(getComparisonData, {
|
|
defaultParams: [
|
|
defaultParams: [
|
|
@@ -257,17 +264,30 @@ const Medicine = () => {
|
|
return res[0];
|
|
return res[0];
|
|
},
|
|
},
|
|
});
|
|
});
|
|
|
|
+ const title = (
|
|
|
|
+ <>
|
|
|
|
+ 药耗监测
|
|
|
|
+ <div
|
|
|
|
+ onClick={(e) => {
|
|
|
|
+ e.stopPropagation();
|
|
|
|
+ setOpen(!open);
|
|
|
|
+ }}
|
|
|
|
+ style={{ marginLeft: 10 }}
|
|
|
|
+ className={`password-eye ${open ? 'open' : ''}`}
|
|
|
|
+ ></div>
|
|
|
|
+ </>
|
|
|
|
+ );
|
|
|
|
|
|
return (
|
|
return (
|
|
<div
|
|
<div
|
|
className={styles.medicine}
|
|
className={styles.medicine}
|
|
onClick={() => UnityAction.sendMsg('menuItem', '药耗监测')}
|
|
onClick={() => UnityAction.sendMsg('menuItem', '药耗监测')}
|
|
>
|
|
>
|
|
- <Title title="药耗监测" />
|
|
|
|
|
|
+ <Title title={title} />
|
|
<ul>
|
|
<ul>
|
|
<li>
|
|
<li>
|
|
<div className={styles.valueLong}>
|
|
<div className={styles.valueLong}>
|
|
- {data?.value?.toFixed(2) || '-'}
|
|
|
|
|
|
+ {open ? data?.value?.toFixed(2) : '*****'}
|
|
</div>
|
|
</div>
|
|
<div className={styles.btn1}>当月吨水药成本(元)</div>
|
|
<div className={styles.btn1}>当月吨水药成本(元)</div>
|
|
</li>
|
|
</li>
|