-
@@ -144,7 +158,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 +169,52 @@ const change = (name, index) => {
leftchoose.value[name] = index;
};
const data = reactive({
- medicalInsurance:{},//医疗保险
- lmb:{},//两慢病
- mz:{},//门诊住院
- jkda:[],//健康档案
- jsbgl:[],//精神病管理
- fyglrs:{},//系统管理
- jktj:{},//65岁健康体检
- jkhd:[],//健康活动
-})
-onBeforeMount( async () => {
+ medicalInsurance: {}, //医疗保险
+ lmb: {}, //两慢病
+ mz: {}, //门诊住院
+ jkda: [], //健康档案
+ jsbgl: [], //精神病管理
+ fyglrs: {}, //系统管理
+ jktj: {}, //65岁健康体检
+ jkhd: [], //健康活动
+});
+//自动滚动
+const mainRef = ref(null);
+let isAutoScrolling = true;
+
+const stopAutoScroll = () => {
+ isAutoScrolling = false;
+};
+
+const startAutoScroll = () => {
+ isAutoScrolling = true;
+ autoScroll();
+};
+
+const autoScroll = () => {
+ if (!isAutoScrolling) return;
+
+ const mainEl = mainRef.value;
+ mainEl.scrollTop += 1; // 每次滚动的距离
+
+ if (mainEl.scrollTop+1 >= mainEl.scrollHeight - mainEl.clientHeight) {
+ setTimeout(() => {
+ mainEl.scrollTo({ top: 0, behavior: "smooth" });
+ setTimeout(autoScroll, 2000); // 2秒后再次滚动到底部
+ }, 1000); // 暂停1秒后开始快速滚回顶部
+ } else {
+
+ requestAnimationFrame(autoScroll);
+ }
+};
+
+onBeforeMount(async () => {
getData();
});
+onMounted(() => {
+ startAutoScroll();
+ console.log(mainRef.value.scrollTop,mainRef.value.scrollHeight,mainRef.value.clientHeight);
+});
const getData = async () => {
await http.get("/api/ggfwyth/health").then((res) => {
if (res.code == 200) {
- 
