硬件控制

src/pages/HardwareController/AirConditioner.js

@@ -28,25 +28,25 @@ const Work = (props) => {
             src={require('@/assets/air-conditioner.png')}
           />
           <div>
-            <div className={styles.number}>23</div>
+            <div className={styles.number}>{data?.pagination?.total}</div>
             空调数量
           </div>
         </div>
         <div className={styles.right}>
           <div className={styles.row}>
-            <i className={styles.icon}></i> 在线：137
+            <i className={styles.icon}></i> 在线：{data?.online_count}
           </div>
           <div className={styles.row}>
-            <i className={`${styles.icon} ${styles.error}`}></i> 在线：137
+            <i className={`${styles.icon} ${styles.error}`}></i> 故障：{data?.fault_count}
           </div>
           <div className={styles.row}>
-            <i className={`${styles.icon} ${styles.offline}`}></i> 在线：137
+            <i className={`${styles.icon} ${styles.offline}`}></i> 离线：{data?.offline_count}
           </div>
         </div>
       </div>
       <Spin spinning={loading}>
         {data?.list?.map((item) => (
-          <div className={`card-box ${styles.item}`}>
+          <div key={item.id} className={`card-box ${styles.item}`}>
             <i className={`${styles.icon} ${getIconStatus(item.status)}`}></i>{' '}
             {item.name}
           </div>

src/pages/HardwareController/Light.js

@@ -2,6 +2,7 @@ import PageContent from '@/components/PageContent';
 import PageTitle from '@/components/PageTitle';
 import { queryLightList } from '@/services/HardwareController';
 import { useParams, useRequest } from '@umijs/max';
+import { Spin } from 'antd';
 import styles from './index.less';
 
 const Work = (props) => {
@@ -27,25 +28,25 @@ const Work = (props) => {
             src={require('@/assets/air-conditioner.png')}
           />
           <div>
-            <div className={styles.number}>23</div>
+            <div className={styles.number}>{data?.pagination?.total}</div>
             照明数量
           </div>
         </div>
         <div className={styles.right}>
           <div className={styles.row}>
-            <i className={styles.icon}></i> 在线：137
+            <i className={styles.icon}></i> 在线：{data?.online_count}
           </div>
           <div className={styles.row}>
-            <i className={`${styles.icon} ${styles.error}`}></i> 在线：137
+            <i className={`${styles.icon} ${styles.error}`}></i> 故障：{data?.fault_count}
           </div>
           <div className={styles.row}>
-            <i className={`${styles.icon} ${styles.offline}`}></i> 在线：137
+            <i className={`${styles.icon} ${styles.offline}`}></i> 离线：{data?.offline_count}
           </div>
         </div>
       </div>
       <Spin spinning={loading}>
         {data?.list?.map((item) => (
-          <div className={`card-box ${styles.item}`}>
+          <div key={item.id} className={`card-box ${styles.item}`}>
             <i className={`${styles.icon} ${getIconStatus(item.status)}`}></i>{' '}
             {item.name}
           </div>

src/services/HardwareController.js

@@ -2,11 +2,11 @@ import { request } from 'umi';
 
 export async function queryIotList(project_id) {
   return request(`/api/iot/v1/aircon/list`, {
-    data: { project_id },
+    params: { project_id },
   });
 }
 export async function queryLightList(project_id) {
   return request(`/api/iot/v1/lamp/list`, {
-    data: { project_id },
+    params: { project_id },
   });
 }