疫情防控

dist/css/chunk-0f4ecd12.fc4a39a2.css

@@ -1 +0,0 @@
-[data-v-b25bbc66] .van-nav-bar{background:#39f}[data-v-b25bbc66] .van-nav-bar .van-icon,[data-v-b25bbc66] .van-nav-bar__text,[data-v-b25bbc66] .van-nav-bar__title{color:#fff}[class*=van-hairline][data-v-b25bbc66]:after{border:none}

dist/css/chunk-b12682c4.c61d88ac.css

@@ -1 +0,0 @@
-[data-v-5c538cb3] .van-nav-bar{background:#39f}[data-v-5c538cb3] .van-nav-bar .van-icon,[data-v-5c538cb3] .van-nav-bar__text,[data-v-5c538cb3] .van-nav-bar__title{color:#fff}[class*=van-hairline][data-v-5c538cb3]:after{border:none}

dist/css/chunk-dff85cba.cf5d5e54.css

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

dist/css/chunk-e7119308.7ff2ed6c.css

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

src/router/index.js

@@ -148,6 +148,15 @@ const routes = [
       title:"核酸检测"
     }
   },
+   //枣泉未接种疫苗原因
+   {
+    path:"/zaoquan/yiqing/yiqing-weijiezhong",
+    name:"yiqing-weijiezhong",
+    component:()=>import('../views/zaoquan/yiqing/yiqing-weijiezhong.vue'),
+    meta:{
+      title:"未接种疫苗详情"
+    }
+  },
   //路由重定向
   {
     path:'/',

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

@@ -10,9 +10,12 @@
     </div>
     <div
       id="main"
-      style="width: 350px; height: 200px; margin: 0 auto; border-radius: 10px"
+      style="width: 350px; height: 320px; margin: 0 auto; border-radius: 10px"
+    ></div>
+    <div
+      id="main2"
+      style="width: 350px; height: 200px; margin: 20px auto"
     ></div>
-    <!-- <div id="main2" style="width: 300px; height: 200px"></div> -->
   </div>
 </template>
 
@@ -24,6 +27,7 @@ export default {
     return {
       shows: true,
       infos: [],
+      infos1: [],
     };
   },
   methods: {
@@ -35,13 +39,16 @@ export default {
         )
         .then((res) => {
           // 指定图表的配置项和数据
-           this.infos = res.data.data;
+          // console.log(res);
+          this.infos = res.data.data;
           console.log(this.infos);
           var option = {
             backgroundColor: "#fff",
+            borderRadius: "20px",
             title: {
               text: "核酸检测统计",
-              left: "left",
+              x: "25px",
+              y: "15px",
             },
             tooltip: {
               trigger: "item",
@@ -51,29 +58,13 @@ export default {
               //设置小块标记
               y: "bottom",
               x: "center",
-              // orient: "vertical",
-              // x: "left",
-              // top: 40,
-              // itemWidth: 70,
-              // itemHeight: 30,
-              // formatter: "{name}",
-              // textStyle: {
-              //   color: "#FFFFFF",
-              // },
-              // data: [
-              //   { name: "高速50KM", icon: "rect" },
-              //   { name: "一级150KM", icon: "rect" },
-              //   { name: "二级150KM", icon: "rect" },
-              //   { name: "三级100KM", icon: "rect" },
-              //   { name: "四级50KM", icon: "rect" },
-              // ],
             },
             calculable: true,
             series: [
               {
                 name: "访问来源",
                 type: "pie",
-                radius: "50%", //饼图的半径大小
+                radius: ["50%", "80%"], //饼图的半径大小
                 // center: ["60%", "60%"], //饼图的位置
                 label: {
                   //饼图图形上的文本颜色设置
@@ -89,9 +80,9 @@ export default {
                 },
                 data: [
                   {
-                   value: this.infos.nucleic_acid_test,
+                    value: this.infos.nucleic_acid_test,
                     name: "已检测",
-                     // 配置映射图显示颜色
+                    // 配置映射图显示颜色
                     itemStyle: {
                       // 设置扇形的颜色
                       color: "#39f",
@@ -106,7 +97,7 @@ export default {
                       // 设置扇形的颜色
                       color: "red",
                       shadowBlur: 200,
-                      shadowColor: "rgba(0, 0, 0, 0.5)",
+                      shadowColor: "rgba(0, 0, 0, 0)",
                     },
                   },
                 ],
@@ -116,6 +107,148 @@ export default {
           myChart.setOption(option);
         });
     },
+    getanalysis1() {
+      let myChart1 = echarts.init(document.getElementById("main2"));
+      this.$http
+        .post(
+          "http://zaoquan.nxjiewei.com:8011/api/workbench/epidemic_situation/nucleic_acid_test_statistics"
+        )
+        .then((res) => {
+          // console.log(res);
+          // 指定图表的配置项和数据
+          this.infos1 = res.data.data.not_nat_section_list;
+          console.log(this.infos1);
+          let numArr = [];
+          let section_fullnameArr = [];
+          for (let i in this.infos1) {
+            // console.log(this.not_nat_section_list[i].section_fullname);
+            numArr.push(this.infos1[i].num);
+            section_fullnameArr.push(this.infos1[i].section_fullname);
+          }
+          let array = [];
+          for (let i = 0; i < numArr.length; i++) {
+            let obj = {};
+            for (let j = 0; j < section_fullnameArr.length; j++) {
+              if (i == j) {
+                obj.name = section_fullnameArr[j];
+                obj.value = numArr[i];
+                array.push(obj);
+              }
+            }
+          }
+          var option1 = {
+            backgroundColor: "#fff",
+            borderRadius: 9,
+            title: {
+              text: "核酸未检测人员部门分布",
+              // left: "left",
+              x: "25px",
+              y: "15px",
+            },
+            tooltip: {
+              trigger: "item",
+              formatter: "{a} <br/>{b} : {c}",
+            },
+            textStyle: {
+              fontSize: 10,
+              color: "#fff",
+            },
+            legend: {
+              //设置小块标记
+              y: "bottom",
+              x: "center",
+            },
+            calculable: true,
+            series: [
+              {
+                name: "访问来源",
+                type: "pie",
+                radius: ["50%", "80%"], //饼图的半径大小
+                // center: ["60%", "60%"], //饼图的位置
+                label: {
+                  //饼图图形上的文本颜色设置
+                  normal: {
+                    show: true,
+                    position: "inner", //标签的位置
+                    textStyle: {
+                      fontWeight: 300,
+                      fontSize: 16, //文字的字体大小
+                    },
+                    formatter: "{d}%", //设置百分比
+                  },
+                },
+                data: array,
+              },
+            ],
+          };
+          myChart1.setOption(option1);
+        });
+    },
+    // getanalysis1(){
+    //   let myChart1 = echarts.init(document.getElementById("main2"));
+    //   this.$http.post(
+    //       "http://zaoquan.nxjiewei.com:8011/api/workbench/epidemic_situation/nucleic_acid_test_statistics"
+    //     ).then(res=>{
+    //       console.log(res);
+    //       this.infos1 = res.data.data.not_nat_section_list;
+    //       console.log(this.infos1);
+    //       var option1 = {
+    //         backgroundColor: "#fff",
+    //         title: {
+    //           text: "核酸未检测人员部门分布",
+    //           left: "left",
+    //         },
+    //         tooltip: {
+    //           trigger: "item",
+    //           formatter: "{a} <br/>{b} : {c}",
+    //         },
+    //         legend: {
+    //           //设置小块标记
+    //           y: "bottom",
+    //           x: "center",
+    //           // orient: "vertical",
+    //           // x: "left",
+    //           // top: 40,
+    //           // itemWidth: 70,
+    //           // itemHeight: 30,
+    //           // formatter: "{name}",
+    //           // textStyle: {
+    //           //   color: "#FFFFFF",
+    //           // },
+    //           // data: [
+    //           //   { name: "高速50KM", icon: "rect" },
+    //           //   { name: "一级150KM", icon: "rect" },
+    //           //   { name: "二级150KM", icon: "rect" },
+    //           //   { name: "三级100KM", icon: "rect" },
+    //           //   { name: "四级50KM", icon: "rect" },
+    //           // ],
+    //         },
+    //         calculable: true,
+    //         series: [
+    //           {
+    //             name: "访问来源",
+    //             type: "pie",
+    //             radius: ["50%","70%"], //饼图的半径大小
+    //             // center: ["60%", "60%"], //饼图的位置
+    //             label: {
+    //               //饼图图形上的文本颜色设置
+    //               normal: {
+    //                 show: true,
+    //                 position: "inner", //标签的位置
+    //                 textStyle: {
+    //                   fontWeight: 300,
+    //                   fontSize: 16, //文字的字体大小
+    //                 },
+    //                 formatter: "{d}%", //设置百分比
+    //               },
+    //             },
+    //             data: this.infos1
+    //           },
+    //         ],
+    //       };
+    //       myChart1.setOption(option1)
+    //     })
+    // },
     onClickLeft() {
       window.history.back();
     },
@@ -125,6 +258,7 @@ export default {
     this.token = getAllUrlParams(window.location.href).token;
     // console.log(this.token);
     this.getanalysis();
+    this.getanalysis1();
   },
 };
 </script>
@@ -145,4 +279,7 @@ export default {
 [class*="van-hairline"]:after {
   border: none;
 }
+#main{
+  border-radius: 20px;
+}
 </style>

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

@@ -67,8 +67,10 @@ export default {
   },
   methods: {
     getxinxi(){
-      this.$http.post("http://zaoquan.nxjiewei.com:8011/api/workbench/epidemic_situation/clock_in_list").then(res=>{
-        // console.log(res.data.data.data);
+      this.$http.post("http://zaoquan.nxjiewei.com:8011/api/workbench/epidemic_situation/clock_in_list",{
+        staff_num:this.mobile
+      }).then(res=>{
+        // console.log(res);
         this.xinxi=res.data.data.data
       })
     },
@@ -79,6 +81,8 @@ export default {
   mounted() {
     document.body.style.backgroundColor = "#39f"; //背景色
     this.token = getAllUrlParams(window.location.href).token;
+    this.mobile = getAllUrlParams(window.location.href).mobile;
+    // console.log(this.mobile);
     // console.log(this.token);
     this.getxinxi()
   },

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

@@ -0,0 +1,109 @@
+<template>
+  <div>
+    <!-- <h1>未接种</h1> -->
+    <div v-if="shows">
+      <van-nav-bar
+        title="未接种疫苗详情"
+        left-arrow
+        left-text="返回"
+        @click-left="onClickLeft"
+      />
+    </div>
+    <div class="contents">
+      <div class="contents1">姓名</div>
+      <div class="contents2">部门</div>
+      <div class="contents3">原因</div>
+    </div>
+    <div class="contents_one" v-for="item in xinxi" :key="item">
+      <div class="contents_one1">{{item.name}}</div>
+      <div class="contents_one2">{{item.section_fullname}}</div>
+      <div class="contents_one3">{{item. not_vaccination_cause}}</div>
+    </div>
+  </div>
+</template>
+
+<script>
+import { getAllUrlParams } from "../../../plugins/url-encapsulation.js";
+export default {
+  data() {
+    return {
+      shows: true,
+      xinxi:[]
+    };
+  },
+  mounted() {
+    document.body.style.backgroundColor = "#fff"; //背景色
+    this.token = getAllUrlParams(window.location.href).token;
+    this.getxinxi()
+  },
+  methods: {
+    onClickLeft() {
+      window.history.back();
+    },
+    getxinxi(){
+        this.$http.post("http://zaoquan.nxjiewei.com:8011/api/workbench/epidemic_situation/get_not_vaccination_list").then(res=>{
+            console.log(res.data.data.not_nat_section_list);
+            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;
+}
+.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%;
+  text-align: center;
+  color: #39f;
+}
+.contents3 {
+  width: 50%;
+  text-align: center;
+  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%;
+}
+</style>

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

@@ -2,7 +2,7 @@
   <div>
     <div v-if="shows">
       <van-nav-bar
-        title="核酸检测统计"
+        title="疫苗接种"
         left-arrow
         left-text="返回"
         @click-left="onClickLeft"
@@ -10,9 +10,12 @@
     </div>
     <div
       id="main"
-      style="width: 350px; height: 200px; margin: 0 auto; border-radius: 10px"
+      style="width: 350px; height: 300px; margin: 0 auto; border-radius: 10px"
+    ></div>
+    <div
+      id="main2"
+      style="width: 350px; height: 680px; margin: 20px auto"
     ></div>
-    <!-- <div id="main2" style="width: 300px; height: 200px"></div> -->
   </div>
 </template>
 
@@ -24,6 +27,7 @@ export default {
     return {
       shows: true,
       infos: [],
+      infos1: [],
     };
   },
   methods: {
@@ -34,46 +38,39 @@ export default {
           "http://zaoquan.nxjiewei.com:8011/api/workbench/epidemic_situation/vaccination_statistics"
         )
         .then((res) => {
+          // console.log(res);
           // 指定图表的配置项和数据
-           this.infos = res.data.data;
+          this.infos = res.data.data;
           // console.log(this.infos);
           var option = {
             backgroundColor: "#fff",
+            borderRadius: 9,
             title: {
               text: "疫苗接种统计",
-              left: "left",
+              // left: "left",
+              x: "25px",
+              y: "15px",
             },
             tooltip: {
               trigger: "item",
               formatter: "{a} <br/>{b} : {c}",
+               textStyle: {
+                fontSize: 10,
+                color:"#fff"
+              },
             },
+           
             legend: {
               //设置小块标记
               y: "bottom",
               x: "center",
-              // orient: "vertical",
-              // x: "left",
-              // top: 40,
-              // itemWidth: 70,
-              // itemHeight: 30,
-              // formatter: "{name}",
-              // textStyle: {
-              //   color: "#FFFFFF",
-              // },
-              // data: [
-              //   { name: "高速50KM", icon: "rect" },
-              //   { name: "一级150KM", icon: "rect" },
-              //   { name: "二级150KM", icon: "rect" },
-              //   { name: "三级100KM", icon: "rect" },
-              //   { name: "四级50KM", icon: "rect" },
-              // ],
             },
             calculable: true,
             series: [
               {
                 name: "访问来源",
                 type: "pie",
-                radius: "50%", //饼图的半径大小
+                radius: ["50%", "80%"], //饼图的半径大小
                 // center: ["60%", "60%"], //饼图的位置
                 label: {
                   //饼图图形上的文本颜色设置
@@ -89,9 +86,9 @@ export default {
                 },
                 data: [
                   {
-                   value: this.infos.vaccination,
+                    value: this.infos.vaccination,
                     name: "已接种疫苗",
-                     // 配置映射图显示颜色
+                    // 配置映射图显示颜色
                     itemStyle: {
                       // 设置扇形的颜色
                       color: "#39f",
@@ -114,8 +111,170 @@ export default {
             ],
           };
           myChart.setOption(option);
+          myChart.on("click", function () {
+            // console.log("111");
+            window.location.href = "#/zaoquan/yiqing/yiqing-weijiezhong";
+          });
         });
     },
+    getanalysis1() {
+      let myChart1 = echarts.init(document.getElementById("main2"));
+      this.$http
+        .post(
+          "http://zaoquan.nxjiewei.com:8011/api/workbench/epidemic_situation/vaccination_statistics"
+        )
+        .then((res) => {
+          // console.log(res);
+          // 指定图表的配置项和数据
+          this.infos1 = res.data.data.not_nat_section_list;
+          console.log(this.infos1);
+          let numArr = [];
+          let section_fullnameArr = [];
+          for (let i in this.infos1) {
+            // console.log(this.not_nat_section_list[i].section_fullname);
+            numArr.push(this.infos1[i].num);
+            section_fullnameArr.push(this.infos1[i].section_fullname);
+          }
+          let array = [];
+          for (let i = 0; i < numArr.length; i++) {
+            let obj = {};
+            for (let j = 0; j < section_fullnameArr.length; j++) {
+              if (i == j) {
+                obj.name = section_fullnameArr[j];
+                obj.value = numArr[i];
+                array.push(obj);
+              }
+            }
+          }
+          var option1 = {
+            backgroundColor: "#fff",
+            borderRadius: 9,
+            title: {
+              text: "未接种疫苗部门分布",
+              // left: "left",
+              x: "25px",
+              y: "15px",
+            },
+            tooltip: {
+              trigger: "item",
+              formatter: "{a} <br/>{b} : {c}",
+              
+            },
+            textStyle: {
+                fontSize: 10,
+                color:"#fff"
+              },
+            legend: {
+              //设置小块标记
+              y: "bottom",
+              x: "center",
+            },
+            calculable: true,
+            series: [
+              {
+                name: "访问来源",
+                type: "pie",
+                radius: ["50%", "80%"], //饼图的半径大小
+                // center: ["60%", "60%"], //饼图的位置
+                label: {
+                  //饼图图形上的文本颜色设置
+                  normal: {
+                    show: true,
+                    position: "inner", //标签的位置
+                    textStyle: {
+                      fontWeight: 300,
+                      fontSize: 16, //文字的字体大小
+                    },
+                    formatter: "{d}%", //设置百分比
+                  },
+                },
+                data: array,
+              },
+            ],
+          };
+          myChart1.setOption(option1);
+        });
+    },
+    // getanalysis1(){
+    //   let myChart1 = echarts.init(document.getElementById("main2"));
+    //   this.$http.post(
+    //       "http://zaoquan.nxjiewei.com:8011/api/workbench/epidemic_situation/vaccination_statistics"
+    //     ).then(res=>{
+    //       console.log(res);
+    //       this.infos1 = res.data.data.not_nat_section_list;
+    //       console.log(this.infos1);
+    //       // function f(s){
+    //       //   for(let i in s){
+    //       //     if(typeof s[i]=="object"){
+    //       //       f(s[i])
+    //       //     }else{
+    //       //       console.log(s[i]);
+    //       //     }
+    //       //   }
+    //       // }
+    //       // f(this.infos1)
+    //       let section_fullname=[];
+    //       for(let items of this.infos1){
+    //         section_fullname.push(items.section_fullname)
+    //       }
+    //       console.log(section_fullname);
+    //       var option1 = {
+    //         backgroundColor: "#fff",
+    //         title: {
+    //           text: "核酸未检测人员部门分布",
+    //           left: "left",
+    //         },
+    //         tooltip: {
+    //           trigger: "item",
+    //           formatter: "{a} <br/>{b} : {c}",
+    //         },
+    //         legend: {
+    //           //设置小块标记
+    //           y: "bottom",
+    //           x: "center",
+    //           // orient: "vertical",
+    //           // x: "left",
+    //           // top: 40,
+    //           // itemWidth: 70,
+    //           // itemHeight: 30,
+    //           // formatter: "{name}",
+    //           // textStyle: {
+    //           //   color: "#FFFFFF",
+    //           // },
+    //           // data: [
+    //           //   { name: "高速50KM", icon: "rect" },
+    //           //   { name: "一级150KM", icon: "rect" },
+    //           //   { name: "二级150KM", icon: "rect" },
+    //           //   { name: "三级100KM", icon: "rect" },
+    //           //   { name: "四级50KM", icon: "rect" },
+    //           // ],
+    //         },
+    //         calculable: true,
+    //         series: [
+    //           {
+    //             name: "访问来源",
+    //             type: "pie",
+    //             radius: ["50%","70%"], //饼图的半径大小
+    //             // center: ["60%", "60%"], //饼图的位置
+    //             label: {
+    //               //饼图图形上的文本颜色设置
+    //               normal: {
+    //                 show: true,
+    //                 position: "inner", //标签的位置
+    //                 textStyle: {
+    //                   fontWeight: 300,
+    //                   fontSize: 16, //文字的字体大小
+    //                 },
+    //                 formatter: "{d}%", //设置百分比
+    //               },
+    //             },
+    //             data: this.infos1
+    //           },
+    //         ],
+    //       };
+    //       myChart1.setOption(option1)
+    //     })
+    // },
     onClickLeft() {
       window.history.back();
     },
@@ -125,6 +284,7 @@ export default {
     this.token = getAllUrlParams(window.location.href).token;
     // console.log(this.token);
     this.getanalysis();
+    this.getanalysis1();
   },
 };
 </script>
@@ -145,4 +305,10 @@ export default {
 [class*="van-hairline"]:after {
   border: none;
 }
+element.style {
+  border-radius: 20px;
+}
+>>> #zr_0 {
+  border-radius: 20px;
+}
 </style>