疫情

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

@@ -1 +0,0 @@
-[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-3f5c9268.fda10baa.css

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

src/router/index.js

@@ -157,6 +157,24 @@ const routes = [
       title:"未接种疫苗详情"
     }
   },
+   //枣泉第一针
+   {
+    path:"/zaoquan/yiqing/yiqing-diyiji",
+    name:"yiqing-diyiji",
+    component:()=>import('../views/zaoquan/yiqing/yiqing-diyiji.vue'),
+    meta:{
+      title:"第一针疫苗详情"
+    }
+  },
+   //枣泉部门
+   {
+    path:"/zaoquan/yiqing/yiqing-bumen",
+    name:"yiqing-bumen",
+    component:()=>import('../views/zaoquan/yiqing/yiqing-bumen.vue'),
+    meta:{
+      title:"部门详情未接种疫苗"
+    }
+  },
   //路由重定向
   {
     path:'/',

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

@@ -0,0 +1,117 @@
+<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: 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),
+            // vaccination_first: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;
+}
+.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%;
+}
+</style>

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

@@ -0,0 +1,117 @@
+<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: 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),
+            vaccination_first: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;
+}
+.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%;
+}
+</style>

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

@@ -28,7 +28,8 @@ export default {
   data() {
     return {
       shows: false,
-      xinxi:[]
+      xinxi:[],
+      itsname:""
     };
   },
   mounted() {
@@ -36,8 +37,10 @@ export default {
     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.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: {
@@ -46,9 +49,10 @@ export default {
     },
     getxinxi(){
         this.$http.post("http://zaoquan.nxjiewei.com:8011/api/workbench/epidemic_situation/get_not_vaccination_list",{
-            section_id:this.id
+            // section_fullname:decodeURIComponent(this.names),
+            // vaccination_first:decodeURIComponent(this.itsname)
         }).then(res=>{
-            console.log(res.data.data.not_nat_section_list);
+            console.log(res);
             this.xinxi=res.data.data.not_nat_section_list
         })
     }

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

@@ -69,6 +69,7 @@ export default {
 
             legend: {
               //设置小块标记
+              // selectedMode:false,
               y: "bottom",
               x: "center",
               formatter: {},
@@ -159,11 +160,20 @@ export default {
             ],
           };
           myChart.setOption(option);
-          myChart.on("click", function (param) {
+          myChart.on("legendselectchanged", function (params) {
             // console.log("111");
             // console.log(param.data);
             // let id=param.data.Id
-            window.location.href = `#/zaoquan/yiqing/yiqing-weijiezhong`;
+            // console.log(params.name);
+            if(params.name=="未接种疫苗"){
+              window.location.href = `#/zaoquan/yiqing/yiqing-weijiezhong`;
+            }
+            if(params.name=="接种第一剂"){
+              // console.log("sss");
+              let itsname=params.name
+              // console.log(itsname);
+              window.location.href = `#/zaoquan/yiqing/yiqing-diyiji?itsname=${itsname}`;
+            }
           });
         });
     },
@@ -250,12 +260,12 @@ export default {
             ],
           };
           myChart1.setOption(option1);
-          myChart1.on("click", function (param) {
+          myChart1.on("legendselectchanged", function (param) {
             // console.log("111");
-            // console.log(param.data.Id);
-            let its = param.data.Id;
+            console.log(param.name);
+            let its = param.name;
             // console.log(its);
-            window.location.href = `#/zaoquan/yiqing/yiqing-weijiezhong?its=${its}`;
+            window.location.href = `#/zaoquan/yiqing/yiqing-bumen?its=${its}`;
           });
         });
     },