新增体温填报统计、出省人员统计入口及详情数据

src/router/index.js

@@ -112,6 +112,33 @@ const routes = [
       title:"体温填报"
     }
   },
+   // 体温填报统计
+   {
+    path:"/zaoquan/yiqing/yiqing-tiwentongji",
+    name:"yiqing-tiwentongji",
+    component:()=>import('../views/zaoquan/yiqing/yiqing-tiwentongji.vue'),
+    meta:{
+      title:"体温填报统计"
+    }
+  },
+  // 体温填报统计-已填报
+  {
+    path:"/zaoquan/yiqing/yiqing-tiwenytb",
+    name:"yiqing-tiwenytb",
+    component:()=>import('../views/zaoquan/yiqing/yiqing-tiwenytb.vue'),
+    meta:{
+      title:"已填报明细"
+    }
+  },
+  // 体温填报统计-未填报
+  {
+    path:"/zaoquan/yiqing/yiqing-tiwenwtb",
+    name:"yiqing-tiwenwtb",
+    component:()=>import('../views/zaoquan/yiqing/yiqing-tiwenwtb.vue'),
+    meta:{
+      title:"未填报明细"
+    }
+  },
   //枣泉疫情防控-填报列表
   {
     path:"/zaoquan/yiqing/yiqing-tianbao",
@@ -202,6 +229,24 @@ const routes = [
       title:"外出人员统计"
     }
   },
+  // 出省人员列表
+  {
+    path:"/zaoquan/yiqing/yiqing-chushenglist",
+    name:"yiqing-chushenglist",
+    component:()=>import('../views/zaoquan/yiqing/yiqing-chushenglist.vue'),
+    meta:{
+      title:"出省人员"
+    }
+  },
+  // 出省人员统计详情
+  {
+    path:"/zaoquan/yiqing/yiqing-chushengdetail",
+    name:"yiqing-chushengdetail",
+    component:()=>import('../views/zaoquan/yiqing/yiqing-chushengdetail.vue'),
+    meta:{
+      title:"出省人员统计"
+    }
+  },
 
 
   //宁东疫情防控

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

@@ -0,0 +1,139 @@
+<template>
+  <div class="page">
+    <div class="content">
+      <div class="title">{{detail.name}}</div>
+      <div class="list">
+        <div class="item">
+          <div class="left">工作单位</div>
+          <div class="right">{{detail.work_unit}}</div>
+        </div>
+        <div class="item">
+          <div class="left">年龄</div>
+          <div class="right">{{detail.age}}</div>
+        </div>
+        <div class="item">
+          <div class="left">籍贯</div>
+          <div class="right">{{detail.native_place}}</div>
+        </div>
+        <div class="item">
+          <div class="left">出发地点</div>
+          <div class="right">{{detail.province}}-{{detail.city}}-{{detail.district}}</div>
+        </div>
+        <div class="item">
+          <div class="left">来宁时间</div>
+          <div class="right">{{detail.time}}</div>
+        </div>
+        <div class="item">
+          <div class="left">交通工具</div>
+          <div class="right">{{detail.traffic}}</div>
+        </div>
+        <div class="item">
+          <div class="left">车票机票</div>
+          <div class="right">{{detail.ticketing}}</div>
+        </div>
+        <div class="item">
+          <div class="left">现居住地址</div>
+          <div class="right">{{detail.now_address}}</div>
+        </div>
+        <div class="item">
+          <div class="left">家庭成员</div>
+          <div class="right">{{detail.member_family}}</div>
+        </div>
+        <div class="item">
+          <div class="left">密切接触人员</div>
+          <div class="right">{{detail.close_contacts_staff}}</div>
+        </div>
+        <div class="item">
+          <div class="left">人员密集活动情况</div>
+          <div class="right">{{detail.close_contacts_staff_activity}}</div>
+        </div>
+        <div class="item">
+          <div class="left">到岗情况</div>
+          <div class="right">{{detail.isolate}}</div>
+        </div>
+        <div class="item">
+          <div class="left">身体发热（是否有发热、咳嗽和呕吐等症状）</div>
+          <div class="right">{{detail.health}}</div>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import { getAllUrlParams } from "../../../plugins/url-encapsulation.js";
+
+export default {
+  data() {
+    return {
+      id: 0,
+      detail:{}
+    };
+  },
+  mounted() {
+    document.body.style.backgroundColor = "#00A1E9"; //背景色
+
+    this.id = getAllUrlParams(window.location.href).id;
+
+    console.log(this.id);
+    this.get_detail(this.id);
+  },
+  methods: {
+    get_detail(id) {
+      this.$http
+        .post(
+          "http://zaoquan.nxjiewei.com:8011/api/workbench/put_on_record/get_person_detail",
+          {
+            id: id,
+          }
+        )
+        .then((res) => {
+          console.log(res);
+          this.detail = res.data.data
+        });
+    },
+  },
+};
+</script>
+
+<style scoped>
+.page {
+  box-sizing: border-box;
+  padding: 15px 12px;
+}
+
+.content {
+  width: 350px;
+  background-color: #fff;
+  border-radius: 10px;
+
+  box-sizing: border-box;
+  padding: 10px;
+}
+.content .title {
+  font-size: 18px;
+  font-weight: 700;
+  color: #00a1e9;
+  text-align: center;
+  line-height: 40px;
+  border-bottom: 2px solid #00a1e9;
+}
+.content .list {
+  font-size: 14px;
+}
+.content .list .item {
+  display: flex;
+  justify-content: space-between;
+  padding: 10px 0;
+  border-bottom: 1px solid #e7e7e7;
+}
+.content .list .item .left {
+  color: #9d9d9d;
+  width: 130px;
+}
+.content .list .item .right {
+  color: #000000;
+  width: 200px;
+  text-align: right;
+}
+</style>

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

@@ -0,0 +1,170 @@
+<template>
+  <div class="page">
+    <!-- 日期选择 -->
+    <div class="time" v-if="List.length != 0">
+      <div class="title">{{List[6].date.split("-")[0] + "年" + List[6].date.split("-")[1] + "月"}}</div>
+      <div class="box">
+        <div class="item" v-for="(item,index) in List" @click="change_day(item,index)" :key="index">
+          <div class="text">周{{item.week.substring(item.week.length - 1)}}</div>
+          <div class="num" :style="index==active?'backgroundColor:#00A1E6;':''">{{item.date.split("-")[2]}}</div>
+        </div>
+      </div>
+    </div>
+
+    <!-- 近期填写人员列表 -->
+    <div class="content">
+        <div class="title">
+            <div class="name">姓名</div>
+            <div class="full">工作单位</div>
+            <div class="icon"></div>
+        </div>
+        <div class="list" v-if="List.length != 0">
+            <div class="item" v-for="(item,index) in List[active].data" @click="go_detail(item.id)" :key="index">
+                <div class="name">{{item.name}}</div>
+                <div class="full">{{item.work_unit}}</div>
+                <div class="icon">
+                    <van-icon name="arrow" />
+                </div>
+            </div>
+        </div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  data() {
+    return {
+      List:[],
+
+      active:6,
+
+    };
+  },
+  mounted() {
+    this.get_list()
+
+    document.body.style.backgroundColor = "#00A1E9"; //背景色
+
+  },
+  methods: {
+    get_list(){
+       this.$http.post("http://zaoquan.nxjiewei.com:8011/api/workbench/put_on_record/get_nearly_a_week_list",{
+            
+        }).then(res=>{
+            this.List = res.data.data.reverse()
+            
+            console.log(this.List);
+        })
+    },
+
+    change_day(item,index){
+      this.active = index
+      console.log(item.date)
+    },
+    go_detail(id){
+      this.$router.push(
+        `/zaoquan/yiqing/yiqing-chushengdetail?id=` + id
+      );
+    },
+
+  },
+};
+</script>
+
+<style scoped>
+.page {
+  box-sizing: border-box;
+  padding: 15px 12px;
+}
+
+.time {
+  width: 350px;
+  background-color: #fff;
+  border-radius: 10px;
+
+  box-sizing: border-box;
+  padding: 20px 0;
+}
+.time .title {
+  text-align: center;
+  line-height: 40px;
+  margin-bottom: 5px;
+}
+.time .box {
+  display: flex;
+  justify-content: space-around;
+}
+.time .box .item {
+  text-align: center;
+  font-size: 12px;
+}
+.time .box .item .text {
+  color: #999999;
+  margin-bottom: 5px;
+}
+.time .box .item .num {
+  padding: 5px;
+  border-radius: 50%;
+
+  background-color: #cdeefd;
+}
+
+
+
+.content{
+    margin-top: 15px;
+    box-sizing: border-box;
+    padding: 10px;
+
+    width: 350px;
+    background-color: #fff;
+    border-radius: 10px;
+
+}
+.content .title{
+    display: flex;
+    justify-content: space-between;
+    color: #009DE7;
+    font-size: 16px;
+    text-align: center;
+
+    padding: 10px 0;
+    border-bottom: 1px solid #E7E7E7;
+}
+.content .title .name{
+    width: 60px;
+}
+.content .title .full{
+    width: 220px;
+}
+.content .title .icon{
+    width: 20px;
+}
+.content .list{
+
+}
+.content .list .item{
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    font-size: 14px;
+    text-align: center;
+    padding: 10px 0;
+    border-bottom: 1px solid #E7E7E7;
+}
+
+
+.content .list .item .name{
+    width: 60px;
+}
+.content .list .item .full{
+    width: 220px;
+
+}
+.content .list .item .icon{
+    width: 20px;
+    text-align: right;
+    padding-top: 5px;
+}
+</style>

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

@@ -1,12 +1,12 @@
 <template>
   <div class="page">
     <!-- 日期选择 -->
-    <div class="time">
-      <div class="title">{{ time_title }}</div>
+    <div class="time" v-if="List.length != 0">
+      <div class="title">{{List[6].date.split("-")[0] + "年" + List[6].date.split("-")[1] + "月"}}</div>
       <div class="box">
-        <div class="item" v-for="(item,index) in List" @click="change_day(item,index)">
-          <div class="text">{{item.week.substring(item.week.length - 1)}}</div>
-          <div class="num" :style="index==active?'backgroundColor:#00A1E6;':''">{{item.date.substring(item.date.length - 2)}}</div>
+        <div class="item" v-for="(item,index) in List" @click="change_day(item,index)" :key="index">
+          <div class="text">周{{item.week.substring(item.week.length - 1)}}</div>
+          <div class="num" :style="index==active?'backgroundColor:#00A1E6;':''">{{item.date.split("-")[2]}}</div>
         </div>
       </div>
     </div>
@@ -19,7 +19,7 @@
             <div class="icon"></div>
         </div>
         <div class="list" v-if="List.length != 0">
-            <div class="item" v-for="(item,index) in List[active].data" @click="go_detail(item.id)">
+            <div class="item" v-for="(item,index) in List[active].data" @click="go_detail(item.id)" :key="index">
                 <div class="name">{{item.name}}</div>
                 <div class="full">{{item.work_unit}}</div>
                 <div class="icon">
@@ -32,42 +32,9 @@
 </template>
 
 <script>
-Date.prototype.format = function (fmt) {
-  var o = {
-    "M+": this.getMonth() + 1, //月份
-    "d+": this.getDate(), //日
-    "h+": this.getHours(), //小时
-    "m+": this.getMinutes(), //分
-    "s+": this.getSeconds(), //秒
-    "q+": Math.floor((this.getMonth() + 3) / 3), //季度
-    S: this.getMilliseconds(), //毫秒
-  };
-
-  if (/(y+)/.test(fmt)) {
-    fmt = fmt.replace(
-      RegExp.$1,
-      (this.getFullYear() + "").substr(4 - RegExp.$1.length)
-    );
-  }
-
-  for (var k in o) {
-    if (new RegExp("(" + k + ")").test(fmt)) {
-      fmt = fmt.replace(
-        RegExp.$1,
-        RegExp.$1.length == 1 ? o[k] : ("00" + o[k]).substr(("" + o[k]).length)
-      );
-    }
-  }
-
-  return fmt;
-};
-
 export default {
   data() {
     return {
-      // 时间标题
-      time_title: "",
-
       List:[],
 
       active:6,
@@ -79,8 +46,6 @@ export default {
 
     document.body.style.backgroundColor = "#00A1E9"; //背景色
 
-    this.time_title = new Date().format("yyyy年MM月");
-
   },
   methods: {
     get_list(){

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

@@ -58,8 +58,8 @@
         margin: 12px auto;
         border-radius: 10px;
       "
-    ></div>
-    <div
+    ></div> -->
+    <!-- <div
       id="main2"
       style="width: 350px; height: 540px; margin: 20px auto"
       v-show="shows1 != infos1"
@@ -191,7 +191,7 @@ export default {
     //       "http://zaoquan.nxjiewei.com:8011/api/workbench/epidemic_situation/nucleic_acid_test_statistics"
     //     )
     //     .then((res) => {
-    //       // console.log(res);
+    //       console.log(res);
     //       // 指定图表的配置项和数据
     //       this.infos1 = res.data.data.not_nat_section_list;
     //       console.log(this.infos1);

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

@@ -0,0 +1,346 @@
+<template>
+  <div>
+    <div v-if="shows" id="nav" class="nav" :class="{ 'fix-nav': navBarFixed }">
+      <van-nav-bar
+        title="疫苗接种"
+        left-arrow
+        left-text="返回"
+        @click-left="onClickLeft"
+      />
+    </div>
+    <div class="contents">
+      <div
+        id="main"
+        style="
+          width: 350px;
+          height: 350px;
+          margin: 12px auto;
+          border-radius: 10px;
+        "
+      ></div>
+      <div class="contents_p">
+        <p>总人数</p>
+        <p>{{ total_number }} 人</p>
+      </div>
+    </div>
+    <div class="contents_table">
+      <h3>填报记录明细</h3>
+      <div class="list">
+        <div class="item" style="border-bottom: 2px solid #009fe8">
+          <div class="fullname">部门名称</div>
+          <div class="total_number">总人数</div>
+          <div class="total_vaccination_second" style="color: #000">已填报</div>
+          <div class="num" style="color: #000">未填报</div>
+        </div>
+        <div class="item" v-for="item in bumen" :key="item.id">
+          <div class="fullname">{{ item.section_fullname }}</div>
+          <div class="total_number">{{ item.section_total_number }} 人</div>
+          <div class="total_vaccination_second" @click="yitianbao(item.section_fullname)">{{ item.filled_in }} 人</div>
+          <div class="num" @click="weitianbao(item.section_fullname)">
+            {{ item.not_filled_in }} 人
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import { getAllUrlParams } from "../../../plugins/url-encapsulation.js";
+import * as echarts from "echarts";
+export default {
+  data() {
+    return {
+      shows: false,
+      infos: [],
+      shows1: "",
+      navBarFixed: false,
+      bumen: [],
+      total_number: "", //总人数
+    };
+  },
+  methods: {
+    getanalysis() {
+      let myChart = echarts.init(document.getElementById("main"));
+      this.$http
+        .post(
+          "http://zaoquan.nxjiewei.com:8011/api/workbench/epidemic_situation/clock_in_statistics"
+        )
+        .then((res) => {
+          console.log(res);
+
+          // 部门
+          this.bumen = res.data.data.section_list;
+          // 总人数
+          this.total_number = res.data.data.total_number;
+
+          // 指定图表的配置项和数据
+          this.infos = res.data.data;
+          // console.log(this.infos);
+          var option = {
+            backgroundColor: "#fff",
+            borderRadius: [20, 20, 20, 20],
+            title: {
+              text: "体温填报统计",
+              // left: "left",
+              x: "25px",
+              y: "15px",
+            },
+            tooltip: {
+              show: true,
+              trigger: "item",
+            },
+
+            legend: {
+              //设置小块标记
+              // selectedMode:false,
+              y: "305px",
+              x: "center",
+              formatter: function (name) {
+                var data = option.series[0].data;
+                var total = 0;
+                var tarValue;
+                for (var i = 0; i < data.length; i++) {
+                  total += data[i].value;
+                  if (data[i].name == name) {
+                    tarValue = data[i].value;
+                  }
+                }
+                var v = tarValue;
+                return `${name}  (${v}人)`;
+              },
+            },
+            calculable: true,
+            series: [
+              {
+                name: "",
+                type: "pie",
+                radius: ["40%", "70%"],
+                avoidLabelOverlap: false,
+                label: {
+                  show: false,
+                  position: "center",
+                  normal: {
+                    show: true,
+                    position: "inner", //标签的位置
+                    textStyle: {
+                      fontWeight: 100,
+                      fontSize: 14, //文字的字体大小
+                      color: "#fff",
+                    },
+                    formatter: "{d}%", //设置百分比
+                  },
+                },
+                emphasis: {
+                  label: {
+                    show: true,
+                    fontSize: "20",
+                    fontWeight: "bold",
+                  },
+                },
+                labelLine: {
+                  show: true,
+                },
+                data: [
+                  {
+                    value: this.infos.filled_in,
+                    name: "已填报",
+                    // 配置映射图显示颜色
+                    itemStyle: {
+                      // 设置扇形的颜色
+                      color: "#39f",
+                      shadowBlur: 200,
+                      shadowColor: "rgba(0, 0, 0, 0)",
+                    },
+                  }, //饼图图形颜色
+                  {
+                    value: this.infos.not_filled_in,
+                    name: "未填报",
+                    // 配置映射图显示颜色
+                    itemStyle: {
+                      // 设置扇形的颜色
+                      color: "#9ad12e",
+                      shadowBlur: 200,
+                      shadowColor: "rgba(0, 0, 0, 0)",
+                    },
+                  },
+                ],
+              },
+            ],
+          };
+          myChart.setOption(option);
+        });
+    },
+    //各部门已填报人员详情跳转
+    yitianbao(name) {
+      // console.log(name);
+      let its = name;
+      // console.log(its);
+      window.location.href = `#/zaoquan/yiqing/yiqing-tiwenytb?its=${its}`;
+    },
+     //各部门未填报人员详情跳转
+    weitianbao(name) {
+      // console.log(name);
+      let its = name;
+      // console.log(its);
+      window.location.href = `#/zaoquan/yiqing/yiqing-tiwenwtb?its=${its}`;
+    },
+   
+    //吸顶处理
+    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";
+    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();//各部门疫苗未接种环状图
+    this.getbumen();
+  },
+  destroyed() {
+    // 移除事件监听
+    window.removeEventListener("scroll", this.watchScroll);
+  },
+};
+</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;
+}
+element.style {
+  border-radius: 20px;
+}
+>>> #zr_0 {
+  border-radius: 20px;
+}
+>>> canvas {
+  border-radius: 20px !important;
+}
+.nav {
+  width: 100%;
+  height: 30px;
+  background-color: #666666;
+}
+
+.fix-nav {
+  position: fixed;
+  top: 0;
+  z-index: 999;
+}
+.contents {
+  position: relative;
+}
+.contents_p {
+  text-align: center;
+  position: absolute;
+  top: 152px;
+  left: 43%;
+}
+.contents_table {
+  width: 350px;
+  margin: 0 auto;
+  background: #fff;
+  border-radius: 20px;
+
+  padding-bottom: 10px;
+  margin-bottom: 30px;
+}
+.contents_table > h3 {
+  text-align: center;
+  margin-top: 5px;
+  padding-top: 10px;
+  margin-bottom: 15px;
+}
+.tables {
+  width: 95%;
+  margin: 0 auto;
+  border-collapse: collapse;
+}
+.tbody {
+  font-size: 14px;
+}
+th {
+  width: 20%;
+  height: 35px;
+  border: 3px solid #39f;
+}
+
+.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 .fullname {
+  width: 56px;
+  text-align: center;
+}
+.list .item .total_number {
+  width: 40px;
+  text-align: center;
+}
+.list .item .total_vaccination_second {
+  width: 40px;
+  text-align: center;
+  color: #008c8c;
+}
+.list .item .total_vaccination_first {
+  width: 40px;
+  color: #ff8855;
+  text-align: center;
+}
+.list .item .num {
+  width: 40px;
+  color: #fc4850;
+  text-align: center;
+}
+</style>

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

@@ -0,0 +1,183 @@
+<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.getxinxi()
+  },
+  methods: {
+    onClickLeft() {
+      window.history.back();
+    },
+    getxinxi(){
+        this.$http.post("http://zaoquan.nxjiewei.com:8011/api/workbench/epidemic_situation/get_not_nucleic_acid_test_list",{
+            section_fullname:decodeURIComponent(this.names),
+            type:"not_filled_in"
+
+        }).then(res=>{
+            console.log(res);
+            this.xinxi=res.data.data.not_nucleic_acid_test_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;
+  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-tiwenytb.vue

@@ -0,0 +1,183 @@
+<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">{{item.clock_in_time}}</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.getxinxi()
+  },
+  methods: {
+    onClickLeft() {
+      window.history.back();
+    },
+    getxinxi(){
+        this.$http.post("http://zaoquan.nxjiewei.com:8011/api/workbench/epidemic_situation/get_not_nucleic_acid_test_list",{
+            section_fullname:decodeURIComponent(this.names),
+            type:"filled_in"
+
+        }).then(res=>{
+            console.log(res);
+            this.xinxi=res.data.data.not_nucleic_acid_test_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;
+  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.vue

@@ -34,6 +34,19 @@
         <p>马上填写</p>
       </div>
     </div>
+    <!-- 体温填报 -->
+    <div class="contents">
+      <div class="contents_img">
+        <img src="../../../assets/images/zaoquan/yiqing/体温统计.png" alt="" />
+      </div>
+      <div class="contents_text1">
+        <p class="contents_text1_p1">填报记录统计</p>
+      </div>
+      <div class="contents_button" @click="tiwentongji">
+        <img src="../../../assets/images/zaoquan/yiqing/椭圆.png" alt="" />
+        <p>前往查看</p>
+      </div>
+    </div>
     <!-- 疫苗接种 -->
     <div class="contents">
       <div class="contents_img">
@@ -73,6 +86,19 @@
         <p>前往查看</p>
       </div>
     </div>
+    <!-- 出省人员统计 -->
+    <div class="contents">
+      <div class="contents_img">
+        <img src="../../../assets/images/zaoquan/yiqing/出省.png" alt="" />
+      </div>
+      <div class="contents_text1">
+        <p class="contents_text1_p1">出省人员统计</p>
+      </div>
+      <div class="contents_button" @click="chusheng">
+        <img src="../../../assets/images/zaoquan/yiqing/椭圆.png" alt="" />
+        <p>前往查看</p>
+      </div>
+    </div>
   </div>
 </template>
 
@@ -98,6 +124,12 @@ export default {
         `/zaoquan/yiqing/yiqing-tiwen?token=${this.token}&gettoken=${this.gettoken}`
       );
     },
+    //跳转至体温填报统计页面
+    tiwentongji(){
+      this.$router.push(
+        `/zaoquan/yiqing/yiqing-tiwentongji`
+      );
+    },
     //跳转到疫苗统计，疫苗环状图
     yimiao() {
       // console.log("234");
@@ -118,6 +150,12 @@ export default {
         `/zaoquan/yiqing/yiqing-fanninglist`
       );
     },
+    //跳转到出省人员
+    chusheng() {
+      this.$router.push(
+        `/zaoquan/yiqing/yiqing-chushenglist`
+      );
+    },
     //判断今日是否填写过体温填报
     gettoday() {
       this.$http
@@ -178,9 +216,8 @@ export default {
 </script>
 
 <style scoped>
->>> .van-nav-bar {
-  background: #39f;
-}
+
+
 >>> .van-nav-bar__title {
   color: #fff;
 }
@@ -200,9 +237,9 @@ export default {
   width: 100%;
 }
 .contents {
-  width: 90%;
-  height: 88px;
-  margin: 20px auto;
+  width: 94%;
+  height: 80px;
+  margin: 10px auto;
   background: #fff;
   border-radius: 10px;
   box-shadow: 3px 3px 0 #e4e7e7;
@@ -212,7 +249,7 @@ export default {
 .contents_img {
   width: 60px;
   margin-left: 15px;
-  margin-top: 15px;
+  margin-top: 10px;
 }
 .contents_img > img {
   width: 100%;
@@ -220,7 +257,7 @@ export default {
 .contents_button {
   width: 80px;
   text-align: center;
-  margin-top: 28px;
+  margin-top: 26px;
   margin-left: 20px;
 }
 .contents_button > img {
@@ -253,7 +290,7 @@ export default {
 }
 .contents_text1 {
   width: 120px;
-  margin-top: 31px;
+  margin-top: 28px;
   margin-left: 18px;
 }
 .contents_text1_p1 {