From 8ac49caca9d370cdffaa92da4b9be18282105ab9 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=92=8B=E5=90=89=E5=85=86?= <303176530@qq.com>
Date: Tue, 21 Sep 2021 21:02:40 +0800
Subject: [PATCH] =?UTF-8?q?=E8=B0=83=E6=95=B4=E4=B8=8D=E5=90=8C=E5=B1=8F?=
 =?UTF-8?q?=E5=B9=95=E4=B8=8B=E7=9A=84=E5=85=BC=E5=AE=B9=E6=80=A7?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 web/src/view/dashboard/dashbordCharts/echartsLine.vue  | 4 ++--
 web/src/view/dashboard/dashbordTable/dashbordTable.vue | 6 ++++--
 web/src/view/layout/index.vue                          | 4 +++-
 3 files changed, 9 insertions(+), 5 deletions(-)

diff --git a/web/src/view/dashboard/dashbordCharts/echartsLine.vue b/web/src/view/dashboard/dashbordCharts/echartsLine.vue
index 7f184573..c9a3ecfc 100644
--- a/web/src/view/dashboard/dashbordCharts/echartsLine.vue
+++ b/web/src/view/dashboard/dashbordCharts/echartsLine.vue
@@ -67,7 +67,7 @@ export default {
       this.chart.setOption({
         grid: {
           left: '40',
-          right: '40',
+          right: '20',
           top: '40',
           bottom: '20',
         },
@@ -102,7 +102,7 @@ export default {
         series: [
           {
             type: 'bar',
-            barWidth: 40,
+            barWidth: '40%',
             itemStyle: {
               borderRadius: [5, 5, 0, 0],
               color: '#188df0',
diff --git a/web/src/view/dashboard/dashbordTable/dashbordTable.vue b/web/src/view/dashboard/dashbordTable/dashbordTable.vue
index d5963562..011126aa 100644
--- a/web/src/view/dashboard/dashbordTable/dashbordTable.vue
+++ b/web/src/view/dashboard/dashbordTable/dashbordTable.vue
@@ -5,7 +5,7 @@
     </div>
     <div class="log">
       <div v-for="(item,key) in dataTimeline" :key="key" class="log-item">
-        <div class="flex-1 flex"><span class="key" :class="key<3&&'top'">{{ key+1 }}</span></div>
+        <div class="flex-1 flex key-box"><span class="key" :class="key<3&&'top'">{{ key+1 }}</span></div>
         <div class="flex-5 flex message">{{ item.message }}</div>
         <div class="flex-3 flex form">{{ item.from }}</div>
       </div>
@@ -58,8 +58,10 @@ export default {
         display: flex;
         justify-content: space-between;
         margin-top: 14px;
+        .key-box{
+          justify-content: center;
+        }
         .key{
-          margin-left: 12px;
           &.top{
             background: #314659;
             color: #FFFFFF;;
diff --git a/web/src/view/layout/index.vue b/web/src/view/layout/index.vue
index f213087b..4ac0bfbf 100644
--- a/web/src/view/layout/index.vue
+++ b/web/src/view/layout/index.vue
@@ -160,7 +160,7 @@ export default {
       return this.$route.matched
     }
   },
-  mounted() {
+  created() {
     const screenWidth = document.body.clientWidth
     if (screenWidth < 1000) {
       this.isMobile = true
@@ -175,6 +175,8 @@ export default {
       this.isSider = true
       this.isCollapse = false
     }
+  },
+  mounted() {
     emitter.emit('collapse', this.isCollapse)
     emitter.emit('mobile', this.isMobile)
     emitter.on('reload', this.reload)