m

shuzhixiangzheng/src/components/MainPageChild/ViewPage.vue

@@ -55,7 +55,7 @@ export default {
     return {
       szdata: {
         // -- 概况
-        peoples: 77849, //在籍人数
+        peoples: 0, //在籍人数
         villages: 42, //小区数量
         villagesWithCompany: 33, //由物业小区
         buildings: 8049, //建筑数量

shuzhixiangzheng/src/components/OtherChilds/PopulationStructure.vue

@@ -16,19 +16,19 @@
         }
       },
       mounted() {
-        
+        this.init()
       },
       methods: {
         init(){
             var myChart = echarts.init(document.getElementById('pop'));
-		var xData = ["优良率", "达标率"];
-		var yData = [50, 87.3];
+		var xData = ["18以下", "18-60","60-80","80以上"];
+		var yData = [50, 87.3,30,70];
 		var shadowYData=[100,100];
 		var color="#19dfdd";
 		var shadowColor="#0b5767";
 		var barWidth=50;
 		var option = {
-			backgroundColor: '#05233b',
+			// backgroundColor: '#05233b',
 			"grid": {
 				"top": "25%",
 				"left": "-5%",
@@ -204,7 +204,13 @@
       height: 25%;
       z-index: 2;
       top:75%;
-      /* background-color: rgb(0, 0, 255,0.4); */
+    
+  }
+  #pop{
+    position: absolute;
+    width: 100%;
+    height: 100%;
+    /* background-color: rgb(0, 0, 255,0.4); */
   }
   </style>
   

shuzhixiangzheng/src/components/XiMenPage.vue

@@ -4,8 +4,10 @@
         <ReturnButton></ReturnButton>
         <img class="img" id="img1" src="../assets/png/footer.png"></img>
       <img class="img" id="img2" src="../assets/png/title.png"></img>
-      <img class="img" id="img3" :src="leftPng_url"></img>
-      <img class="img" id="img5" :src="rightPng_url"></img>
+      <!-- <img class="img" id="img3" :src="leftPng_url"></img>
+      <img class="img" id="img5" :src="rightPng_url"></img> -->
+      <LeftPage></LeftPage>
+    <RightPage></RightPage>
     </div>
   </template>
   
@@ -14,11 +16,15 @@
       import ReturnButton from "./ReturnButton.vue"
       import left2Png from "../assets/png/西门社区/left.png"
   import right2Png from "../assets/png/西门社区/right.png"
+  import LeftPage from "./OtherChilds/LeftPage.vue"
+  import RightPage from "./OtherChilds/RightPage.vue"
   export default {
     name: 'XiMenDPage',
     components:{
     Time,
-    ReturnButton
+    ReturnButton,
+    LeftPage,
+    RightPage
     },
     data () {
       return {