gx

src/view/echarts_yl/ylSMFW.vue

@@ -300,22 +300,6 @@ const getOption = () => {
   };
 };
 
-// // 使用生命钩子
-// onMounted(() => {
-//   // 基于准备好的dom，初始化echarts实例
-//   // var myChart = echarts.init(document.getElementById('main'));
-//   // Vue3中： 需要引入
-//   var myChart = echarts.init(chart.value);
-
-//   // init(); // vue3.2没有this
-//   // 使用刚指定的配置项和数据显示图表。
-//   myChart.setOption(option);
-
-//   // 单图表响应式: 跟随浏览器大小改变
-//   //   window.addEventListener("resize", () => {
-//   //     myChart.resize();
-//   //   });
-// });
 const setChart = () => {
   var myChart = echarts.init(chart.value);
   myChart.setOption(data.option);
@@ -324,12 +308,16 @@ const setChart = () => {
 const setChart1 = () => {
   data.list1 = [];
   data.list2 = [];
+  // var myChart = echarts.init(chart.value);
+  // // 显示加载动画
+  // myChart.showLoading();
   if (data.list.length !== 0) {
-    // console.log(data.list, "助老服务");
     data.list.data.forEach((item) => {
       data.list1.push(item.sc); //服务时长
       data.list2.push(item.fwcs); //服务次数
     });
+    // // 隐藏加载动画
+    // myChart.hideLoading();
   }
 };
 
@@ -338,6 +326,7 @@ onBeforeMount(() => {
   setTimeout(() => {
     data.list = props.list;
     data.day = props.list.day;
+    console.log(data.list, "助老服务");
     setChart1();
     getOption();
     setChart();

src/view/yl.vue

@@ -48,10 +48,7 @@
           :year="data.leftTopYear"
         ></ePie2>
       </div>
-      <div
+      <div class="flex1" style="margin-top: 10px">
-        class="flex1"
-        style="margin-top: 10px"
-      >
         <div class="yd_title left_2">
           <div class="animate-border">
             <i></i>
@@ -97,10 +94,7 @@
           :year="data.leftCenterYear"
         />
       </div>
-      <div
+      <div class="flex1" style="margin-top: 10px">
-        class="flex1"
-        style="margin-top: 10px"
-      >
         <div class="yd_title left_3">
           <div class="animate-border">
             <i></i>
@@ -192,19 +186,9 @@
             <div>
               <span>{{ data.yljgzlzx.yljg }}<span class="unit">个</span></span>
             </div>
-            <img
+            <img src="@/assets/YLimg/ylimg11.png" alt="" />
-              src="@/assets/YLimg/ylimg11.png"
+            <img class="historyimg" src="@/assets/YLimg/ylimg5.png" alt="" />
-              alt=""
+            <img src="@/assets/YLimg/yljg.gif" class="historyMoveImg" />
-            />
-            <img
-              class="historyimg"
-              src="@/assets/YLimg/ylimg5.png"
-              alt=""
-            />
-            <img
-              src="@/assets/YLimg/yljg.gif"
-              class="historyMoveImg"
-            />
           </div>
           <!-- <div class="history1">
             <div>
@@ -217,19 +201,9 @@
             <div>
               <span>{{ data.yljgzlzx.zlzx }}<span class="unit">个</span></span>
             </div>
-            <img
+            <img src="@/assets/YLimg/ylimg12.png" alt="" />
-              src="@/assets/YLimg/ylimg12.png"
+            <img class="historyimg" src="@/assets/YLimg/ylimg10.png" alt="" />
-              alt=""
+            <img src="@/assets/YLimg/yljg.gif" class="historyMoveImg" />
-            />
-            <img
-              class="historyimg"
-              src="@/assets/YLimg/ylimg10.png"
-              alt=""
-            />
-            <img
-              src="@/assets/YLimg/yljg.gif"
-              class="historyMoveImg"
-            />
           </div>
         </div>
       </div>
@@ -243,30 +217,14 @@
         <div class="serviceBox">
           <div class="serviceTop">
             <div class="visit">
-              <img
+              <img class="serviceimg" src="@/assets/YLimg/ylimg8.png" alt="" />
-                class="serviceimg"
-                src="@/assets/YLimg/ylimg8.png"
-                alt=""
-              />
               <ylSMFW :list="data.smfwcs"></ylSMFW>
             </div>
             <div class="medicalService">
-              <img
+              <img class="serviceimg" src="@/assets/YLimg/ylimg9.png" alt="" />
-                class="serviceimg"
+              <img class="moveYl" src="@/assets/YLimg/turn.gif" alt="" />
-                src="@/assets/YLimg/ylimg9.png"
-                alt=""
-              />
-              <img
-                class="moveYl"
-                src="@/assets/YLimg/turn.gif"
-                alt=""
-              />
               <div class="medicalServiceTop">
-                <img
+                <img class="ylimg" src="@/assets/YLimg/ylimg1.png" alt="" />
-                  class="ylimg"
-                  src="@/assets/YLimg/ylimg1.png"
-                  alt=""
-                />
                 <span>36,234</span>
               </div>
             </div>
@@ -439,7 +397,10 @@ const data = reactive({
   yljgzlzx: { yljg: "", zlzx: "" },
   zccs1: [],
   zccs2: [],
-  smfwcs: [],
+  smfwcs: {
+    data: [{ nf: "2024", yf: "5", rq: "22", fwcs: "16", sc: "22" }],
+    day: ["5.22"],
+  },
 });
 onBeforeMount(async () => {
   getData();
@@ -448,6 +409,7 @@ onBeforeMount(async () => {
 const getData = async () => {
   await http.get("/api/ggfwyth/yl").then((res) => {
     if (res.code == 200) {
+      console.log(res.data, "养老");
       // 养老保险
       // 人次
       res.data.endowmentInsurance.ffrc.forEach((element) => {
@@ -503,7 +465,6 @@ const getData = async () => {
       data.yljgzlzx.zlzx = res.data.yljgzlzx.zlzx;
       // 助老服务
       data.smfwcs = res.data.zlfw.smfwcs;
-      console.log(data.smfwcs,6666);
       // 乡镇助餐次数
       res.data.zlfw.xzzccs.forEach((element) => {
         data.zccs1.push(element.xzjd); // 地点