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 @@
-
{{ key+1 }}
+
{{ key+1 }}
{{ item.message }}
{{ item.from }}
@@ -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)