From e4c1baf97182781ff84a4a17cfa0610bffccd518 Mon Sep 17 00:00:00 2001
From: yaoyuhao <yaoyuhao@ydool.com>
Date: Tue, 11 Jun 2024 13:19:32 +0800
Subject: [PATCH] 1

---
 src/view/sy.vue | 386 ++++++++++++++++++++++--------------------------
 src/view/yl.vue |   1 +
 2 files changed, 176 insertions(+), 211 deletions(-)

diff --git a/src/view/sy.vue b/src/view/sy.vue
index e4b2732..fcb94fe 100644
--- a/src/view/sy.vue
+++ b/src/view/sy.vue
@@ -15,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>
@@ -29,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>
@@ -45,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>
@@ -61,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>
@@ -77,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>
@@ -100,10 +115,7 @@
           </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>
@@ -128,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>
@@ -207,47 +213,24 @@
           />
           <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>
-            <img
-              class="sexMove"
-              src="../assets/images/sy/sexImg.png"
-              alt=""
-            />
+            <img class="sexMove" src="../assets/images/sy/sexImg.png" alt="" />
           </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>
-            <img
-              class="sexMove"
-              src="../assets/images/sy/sexImg.png"
-              alt=""
-            />
+            <img class="sexMove" src="../assets/images/sy/sexImg.png" alt="" />
           </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
@@ -277,20 +260,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"
@@ -301,35 +277,24 @@
               </template>
             </el-table-column>
           </el-table>
-          <div
-            class="qyfw"
-            v-if="choose == '2'"
-          >
+          <div class="qyfw" v-if="choose == '2'">
             <div
               class="qyfw_item"
               v-for="(item, index) in qyfyList"
               :key="index"
             >
-              <img
-                class="qyfw_item_left"
-                :src="item.img"
-              />
+              <img class="qyfw_item_left" :src="item.img" />
               <div class="qyfw_item_right">
                 <div class="name">{{ item.name }}</div>
-                <img
-                  class="line"
-                  src="@/assets/images/sy/zwfw_line.png"
-                />
+                <img class="line" src="@/assets/images/sy/zwfw_line.png" />
                 <div class="number">
-                  <span>{{ item.value }}</span>{{ item.dw }}
+                  <span>{{ item.value }}</span
+                  >{{ item.dw }}
                 </div>
               </div>
             </div>
           </div>
-          <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>
@@ -352,31 +317,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>
@@ -398,16 +351,14 @@
             class="ylws_item"
             v-for="(item, index) in data.ylwsList"
             :key="index"
+            @click="showDialog2(item.name, '')"
           >
             <div class="name">{{ item.name }}</div>
             <div class="value">{{ item.value }}</div>
           </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>
@@ -427,10 +378,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>
@@ -455,10 +403,7 @@
           </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>
@@ -487,15 +432,8 @@
         <div class="jtsyBox">
           <div class="jtsyBoxtop">
             <div class="jtsyBoxtop1" @click="showEc('公共自行车')">
-              <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">
@@ -509,15 +447,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">
@@ -533,15 +464,8 @@
           </div>
           <div class="jtsyBoxbot">
             <div class="jtsyBoxtop1" @click="showTab('公共汽车')">
-              <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">
@@ -555,15 +479,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">
@@ -577,15 +494,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">
@@ -799,6 +709,28 @@ const columnss = reactive({
     },
   ],
 });
+const ylws_columns = ref([
+  {
+    label: "医院名称",
+    property: "name",
+  },
+  {
+    label: "医生数",
+    property: "ys",
+  },
+  {
+    label: "护士数",
+    property: "hs",
+  },
+  {
+    label: "家庭医生签约数",
+    property: "jtysqys",
+  },
+  {
+    label: "床位数",
+    property: "cws",
+  },
+]);
 const tableType = reactive({
   url: "",
   title: "",
@@ -813,7 +745,11 @@ const pagination = reactive({
 });
 const handlePagination = (current) => {
   pagination.currentPage = current;
-  getTable(tableType.url, pagination.currentPage);
+  if (tableType.title == "医院卫生院") {
+    getTable2(tableType.url, pagination.currentPage);
+  } else {
+    getTable(tableType.url, pagination.currentPage);
+  }
 };
 const showDialog = (title, url) => {
   tableType.title = title;
@@ -827,21 +763,34 @@ const close = () => {
   dialogShow.value = false;
   dialogShowEc.value = false;
   dialogShowTab.value = false;
+  pagination.currentPage = 1;
+  pagination.total=100;
 };
+//医疗卫生
+const showDialog2 = (title, url) => {
+  if (title == "医院卫生院") {
+    tableType.title = title;
+    tableType.url = url;
+    tableType.columns = ylws_columns.value;
+    getTable2(url, pagination.currentPage);
+  }
+};
+
 // 交通事业-自行车，电动车
 const dataEc = reactive({
-  title: '',
+  title: "",
   list1: [],
   list2: [],
   year: [],
-})
+});
 // 交通事业-公交，高铁，大巴
 const dataTab = reactive({
-  title: '',
+  title: "",
   list1: [],
   list2: [],
   year: [],
-  columns: [{
+  columns: [
+    {
       label: "班次",
       property: "bc",
     },
@@ -852,9 +801,10 @@ const dataTab = reactive({
     {
       label: "始发时间",
       property: "time",
-    },],
+    },
+  ],
   data: [],
-})
+});
 
 const data = reactive({
   PopulationData: {
@@ -1186,14 +1136,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;
 });
 // 服务表格样式
@@ -1360,6 +1312,18 @@ const getTable = (url, currentPage) => {
       }
     });
 };
+const getTable2 = (url, currentPage) => {
+  dialogShow.value = true;
+  // http
+  //   .get(`${url}?page=${currentPage}&size=${pagination.pageSize}`)
+  //   .then((res) => {
+  //     if (res.code == 200) {
+  //       tableType.data = res.data;
+  //       pagination.total = res.count;
+  //       dialogShow.value = true;
+  //     }
+  //   });
+};
 //企业服务
 const qyfyList = reactive([
   {
@@ -1393,35 +1357,35 @@ onBeforeMount(async () => {
 
 // 交通事业弹框
 const showEc = (val) => {
-  dataEc.title = val
-  dataEc.list1 = [1,2,3,4,5,6,7,8,9,10,11,122]
-  dataEc.list2 = [1,2,3,4,5,6,7,8,9,10,11,112]
-  dataEc.year = [1,2,3,4,5,6,7,8,9,10,11,12]
-  dialogShowEc.value = true
-}
+  dataEc.title = val;
+  dataEc.list1 = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 122];
+  dataEc.list2 = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 112];
+  dataEc.year = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12];
+  dialogShowEc.value = true;
+};
 const showTab = (val) => {
-  dataTab.title = val
-  dataTab.list1 = [1,2,3,4,5,6,7,8,9,10,11,122]
-  dataTab.year = [1,2,3,4,5,6,7,8,9,10,11,12]
+  dataTab.title = val;
+  dataTab.list1 = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 122];
+  dataTab.year = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12];
   dataTab.data = [
     {
-      bc: 'G13214',
-      sfzd: 'A-B',
-      time: '2024-06-11'
+      bc: "G13214",
+      sfzd: "A-B",
+      time: "2024-06-11",
     },
     {
-      bc: 'G13214',
-      sfzd: 'A-B',
-      time: '2024-06-11'
+      bc: "G13214",
+      sfzd: "A-B",
+      time: "2024-06-11",
     },
     {
-      bc: 'G13214',
-      sfzd: 'A-B',
-      time: '2024-06-11'
-    }
-  ]
-  dialogShowTab.value = true
-}
+      bc: "G13214",
+      sfzd: "A-B",
+      time: "2024-06-11",
+    },
+  ];
+  dialogShowTab.value = true;
+};
 </script>
 
 <style lang="scss" scoped>
diff --git a/src/view/yl.vue b/src/view/yl.vue
index 76ba058..e324d54 100644
--- a/src/view/yl.vue
+++ b/src/view/yl.vue
@@ -394,6 +394,7 @@ const getTable = (url, currentPage) => {
 const close = () => {
   dialogShow.value = false;
   pagination.currentPage = 1;
+  pagination.total = 100;
 };
 const handlePagination = (current) => {
   pagination.currentPage = current;