|
@@ -1,3 +1,5 @@
|
|
|
+import PageContent from '@/components/PageContent';
|
|
|
+import PageTitle from '@/components/PageTitle';
|
|
|
import { queryConditionSnapshot } from '@/services/SmartOps';
|
|
|
import { history, useParams, useRequest } from '@umijs/max';
|
|
|
import { Button, Col, Row } from 'antd';
|
|
@@ -14,17 +16,17 @@ const Work = (props) => {
|
|
|
initialData: {},
|
|
|
});
|
|
|
|
|
|
- console.log(data)
|
|
|
+ console.log(data);
|
|
|
|
|
|
return (
|
|
|
- <div>
|
|
|
+ <PageContent>
|
|
|
+ <PageTitle>水厂工况</PageTitle>
|
|
|
<div className={styles.score}>
|
|
|
<CircleScore>
|
|
|
{data?.score}
|
|
|
<div style={{ fontSize: 18 }}>{data?.grade}</div>
|
|
|
</CircleScore>
|
|
|
<div className={styles.scoreRight}>
|
|
|
- {/* <h3>新水岛当前运行良好,可继续优化</h3> */}
|
|
|
<h3>当前运行{data?.grade},可继续优化</h3>
|
|
|
<div className={styles.time}>{data?.clac_time}</div>
|
|
|
{data?.score && (
|
|
@@ -50,14 +52,6 @@ const Work = (props) => {
|
|
|
>
|
|
|
工况检测
|
|
|
</Button>
|
|
|
- {/* <Button
|
|
|
- type="primary"
|
|
|
- onClick={() =>
|
|
|
- history.push(`/smart/params/${projectId}`)
|
|
|
- }
|
|
|
- >
|
|
|
- 工况模拟
|
|
|
- </Button> */}
|
|
|
</div>
|
|
|
</div>
|
|
|
<Row gutter={16}>
|
|
@@ -119,55 +113,55 @@ const Work = (props) => {
|
|
|
</ul>
|
|
|
</div>
|
|
|
</Col>
|
|
|
- </Row>
|
|
|
- <Row gutter={16}>
|
|
|
<Col span={12}>
|
|
|
<div className={styles.card2}>
|
|
|
- <h3>能耗数据</h3>
|
|
|
+ <h3>
|
|
|
+ 成本数据
|
|
|
+ <div
|
|
|
+ onClick={() => setOpen(!open)}
|
|
|
+ className={`password-eye ${open ? 'open' : ''}`}
|
|
|
+ ></div>
|
|
|
+ </h3>
|
|
|
<ul>
|
|
|
<li>
|
|
|
- <i></i>吨水电耗:{data?.elec_unit}
|
|
|
+ <i></i>吨水药成本:{open ? data?.otc_cost_unit : '*******'}
|
|
|
</li>
|
|
|
<li>
|
|
|
- <i></i>用电量:{data?.elec}
|
|
|
+ <i></i>吨水电成本:{open ? data?.elec_cost_unit : '*******'}
|
|
|
</li>
|
|
|
</ul>
|
|
|
</div>
|
|
|
</Col>
|
|
|
+ </Row>
|
|
|
+ <Row gutter={16}>
|
|
|
<Col span={12}>
|
|
|
<div className={styles.card2}>
|
|
|
- <h3>药耗数据</h3>
|
|
|
+ <h3>能耗数据</h3>
|
|
|
<ul>
|
|
|
<li>
|
|
|
- <i></i>吨水药耗:{data?.otc_unit}
|
|
|
+ <i></i>吨水电耗:{data?.elec_unit}
|
|
|
</li>
|
|
|
<li>
|
|
|
- <i></i>药量:{data?.otc}
|
|
|
+ <i></i>用电量:{data?.elec}
|
|
|
</li>
|
|
|
</ul>
|
|
|
</div>
|
|
|
</Col>
|
|
|
<Col span={12}>
|
|
|
<div className={styles.card2}>
|
|
|
- <h3>
|
|
|
- 成本数据
|
|
|
- <div
|
|
|
- onClick={() => setOpen(!open)}
|
|
|
- className={`eye ${open ? 'open' : ''}`}
|
|
|
- ></div>
|
|
|
- </h3>
|
|
|
+ <h3>药耗数据</h3>
|
|
|
<ul>
|
|
|
<li>
|
|
|
- <i></i>吨水药成本:{open ? data?.otc_cost_unit : '*******'}
|
|
|
+ <i></i>吨水药耗:{data?.otc_unit}
|
|
|
</li>
|
|
|
<li>
|
|
|
- <i></i>吨水电成本:{open ? data?.elec_cost_unit : '*******'}
|
|
|
+ <i></i>药量:{data?.otc}
|
|
|
</li>
|
|
|
</ul>
|
|
|
</div>
|
|
|
</Col>
|
|
|
</Row>
|
|
|
- </div>
|
|
|
+ </PageContent>
|
|
|
);
|
|
|
};
|
|
|
|