diff --git a/src/assets/css/screen.scss b/src/assets/css/screen.scss index 82e31ec..3643ec5 100644 --- a/src/assets/css/screen.scss +++ b/src/assets/css/screen.scss @@ -37,6 +37,7 @@ } .wrap { width: 100%; + min-height: calc(100vh - 61px); padding-top: 30px; color:#333; background: url('../../assets/img/screen/screen1.jpg') no-repeat; @@ -368,7 +369,7 @@ } .data_content .data_main .main_left>div{ width: 100%; - height: 280px; + height: 340px; box-sizing: border-box; border: 1px solid #2C58A6; position: relative; @@ -399,7 +400,9 @@ margin-right: 10px; } } - +.chart { + height: 330px; +} .data_content .data_main .main_center{ width: 52%; height: 610px; @@ -407,10 +410,8 @@ } .data_content .data_main .main_center .center_text{ width: calc(100% - 50px); - height: 350px; - margin-left: 25px; - margin-right: 25px; - box-sizing: border-box; + height: 340px; + margin: 0 25px 50px; border: 1px solid #2C58A6; box-shadow: 0px 0px 6px #2C58A6; position: relative; @@ -479,7 +480,7 @@ } .data_content .data_main .main_right>div{ width: 100%; - height: 280px; + height: 340px; box-sizing: border-box; border: 1px solid #2C58A6; position: relative; diff --git a/src/components/page/HomePage.vue b/src/components/page/HomePage.vue index 901c412..5c3ea6e 100644 --- a/src/components/page/HomePage.vue +++ b/src/components/page/HomePage.vue @@ -29,7 +29,7 @@ 今日新增业务申请数量 {{allApply}} -
+
@@ -56,7 +56,7 @@
-
+
@@ -81,9 +81,9 @@ {{ month+'月新增业务数量趋势图' }}
-
+
-
+
@@ -176,7 +176,7 @@ 今日访问次数
-
+
@@ -203,7 +203,7 @@ 登录用户趋势图
-
+
@@ -415,7 +415,7 @@ export default { name: '申请业务数量', type: 'pie', radius: '50%', - center: ['50%', '60%'], + center: ['50%', '53%'], legendHoverLink:true, hoverAnimation:true, data: [ @@ -561,14 +561,26 @@ export default { if (chart) { const myChart = this.$echarts.init(chart) const option = { - // backgroundColor: '#fff', title: { - text: '今日访问次数', - top: '11%', - left: 'center', - textStyle: { - color: '#fff', - fontSize: '16' + text:this.countSum, + right:"center", + top:"60%", + textStyle:{ + color: 'rgba(32, 186, 211, 1)', + fontSize: 40, + align:"center" + } + }, + graphic:{ + type:"text", + left:"center", + top:"50%", + style:{ + text: '今日访问次数', + textAlign:"center", + fill: 'rgba(177, 79, 211, .7)', + fontSize: 18, + fontWeight:700 } }, tooltip: {