From ac880111fc4f003bd29a5c98c2e77092001e98c1 Mon Sep 17 00:00:00 2001 From: duanxiaohai <1812246227@qq.com> Date: Wed, 22 May 2024 14:47:17 +0800 Subject: [PATCH] gx --- src/components/header.vue | 2 +- src/view/hygiene.vue | 119 +++++++++++++++++++++++++++++--------- src/view/sy.vue | 60 ++++++++++--------- vite.config.js | 4 +- 4 files changed, 127 insertions(+), 58 deletions(-) diff --git a/src/components/header.vue b/src/components/header.vue index ad3a63a..645c8c6 100644 --- a/src/components/header.vue +++ b/src/components/header.vue @@ -77,7 +77,7 @@ const data = reactive({ url: '/home/education', }, { - name: "就业救助", + name: "救助", url: '/home/work', }, { diff --git a/src/view/hygiene.vue b/src/view/hygiene.vue index cfbbca5..87d02b2 100644 --- a/src/view/hygiene.vue +++ b/src/view/hygiene.vue @@ -30,16 +30,24 @@ /> - - + +
- +
- +
@@ -51,7 +59,7 @@
门急诊人次
-
{{data.mz.mjzrc}}
+
{{ data.mz.mjzrc }}
@@ -59,7 +67,7 @@
住院人数
-
{{data.mz.zyrs}}
+
{{ data.mz.zyrs }}
@@ -96,7 +104,7 @@
- + @@ -105,12 +113,12 @@
-
{{data.fyglrs.ycfrc}}
+
{{ data.fyglrs.ycfrc }}
孕产妇系统管理人数
-
{{data.fyglrs.etrs}}
+
{{ data.fyglrs.etrs }}
0-6岁儿童系统管理人数
@@ -118,13 +126,13 @@
- +
-
- {{item.jkhd }} +
+ {{ item.jkhd }}
@@ -144,7 +152,7 @@ import eP4 from "./echarts_hygiene/eP4.vue"; import eP4_1 from "./echarts_hygiene/eP4_1.vue"; import tnb from "./echarts_hygiene/tnb.vue"; import gxy from "./echarts_hygiene/gxy.vue"; -import { ref,reactive, onMounted, onBeforeMount } from "vue"; +import { ref, reactive, onMounted, onBeforeMount } from "vue"; import http from "@/utils/request.js"; const leftchoose = ref({ first: "1", @@ -155,18 +163,73 @@ const change = (name, index) => { leftchoose.value[name] = index; }; const data = reactive({ - medicalInsurance:{},//医疗保险 - lmb:{},//两慢病 - mz:{},//门诊住院 - jkda:[],//健康档案 - jsbgl:[],//精神病管理 - fyglrs:{},//系统管理 - jktj:{},//65岁健康体检 - jkhd:[],//健康活动 -}) -onBeforeMount( async () => { - getData(); + medicalInsurance: {}, //医疗保险 + lmb: {}, //两慢病 + mz: {}, //门诊住院 + jkda: [], //健康档案 + jsbgl: [], //精神病管理 + fyglrs: {}, //系统管理 + jktj: {}, //65岁健康体检 + jkhd: [ + { jkhd: "11111111111111" }, + { jkhd: "11111111111111" }, + { jkhd: "11111111111111" }, + { jkhd: "11111111111111" }, + ], //健康活动 }); +onBeforeMount(async () => { + getData(); + autoScroll(`.scrollTable`); +}); +/** + * 滚动条自动滚动 + * @param { string } tBodyName 容器选择器 + * @param { number } delay 定时器多久触发一次 默认100ms + * @param { object } object 返回值 可以控制是否滚动 + */ +const autoScroll = (tBodyName, delay = 50) => { + const tBody = document.querySelector(`${tBodyName}`); + let control = { + isScroll: true, // 是否滚动 + isSelect: false, // 是否被选中 + }; + console.log(tBodyName,tBody,666); + // tBody.addEventListener("mousemove", () => { + // control.isScroll = false; + // }); + // tBody.addEventListener("mouseleave", () => { + // control.isScroll = true; + // }); + // let timer = null; + // setInterval(() => { + // const scrollHeight = tBody.scrollHeight; + // const clientHeight = tBody.clientHeight; + // if ( + // Math.abs(tBody.scrollTop + clientHeight - scrollHeight) <= 5 && + // !control.isSelect + // ) { + // if (timer != null) { + // return; + // } + // timer = setTimeout(() => { + // tBody.scrollTop = 0; + // timer = null; + // }, 1000); + // } else { + // if (control.isScroll && !control.isSelect) { + // tBody.scrollTop += 1; + // } + // } + // console.log( + // "===============>", + // tBody.scrollTop, + // scrollHeight, + // clientHeight + // ); + // }, delay); + // return control; +}; + const getData = async () => { await http.get("/api/ggfwyth/health").then((res) => { if (res.code == 200) { @@ -825,7 +888,7 @@ const getData = async () => { overflow-y: auto; - .item { + .scrollTable { width: 98%; box-sizing: border-box; margin-top: 10px; @@ -837,18 +900,18 @@ const getData = async () => { } } /* 滚动条整体部分 */ -.table::-webkit-scrollbar { +.scrollTable::-webkit-scrollbar { width: 5px; // height: 10px; } /* 滚动槽 */ -.table::-webkit-scrollbar-track { +.scrollTable::-webkit-scrollbar-track { border-radius: 1px; background: rgba(41, 157, 255, 0.56); -webkit-box-shadow: inset 0 0 6px rgba(139, 139, 139, 0.3); } /* 滚动条滑块样式 */ -.table::-webkit-scrollbar-thumb { +.scrollTable::-webkit-scrollbar-thumb { background-clip: content-box; border-radius: 6px; background: rgba(41, 157, 255, 1); diff --git a/src/view/sy.vue b/src/view/sy.vue index 237ac8b..b903a83 100644 --- a/src/view/sy.vue +++ b/src/view/sy.vue @@ -11,15 +11,15 @@
收入:{{ - data.LivelihoodWelfare.zgylbxzsr - }}万元 + >{{ data.LivelihoodWelfare.zgylbxzsr }}万元
支出:{{ - data.LivelihoodWelfare.zgylbxzzc - }}万元 + >{{ data.LivelihoodWelfare.zgylbxzzc }}万元
@@ -34,7 +34,9 @@
支出:{{ data.LivelihoodWelfare.gsbxzzc }}万元 + >{{ data.LivelihoodWelfare.gsbxzzc }}万元
@@ -45,15 +47,15 @@
收入:{{ - data.LivelihoodWelfare.cxylbxzsr - }}万元 + >{{ data.LivelihoodWelfare.cxylbxzsr }}万元
支出:{{ - data.LivelihoodWelfare.cxylbxzzc - }}万元 + >{{ data.LivelihoodWelfare.cxylbxzzc }}万元
@@ -64,15 +66,15 @@
收入:{{ - data.LivelihoodWelfare.zgyilbxzsr - }}万元 + >{{ data.LivelihoodWelfare.zgyilbxzsr }}万元
支出:{{ - data.LivelihoodWelfare.zgyilbxzzc - }}万元 + >{{ data.LivelihoodWelfare.zgyilbxzzc }}万元
@@ -83,15 +85,15 @@
收入:{{ - data.LivelihoodWelfare.cxyilbxzsr - }}万元 + >{{ data.LivelihoodWelfare.cxyilbxzsr }}万元
支出:{{ - data.LivelihoodWelfare.cxyilbxzzc - }}万元 + >{{ data.LivelihoodWelfare.cxyilbxzzc }}万元
@@ -117,11 +119,11 @@
教师
-
{{ data.education.xszs }}
+
{{ data.education.jzgzs }}
学生
-
{{ data.education.jzgzs }}
+
{{ data.education.xszs }}
@@ -748,6 +750,10 @@ const getData = async () => { "nf", ]; if (data.LivelihoodWelfare) { + const value = res.data.msfz[key]; + // if (value !== undefined) { + // data.LivelihoodWelfare[key] = (value / 10000).toFixed(2); + // } msfzKeys.forEach((key) => { data.LivelihoodWelfare[key] = (res.data.msfz[key] / 10000).toFixed(2) ; }); diff --git a/vite.config.js b/vite.config.js index 17ea0ef..ec987a8 100644 --- a/vite.config.js +++ b/vite.config.js @@ -15,8 +15,8 @@ export default defineConfig({ // 第一个代理 "/api": { // 匹配到啥来进行方向代理 - // target: "http://192.168.2.42:8095/", //本地 - target: "http://220.191.238.50:996/", //线上 + target: "http://192.168.2.42:8095/", //本地 + // target: "http://220.191.238.50:996/", //线上 changeOrigin: true, //是否支持跨域 //rewrite: (path) => path.replace(/^\/api/, '') // 如果不需要api 直接把路径上的api 替换成空,这个 },