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 替换成空,这个
},