diff --git a/pages/web/js/main.js b/pages/web/js/main.js
index 6ebd45b..6ab60ab 100644
--- a/pages/web/js/main.js
+++ b/pages/web/js/main.js
@@ -147,8 +147,13 @@ function initDeviceStatus() {
 
     const url = '/screen/largeScreen/scIndex/deviceStatus'
     loader.get(url, null, function (res) {
-        res.data.valueList.forEach(item => {
-            console.log(item)
+
+        const {allTotalNum, onlineTotalNum, offTotalNum, valueList} = res.data;
+        $('#device-status__total').text(allTotalNum)
+        $('#device-status__online').text(onlineTotalNum)
+        $('#device-status__offline').text(offTotalNum)
+
+        valueList.forEach(item => {
             const {proName, totalNum, onlineNum, offLineNum} = item
             xLabel.push(proName)
             data1.push(totalNum)
diff --git a/pages/web/views/main.html b/pages/web/views/main.html
index d2258dd..40cb6ed 100644
--- a/pages/web/views/main.html
+++ b/pages/web/views/main.html
@@ -106,15 +106,15 @@
             <div id="device-status">
                 <div class="device-status-text">
                     <p>
-                        总设备：<span>999</span>
+                        总设备：<span id="device-status__total">999</span>
                     </p>
                     &emsp;
                     <p style="color: #34FEE5">
-                        在线：<span>999</span>
+                        在线：<span id="device-status__online">999</span>
                     </p>
                     &emsp;
                     <p style="color: #FF8845">
-                        不在线：<span>999</span>
+                        不在线：<span id="device-status__offline">999</span>
                     </p>
                 </div>
                 <div id="device-status-chart">