修改

index.html

@@ -4,7 +4,7 @@
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width,initial-scale=1.0">
     <meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1">
-    <title>新江湾城街道智联平台</title>
+    <title>新江湾城街道城市运行平台</title>
     <style>
       html {
         font-size: 16vh;

src/views/components/command.vue

@@ -39,7 +39,7 @@ export default {
   justify-content space-between
   align-items center
   .img
-    width .3rem
+    width .4rem
     height @width
   >div
     width 40%
@@ -51,7 +51,7 @@ export default {
         background #1E4063
         $flex-center()
         >img
-          width 80%
+          width 70%
       &:last-child
         flex 1.2
         background $cardBg

src/views/components/complaint-repair.vue

@@ -42,7 +42,7 @@ export default {
       },
       options: {
         legend: {
-          top: '10%',
+          top: '15%',
           formatter: (name) => {
             const data = this.$store.state.repairRate
             return `${name} ${(data.find(e => e.name === name)).value}件`

src/views/components/grid-management.vue

@@ -37,6 +37,7 @@ export default {
 <style lang="stylus" scoped>
 .grid-management
   display flex
+  padding-top .05rem
   >div
     display flex
     flex 1

src/views/components/house.vue

@@ -152,7 +152,7 @@ export default {
     display flex
     flex 1
     .chart
-      width 60%
+      width 55%
       height 100%
     .total
       display flex

src/views/components/land-population.vue

@@ -11,6 +11,7 @@
           <m-count v-else class="count" :value="child.value" :decimal="child.dec || 0"/>
           <span class="unit">{{child.unit}}</span>
           <img v-if="child.up" src="@/assets/images/up.png"/>
+          <img v-else-if="child.down" src="@/assets/images/down.png"/>
         </div>
       </div>
     </div>
@@ -44,10 +45,10 @@ export default {
         {
           label: label2 + '年末',
           data: [
-            {value: +area2 || 0, unit: 'k㎡', dec: 2, up: area2 > area1},
-            {value: +population2 || 0, unit: '人', up: population2 > population1},
-            {value: +density2 || 0, unit: '人/k㎡', up: density2 > density1},
-            {value: rate, unit: '%', dec: 2},
+            {value: +area2 || 0, unit: 'k㎡', dec: 2, up: area2 > area1, down: area2 < area1},
+            {value: +population2 || 0, unit: '人', up: population2 > population1, down: population2 < population1},
+            {value: +density2 || 0, unit: '人/k㎡', up: density2 > density1, down: density2 < density1},
+            {value: rate, unit: '%', dec: 2, down: true, },
           ]
         },
       ]
@@ -63,7 +64,7 @@ export default {
   .labels
     color $fontColor
     background $cardBg
-    padding .03rem
+    padding .03rem .05rem
     border .01rem dotted $fontColor
     margin-top 0.22rem
     display flex
@@ -73,7 +74,7 @@ export default {
       line-height .2rem
       margin-bottom .01rem
   .content
-    width 38%
+    width 36%
     height 100%
     display flex
     flex-direction column

src/views/main.vue

@@ -10,7 +10,7 @@
     :complete="complete"
   >
     <m-map ref="map" @complete="mapComplete" @event="handleMapClick"/>
-    <m-title area="title" :bgImg="require('@/assets/images/title-bg.png')">新江湾城街道智联平台</m-title>
+    <m-title area="title" :bgImg="require('@/assets/images/title-bg.png')">新江湾城街道城市运行平台</m-title>
     <m-animate enter="fadeInLeft" leave="fadeOutLeft">
       <LeftComponent v-show="!fullView" area="left"/>
     </m-animate>
@@ -55,6 +55,7 @@ export default {
   },
   data() {
     return {
+      timer: null,
       complete: false,
       fullView: false,
       videoModal: false,
@@ -179,18 +180,30 @@ export default {
       'handleList',
     ])
   },
+  beforeDestroy() {
+    clearInterval(this.timer)
+    this.timer = null
+  },
   methods: {
     ...mapActions([
       'initData', // 初始化获取首次加载所需的所有数据
+      'getDiscoverTrend',
+      'getRepairRate',
+      'getDiscoverInfo',
+      'getRepairInfo',
+      'getHandleList',
     ]),
     mapComplete() {
       this.init()
       this.initData()
       this.complete = true
-      // setTimeout(() => {
-      //   this.complete = true
-      //   this.init()
-      // }, 1000)
+      this.timer = setInterval(() => {
+        this.getDiscoverTrend()
+        this.getRepairRate()
+        this.getDiscoverInfo()
+        this.getRepairInfo()
+        this.getHandleList()
+      }, 1000 * 60 * 5)
     },
     init() {
       const {map} = this.$refs