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