枣泉新增返宁人员入口及页面详情

src/router/index.js

@@ -184,6 +184,24 @@ const routes = [
       title:"部门详情未检测"
     }
   },
+  // 返宁人员列表
+  {
+    path:"/zaoquan/yiqing/yiqing-fanninglist",
+    name:"yiqing-fanninglist",
+    component:()=>import('../views/zaoquan/yiqing/yiqing-fanninglist.vue'),
+    meta:{
+      title:"返宁人员"
+    }
+  },
+  // 返宁人员详情
+  {
+    path:"/zaoquan/yiqing/yiqing-fanningdetail",
+    name:"yiqing-fanningdetail",
+    component:()=>import('../views/zaoquan/yiqing/yiqing-fanningdetail.vue'),
+    meta:{
+      title:"返宁人员"
+    }
+  },
 
 
   //宁东疫情防控

src/views/zaoquan/yiqing/yiqing-fanningdetail.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/person_register/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-fanninglist.vue

@@ -0,0 +1,205 @@
+<template>
+  <div class="page">
+    <!-- 日期选择 -->
+    <div class="time">
+      <div class="title">{{ time_title }}</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>
+      </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)">
+                <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>
+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,
+
+    };
+  },
+  mounted() {
+    this.get_list()
+
+    document.body.style.backgroundColor = "#00A1E9"; //背景色
+
+    this.time_title = new Date().format("yyyy年MM月");
+
+  },
+  methods: {
+    get_list(){
+       this.$http.post("http://zaoquan.nxjiewei.com:8011/api/workbench/person_register/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-fanningdetail?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.vue

@@ -60,6 +60,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="dengji">
+        <img src="../../../assets/images/zaoquan/yiqing/椭圆.png" alt="" />
+        <p>前往查看</p>
+      </div>
+    </div>
   </div>
 </template>
 
@@ -99,6 +112,12 @@ export default {
         `/zaoquan/yiqing/yiqing-hesuanjiance?token=${this.token}`
       );
     },
+    //跳转到返宁人员
+    dengji() {
+      this.$router.push(
+        `/zaoquan/yiqing/yiqing-fanninglist`
+      );
+    },
     //判断今日是否填写过体温填报
     gettoday() {
       this.$http