样式改动

src/pages/Projects/index.js

@@ -14,6 +14,8 @@ const Projects = () => {
       // return res?.data?.list?.filter((item) => item?.Stage == 3);
       var list = [];
       res.data.forEach((item) => {
+        // 使用水厂名替代项目名
+        item.List.forEach(item => item.Name = item.WaterName)
         list = list.concat(item.List);
       });
       return list;

src/pages/Smart/index.js

@@ -5,7 +5,6 @@ import { history, useParams, useRequest } from '@umijs/max';
 import { Button, Col, Row } from 'antd';
 import dayjs from 'dayjs';
 import { useState } from 'react';
-import CircleScore from './components/CircleScore';
 import styles from './index.less';
 
 const Work = (props) => {
@@ -22,10 +21,12 @@ const Work = (props) => {
       <PageTitle>水厂工况</PageTitle>
       {/* <div className="content-title"> */}
       <div className={styles.score}>
-        <CircleScore big>
+        {/* <CircleScore big> */}
+        <div className={styles.circle}>
           {data?.score?.toFixed(2)}
           <div style={{ fontSize: '0.24rem' }}>{data?.grade}</div>
-        </CircleScore>
+        </div>
+        {/* </CircleScore> */}
         <div className={styles.scoreRight}>
           <h3>当前运行{data?.grade}，可继续优化</h3>
           <div className={styles.time}>
@@ -57,7 +58,7 @@ const Work = (props) => {
           </Button>
         </div>
       </div>
-      <Row gutter={10}>
+      <Row gutter={30}>
         <Col span={12}>
           <div className={styles.card}>
             <h3>进水数据</h3>

src/pages/Smart/index.less

@@ -29,11 +29,23 @@
     font-size: 0.22rem;
   }
 }
+.circle {
+  width: 1.94rem;
+  height: 1.94rem;
+  text-align: center;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  background: url('@/assets/home-circle.png') no-repeat center;
+  background-size: 100% 100%;
+  font-size: 0.34rem;
+  font-weight: bold;
+}
 
 .card {
   border-radius: 0.08rem;
   box-shadow: 0rem 0rem 0.08rem 0.02rem rgba(191, 191, 191, 0.2);
-  padding: 0.3rem ;
+  padding: 0.3rem;
   border: 0.01rem solid #eee;
   background: rgb(255, 255, 255);
   margin-bottom: 0.4rem;