From ec8d1dabcd0354afc1983290696aa77b52d964e2 Mon Sep 17 00:00:00 2001
From: duanxiaohai <1812246227@qq.com>
Date: Tue, 16 Apr 2024 09:01:43 +0800
Subject: [PATCH] gx

---
 src/view/echarts/eP2.vue    |  2 +-
 src/view/echarts/eP3.vue    |  2 +-
 src/view/echarts/pie.vue    |  2 +-
 src/view/echarts/ylJHSY.vue |  2 +-
 src/view/echarts/ylXZZC.vue | 30 +++++++++++++++++-----
 src/view/yl.vue             | 50 ++++++++++++++++++-------------------
 6 files changed, 52 insertions(+), 36 deletions(-)

diff --git a/src/view/echarts/eP2.vue b/src/view/echarts/eP2.vue
index ab0d2f6..05bb273 100644
--- a/src/view/echarts/eP2.vue
+++ b/src/view/echarts/eP2.vue
@@ -1,5 +1,5 @@
 <template>
-  <div ref="chart" style="width: 100%; height: 200px"></div>
+  <div ref="chart" style="width: 100%; height: 28vh"></div>
 </template>
 
 <script setup >
diff --git a/src/view/echarts/eP3.vue b/src/view/echarts/eP3.vue
index 67e8fc2..eefe59b 100644
--- a/src/view/echarts/eP3.vue
+++ b/src/view/echarts/eP3.vue
@@ -1,5 +1,5 @@
 <template>
-  <div ref="chart" style="width: 100%; height: 200px"></div>
+  <div ref="chart" style="width: 100%; height: 20vh"></div>
 </template>
 
 <script setup >
diff --git a/src/view/echarts/pie.vue b/src/view/echarts/pie.vue
index ccec1b4..f141955 100644
--- a/src/view/echarts/pie.vue
+++ b/src/view/echarts/pie.vue
@@ -1,5 +1,5 @@
 <template>
-  <div ref="chart" style="width: 100%; height: 200px"></div>
+  <div ref="chart" style="width: 100%; height: 25vh"></div>
 </template>
 
 <script setup >
diff --git a/src/view/echarts/ylJHSY.vue b/src/view/echarts/ylJHSY.vue
index 0ba4ab3..aa01a85 100644
--- a/src/view/echarts/ylJHSY.vue
+++ b/src/view/echarts/ylJHSY.vue
@@ -1,5 +1,5 @@
 <template>
-  <div ref="chart" style="width: 100%; height: 220px"></div>
+  <div ref="chart" style="width: 100%; height: 34vh"></div>
 </template>
 
 <script setup>
diff --git a/src/view/echarts/ylXZZC.vue b/src/view/echarts/ylXZZC.vue
index 641a806..74fec59 100644
--- a/src/view/echarts/ylXZZC.vue
+++ b/src/view/echarts/ylXZZC.vue
@@ -1,5 +1,5 @@
 <template>
-  <div ref="chart" style="width: 100%; height: 150px"></div>
+  <div ref="chart" style="width: 100%; height: 20vh"></div>
 </template>
 
 <script setup>
@@ -16,11 +16,6 @@ const data = [
   "庙下乡",
   "溪口镇",
   "罗家乡",
-  "罗家乡",
-  "罗家乡",
-  "罗家乡",
-  "罗家乡",
-  "罗家乡",
 ];
 let zoomShow = false;
 if (data.length > 7) {
@@ -79,6 +74,18 @@ let option = {
   ],
   calculable: true,
   color: "rgba(0, 252, 255, 1)",
+  // label: {
+  //             normal: {
+  //               show: true,
+  //               lineHeight: 10,
+  //               formatter: '{c}',
+  //               position: 'right',
+  //               textStyle: {
+  //                 color: '#fff',
+  //                 fontSize: 10
+  //               }
+  //             }
+  //           },
   xAxis: {},
   yAxis: {
     type: "category",
@@ -90,6 +97,17 @@ let option = {
       data: [2, 4, 7, 23, 25, 250],
       barWidth: 15,//柱宽
       itemStyle: {
+        // barBorderRadius: [0, 20, 20, 0],
+        //       color: new this.$echarts.graphic.LinearGradient(0, 0, 1, 0, [ // color在这里
+        //         {
+        //           offset: 0,
+        //           color: '#FFF1AD'
+        //         },
+        //         {
+        //           offset: 1,
+        //           color: '#FC5090'
+        //         }
+        //       ]),
         normal: {
           color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
             {
diff --git a/src/view/yl.vue b/src/view/yl.vue
index 3832c4f..9dcda34 100644
--- a/src/view/yl.vue
+++ b/src/view/yl.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="module">
-    <div class="displayFlex left_bg" >
-      <div class="flex1" >
+    <div class="displayFlex left_bg">
+      <div class="flex1">
         <div class="yd_title left_1">
           <span class="text">
             <img
@@ -28,10 +28,10 @@
             />
           </span>
         </div>
-        <ePie v-if="leftchoose.first == '1'" ></ePie>
+        <ePie v-if="leftchoose.first == '1'"></ePie>
         <ePie2 v-else></ePie2>
       </div>
-      <div class="flex1" style="margin-top:10px;">
+      <div class="flex1" style="margin-top: 10px">
         <div class="yd_title left_2">
           <span class="text">
             <img
@@ -59,9 +59,9 @@
           </span>
         </div>
         <eP2 v-if="leftchoose.second == '1'"></eP2>
-        <eP2_2 v-else/>
+        <eP2_2 v-else />
       </div>
-      <div class="flex1" style="margin-top:10px;">
+      <div class="flex1" style="margin-top: 10px">
         <div class="yd_title left_3">
           <span class="text">
             <img
@@ -94,8 +94,7 @@
     </div>
     <div class="displayFlex center_bg">
       <div class="flex1">
-        <div class="yd_title center_1">
-        </div>
+        <div class="yd_title center_1"></div>
         <div class="minTopPart">
           <div class="mtpImg1"></div>
           <div class="mtpImg2"></div>
@@ -106,10 +105,9 @@
         <ePie3d></ePie3d>
       </div>
       <div class="flex1">
-        <div class="yd_title familyPlanning">
-          <!-- <span class="text">计划生育</span> -->
-        </div>
-        <div style="width: 100%; height: 280px">
+        <div class="yd_title familyPlanning"></div>
+        <!-- 计划生育 -->
+        <div style="width: 100%; ">
           <ylJHSY></ylJHSY>
         </div>
       </div>
@@ -151,7 +149,7 @@
           <div class="serviceTop">
             <div class="visit">
               <img class="serviceimg" src="@/assets/YLimg/ylimg8.png" alt="" />
-              <div style="width: 340px;height: 220px">
+              <div style="width: 340px;">
                 <ylSMFW></ylSMFW>
               </div>
             </div>
@@ -169,7 +167,7 @@
               src="@/assets/YLimg/ylimg7.png"
               alt=""
             />
-            <div style="width: 490px;height: 150px">
+            <div style="width: 490px; ">
               <ylXZZC></ylXZZC>
             </div>
           </div>
@@ -207,7 +205,7 @@ const change = (name, index) => {
 <style lang="scss" scoped>
 .displayFlex {
   box-sizing: border-box;
-  // height: 90vh;
+  height: 90vh;
   display: flex;
   flex-direction: column;
   // flex: 1;
@@ -283,7 +281,7 @@ const change = (name, index) => {
   .serviceTop {
     display: flex;
     justify-content: space-between;
-    padding: 10px 36px  0px 20px ;
+    padding: 10px 36px 0px 20px;
     box-sizing: border-box;
     .visit {
       display: flex;
@@ -358,21 +356,21 @@ const change = (name, index) => {
 }
 
 .left_bg {
-  width:642px;
+  width: 642px;
   // height: 100%;
   box-sizing: border-box;
-  padding-left:50px;
-  margin-right:28px;
+  padding-left: 50px;
+  margin-right: 28px;
   background-image: url(@/assets/images/left_bg.png);
   background-repeat: no-repeat;
   background-size: 100% 100%;
 }
-.center_bg{
-    width:582px;
-  height: 100%;
+.center_bg {
+  width: 582px;
+  // height: 100%;
   box-sizing: border-box;
-  padding-left:10px;
-  margin-right:28px;
+  padding-left: 10px;
+  margin-right: 28px;
   background-image: url(@/assets/images/center_bg.png);
   background-repeat: no-repeat;
   background-size: 100% 100%;
@@ -685,7 +683,7 @@ const change = (name, index) => {
     line-height: 30px;
     font-weight: bold;
     font-size: 26px;
-    color: #FFFFFF;
+    color: #ffffff;
   }
   .mtpText2 {
     width: 140px;
@@ -697,7 +695,7 @@ const change = (name, index) => {
     line-height: 30px;
     font-weight: bold;
     font-size: 26px;
-    color: #FFFFFF;
+    color: #ffffff;
   }
 }
 </style>