wangzhe hai 1 ano
pai
achega
fa3f1b824f
Modificáronse 2 ficheiros con 394 adicións e 394 borrados
  1. 193 193
      src/components/Leftnav.vue
  2. 201 201
      src/components/Rightnav.vue

+ 193 - 193
src/components/Leftnav.vue

@@ -1,196 +1,196 @@
 <template>
-  <div class="nav">
-	  <div class="nav-cont">
-		  <div class="nav-tit">
-			  <div class="nav-circle">
-				  <img src="../assets/images/yj-tity1.png" />
-			  </div>
-			  <p>市指挥部</p>
-		  </div>
-		  <div class="left-table">
-			  <div class="bz-name">
-				  <img src="../assets/images/yj-navimg2.png"/>
-				  <p>班长</p>
-			  </div>
-			  <div class="bz-table">
-				  <div class="bz-head">
-					  <span>序号</span>
-					  <span>姓名</span>
-					  <span>电话</span>
-				  </div>
-				  <div class="scroll h-16">
-					  <div class="bz-td">
-						  <span>01</span>
-						  <span>王&nbsp;&nbsp;&nbsp;毅</span>
-						  <span>15689963655</span>
-					  </div>
-					  <div class="bz-td">
-						  <span>02</span>
-						  <span>周&nbsp;&nbsp;&nbsp;晓</span>
-						  <span>15689996355</span>
-					  </div>
-					  <div class="bz-td">
-						  <span>03</span>
-						  <span>孙美玲</span>
-						  <span>15678563254</span>
-					  </div>
-					  <div class="bz-td">
-						  <span>04</span>
-						  <span>王&nbsp;&nbsp;&nbsp;丽</span>
-						  <span>15963325636</span>
-					  </div>
-					  <div class="bz-td">
-						  <span>05</span>
-						  <span>崔&nbsp;&nbsp;&nbsp;松</span>
-						  <span>13856988745</span>
-					  </div>
-					  <div class="bz-td">
-						  <span>03</span>
-						  <span>孙美玲</span>
-						  <span>15678563254</span>
-					  </div>
-					  <div class="bz-td">
-						  <span>04</span>
-						  <span>王&nbsp;&nbsp;&nbsp;丽</span>
-						  <span>15963325636</span>
-					  </div>
-					  <div class="bz-td">
-						  <span>05</span>
-						  <span>崔&nbsp;&nbsp;&nbsp;松</span>
-						  <span>13856988745</span>
-					  </div>
+	<div class="nav">
+		<div class="nav-cont">
+			<div class="nav-tit">
+				<div class="nav-circle">
+					<img src="../assets/images/yj-tity1.png" />
+				</div>
+				<p>市指挥部</p>
+			</div>
+			<div class="left-table">
+				<div class="bz-name">
+					<img src="../assets/images/yj-navimg2.png"/>
+					<p>班长</p>
+				</div>
+				<div class="bz-table">
+					<div class="bz-head">
+						<span>序号</span>
+						<span>姓名</span>
+						<span>电话</span>
 					</div>
-			  </div>
-		  </div>
-		  <div class="nav-tit">
-		  			  <div class="nav-circle">
-		  				  <img src="../assets/images/yj-tity1.png" />
-		  			  </div>
-		  			  <p>县区指挥部</p>
-		  </div>
-		  <h6 class="nav-wz"><i class="iconfont yj-icon-weizhi"></i>大王县</h6>
-		  <div class="left-table">
-		  			  <div class="bz-name">
-		  				  <img src="../assets/images/yj-navimg2.png"/>
-		  				  <p>班长</p>
-		  			  </div>
-		  			  <div class="bz-table">
-		  				  <div class="bz-head">
-		  					  <span>序号</span>
-		  					  <span>姓名</span>
-		  					  <span>电话</span>
-		  				  </div>
-		  				  <div class="scroll h-16">
-		  					  <div class="bz-td">
-		  						  <span>01</span>
-		  						  <span>王&nbsp;&nbsp;&nbsp;毅</span>
-		  						  <span>15689963655</span>
-		  					  </div>
-		  					  <div class="bz-td">
-		  						  <span>02</span>
-		  						  <span>周&nbsp;&nbsp;&nbsp;晓</span>
-		  						  <span>15689996355</span>
-		  					  </div>
-		  					  <div class="bz-td">
-		  						  <span>03</span>
-		  						  <span>孙美玲</span>
-		  						  <span>15678563254</span>
-		  					  </div>
-		  					  <div class="bz-td">
-		  						  <span>04</span>
-		  						  <span>王&nbsp;&nbsp;&nbsp;丽</span>
-		  						  <span>15963325636</span>
-		  					  </div>
-		  					  <div class="bz-td">
-		  						  <span>05</span>
-		  						  <span>崔&nbsp;&nbsp;&nbsp;松</span>
-		  						  <span>13856988745</span>
-		  					  </div>
-		  					  <div class="bz-td">
-		  						  <span>03</span>
-		  						  <span>孙美玲</span>
-		  						  <span>15678563254</span>
-		  					  </div>
-		  					  <div class="bz-td">
-		  						  <span>04</span>
-		  						  <span>王&nbsp;&nbsp;&nbsp;丽</span>
-		  						  <span>15963325636</span>
-		  					  </div>
-		  					  <div class="bz-td">
-		  						  <span>05</span>
-		  						  <span>崔&nbsp;&nbsp;&nbsp;松</span>
-		  						  <span>13856988745</span>
-		  					  </div>
-		  					</div>
-		  			  </div>
-		  </div>
-		  <h6 class="nav-wz"><i class="iconfont yj-icon-weizhi"></i>小王庄</h6>
-		  <div class="left-table">
-		  			  <div class="bz-name">
-		  				  <img src="../assets/images/yj-navimg2.png"/>
-		  				  <p>班长</p>
-		  			  </div>
-		  			  <div class="bz-table">
-		  				  <div class="bz-head">
-		  					  <span>序号</span>
-		  					  <span>姓名</span>
-		  					  <span>电话</span>
-		  				  </div>
-		  				  <div class="scroll h-16">
-		  					  <div class="bz-td">
-		  						  <span>01</span>
-		  						  <span>王&nbsp;&nbsp;&nbsp;毅</span>
-		  						  <span>15689963655</span>
-		  					  </div>
-		  					  <div class="bz-td">
-		  						  <span>02</span>
-		  						  <span>周&nbsp;&nbsp;&nbsp;晓</span>
-		  						  <span>15689996355</span>
-		  					  </div>
-		  					  <div class="bz-td">
-		  						  <span>03</span>
-		  						  <span>孙美玲</span>
-		  						  <span>15678563254</span>
-		  					  </div>
-		  					  <div class="bz-td">
-		  						  <span>04</span>
-		  						  <span>王&nbsp;&nbsp;&nbsp;丽</span>
-		  						  <span>15963325636</span>
-		  					  </div>
-		  					  <div class="bz-td">
-		  						  <span>05</span>
-		  						  <span>崔&nbsp;&nbsp;&nbsp;松</span>
-		  						  <span>13856988745</span>
-		  					  </div>
-		  					  <div class="bz-td">
-		  						  <span>03</span>
-		  						  <span>孙美玲</span>
-		  						  <span>15678563254</span>
-		  					  </div>
-		  					  <div class="bz-td">
-		  						  <span>04</span>
-		  						  <span>王&nbsp;&nbsp;&nbsp;丽</span>
-		  						  <span>15963325636</span>
-		  					  </div>
-		  					  <div class="bz-td">
-		  						  <span>05</span>
-		  						  <span>崔&nbsp;&nbsp;&nbsp;松</span>
-		  						  <span>13856988745</span>
-		  					  </div>
-		  					</div>
-		  			  </div>
-		  </div>
-	  </div>
-  </div>
+					<div class="scroll h-16">
+						<div class="bz-td">
+							<span>01</span>
+							<span>王&nbsp;&nbsp;&nbsp;毅</span>
+							<span>15689963655</span>
+						</div>
+						<div class="bz-td">
+							<span>02</span>
+							<span>周&nbsp;&nbsp;&nbsp;晓</span>
+							<span>15689996355</span>
+						</div>
+						<div class="bz-td">
+							<span>03</span>
+							<span>孙美玲</span>
+							<span>15678563254</span>
+						</div>
+						<div class="bz-td">
+							<span>04</span>
+							<span>王&nbsp;&nbsp;&nbsp;丽</span>
+							<span>15963325636</span>
+						</div>
+						<div class="bz-td">
+							<span>05</span>
+							<span>崔&nbsp;&nbsp;&nbsp;松</span>
+							<span>13856988745</span>
+						</div>
+						<div class="bz-td">
+							<span>06</span>
+							<span>于洪富</span>
+							<span>15904468899</span>
+						</div>
+						<div class="bz-td">
+							<span>07</span>
+							<span>李凤武</span>
+							<span>13351508889</span>
+						</div>
+						<div class="bz-td">
+							<span>08</span>
+							<span>李双旭</span>
+							<span>13331658988</span>
+						</div>
+					</div>
+				</div>
+			</div>
+			<div class="nav-tit">
+				<div class="nav-circle">
+					<img src="../assets/images/yj-tity1.png" />
+				</div>
+				<p>县区指挥部</p>
+			</div>
+			<h6 class="nav-wz"><i class="iconfont yj-icon-weizhi"></i>东兴县</h6>
+			<div class="left-table">
+				<div class="bz-name">
+					<img src="../assets/images/yj-navimg2.png"/>
+					<p>班长</p>
+				</div>
+				<div class="bz-table">
+					<div class="bz-head">
+						<span>序号</span>
+						<span>姓名</span>
+						<span>电话</span>
+					</div>
+					<div class="scroll h-16">
+						<div class="bz-td">
+							<span>01</span>
+							<span>陆长吉</span>
+							<span>13596109074</span>
+						</div>
+						<div class="bz-td">
+							<span>02</span>
+							<span>王淑芬</span>
+							<span>13943054203</span>
+						</div>
+						<div class="bz-td">
+							<span>03</span>
+							<span>李健英</span>
+							<span>13354305001</span>
+						</div>
+						<div class="bz-td">
+							<span>04</span>
+							<span>刘&nbsp;&nbsp;&nbsp;铁</span>
+							<span>13244318887</span>
+						</div>
+						<div class="bz-td">
+							<span>05</span>
+							<span>许德新</span>
+							<span>13596192378</span>
+						</div>
+						<div class="bz-td">
+							<span>06</span>
+							<span>丁国富</span>
+							<span>15843109515</span>
+						</div>
+						<div class="bz-td">
+							<span>07</span>
+							<span>张丽宝</span>
+							<span>13756289955</span>
+						</div>
+						<div class="bz-td">
+							<span>08</span>
+							<span>刘洪吉</span>
+							<span>15643712332</span>
+						</div>
+					</div>
+				</div>
+			</div>
+			<h6 class="nav-wz"><i class="iconfont yj-icon-weizhi"></i>长胜县</h6>
+			<div class="left-table">
+				<div class="bz-name">
+					<img src="../assets/images/yj-navimg2.png"/>
+					<p>班长</p>
+				</div>
+				<div class="bz-table">
+					<div class="bz-head">
+						<span>序号</span>
+						<span>姓名</span>
+						<span>电话</span>
+					</div>
+					<div class="scroll h-16">
+						<div class="bz-td">
+							<span>01</span>
+							<span>徐&nbsp;&nbsp;&nbsp;多</span>
+							<span>13756614567</span>
+						</div>
+						<div class="bz-td">
+							<span>02</span>
+							<span>鲁&nbsp;&nbsp;&nbsp;晶</span>
+							<span>13944919611</span>
+						</div>
+						<div class="bz-td">
+							<span>03</span>
+							<span>赵淑芬</span>
+							<span>13199107629</span>
+						</div>
+						<div class="bz-td">
+							<span>04</span>
+							<span>郑&nbsp;&nbsp;&nbsp;玲</span>
+							<span>13944191043</span>
+						</div>
+						<div class="bz-td">
+							<span>05</span>
+							<span>佟&nbsp;&nbsp;&nbsp;佟</span>
+							<span>13943139381</span>
+						</div>
+						<div class="bz-td">
+							<span>06</span>
+							<span>许久康</span>
+							<span>19975872187</span>
+						</div>
+						<div class="bz-td">
+							<span>07</span>
+							<span>刘新新</span>
+							<span>13086861398</span>
+						</div>
+						<div class="bz-td">
+							<span>08</span>
+							<span>马永生</span>
+							<span>17037468333</span>
+						</div>
+					</div>
+				</div>
+			</div>
+		</div>
+	</div>
 </template>
 
 <script>
-export default {
-  name: 'Leftnav',
-  props: {
-	  
-  }
-}
+	export default {
+		name: 'Leftnav',
+		props: {
+
+		}
+	}
 </script>
 
 <!-- Add "scoped" attribute to limit CSS to this component only -->
@@ -211,7 +211,7 @@ export default {
 		margin-top: 10vh;
 		margin: 8vh 0px 0px 15px;
 	}
-	
+
 	.left-table{
 		display: flex;
 		flex-direction: row;
@@ -233,7 +233,7 @@ export default {
 	.bz-table{
 		width: 100%;
 	}
-	
+
 	.bz-table .bz-head{
 		background: rgb(27, 55, 113,0.8);
 		width: 100%;
@@ -273,7 +273,7 @@ export default {
 	.bz-table .bz-td span:nth-child(3){
 		width: 50%;
 	}
-	
+
 	.nav-wz{
 		font-size: 16px;
 		color: #46e7ff;
@@ -283,6 +283,6 @@ export default {
 	.nav-wz i{
 		margin-right: 4px;
 	}
-		
-	
+
+
 </style>

+ 201 - 201
src/components/Rightnav.vue

@@ -1,216 +1,216 @@
 <template>
-  <div class="right-nav">
-	  <div class="nav-cont">
-		  <div class="nav-tit">
-			  <div class="nav-circle">
-				  <img src="../assets/images/yj-tity1.png" />
-			  </div>
-			  <p>救援队伍</p>
-		  </div>
-		<div class="jydw-zs">
-			<span>救援队伍总数:</span>
-			<b>300</b>
-			<span>人</span>
-		</div>
-		<div id="Jydw"></div>
-		<div class="jydw-list scroll h-50">
-			<div class="jydw-li">
-				<img src="../assets/images/yj-img1.png"/>
-				<div class="jydw-txt">
-					<h2>大王庄救援队伍</h2>
-					<p>队长:周晔</p>
-					<p>人数:30人</p>
+	<div class="right-nav">
+		<div class="nav-cont">
+			<div class="nav-tit">
+				<div class="nav-circle">
+					<img src="../assets/images/yj-tity1.png" />
 				</div>
+				<p>救援队伍</p>
 			</div>
-			<div class="jydw-li">
-				<img src="../assets/images/yj-img1.png"/>
-				<div class="jydw-txt">
-					<h2>大王庄救援队伍</h2>
-					<p>队长:周晔</p>
-					<p>人数:30人</p>
-				</div>
+			<div class="jydw-zs">
+				<span>救援队伍总数:</span>
+				<b>205</b>
+				<span>人</span>
 			</div>
-			<div class="jydw-li">
-				<img src="../assets/images/yj-img1.png"/>
-				<div class="jydw-txt">
-					<h2>大王庄救援队伍</h2>
-					<p>队长:周晔</p>
-					<p>人数:30人</p>
+			<div id="Jydw"></div>
+			<div class="jydw-list scroll h-50">
+				<div class="jydw-li">
+					<img src="../assets/images/yj-img1.png"/>
+					<div class="jydw-txt">
+						<h2>长胜村救援队伍</h2>
+						<p>队长:周含章</p>
+						<p>人数:36人</p>
+					</div>
 				</div>
-			</div>
-			<div class="jydw-li">
-				<img src="../assets/images/yj-img1.png"/>
-				<div class="jydw-txt">
-					<h2>大王庄救援队伍</h2>
-					<p>队长:周晔</p>
-					<p>人数:30人</p>
+				<div class="jydw-li">
+					<img src="../assets/images/yj-img1.png"/>
+					<div class="jydw-txt">
+						<h2>兴安村救援队伍</h2>
+						<p>队长:杨文琴</p>
+						<p>人数:30人</p>
+					</div>
 				</div>
-			</div>
-			<div class="jydw-li">
-				<img src="../assets/images/yj-img1.png"/>
-				<div class="jydw-txt">
-					<h2>大王庄救援队伍</h2>
-					<p>队长:周晔</p>
-					<p>人数:30人</p>
+				<div class="jydw-li">
+					<img src="../assets/images/yj-img1.png"/>
+					<div class="jydw-txt">
+						<h2>太阳村救援队伍</h2>
+						<p>队长:张洁玲</p>
+						<p>人数:28人</p>
+					</div>
 				</div>
-			</div>
-			<div class="jydw-li">
-				<img src="../assets/images/yj-img1.png"/>
-				<div class="jydw-txt">
-					<h2>大王庄救援队伍</h2>
-					<p>队长:周晔</p>
-					<p>人数:30人</p>
+				<div class="jydw-li">
+					<img src="../assets/images/yj-img1.png"/>
+					<div class="jydw-txt">
+						<h2>实现村救援队伍</h2>
+						<p>队长:刘志义</p>
+						<p>人数:32人</p>
+					</div>
 				</div>
-			</div>
-			<div class="jydw-li">
-				<img src="../assets/images/yj-img1.png"/>
-				<div class="jydw-txt">
-					<h2>大王庄救援队伍</h2>
-					<p>队长:周晔</p>
-					<p>人数:30人</p>
+				<div class="jydw-li">
+					<img src="../assets/images/yj-img1.png"/>
+					<div class="jydw-txt">
+						<h2>勤劳村救援队伍</h2>
+						<p>队长:周铭宇</p>
+						<p>人数:24人</p>
+					</div>
+				</div>
+				<div class="jydw-li">
+					<img src="../assets/images/yj-img1.png"/>
+					<div class="jydw-txt">
+						<h2>东兴村救援队伍</h2>
+						<p>队长:李礼</p>
+						<p>人数:30人</p>
+					</div>
+				</div>
+				<div class="jydw-li">
+					<img src="../assets/images/yj-img1.png"/>
+					<div class="jydw-txt">
+						<h2>劳动村救援队伍</h2>
+						<p>队长:周剑桥</p>
+						<p>人数:25人</p>
+					</div>
 				</div>
 			</div>
 		</div>
-	  </div>
-  </div>
+	</div>
 </template>
 
 <script>
-import * as echarts from 'echarts';
-export default {
-  name: 'Rightnav',
-  props: {
-	  
-  },
-  methods:{
-	  initCharts (){
-		  let myChart = echarts.init(document.getElementById('Jydw'));
-		  myChart.setOption({
-			  tooltip: {
-			          show: true,
-			          trigger: 'axis',
-			          axisPointer: { // 坐标轴指示器,坐标轴触发有效
-			              type: 'line', // 默认为直线,可选为:'line' | 'shadow'
-			              //修改指识线的颜色
-			              lineStyle: {
-			                  color: "transparent"
-			              }
-			          },
-			          formatter: function(params) {
-			              console.log(params)
-			          },
-			      },
-			      grid: {
-			          top: 20,
-			          bottom: 20,
-			          left: 30,
-			          right: 20
-			      },
-			      xAxis: [{
-			          type: 'category',
-			          axisTick: {
-			              show: false,
-			              alignWithLabel: true, //true 的时候有效,可以保证刻度线和标签对齐
-			          },
-			          axisLine: {
-			              lineStyle: {
-			                  color: "#fff"
-			              }
-			          },
-			          data: ['大王庄', '兴安村', '太阳村', '实现村', '勤劳村']
-			      }, ],
-			      yAxis: [{
-			          type: 'value',
-			          splitLine: {
-			              show: true,
-			              lineStyle: {
-			                  color: "rgba(136, 159, 204, .2)"
-			              }
-			          },
-			          axisLine: {
-			              show: false,
-			              lineStyle: {
-			                  color: "#fff"
-			              }
-			          },
-			          axisTick: {
-			              show: false
-			          },
-			      }],
-			      //手势放大柱状图折线图
-			      dataZoom: {
-			          type: "inside"
-			      },
-			      series: [{
-			          //给折线图下方添加阴影
-			          areaStyle: {
-			              normal: {
-			                  color: new echarts.graphic.LinearGradient(
-			                      0,
-			                      0,
-			                      0,
-			                      1,
-			                      [{
-			                              offset: 0,
-			                              color: 'rgba(0, 102, 255,0.4)'
-			                          },
-			                          {
-			                              offset: 1,
-			                              color: 'rgba(0, 102, 255,0)'
-			                          }
-			                      ],
-			                      false
-			                  ),
-			                  shadowColor: 'rgba(59, 34, 201,1)',
-			                  shadowBlur: 10
-			              }
-			          },
-			          name: '',
-			          type: 'line',
-			          smooth: true,
-			          itemStyle: {
-			              normal: {
-			                  show: false,
-			                  color: "#00a0fc", //改变折线点的颜色
-			                  lineStyle: {
-			                      color: "#00a0fc" //改变折线颜色
-			                  },
-			                  label: {
-			                      show: false, //开启显示
-			                      position: 'top', //在上方显示
-			                      textStyle: { //数值样式
-			                          color: '#999999',
-			                          fontSize: 10
-			                      }
-			                  },
-			  
-			              },
-			              emphasis: {
-			                  show: true,
-			                  color: "#00a0fc",
-			                  borderColor: "#ffffff",
-			                  label: {
-			                      show: true, //开启显示
-			                      position: 'top', //在上方显示
-			                      textStyle: { //数值样式
-			                          color: '#fff',
-			                          fontSize: 10,
-			                          padding: [10, 10, 10, 10],
-			                          backgroundColor: "rgba(24, 71, 185, .6)",
-			                          borderRadius: 4,
-			                      }
-			                  }
-			              }
-			          },
-			          data: [150, 110, 160, 155, 110]
-			      }]
-		  })
-	  }
-  },
-  mounted(){
-	  this.initCharts();
-  }
-}
+	import * as echarts from 'echarts';
+	export default {
+		name: 'Rightnav',
+		props: {
+
+		},
+		methods:{
+			initCharts (){
+				let myChart = echarts.init(document.getElementById('Jydw'));
+				myChart.setOption({
+					tooltip: {
+						show: true,
+						trigger: 'axis',
+						axisPointer: { // 坐标轴指示器,坐标轴触发有效
+							type: 'line', // 默认为直线,可选为:'line' | 'shadow'
+							//修改指识线的颜色
+							lineStyle: {
+								color: "transparent"
+							}
+						},
+						formatter: function(params) {
+							console.log(params)
+						},
+					},
+					grid: {
+						top: 20,
+						bottom: 20,
+						left: 30,
+						right: 20
+					},
+					xAxis: [{
+						type: 'category',
+						axisTick: {
+							show: false,
+							alignWithLabel: true, //true 的时候有效,可以保证刻度线和标签对齐
+						},
+						axisLine: {
+							lineStyle: {
+								color: "#fff"
+							}
+						},
+						data: ['长胜村', '兴安村', '太阳村', '实现村', '勤劳村']
+					}, ],
+					yAxis: [{
+						type: 'value',
+						splitLine: {
+							show: true,
+							lineStyle: {
+								color: "rgba(136, 159, 204, .2)"
+							}
+						},
+						axisLine: {
+							show: false,
+							lineStyle: {
+								color: "#fff"
+							}
+						},
+						axisTick: {
+							show: false
+						},
+					}],
+					//手势放大柱状图折线图
+					dataZoom: {
+						type: "inside"
+					},
+					series: [{
+						//给折线图下方添加阴影
+						areaStyle: {
+							normal: {
+								color: new echarts.graphic.LinearGradient(
+										0,
+										0,
+										0,
+										1,
+										[{
+											offset: 0,
+											color: 'rgba(0, 102, 255,0.4)'
+										},
+											{
+												offset: 1,
+												color: 'rgba(0, 102, 255,0)'
+											}
+										],
+										false
+								),
+								shadowColor: 'rgba(59, 34, 201,1)',
+								shadowBlur: 10
+							}
+						},
+						name: '',
+						type: 'line',
+						smooth: true,
+						itemStyle: {
+							normal: {
+								show: false,
+								color: "#00a0fc", //改变折线点的颜色
+								lineStyle: {
+									color: "#00a0fc" //改变折线颜色
+								},
+								label: {
+									show: false, //开启显示
+									position: 'top', //在上方显示
+									textStyle: { //数值样式
+										color: '#999999',
+										fontSize: 10
+									}
+								},
+
+							},
+							emphasis: {
+								show: true,
+								color: "#00a0fc",
+								borderColor: "#ffffff",
+								label: {
+									show: true, //开启显示
+									position: 'top', //在上方显示
+									textStyle: { //数值样式
+										color: '#fff',
+										fontSize: 10,
+										padding: [10, 10, 10, 10],
+										backgroundColor: "rgba(24, 71, 185, .6)",
+										borderRadius: 4,
+									}
+								}
+							}
+						},
+						data: [36, 30, 28, 32, 24]
+					}]
+				})
+			}
+		},
+		mounted(){
+			this.initCharts();
+		}
+	}
 </script>
 
 <!-- Add "scoped" attribute to limit CSS to this component only -->
@@ -287,6 +287,6 @@ export default {
 		font-size: 14px;
 		line-height: 20px;
 	}
-		
-	
+
+
 </style>