<template>
 <div style="height:100%;auto;position: absolute;">
    <h1 class="bt_h1">志愿者巡逻责任区域</h1>
    <div class="table-a"> 
       <table class="layui-table" style="background-color: #ece5e500;">
            <colgroup>
                <col width="40">
                <col width="140">
                <col>
            </colgroup>
            <thead>
                <tr style="color:#fff;" class="tr_th">
                    <th>序号</th>
                    <th>壹城片区</th>
                    <th>兴都片区</th>
                </tr> 
            </thead>
       </table>
    </div> 
     <div class="table-a" style="overflow-y:auto;height: 362px"> 
       <table class="layui-table" style="background-color: #ece5e500;">
            <colgroup>
                <col width="40">
                <col width="140">
                <col>
            </colgroup>
            <!-- <thead>
                <tr style="color:#fff;" class="tr_th">
                    <th>序号</th>
                    <th>壹城片区</th>
                    <th>兴都片区</th>
                </tr> 
            </thead> -->
            <tbody class="bg_tr">  
                <tr>
                    <td>1</td>
                    <td>
                        组长：姬  玲
                        吴广梅（合作村车站）
                        陈梅英（万寿车站）
                        金秀芳（浅草车站）
                        郭桂华（东区菜场路口）
                        花来林（西区三号门路口）
                    </td>
                    <td>
                        组长：周素珍
                        翟志英（制气厂车站）
                        奚金娣（海王星辰车站）
                        彭爱玉（85号车站）
                        何文娟（118底站路口）
                    </td>
                </tr>
                <tr>
                    <td>2</td>
                    <td>
                        组长：任凤兰
                        姚兰英（合作村车站）
                        王小琴（万寿车站）
                        周秀兰（浅草车站）
                        花来旺（东区菜场路口）
                        周德翠（西区三号门路口）

                    </td>
                    <td>
                            组长：丁庆华
                            林赛华（制气厂车站）
                            王禄华（海王星辰车站）
                            肖浩秀（85号车站）
                            芦士珍（118底站路口）

                    </td>
                </tr>
                <tr>
                    <td>3</td>
                    <td>
                        组长：彭晓燕
                        倪翠平（合作村车站）
                        华来喜（万寿车站）
                        杜茂华（浅草车站）
                        王永林（东区菜场路口）
                        李春梅（西区三号门路口）

                    </td>
                    <td>
                        组长：郭兆凤
                        王惠英（制气厂车站）
                        翟家梅（海王星辰车站）
                        任丹娜（85号车站）
                        卢秀珍（118底站路口）

                    </td>
                </tr>
                <tr>
                    <td>4</td>
                    <td>
                        组长：周玲影
                        陈时英（合作村车站）
                        刘树琴（万寿车站）
                        李开香（浅草车站）
                        汪恕山（东区菜场路口）
                        兰小龙（西区三号门路口）

                    </td>
                    <td>
                        组长：朱维芬
                        彭义珍（制气厂车站）
                        徐正英（海王星辰车站）
                        刘巧英（85号车站）
                        王素琴（118底站路口）

                    </td>
                </tr>
                <tr>
                    <td>5</td>
                    <td>
                        组长：陶桂兰
                        周玉兰（合作村车站）
                        何明友（万寿车站）
                        兰双红（浅草车站）
                        刘德祥（东区菜场路口）
                        李志义（西区三号门路口）

                    </td>
                    <td>
                        组长：王惠珠
                        陈翠玲（制气厂车站）
                        兰双弟（海王星辰车站）
                        黄翠英（85号车站）
                        张美华（118底站路口）
                    </td>
                </tr>
            </tbody>
       </table>
    </div>
  </div>
</template>
<script>
  module.exports = {
        data: function() {
            return {
                  datax:[{gly:"彭林",dlbjy:"21名",xqbjy:"108名"}],
                  datadl:[{dlgly:"彭林",dlmc:"兴兴路、兴卫路、经五路、华电北路"}]
            }
        }, 
        props:["title"],
        methods:{

        },
        computed:{

        }
  }
</script>
<style scoped>
    .bt_h1{
        text-align: center;
        font-size: 20px;
        color: white;
        font-weight: 500;
        margin-top: 8px;
    }
    .table-a table{border:1px solid #F00} 
    .bg_tr tr:hover{
        background-color: #ece5e500 ! important;
    }
    .bg_tr{
        color: #fff;
    }
    .bg_tr td{
       text-align: center;
    }
    .tr_th{
        background: linear-gradient(#415dc0, #9aaab5);
    }
    .tr_th th{
        text-align: center;
    }
</style>

