改版疫情防控入口列表样式，新增疫苗接种统计未录入人员详情

src/router/index.js

@@ -184,6 +184,15 @@ const routes = [
       title:"第一针疫苗详情"
     }
   },
+  //枣泉疫苗统计未录入
+  {
+    path:"/zaoquan/yiqing/yiqing-weiluru",
+    name:"yiqing-weiluru",
+    component:()=>import('../views/zaoquan/yiqing/yiqing-weiluru.vue'),
+    meta:{
+      title:"疫苗统计未录入详情"
+    }
+  },
    //枣泉部门
    {
     path:"/zaoquan/yiqing/yiqing-bumen",

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

@@ -54,9 +54,9 @@ export default {
     this.tabbar=Boolean(getAllUrlParams(window.location.href).tabbar) ;
     this.shows=this.tabbar
     this.names = getAllUrlParams(window.location.href).its;
-    console.log(decodeURIComponent(this.names));
+    // console.log(decodeURIComponent(this.names));
     this.itsname= getAllUrlParams(window.location.href).itsname;
-    console.log(decodeURIComponent(this.itsname));
+    // console.log(decodeURIComponent(this.itsname));
     this.getxinxi()
   },
   methods: {
@@ -68,7 +68,7 @@ export default {
             section_fullname:decodeURIComponent(this.names),
             // vaccination_first:decodeURIComponent(this.itsname)
         }).then(res=>{
-            console.log(res);
+            // console.log(res);
             this.xinxi=res.data.data.not_nat_section_list
         })
     }

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

@@ -57,7 +57,7 @@ export default {
     this.tabbar=Boolean(getAllUrlParams(window.location.href).tabbar) ;
     this.shows=this.tabbar
     this.names = getAllUrlParams(window.location.href).itsname;
-    console.log(decodeURIComponent(this.names));
+    // console.log(decodeURIComponent(this.names));
     // this.itsname= getAllUrlParams(window.location.href).itsname;
     // console.log(decodeURIComponent(this.itsname));
     this.getxinxi()
@@ -72,7 +72,7 @@ export default {
             section_fullname:decodeURIComponent(this.names),
             vaccination_first:this.valname
         }).then(res=>{
-            console.log(res);
+            // console.log(res);
             this.xinxi=res.data.data.not_nat_section_list
         })
     }

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

@@ -69,7 +69,7 @@ export default {
 
     this.id = getAllUrlParams(window.location.href).id;
 
-    console.log(this.id);
+    // console.log(this.id);
     this.get_detail(this.id);
   },
   methods: {
@@ -82,7 +82,7 @@ export default {
           }
         )
         .then((res) => {
-          console.log(res);
+          // console.log(res);
           this.detail = res.data.data
         });
     },

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

@@ -54,13 +54,13 @@ export default {
         }).then(res=>{
             this.List = res.data.data.reverse()
             
-            console.log(this.List);
+            // console.log(this.List);
         })
     },
 
     change_day(item,index){
       this.active = index
-      console.log(item.date)
+      // console.log(item.date)
     },
     go_detail(id){
       this.$router.push(

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

@@ -75,7 +75,7 @@ export default {
 
     this.id = getAllUrlParams(window.location.href).id;
 
-    console.log(this.id);
+    // console.log(this.id);
     this.get_detail(this.id);
   },
   methods: {
@@ -88,7 +88,7 @@ export default {
           }
         )
         .then((res) => {
-          console.log(res);
+          // console.log(res);
           this.detail = res.data.data
         });
     },

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

@@ -54,13 +54,13 @@ export default {
         }).then(res=>{
             this.List = res.data.data.reverse()
             
-            console.log(this.List);
+            // console.log(this.List);
         })
     },
 
     change_day(item,index){
       this.active = index
-      console.log(item.date)
+      // console.log(item.date)
     },
     go_detail(id){
       this.$router.push(

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

@@ -92,7 +92,7 @@ export default {
         )
         .then((res) => {
           // 指定图表的配置项和数据
-          console.log(res);
+          // console.log(res);
           this.infos = res.data.data;
           // console.log(this.infos);
           this.total_number = res.data.data.total_number;

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

@@ -105,7 +105,7 @@
         <div class="contents_four">
           <label for="yimiao">是否接种疫苗</label>
           <div>
-            <el-radio-group v-model="radio1" @change="reasons">
+            <el-radio-group v-model="radio1" @change="reasons($event)">
               <el-radio-button label="第二剂"></el-radio-button>
               <el-radio-button label="第一剂"></el-radio-button>
               <el-radio-button label="未接种"></el-radio-button>
@@ -249,7 +249,8 @@ export default {
     },
 
     //接种疫苗
-    reasons() {
+    reasons(e) {
+      console.log(e)
       this.reason = !this.reason;
     },
     //提交数据到后台

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

@@ -67,7 +67,7 @@ export default {
           "http://zaoquan.nxjiewei.com:8011/api/workbench/epidemic_situation/clock_in_statistics"
         )
         .then((res) => {
-          console.log(res);
+          // console.log(res);
 
           // 部门
           this.bumen = res.data.data.section_list;
@@ -220,8 +220,6 @@ export default {
     this.shows = this.tabbar;
     // console.log(this.token);
     this.getanalysis();
-    // this.getanalysis1();//各部门疫苗未接种环状图
-    this.getbumen();
   },
   destroyed() {
     // 移除事件监听

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

@@ -0,0 +1,181 @@
+<template>
+  <div class="page">
+    <!-- <h1>未接种</h1> -->
+    <div v-if="shows">
+      <van-nav-bar
+        title="未接种疫苗详情"
+        left-arrow
+        left-text="返回"
+        @click-left="onClickLeft"
+      />
+    </div> 
+
+     <div class="contents_table">
+      <h3>疫苗统计未录入详情</h3>
+      <div class="list">
+        <div class="item" style="border-bottom:2px solid #009FE8;">
+            <div class="name">姓名</div>
+            <div class="full">部门</div>
+            <div class="reason"></div>
+        </div>
+        <div class="item"  v-for="item in xinxi" :key="item">
+            <div class="name">{{item.name}}</div>
+            <div class="full">{{item.section_fullname}}</div>
+            <div class="reason"></div>
+        </div>
+      </div>
+    </div>
+
+  </div>
+</template>
+
+<script>
+import { getAllUrlParams } from "../../../plugins/url-encapsulation.js";
+export default {
+  data() {
+    return {
+      shows: false,
+      xinxi:[],
+      itsname:""
+    };
+  },
+  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.names = getAllUrlParams(window.location.href).its;
+    // console.log(decodeURIComponent(this.names));
+    this.itsname= getAllUrlParams(window.location.href).itsname;
+    // console.log(decodeURIComponent(this.itsname));
+    this.getxinxi()
+  },
+  methods: {
+    onClickLeft() {
+      window.history.back();
+    },
+    getxinxi(){
+        this.$http.post("http://zaoquan.nxjiewei.com:8011/api/workbench/epidemic_situation/get_not_vaccination_list",{
+            // section_fullname:decodeURIComponent(this.names),
+            not_entered:decodeURIComponent(this.itsname)
+        }).then(res=>{
+            // console.log(res);
+            this.xinxi=res.data.data.not_nat_section_list
+        })
+    }
+  },
+};
+</script>
+
+<style scoped>
+>>> .van-nav-bar {
+  background: #39f;
+}
+>>> .van-nav-bar__title {
+  color: #fff;
+}
+>>> .van-nav-bar .van-icon {
+  color: #fff;
+}
+>>> .van-nav-bar__text {
+  color: #fff;
+}
+[class*="van-hairline"]:after {
+  border: none;
+}
+
+.page{
+  min-height: 100%;
+  background-color: #3399FF;
+
+  box-sizing: border-box;
+  padding: 20px 0;
+}
+
+.contents {
+  display: flex;
+  justify-content: left;
+  width: 90%;
+  margin: 12px auto;
+  padding-bottom: 5px;
+  font-size: 18px;
+  border-bottom: 3px solid #39f;
+}
+.contents1 {
+  width: 20%;
+  color: #39f;
+}
+.contents2 {
+  width: 30%;
+  color: #39f;
+}
+.contents3 {
+  width: 50%;
+  color: #39f;
+}
+.contents_one {
+  display: flex;
+  justify-content: left;
+  width: 90%;
+  margin: 12px auto;
+  padding-bottom: 10px;
+  border-bottom: 1px solid #f0f0f0;
+}
+.contents_one1 {
+  width: 20%;
+}
+.contents_one2 {
+  width: 30%;
+}
+.contents_one3 {
+  width: 50%;
+}
+
+.contents_table {
+  width: 350px;
+  min-height: 90vh;
+  margin: 0 auto;
+  background: #fff;
+  /* background-color: #3399FF; */
+
+  border-radius: 20px;
+
+  padding-bottom: 10px;
+  margin-bottom: 30px;
+}
+.contents_table > h3 {
+  text-align: center;
+  padding-top: 10px;
+  margin-bottom: 15px;
+}
+
+
+.list{
+  box-sizing: border-box;
+  padding: 0 10px;
+  font-size: 13px;
+}
+.list .item{
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  
+  box-sizing: border-box;
+  padding: 5px 0;
+}
+.list .item:nth-child(2n){
+  background-color: #f0f0f0;
+}
+.list .item .name{
+  width: 80px;
+  text-align: center;
+}
+.list .item .full{
+  width: 80px;
+  text-align: center;
+}
+.list .item .reason{
+  width: 150px;
+  text-align: center;
+}
+</style>

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

@@ -99,7 +99,7 @@ export default {
           "http://zaoquan.nxjiewei.com:8011/api/workbench/epidemic_situation/vaccination_statistics"
         )
         .then((res) => {
-          console.log(res);
+          // console.log(res);
           // 指定图表的配置项和数据
           this.infos = res.data.data;
           // console.log(this.infos);
@@ -223,6 +223,16 @@ export default {
                       shadowColor: "rgba(0, 0, 0, 0.5)",
                     },
                   },
+                  {
+                    value: this.infos.not_entered,
+                    name: "未录入",
+                    itemStyle: {
+                      // 设置扇形的颜色
+                      color: "#E7C278",
+                      shadowBlur: 200,
+                      shadowColor: "rgba(0, 0, 0, 0.5)",
+                    },
+                  },
                 ],
               },
             ],
@@ -244,7 +254,7 @@ export default {
             }
           });
           myChart.on("click", function (param) {
-            console.log(param.data.name);
+            // console.log(param.data.name);
             if (param.data.name == "未接种疫苗") {
               window.location.href = `#/zaoquan/yiqing/yiqing-weijiezhong`;
             }
@@ -254,6 +264,12 @@ export default {
               // console.log(itsname);
               window.location.href = `#/zaoquan/yiqing/yiqing-diyiji?itsname=${itsname}`;
             }
+            if (param.data.name == "未录入") {
+              // console.log("sss");
+              let itsname = param.data.name;
+              // console.log(itsname);
+              window.location.href = `#/zaoquan/yiqing/yiqing-weiluru?itsname=${itsname}`;
+            }
           });
         });
     },
@@ -264,7 +280,7 @@ export default {
           "http://zaoquan.nxjiewei.com:8011/api/workbench/epidemic_situation/vaccination_statistics"
         )
         .then((res) => {
-          console.log(res);
+          // console.log(res);
           this.total_number = res.data.data.total_number;
           this.bumen = res.data.data.not_nat_section_list;
         });

src/views/zaoquan/yiqing/yiqing.vue

@@ -12,7 +12,7 @@
       <img src="../../../assets/images/zaoquan/yiqing/头图.png" alt="" />
     </div>
     <!-- 测温 -->
-    <div class="contents">
+    <!-- <div class="contents">
       <div class="contents_img">
         <img src="../../../assets/images/zaoquan/yiqing/测温.png" alt="" />
       </div>
@@ -33,9 +33,9 @@
         <img src="../../../assets/images/zaoquan/yiqing/椭圆.png" alt="" />
         <p>马上填写</p>
       </div>
-    </div>
-    <!-- 体温填报 -->
-    <div class="contents">
+    </div> -->
+    <!-- 体温填报统计 -->
+    <!-- <div class="contents">
       <div class="contents_img">
         <img src="../../../assets/images/zaoquan/yiqing/体温统计.png" alt="" />
       </div>
@@ -46,9 +46,9 @@
         <img src="../../../assets/images/zaoquan/yiqing/椭圆.png" alt="" />
         <p>前往查看</p>
       </div>
-    </div>
+    </div> -->
     <!-- 疫苗接种 -->
-    <div class="contents">
+    <!-- <div class="contents">
       <div class="contents_img">
         <img src="../../../assets/images/zaoquan/yiqing/疫苗.png" alt="" />
       </div>
@@ -59,9 +59,9 @@
         <img src="../../../assets/images/zaoquan/yiqing/椭圆.png" alt="" />
         <p>前往查看</p>
       </div>
-    </div>
+    </div> -->
     <!-- 核算检测 -->
-    <div class="contents">
+    <!-- <div class="contents">
       <div class="contents_img">
         <img src="../../../assets/images/zaoquan/yiqing/核酸.png" alt="" />
       </div>
@@ -72,9 +72,9 @@
         <img src="../../../assets/images/zaoquan/yiqing/椭圆.png" alt="" />
         <p>前往查看</p>
       </div>
-    </div>
+    </div> -->
     <!-- 外出人员统计 -->
-    <div class="contents">
+    <!-- <div class="contents">
       <div class="contents_img">
         <img src="../../../assets/images/zaoquan/yiqing/登记.png" alt="" />
       </div>
@@ -85,9 +85,9 @@
         <img src="../../../assets/images/zaoquan/yiqing/椭圆.png" alt="" />
         <p>前往查看</p>
       </div>
-    </div>
+    </div> -->
     <!-- 出省人员统计 -->
-    <div class="contents">
+    <!-- <div class="contents">
       <div class="contents_img">
         <img src="../../../assets/images/zaoquan/yiqing/出省.png" alt="" />
       </div>
@@ -98,6 +98,50 @@
         <img src="../../../assets/images/zaoquan/yiqing/椭圆.png" alt="" />
         <p>前往查看</p>
       </div>
+    </div> -->
+
+
+    <div class="list">
+      <div class="item" @click="cewen">
+        <div class="icon">
+         <img src="../../../assets/images/zaoquan/yiqing/测温.png" alt="" />
+        </div>
+        <div class="name">
+          体温填报
+          <div style="color:red;font-size:12px;" v-if="colors == getcolor" v-show="this.gettoken !== undefined">未填写</div>
+          <div style="color:#008c8c;font-size:12px;" v-else v-show="this.gettoken !== undefined">已填写</div>
+        </div>
+      </div>
+      <div class="item" @click="tiwentongji">
+        <div class="icon">
+          <img src="../../../assets/images/zaoquan/yiqing/体温统计.png" alt="" />
+        </div>
+        <div class="name">填报记录统计</div>
+      </div>
+      <div class="item" @click="yimiao">
+        <div class="icon">
+          <img src="../../../assets/images/zaoquan/yiqing/疫苗.png" alt="" />
+        </div>
+        <div class="name">疫苗接种统计</div>
+      </div>
+      <div class="item" @click="hesuan">
+        <div class="icon">
+          <img src="../../../assets/images/zaoquan/yiqing/核酸.png" alt="" />
+        </div>
+        <div class="name">核酸检测统计</div>
+      </div>
+      <div class="item" @click="dengji">
+        <div class="icon">
+           <img src="../../../assets/images/zaoquan/yiqing/登记.png" alt="" />
+        </div>
+        <div class="name">外出人员统计</div>
+      </div>
+      <div class="item" @click="chusheng">
+        <div class="icon">
+         <img src="../../../assets/images/zaoquan/yiqing/出省.png" alt="" />
+        </div>
+        <div class="name">出省人员统计</div>
+      </div>
     </div>
   </div>
 </template>
@@ -163,7 +207,7 @@ export default {
           "http://zaoquan.nxjiewei.com:8011/api/workbench/epidemic_situation/today_check"
         )
         .then((res) => {
-          console.log(res);
+          // console.log(res);
           this.getcolor = res.data.data;
         });
     },
@@ -236,7 +280,7 @@ export default {
 .headers > img {
   width: 100%;
 }
-.contents {
+/* .contents {
   width: 94%;
   height: 80px;
   margin: 10px auto;
@@ -295,7 +339,7 @@ export default {
 }
 .contents_text1_p1 {
   font-size: 18px;
-}
+} */
 .nav {
   width: 100%;
   height: 30px;
@@ -307,4 +351,32 @@ export default {
   top: 0;
   z-index: 999;
 }
+
+.list{
+  display: flex;
+  justify-content: space-around;
+  flex-wrap: wrap;
+
+  box-sizing: border-box;
+  padding: 25px 0;
+}
+.list .item{
+  width: 100px;
+  text-align: center;
+
+  margin-bottom: 25px;
+}
+.list .item .icon{
+  margin-bottom: 5px;
+}
+.list .item .icon img{
+  width: 55px;
+  height: 55px;
+}
+.list .item .name{
+  font-size: 14px;
+}
+
+
+
 </style>