# 优化查询

src/views/counter/detail.vue

@@ -133,6 +133,12 @@ export default {
           title: ['temperature', 'humidity']
         }
       },
+      deviceTempListQuery: {
+        device_id: undefined,
+        page: 1,
+        limit: 20,
+        ordering: '-create_time'
+      },
       listLoading: true,
       tempLoading: true,
       deviceLogs: [],
@@ -233,13 +239,17 @@ export default {
     },
     handleTempCurrentChange(page) {
       this.tempLoading = true
+      this.deviceTempListQuery.page = page
+      this.deviceTempListQuery.device_id = device_id
       const device_id = this.$store.getters.deviceID
-      this.getDeviceTempTableLog({ device_id, limit: 20, page })
+      this.getDeviceTempTableLog(this.deviceTempListQuery)
     },
     handleTempSizeChange(page) {
       this.tempLoading = true
+      this.deviceTempListQuery.page = page
+      this.deviceTempListQuery.device_id = device_id
       const device_id = this.$store.getters.deviceID
-      this.getDeviceTempTableLog({ device_id, limit: 20, page })
+      this.getDeviceTempTableLog(this.deviceTempListQuery)
     },
     handleTabClick(tab, event) {
       // console.log(tab, event)
@@ -257,10 +267,11 @@ export default {
   },
   created() {
     const device_id = this.$store.getters.deviceID
+    this.deviceTempListQuery.device_id = device_id
     this.getDevices({ device_id })
     this.getDeviceLogsTableHistory({ device_id, limit: 20 })
     this.getDeviceTempLog({ device_id, last_day: 1, limit: 30 })
-    this.getDeviceTempTableLog({ device_id, limit: 20 })
+    this.getDeviceTempTableLog(this.deviceTempListQuery)
   }
 }
 </script>