<template>
  <div style="height:100%;overflow-y:auto;position: absolute;">
    <h1 class="bt_h1">掌上云社区</h1>
    <div style="color:#fff;margin-top:5px;">掌上云社区管理员： 刘家蓉</div>
    <div class="table-a"> 
    <table class="layui-table" style="background-color: #ece5e500;">
        <colgroup>
            <col>
            <col width="150">
            <col>
            <col >
        </colgroup>
        <thead>
            <tr style="color:#fff;" class="tr_th">
                <th>社区</th>
                <th>微信群名称</th>
                <th>人数</th>
                <th>群主</th>
            </tr> 
        </thead>
        <tbody class="bg_tr">
            <tr v-for="(item,index) in datax">
                <td v-text="item.sq"></td>
                <td v-text="item.wxqmc"></td>
                <td v-text="item.rs"></td>
                <td v-text="item.qz"></td>
            </tr>
        </tbody>
    </table>
    </div> 
  </div>
</template>

<script>
  module.exports = {
        data: function() {
            return {
                  datax:[
                    {sq:"兴卫村社区",wxqmc:"兴都花园87号业主微信群 ",rs:"455",qz:"阮静萍"},{sq:"兴卫村社区",wxqmc:"兴都花园85号业主群",rs:"460",qz:"朱金花"},
                    {sq:"兴卫村社区",wxqmc:"兴都花园86号88号",rs:"143",qz:"刘莉"},{sq:"兴卫村社区",wxqmc:"兴都花园89-90号",rs:"168",qz:"白芳"},
                    {sq:"兴卫村社区",wxqmc:"兴卫菜场工作群",rs:"31",qz:"郑东明"},{sq:"兴卫村社区",wxqmc:"兴卫村社区商业网点群",rs:"75",qz:"王耀华"},
                    {sq:"兴卫村社区",wxqmc:"兴卫村社区壹城东区商业网点群",rs:"53",qz:"王耀华"},{sq:"兴卫村社区",wxqmc:"兴卫村社区掌上社区微信群",rs:"110",qz:"王少乐"},
                    {sq:"兴卫村社区",wxqmc:"兴卫村社区微信群",rs:"151",qz:"王少乐"},{sq:"兴卫村社区",wxqmc:"兴卫物业工作群",rs:"455",qz:"阮静萍"},
                    {sq:"兴卫村社区",wxqmc:"壹城东区微信群",rs:"333",qz:"刘红"},{sq:"兴卫村社区",wxqmc:"壹城西区微信群 ",rs:"506",qz:"张海燕"},
                    {sq:"兴卫村社区",wxqmc:"综治夜巡队工作群 ",rs:"25",qz:"马龙余"},{sq:"兴卫村社区",wxqmc:"浅草实名认证群",rs:"336",qz:"唐广平"},
                    {sq:"兴卫村社区",wxqmc:"综合党支部",rs:"96",qz:"朱维芬"},{sq:"兴卫村社区",wxqmc:"壹城片区党支部",rs:"47",qz:"姬玲"},
                    {sq:"兴卫村社区",wxqmc:"兴卫村城中村综合支部群",rs:"39",qz:"马龙余"}
                  ]
            }
        }, 
        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>

