gx

src/view/hygiene.vue

@@ -30,24 +30,16 @@
             />
           </span>
         </div>
-        <ePie
+        <ePie v-if="leftchoose.first == '1'"  :list='data.medicalInsurance.ffrc' :year='data.medicalInsurance.year'></ePie>
-          v-if="leftchoose.first == '1'"
+        <ePie2 v-else :list='data.medicalInsurance.ffje' :year='data.medicalInsurance.year'></ePie2>
-          :list="data.medicalInsurance.ffrc"
-          :year="data.medicalInsurance.year"
-        ></ePie>
-        <ePie2
-          v-else
-          :list="data.medicalInsurance.ffje"
-          :year="data.medicalInsurance.year"
-        ></ePie2>
       </div>
 
       <div class="flex1" style="margin-top: 10px">
         <div class="yd_title left_3"></div>
         <div class="sm_title_1"></div>
-        <tnb :list="data.lmb.tnbrs" :year="data.lmb.year"></tnb>
+        <tnb :list='data.lmb.tnbrs' :year='data.lmb.year'></tnb>
         <div class="sm_title_2"></div>
-        <gxy :list="data.lmb.gxyrs" :year="data.lmb.year"></gxy>
+        <gxy :list='data.lmb.gxyrs' :year='data.lmb.year'></gxy>
       </div>
     </div>
     <div class="displayFlex center_bg">
@@ -104,7 +96,7 @@
         <div class="yd_title familyPlanning"></div>
         <!-- 计划生育 -->
         <!-- <div style="width: 100%; "> -->
-        <eP5 :list="data.jsbgl"></eP5>
+        <eP5 :list='data.jsbgl'></eP5>
         <!-- </div> -->
       </div>
     </div>
@@ -126,12 +118,12 @@
       </div>
       <div class="flex1" style="flex: 1.1">
         <div class="yd_title service"></div>
-        <eP7 :list="data.jktj.jktjrs" :year="data.jktj.year"></eP7>
+        <eP7 :list='data.jktj.jktjrs' :year='data.jktj.year'></eP7>
       </div>
       <div class="flex1">
         <div class="yd_title last"></div>
         <div class="table">
-          <div class="scrollTable" v-for="item in data.jkhd">
+          <div class="item" v-for="item in data.jkhd">
             {{item.jkhd }}
           </div>
         </div>
@@ -170,66 +162,11 @@ const data = reactive({
   jsbgl:[],//精神病管理
   fyglrs:{},//系统管理
   jktj:{},//65岁健康体检
-  jkhd: [
+  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) {
@@ -888,7 +825,7 @@ const getData = async () => {
 
   overflow-y: auto;
 
-  .scrollTable {
+  .item {
     width: 98%;
     box-sizing: border-box;
     margin-top: 10px;
@@ -900,18 +837,18 @@ const getData = async () => {
   }
 }
 /* 滚动条整体部分 */
-.scrollTable::-webkit-scrollbar {
+.table::-webkit-scrollbar {
   width: 5px;
   // height: 10px;
 }
 /* 滚动槽 */
-.scrollTable::-webkit-scrollbar-track {
+.table::-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);
 }
 /* 滚动条滑块样式 */
-.scrollTable::-webkit-scrollbar-thumb {
+.table::-webkit-scrollbar-thumb {
   background-clip: content-box;
   border-radius: 6px;
   background: rgba(41, 157, 255, 1);

vite.config.js

@@ -15,7 +15,7 @@ export default defineConfig({
       // 第一个代理
       "/api": {
         // 匹配到啥来进行方向代理
-        target: "http://192.168.2.42:8095/", //本地
+        target: "http://192.168.1.2:8095/", //本地
         // target: "http://220.191.238.50:996/", //线上
         changeOrigin: true, //是否支持跨域
         //rewrite: (path) => path.replace(/^\/api/, '') // 如果不需要api 直接把路径上的api 替换成空，这个