<template>
  <div>
    <h1 class="bt_h1">防疫人员</h1>
    <div class="table-a"  style="overflow-y:auto;height: 800px;"> 
    <table class="layui-table" style="background-color: #ece5e500;">
        <colgroup>
            <col width="100">
            <col >
        </colgroup>


        <thead>
            <tr >
            <td  colspan="13" align='center'>近期往返武汉人员信息</td>
                </tr>
            <tr style="color:#fff;">                 
                <th>户号</th>
                <th>姓名</th>
                <th>证件号码</th>
                 <th>来宁时间</th>
                <th>联系电话</th>
                 <th>支部书记</th>
                <th>网格长</th>
                 <th>物业主任</th>
                <th>定时询问人员</th>
                 <th>民警</th>
                <th>是否自行隔离</th>
                 <th>隔离到期</th>
                  <th>状态(14天)</th>
            </tr> 
        </thead>
        <tbody >
            <tr v-for="(item,index) in datax">
                 <td v-text="item.hh==null?'':item.hh"></td>
                 <td v-text="item.name==null?'':item.name"></td>
                  <td  v-text="item.zjhm==null?'':item.zjhm"></td>
                <td v-text="item.lnsj==null?'':item.lnsj"></td>
                <td v-text="item.lxdh==null?'':item.lxdh"></td>
                <td  v-text="item.zb==null?'':item.zb"></td>
                <td v-text="item.wgz==null?'':item.wgz"></td>
                <td v-text="item.wy"></td>
                <td v-text="item.dsxwry"></td>
                <td v-text="item.zyz"></td>            
                <td v-text="item.sfzdgl"></td>
                <td v-text="item.gldq"></td>
                 <td v-text="item.zt"></td>
            </tr>
        </tbody>    
          
        </table>
        <table class="layui-table" style="background-color: #ece5e500;">
        <colgroup>
            <col width="100">
            <col >
        </colgroup>


        <thead>
            <tr >
            <td  colspan="7" align='center'>居家隔离人员信息</td>
                </tr>
            <tr style="color:#fff;">
                 <th>户号</th>
                <th>姓名</th>   
                <th>身份证号</th>                            
                 <th>年龄</th>
                 <th>性别</th>
                <th>联系方式</th>
                 <th>隔离原因</th>
            </tr> 
        </thead>
        <tbody >
            <tr v-for="(item,index) in jjdata">
                 <td  v-text="item.hh==null?'':item.hh"></td>
                  <td v-text="item.name==null?'':item.name"></td>
                <td v-text="item.zjhm==null?'':item.zjhm"></td>
                <td v-text="item.age==null?'':item.age"></td>
                <td v-text="item.xb==null?'':item.xb"></td>
                <td v-text="item.lxdh==null?'':item.lxdh"></td>
                <td v-text="item.bz==null?'':item.bz"></td>
            </tr>
        </tbody>    
          
        </table>
    </div> 
  </div>
</template>

<script>
  module.exports = {
        data: function() {
            return {
                datax:[],
                jjdata:[]
            }
        }, 
        props:["dataxself"],
        methods:{
            show:function(v_data,jjdata){
                this.datax=v_data;
                this.jjdata=jjdata;
            }
        },
        computed:{

        },
        mounted(){//挂载的时候执行
           
        }
  }
</script>
<style scoped>
    .bt_h1{
        text-align: center;
        font-size: 20px;
        color: white;
        font-weight: 500;
        margin-top: 3px;
    }
    .table-a table{border:1px solid #F00} 
    .bg_tr tr:hover{
        background-color: #ece5e500 ! important;
    }
    .bg_tr{
        color: #fff;
    }
    .bg_tr td{
       text-align: left;
    }
    .tr_th{
        background: linear-gradient(#415dc0, #9aaab5);
    }
    .tr_th th{
        text-align: left;
    }
    .layui-table td, .layui-table th {
        position: relative;
        padding: 3px 5px;
        min-height: 20px;
        line-height: 20px;
        font-size: 14px;
    }
</style>
