调整格式

src/App.vue

@@ -5,6 +5,11 @@
 </template>
 
 <script lang="ts">
+import { defineComponent } from 'vue'
+
+export default defineComponent({
+  name: 'app',
+})
 </script>
 
 <style scoped>

src/components/heat.vue

@@ -3,13 +3,12 @@
     <div class="title-value">
       <div class="word">仓库热力图</div>
     </div>
-    <img :src="src" :style="{ width: '84%', height: '82%',margin: '9% 8%' }" v-if="src" />
+    <img :src="src" :style="{ width: '84%', height: '70%',margin: '9% 8%' }" v-if="src" />
   </div>
 </template>
 
 <script lang="ts">
 import { defineComponent } from 'vue'
-import * as echarts from 'echarts'
 import { getHeatImaging } from 'api/api'
 
 export default defineComponent({
@@ -21,11 +20,16 @@ export default defineComponent({
     }
   },
 
+  created() {
+    setInterval(() => {
+      // 获取数据
+      this.getHeatImaging()
+    }, 5000)
+  },
+
   mounted() {
     // 获取数据
     this.getHeatImaging()
-    // 绘制图表
-    // this.getOptions()
   },
 
   methods: {
@@ -34,8 +38,8 @@ export default defineComponent({
      */
     async getHeatImaging() {
       try {
-        // const param = { id: '' }
-        const data = await getHeatImaging()
+        const param = {}
+        const data = await getHeatImaging(param)
         this.src = data.imageData
       } catch (error) {
         console.log('error: ', error)

src/components/toolbar.vue

@@ -119,6 +119,15 @@ export default defineComponent({
       if (strDate >= 0 && strDate <= 9) {
         strDate = '0' + strDate
       }
+      if (hour >= 1 && hour <= 9) {
+        hour = '0' + hour
+      }
+      if (minutes >= 1 && minutes <= 9) {
+        minutes = '0' + minutes
+      }
+      if (seconds >= 1 && seconds <= 9) {
+        seconds = '0' + seconds
+      }
       this.time =
         year +
         seperator1 +