From 7ed2d182ea5e5c9a23fca9e0efb5bd6d363ed898 Mon Sep 17 00:00:00 2001
From: duanxiaohai <1812246227@qq.com>
Date: Tue, 4 Jun 2024 17:25:08 +0800
Subject: [PATCH] gx

---
 src/view/sy.vue | 285 ++++++++++++++++++------------------------------
 1 file changed, 109 insertions(+), 176 deletions(-)

diff --git a/src/view/sy.vue b/src/view/sy.vue
index 60a2900..2dd8995 100644
--- a/src/view/sy.vue
+++ b/src/view/sy.vue
@@ -2,7 +2,6 @@
   <div class="module">
     <div class="displayFlex left_bg">
       <div class="flex1">
-
         <div class="yd_title left_1">
           <div class="animate-border">
             <i></i>
@@ -16,13 +15,16 @@
             </div>
             <div class="item_content">
               <div class="sr">
-                <span class="left">收入：</span><span class="right">{{ data.LivelihoodWelfare.zgylbxzsr }}万元</span>
+                <span class="left">收入：</span
+                ><span class="right"
+                  >{{ data.LivelihoodWelfare.zgylbxzsr }}万元</span
+                >
               </div>
-              <div
-                class="sr"
-                style="margin-top: 5px"
-              >
-                <span class="left">支出：</span><span class="right">{{ data.LivelihoodWelfare.zgylbxzzc }}万元</span>
+              <div class="sr" style="margin-top: 5px">
+                <span class="left">支出：</span
+                ><span class="right"
+                  >{{ data.LivelihoodWelfare.zgylbxzzc }}万元</span
+                >
               </div>
             </div>
           </div>
@@ -30,13 +32,16 @@
             <div class="item_title"><span class="blue">工伤</span>保险</div>
             <div class="item_content">
               <div class="sr">
-                <span class="left">收入：</span><span class="right">{{ data.LivelihoodWelfare.gsbxzsr }}万元</span>
+                <span class="left">收入：</span
+                ><span class="right"
+                  >{{ data.LivelihoodWelfare.gsbxzsr }}万元</span
+                >
               </div>
-              <div
-                class="sr"
-                style="margin-top: 5px"
-              >
-                <span class="left">支出：</span><span class="right">{{ data.LivelihoodWelfare.gsbxzzc }}万元</span>
+              <div class="sr" style="margin-top: 5px">
+                <span class="left">支出：</span
+                ><span class="right"
+                  >{{ data.LivelihoodWelfare.gsbxzzc }}万元</span
+                >
               </div>
             </div>
           </div>
@@ -46,13 +51,16 @@
             </div>
             <div class="item_content">
               <div class="sr">
-                <span class="left">收入：</span><span class="right">{{ data.LivelihoodWelfare.cxylbxzsr }}万元</span>
+                <span class="left">收入：</span
+                ><span class="right"
+                  >{{ data.LivelihoodWelfare.cxylbxzsr }}万元</span
+                >
               </div>
-              <div
-                class="sr"
-                style="margin-top: 5px"
-              >
-                <span class="left">支出：</span><span class="right">{{ data.LivelihoodWelfare.cxylbxzzc }}万元</span>
+              <div class="sr" style="margin-top: 5px">
+                <span class="left">支出：</span
+                ><span class="right"
+                  >{{ data.LivelihoodWelfare.cxylbxzzc }}万元</span
+                >
               </div>
             </div>
           </div>
@@ -62,13 +70,16 @@
             </div>
             <div class="item_content">
               <div class="sr">
-                <span class="left">收入：</span><span class="right">{{ data.LivelihoodWelfare.zgyilbxzsr }}万元</span>
+                <span class="left">收入：</span
+                ><span class="right"
+                  >{{ data.LivelihoodWelfare.zgyilbxzsr }}万元</span
+                >
               </div>
-              <div
-                class="sr"
-                style="margin-top: 5px"
-              >
-                <span class="left">支出：</span><span class="right">{{ data.LivelihoodWelfare.zgyilbxzzc }}万元</span>
+              <div class="sr" style="margin-top: 5px">
+                <span class="left">支出：</span
+                ><span class="right"
+                  >{{ data.LivelihoodWelfare.zgyilbxzzc }}万元</span
+                >
               </div>
             </div>
           </div>
@@ -78,13 +89,16 @@
             </div>
             <div class="item_content">
               <div class="sr">
-                <span class="left">收入：</span><span class="right">{{ data.LivelihoodWelfare.cxyilbxzsr }}万元</span>
+                <span class="left">收入：</span
+                ><span class="right"
+                  >{{ data.LivelihoodWelfare.cxyilbxzsr }}万元</span
+                >
               </div>
-              <div
-                class="sr"
-                style="margin-top: 5px"
-              >
-                <span class="left">支出：</span><span class="right">{{ data.LivelihoodWelfare.cxyilbxzzc }}万元</span>
+              <div class="sr" style="margin-top: 5px">
+                <span class="left">支出：</span
+                ><span class="right"
+                  >{{ data.LivelihoodWelfare.cxyilbxzzc }}万元</span
+                >
               </div>
             </div>
           </div>
@@ -97,14 +111,11 @@
           </div>
           <div class="left_1_3">
             <div class="top">救助金额</div>
-            <div class="bottom">{{ data.salvageServices.jzje }}</div>
+            <div class="bottom">{{ data.salvageServices.jzje }}万</div>
           </div>
         </div>
       </div>
-      <div
-        class="flex1"
-        style="margin-top: 10px"
-      >
+      <div class="flex1" style="margin-top: 10px">
         <div class="yd_title left_2">
           <div class="animate-border">
             <i></i>
@@ -129,41 +140,35 @@
           <div class="left_2_bottom_item">
             <div class="left_2_bottom_item_shang">
               <div class="left">
-                <span class="span1">{{ jysyList[0].title }}</span>学校师生比
+                <span class="span1">{{ jysyList[0].title }}</span
+                >学校师生比
               </div>
               <div class="right">
-                <span class="span1">{{ jysyList[0].teacher }}</span>:{{ jysyList[0].student }}
+                <span class="span1">{{ jysyList[0].teacher }}</span
+                >:{{ jysyList[0].student }}
               </div>
             </div>
             <div class="left_2_bottom_item_xia">
-              <div
-                class="csbl"
-                :style="cs"
-              ></div>
+              <div class="csbl" :style="cs"></div>
             </div>
           </div>
           <div class="left_2_bottom_item">
             <div class="left_2_bottom_item_shang">
               <div class="left">
-                <span class="span2">{{ jysyList[1].title }}</span>学校师生比
+                <span class="span2">{{ jysyList[1].title }}</span
+                >学校师生比
               </div>
               <div class="right">
                 {{ jysyList[1].teacher }}:{{ jysyList[1].student }}
               </div>
             </div>
             <div class="left_2_bottom_item_xia">
-              <div
-                class="ncbl"
-                :style="nc"
-              ></div>
+              <div class="ncbl" :style="nc"></div>
             </div>
           </div>
         </div>
       </div>
-      <div
-        class="flex1"
-        style="margin-top: 10px"
-      >
+      <div class="flex1" style="margin-top: 10px">
         <div class="yd_title left_3">
           <div class="animate-border">
             <i></i>
@@ -203,42 +208,27 @@
         <div class="people_total">
           <img
             src="../assets/images/sy/主页人口.gif"
-            style="width:70%;height:112%; margin: -2% 15%;"
+            style="width: 70%; height: 112%; margin: -2% 15%"
             alt=""
-          >
+          />
           <div class="people_total_item left">
             <div class="number">{{ data.PopulationData.man }}</div>
-            <img
-              src="../assets/images/sy/man.png"
-              alt=""
-            />
+            <img src="../assets/images/sy/man.png" alt="" />
             <div class="sex">男性人口</div>
           </div>
           <div class="people_total_item2 center">
-            <img
-              src="../assets/images/sy/people_total.png"
-              alt=""
-            />
+            <img src="../assets/images/sy/people_total.png" alt="" />
             <div class="number">{{ data.PopulationData.rkzs }}</div>
             <div class="total">人口总数</div>
           </div>
           <div class="people_total_item right">
             <div class="number">{{ data.PopulationData.woman }}</div>
-            <img
-              src="../assets/images/sy/woman.png"
-              alt=""
-            />
+            <img src="../assets/images/sy/woman.png" alt="" />
             <div class="sex">女性人口</div>
           </div>
         </div>
-        <ePie2
-          style="margin-top: 20px"
-          :list="data.ageRatio"
-        ></ePie2>
-        <ePie
-          style="margin-bottom: 20px"
-          :list="data.ageGroup"
-        ></ePie>
+        <ePie2 style="margin-top: 20px" :list="data.ageRatio"></ePie2>
+        <ePie style="margin-bottom: 20px" :list="data.ageGroup"></ePie>
         <div class="table">
           <div class="table_choose">
             <div
@@ -268,20 +258,13 @@
             :header-cell-style="tableHeaderColor"
             v-if="choose == '1'"
           >
-            <el-table-column
-              prop="company"
-              label="企业名称"
-              width="200"
-            />
+            <el-table-column prop="company" label="企业名称" width="200" />
             <el-table-column
               prop="address"
               label="项目事项牵头单位"
               width="200"
             />
-            <el-table-column
-              prop="finish"
-              label="完成情况"
-            >
+            <el-table-column prop="finish" label="完成情况">
               <template #default="scope">
                 <div
                   style="letter-spacing: 3px"
@@ -292,10 +275,7 @@
               </template>
             </el-table-column>
           </el-table>
-          <div
-            class="zwfw"
-            v-if="choose == '3'"
-          >
+          <div class="zwfw" v-if="choose == '3'">
             <div class="shang">
               <div class="shang_item">
                 <div class="title">一网通办事</div>
@@ -318,31 +298,19 @@
             </div>
             <div class="xia">
               <div class="xia_item">
-                <img
-                  class="left"
-                  src="@/assets/images/sy/zwfw_sl.png"
-                />
+                <img class="left" src="@/assets/images/sy/zwfw_sl.png" />
                 <div class="right">
                   <div class="name">平均受理时长</div>
-                  <img
-                    class="line"
-                    src="@/assets/images/sy/zwfw_line.png"
-                  />
+                  <img class="line" src="@/assets/images/sy/zwfw_line.png" />
                   <div class="time"><span>0.22</span>小时</div>
                 </div>
               </div>
               <div class="fgx"></div>
               <div class="xia_item">
-                <img
-                  class="left"
-                  src="@/assets/images/sy/zwfw_bl.png"
-                />
+                <img class="left" src="@/assets/images/sy/zwfw_bl.png" />
                 <div class="right">
                   <div class="name">平均办理时长</div>
-                  <img
-                    class="line"
-                    src="@/assets/images/sy/zwfw_line.png"
-                  />
+                  <img class="line" src="@/assets/images/sy/zwfw_line.png" />
                   <div class="time"><span>0.54</span>小时</div>
                 </div>
               </div>
@@ -370,10 +338,7 @@
           </div>
         </div>
       </div>
-      <div
-        class="flex1"
-        style="margin-top: 10px"
-      >
+      <div class="flex1" style="margin-top: 10px">
         <div class="yd_title service">
           <div class="animate-border">
             <i></i>
@@ -393,10 +358,7 @@
           </div>
         </div>
       </div>
-      <div
-        class="flex1"
-        style="margin-top: 10px"
-      >
+      <div class="flex1" style="margin-top: 10px">
         <div class="yd_title last">
           <div class="animate-border">
             <i></i>
@@ -415,16 +377,13 @@
             <img :src="item.img" />
             <img
               src="../assets/images/sy/tyBon.png"
-              style="margin-top: -60px;"
-            >
+              style="margin-top: -60px"
+            />
             <div class="name">{{ item.name }}</div>
           </div>
         </div>
       </div>
-      <div
-        class="flex1"
-        style="margin-top: 10px"
-      >
+      <div class="flex1" style="margin-top: 10px">
         <div class="yd_title last_1">
           <div class="animate-border">
             <i></i>
@@ -453,15 +412,8 @@
         <div class="jtsyBox">
           <div class="jtsyBoxtop">
             <div class="jtsyBoxtop1">
-              <img
-                :src="data.jtsyList[0].img"
-                alt=""
-              />
-              <img
-                src="../assets/images/sy/jtsy.gif"
-                class="turn"
-                alt=""
-              >
+              <img :src="data.jtsyList[0].img" alt="" />
+              <img src="../assets/images/sy/jtsy.gif" class="turn" alt="" />
               <div>
                 <div class="jtsyname">{{ data.jtsyList[0].name }}</div>
                 <div class="jtsytext">
@@ -475,15 +427,8 @@
               </div>
             </div>
             <div class="jtsyBoxtop1">
-              <img
-                :src="data.jtsyList[1].img"
-                alt=""
-              />
-              <img
-                src="../assets/images/sy/jtsy.gif"
-                class="turn"
-                alt=""
-              >
+              <img :src="data.jtsyList[1].img" alt="" />
+              <img src="../assets/images/sy/jtsy.gif" class="turn" alt="" />
               <div>
                 <div class="jtsyname">{{ data.jtsyList[1].name }}</div>
                 <div class="jtsytext">
@@ -499,15 +444,8 @@
           </div>
           <div class="jtsyBoxbot">
             <div class="jtsyBoxtop1">
-              <img
-                :src="data.jtsyList[2].img"
-                alt=""
-              />
-              <img
-                src="../assets/images/sy/jtsy.gif"
-                class="turn"
-                alt=""
-              >
+              <img :src="data.jtsyList[2].img" alt="" />
+              <img src="../assets/images/sy/jtsy.gif" class="turn" alt="" />
               <div>
                 <div class="jtsyname">{{ data.jtsyList[2].name }}</div>
                 <div class="jtsytext">
@@ -521,15 +459,8 @@
               </div>
             </div>
             <div class="jtsyBoxtop1">
-              <img
-                :src="data.jtsyList[3].img"
-                alt=""
-              />
-              <img
-                src="../assets/images/sy/jtsy.gif"
-                class="turn"
-                alt=""
-              >
+              <img :src="data.jtsyList[3].img" alt="" />
+              <img src="../assets/images/sy/jtsy.gif" class="turn" alt="" />
               <div>
                 <div class="jtsyname">{{ data.jtsyList[3].name }}</div>
                 <div class="jtsytext">
@@ -543,15 +474,8 @@
               </div>
             </div>
             <div class="jtsyBoxtop1">
-              <img
-                :src="data.jtsyList[4].img"
-                alt=""
-              />
-              <img
-                src="../assets/images/sy/jtsy.gif"
-                class="turn"
-                alt=""
-              >
+              <img :src="data.jtsyList[4].img" alt="" />
+              <img src="../assets/images/sy/jtsy.gif" class="turn" alt="" />
               <div>
                 <div class="jtsyname">{{ data.jtsyList[4].name }}</div>
                 <div class="jtsytext">
@@ -1094,14 +1018,16 @@ const jtsyList = ref([
 
 // 县城学校师生比样式
 const cs = computed(() => {
-  let str = `--teacher: ${jysyList.value[0].teacher}; --total: ${jysyList.value[0].teacher + jysyList.value[0].student
-    }`;
+  let str = `--teacher: ${jysyList.value[0].teacher}; --total: ${
+    jysyList.value[0].teacher + jysyList.value[0].student
+  }`;
   return str;
 });
 // 农村学校师生比样式
 const nc = computed(() => {
-  let str = `--teacher: ${jysyList.value[1].teacher}; --total: ${jysyList.value[1].teacher + jysyList.value[1].student
-    }`;
+  let str = `--teacher: ${jysyList.value[1].teacher}; --total: ${
+    jysyList.value[1].teacher + jysyList.value[1].student
+  }`;
   return str;
 });
 // 服务表格样式
@@ -1172,9 +1098,11 @@ const getData = async () => {
       // 救助服务
       const jzfwKeys = ["jzrc", "jzje", "nf"];
       if (data.salvageServices) {
-        jzfwKeys.forEach((key) => {
-          data.salvageServices[key] = res.data.jzfw[key];
-        });
+        // jzfwKeys.forEach((key) => {
+        //   data.salvageServices[key] = res.data.jzfw[key];
+        // });
+        data.salvageServices.jzrc = res.data.jzfw.jzrc;
+        data.salvageServices.jzje = (res.data.jzfw.jzje / 10000).toFixed(2);
       }
       // 教育事业&师生比例
       const jysyKeys = ["xxzs", "xszs", "jzgzs"];
@@ -1243,12 +1171,12 @@ const getData = async () => {
       // 文化体育事业
       const whsyKeys = ["ggtsg", "zcs", "sxxxcs", "bwgcgcs", "tsjycs"];
       whsyKeys.forEach((key, index) => {
-        data.whsyList[index].value =res.data.whtysy[key];
+        data.whsyList[index].value = res.data.whtysy[key];
       });
       // 体育事业
       const tysyKeys = ["zqcs", "lqcs", "ppqcs", "ymqcs", "lsbdcd"];
       tysyKeys.forEach((key, index) => {
-        data.tysyList[index].value =res.data.whtysy[key];
+        data.tysyList[index].value = res.data.whtysy[key];
       });
       // 交通事业
     }
@@ -1635,6 +1563,7 @@ onBeforeMount(async () => {
 
     .right {
       margin-left: 10px;
+      
 
       .right_top {
         font-size: 16px;
@@ -1834,7 +1763,7 @@ onBeforeMount(async () => {
     .bottom {
       margin-top: 6px;
       font-weight: normal;
-      font-size: 16px;
+      font-size: 24px;
       color: #00f5ff;
       line-height: 18px;
       letter-spacing: 1px;
@@ -1863,7 +1792,7 @@ onBeforeMount(async () => {
     .bottom {
       margin-top: 6px;
       font-weight: normal;
-      font-size: 16px;
+      font-size: 24px;
       color: #00f5ff;
       line-height: 18px;
       letter-spacing: 1px;
@@ -1887,7 +1816,7 @@ onBeforeMount(async () => {
 
     .shang {
       font-weight: 400;
-      font-size: 16px;
+      font-size: 22px;
       color: #ffffff;
       line-height: 22px;
       letter-spacing: 1px;
@@ -1903,7 +1832,7 @@ onBeforeMount(async () => {
 
     .xia {
       font-weight: normal;
-      font-size: 18px;
+      font-size: 28px;
       color: #00f5ff;
       line-height: 21px;
       letter-spacing: 3px;
@@ -1918,7 +1847,7 @@ onBeforeMount(async () => {
 
     .xia {
       font-weight: normal;
-      font-size: 18px;
+      font-size: 28px;
       color: #00c1ff;
       line-height: 21px;
       letter-spacing: 2px;
@@ -1933,7 +1862,7 @@ onBeforeMount(async () => {
 
     .xia {
       font-weight: normal;
-      font-size: 18px;
+      font-size: 28px;
       color: #ffe689;
       line-height: 21px;
       letter-spacing: 2px;
@@ -1987,6 +1916,10 @@ onBeforeMount(async () => {
 
       .right {
         letter-spacing: 3px;
+        font-size:22px;
+        span{
+          font-size:22px;
+        }
       }
     }