疫情防控

dist/css/chunk-0d7f448a.9747b169.css

@@ -0,0 +1 @@
+[data-v-f9a26372] .van-nav-bar{background:#39f}[data-v-f9a26372] .van-nav-bar .van-icon,[data-v-f9a26372] .van-nav-bar__text,[data-v-f9a26372] .van-nav-bar__title{color:#fff}[class*=van-hairline][data-v-f9a26372]:after{border:none}[data-v-f9a26372] #zr_0,element.style[data-v-f9a26372]{border-radius:20px}[data-v-f9a26372] canvas{border-radius:20px!important}.nav[data-v-f9a26372]{width:100%;height:30px;background-color:#666}.fix-nav[data-v-f9a26372]{position:fixed;top:0;z-index:999}

dist/css/chunk-46fc82c7.c37d5309.css

@@ -0,0 +1 @@
+[data-v-62e48881] .van-nav-bar{background:#39f}[data-v-62e48881] .van-nav-bar .van-icon,[data-v-62e48881] .van-nav-bar__text,[data-v-62e48881] .van-nav-bar__title{color:#fff}[class*=van-hairline][data-v-62e48881]:after{border:none}[data-v-62e48881] canvas{border-radius:20px!important}

dist/css/chunk-7690ba38.55b99b54.css

@@ -1 +0,0 @@
-[data-v-03c77c44] .van-nav-bar{background:#39f}[data-v-03c77c44] .van-nav-bar .van-icon,[data-v-03c77c44] .van-nav-bar__text,[data-v-03c77c44] .van-nav-bar__title{color:#fff}[class*=van-hairline][data-v-03c77c44]:after{border:none}[data-v-03c77c44] canvas{border-radius:20px!important}

dist/css/chunk-ad68507c.b664523b.css

@@ -1 +0,0 @@
-[data-v-8078f2b0] .van-nav-bar{background:#39f}[data-v-8078f2b0] .van-nav-bar .van-icon,[data-v-8078f2b0] .van-nav-bar__text,[data-v-8078f2b0] .van-nav-bar__title{color:#fff}[class*=van-hairline][data-v-8078f2b0]:after{border:none}[data-v-8078f2b0] #zr_0,element.style[data-v-8078f2b0]{border-radius:20px}[data-v-8078f2b0] canvas{border-radius:20px!important}

src/views/zaoquan/yiqing/yiqing-hesuanjiance.vue

@@ -1,6 +1,7 @@
 <template>
   <div>
-    <div v-if="shows">
+    <div v-if="shows"
+    id="nav" class="nav" :class="{ 'fix-nav': navBarFixed }">
       <van-nav-bar
         title="核酸检测统计"
         left-arrow
@@ -10,7 +11,7 @@
     </div>
     <div
       id="main"
-      style="width: 350px; height: 320px; margin: 0 auto; border-radius: 10px"
+      style="width: 350px; height: 320px; margin: 12px auto; border-radius: 10px"
     ></div>
     <div
       id="main2"
@@ -26,10 +27,11 @@ import * as echarts from "echarts";
 export default {
   data() {
     return {
-      shows: true,
+      shows: false,
       infos: [],
       infos1: [],
-      shows1:""
+      shows1:"",
+      navBarFixed: false,
     };
   },
   methods: {
@@ -296,14 +298,40 @@ export default {
     onClickLeft() {
       window.history.back();
     },
+     watchScroll() {
+      // 滚动的距离
+      var scrollTop =
+        window.pageYOffset ||
+        document.documentElement.scrollTop ||
+        document.body.scrollTop;
+
+      // 容器的高度
+      var offsetTop = document.querySelector("#nav").offsetHeight;
+
+      console.log("scrollTop=>", scrollTop, "  offsetTop=>", offsetTop);
+
+      //  滚动的距离如果大于了元素到顶部的距离时，实现吸顶效果
+      if (scrollTop > offsetTop) {
+        this.navBarFixed = true;
+      } else {
+        this.navBarFixed = false;
+      }
+    },
   },
   mounted() {
     document.body.style.backgroundColor = "#39f"; //背景色
     this.token = getAllUrlParams(window.location.href).token;
+    window.addEventListener("scroll", this.watchScroll);
+     this.tabbar=Boolean(getAllUrlParams(window.location.href).tabbar) ;
+    this.shows=this.tabbar
     // console.log(this.token);
     this.getanalysis();
     this.getanalysis1();
   },
+  destroyed() {
+    // 移除事件监听
+    window.removeEventListener("scroll", this.watchScroll);
+  },
 };
 </script>
 

src/views/zaoquan/yiqing/yiqing-tianbao.vue

@@ -1,6 +1,7 @@
 <template>
   <div>
-    <div v-if="shows">
+    <div v-if="shows"
+    id="nav" class="nav" :class="{ 'fix-nav': navBarFixed }">
       <van-nav-bar
         title="填报列表"
         left-arrow
@@ -58,11 +59,12 @@ import {getAllUrlParams} from '../../../plugins/url-encapsulation.js'
 export default {
   data() {
     return {
-      shows: true,
+      shows: false,
       showdiv:"未接种",
       xinxi:[],
       yimiao:"",
-      hesuan:""
+      hesuan:"",
+      navBarFixed: false,
     };
   },
   methods: {
@@ -77,15 +79,41 @@ export default {
     onClickLeft() {
       window.history.back();
     },
+    watchScroll() {
+      // 滚动的距离
+      var scrollTop =
+        window.pageYOffset ||
+        document.documentElement.scrollTop ||
+        document.body.scrollTop;
+
+      // 容器的高度
+      var offsetTop = document.querySelector("#nav").offsetHeight;
+
+      console.log("scrollTop=>", scrollTop, "  offsetTop=>", offsetTop);
+
+      //  滚动的距离如果大于了元素到顶部的距离时，实现吸顶效果
+      if (scrollTop > offsetTop) {
+        this.navBarFixed = true;
+      } else {
+        this.navBarFixed = false;
+      }
+    },
   },
   mounted() {
     document.body.style.backgroundColor = "#39f"; //背景色
     this.token = getAllUrlParams(window.location.href).token;
     this.mobile = getAllUrlParams(window.location.href).mobile;
+    window.addEventListener("scroll", this.watchScroll);
+    this.tabbar=Boolean(getAllUrlParams(window.location.href).tabbar) ;
+    this.shows=this.tabbar
     // console.log(this.mobile);
     // console.log(this.token);
     this.getxinxi()
   },
+  destroyed() {
+    // 移除事件监听
+    window.removeEventListener("scroll", this.watchScroll);
+  },
 };
 </script>
 
@@ -107,7 +135,7 @@ export default {
 }
 .contents {
   width: 92%;
-  margin: 0 auto 10px;
+  margin: 15px auto 10px;
   background: #fff;
   border-radius: 10px;
   border: 1px solid transparent;
@@ -191,4 +219,15 @@ export default {
 .sizes{
   font-size: 14px;
 }
+.nav {
+  width: 100%;
+  height: 30px;
+  background-color: #666666;
+}
+
+.fix-nav {
+  position: fixed;
+  top: 0;
+  z-index: 999;
+}
 </style>

src/views/zaoquan/yiqing/yiqing-tiwen.vue

@@ -1,15 +1,18 @@
 <template>
   <div>
-    <van-nav-bar
-      title="体温填报"
-      left-text="返回"
-      left-arrow
-      @click-left="onClickLeft"
-    >
-      <template #right>
-        <van-icon name="records" size="18" @click="tianbao" />
-      </template>
-    </van-nav-bar>
+    <div v-if="shows">
+      <van-nav-bar
+        title="体温填报"
+        left-text="返回"
+        left-arrow
+        @click-left="onClickLeft"
+      >
+        <template #right>
+          <van-icon name="records" size="18" @click="tianbao" />
+        </template>
+      </van-nav-bar>
+    </div>
+
     <div class="contents">
       <form>
         <!-- <div class="contents_one">
@@ -23,21 +26,13 @@
             <van-cell title="部门" :value="department" />
           </van-cell-group> -->
           <van-cell-group>
-            <van-field
-              v-model="name"
-              label="姓名"
-              placeholder="请输入姓名"
-            />
+            <van-field v-model="name" label="姓名" placeholder="请输入姓名" />
             <van-field
               v-model="department"
               label="部门"
               placeholder="请输入部门"
             />
-            <van-field
-              v-model="mobile"
-              label="工号"
-              placeholder="请输入工号"
-            />
+            <van-field v-model="mobile" label="工号" placeholder="请输入工号" />
           </van-cell-group>
         </div>
         <div class="contents_three">
@@ -114,9 +109,9 @@
           <label for="yimiao">是否接种疫苗</label>
           <div>
             <el-radio-group v-model="radio1" @change="reasons">
+              <el-radio-button label="第二剂"></el-radio-button>
               <el-radio-button label="第一剂"></el-radio-button>
               <el-radio-button label="未接种"></el-radio-button>
-              <el-radio-button label="第二剂"></el-radio-button>
             </el-radio-group>
           </div>
         </div>
@@ -168,9 +163,10 @@ import { getAllUrlParams } from "../../../plugins/url-encapsulation.js";
 export default {
   data() {
     return {
+      shows:false,
       name: "",
       department: "",
-      mobile:"",
+      mobile: "",
       reason: false,
       tiwen: "",
       yimiao: 0,
@@ -188,7 +184,7 @@ export default {
       showPicker1: false,
       columns2: ["私家车", "步行", "客运车", "出租车"],
       showPicker2: false,
-      radio1: "第一剂",
+      radio1: "第二剂",
       radio2: "否",
       // token: sessionStorage.getItem("mytoken")
       //   ? sessionStorage.getItem("mytoken")
@@ -246,9 +242,9 @@ export default {
         //疫苗情况
         if (this.radio1 == "第一剂") {
           this.yimiao = 1;
-        }else if(this.radio1=="未接种"){
+        } else if (this.radio1 == "未接种") {
           this.yimiao = 3;
-        }else {
+        } else {
           this.yimiao = 2;
         }
         //是否做过核酸
@@ -311,7 +307,7 @@ export default {
               place: String(this.values1),
               health: String(this.values),
               clock_in_time: this.times,
-              staff_num:this.mobile
+              staff_num: this.mobile,
             }
           )
           .then((res) => {
@@ -335,7 +331,9 @@ export default {
     },
     tianbao() {
       // console.log("123");
-      this.$router.push(`/zaoquan/yiqing/yiqing-tianbao?token=${this.token}&mobile=${this.mobile}`);
+      this.$router.push(
+        `/zaoquan/yiqing/yiqing-tianbao?token=${this.token}&mobile=${this.mobile}`
+      );
     },
     onConfirm(value) {
       this.value = value;
@@ -356,7 +354,7 @@ export default {
           console.log(res);
           this.name = res.data.data.name;
           this.department = res.data.data.section_fullname;
-          this.mobile=res.data.data.staff_num
+          this.mobile = res.data.data.staff_num;
         });
     },
     onClickLeft() {
@@ -372,6 +370,9 @@ export default {
     this.token = getAllUrlParams(window.location.href).token;
     this.gettoken = getAllUrlParams(window.location.href).gettoken;
     // console.log(this.token);
+    this.tabbar = Boolean(getAllUrlParams(window.location.href).tabbar);
+    this.shows = this.tabbar;
+    console.log(this.shows);
     // sessionStorage.setItem("mytoken", this.token); //存入token值
     this.getxinxi();
     // this.myinfo=setInterval(this.Submits,this.$router.push(`/zaoquan/yiqing/yiqing?toen=${this.token}`), 2000);
@@ -400,7 +401,7 @@ export default {
 }
 .contents1 {
   width: 90%;
-  margin: 0 auto 10px;
+  margin: 7px auto 10px;
   background: #fff;
   border-radius: 10px;
   border: 1px solid transparent;
@@ -408,7 +409,7 @@ export default {
 }
 .contents {
   width: 90%;
-  margin: 0 auto 10px;
+  margin: 7px auto 10px;
   background: #fff;
   border-radius: 10px;
   border: 1px solid transparent;
@@ -545,7 +546,7 @@ input::-webkit-input-placeholder {
   padding: 6px 12px;
   font-size: 11px;
 }
->>>.el-radio-button__inner{
+>>> .el-radio-button__inner {
   border-radius: 14px;
 }
 >>> .el-radio-button:first-child .el-radio-button__inner {

src/views/zaoquan/yiqing/yiqing-weijiezhong.vue

@@ -27,13 +27,15 @@ import { getAllUrlParams } from "../../../plugins/url-encapsulation.js";
 export default {
   data() {
     return {
-      shows: true,
+      shows: false,
       xinxi:[]
     };
   },
   mounted() {
     document.body.style.backgroundColor = "#fff"; //背景色
     this.token = getAllUrlParams(window.location.href).token;
+    this.tabbar=Boolean(getAllUrlParams(window.location.href).tabbar) ;
+    this.shows=this.tabbar
     this.id = getAllUrlParams(window.location.href).its;
     console.log(this.id);
     this.getxinxi()

src/views/zaoquan/yiqing/yiqing-yimiaojiezhong.vue

@@ -1,6 +1,6 @@
 <template>
   <div>
-    <div v-if="shows">
+    <div v-if="shows" id="nav" class="nav" :class="{ 'fix-nav': navBarFixed }">
       <van-nav-bar
         title="疫苗接种"
         left-arrow
@@ -11,7 +11,7 @@
     <div class="contents">
       <div
         id="main"
-        style="width: 350px; height: 300px; margin: 0 auto; border-radius: 10px"
+        style="width: 350px; height: 300px; margin: 12px auto; border-radius: 10px"
       ></div>
     </div>
 
@@ -29,10 +29,11 @@ import * as echarts from "echarts";
 export default {
   data() {
     return {
-      shows: true,
+      shows: false,
       infos: [],
       infos1: [],
       shows1: "",
+      navBarFixed: false,
     };
   },
   methods: {
@@ -49,7 +50,7 @@ export default {
           // console.log(this.infos);
           var option = {
             backgroundColor: "#fff",
-            borderRadius: [20,20,20,20],
+            borderRadius: [20, 20, 20, 20],
             title: {
               text: "疫苗接种统计",
               // left: "left",
@@ -145,7 +146,7 @@ export default {
                   {
                     value: this.infos.not_vaccination,
                     name: "未接种疫苗",
-                    Id:"2",
+                    Id: "2",
                     itemStyle: {
                       // 设置扇形的颜色
                       color: "red",
@@ -258,19 +259,44 @@ export default {
           });
         });
     },
+    watchScroll() {
+      // 滚动的距离
+      var scrollTop =
+        window.pageYOffset ||
+        document.documentElement.scrollTop ||
+        document.body.scrollTop;
 
+      // 容器的高度
+      var offsetTop = document.querySelector("#nav").offsetHeight;
+
+      console.log("scrollTop=>", scrollTop, "  offsetTop=>", offsetTop);
+
+      //  滚动的距离如果大于了元素到顶部的距离时，实现吸顶效果
+      if (scrollTop > offsetTop) {
+        this.navBarFixed = true;
+      } else {
+        this.navBarFixed = false;
+      }
+    },
     onClickLeft() {
       window.history.back();
     },
   },
   mounted() {
     document.body.style.backgroundColor = "#39f"; //背景色
-    document.body.style.borderRadius="20px"
+    document.body.style.borderRadius = "20px";
+    window.addEventListener("scroll", this.watchScroll);
     this.token = getAllUrlParams(window.location.href).token;
+     this.tabbar=Boolean(getAllUrlParams(window.location.href).tabbar) ;
+    this.shows=this.tabbar
     // console.log(this.token);
     this.getanalysis();
     this.getanalysis1();
   },
+  destroyed() {
+    // 移除事件监听
+    window.removeEventListener("scroll", this.watchScroll);
+  },
 };
 </script>
 
@@ -296,7 +322,18 @@ element.style {
 >>> #zr_0 {
   border-radius: 20px;
 }
->>>canvas{
-border-radius: 20px!important;
+>>> canvas {
+  border-radius: 20px !important;
+}
+.nav {
+  width: 100%;
+  height: 30px;
+  background-color: #666666;
+}
+
+.fix-nav {
+  position: fixed;
+  top: 0;
+  z-index: 999;
 }
 </style>