<template>

    <div class="layui-tab-item layui-show" style="color: black">    
    <h1 class="bt_h1">兴卫村社区党委</h1>
          <div style="height: 400px;overflow:auto;">
          <h2  style="color:white" >负责人信息</h2>
             <table class="layui-table" style="background-color: #ece5e500;">  

                <tbody class="bg_tr">
                    <tr>
                        <td ></td>
                        <td>姓 名</td>
                        <td>电 话</td>
                        <td>职 务</td>
                    </tr>
                    <tr>
                        <td style="text-align:center">支部书记</td>
                        <td v-text="datax.ejzbsj"></td>
                        <td v-text="datax.sjlxfs"></td>                        
                        <td>二级支部书记</td>
                    </tr>
                     <tr>
                        <td style="text-align:center">委员</td>                       
                        <td v-text="datax.xzz"></td>
                        <td v-text="datax.lxfs"></td>
                        <td  v-text="datax.xsdxzqk"></td>
                    </tr>
                     <tr>
                        <td style="text-align:center">委员</td>                       
                        <td v-text="datax.xzz1"></td>
                        <td v-text="datax.lxfs1"></td>
                        <td  v-text="datax.xsdxzqk1"></td>
                    </tr>
                </tbody>
            </table>
             <h2 style="color:white">基本信息</h2>
           <table class="layui-table" style="background-color: #ece5e500;">  
                <tbody class="bg_tr">
                    <tr>
                        <td>二级支部名称</td>
                        <td v-text="datax.ejzb"></td>
                    </tr>
                <tr>
                        <td>党组织地址</td>
                        <td v-text="datax.address"></td>
                    </tr>
                    <tr>
                        <td>人数</td>
                        <td v-text="datax.rs"></td>
                    </tr>                  
                </tbody>
            </table>
        </div>
  </div>
</template>

<script>
  module.exports = {
        data: function() {
            return {
                datax: {}
            }
        }, 
        props:["dataxself"],
        methods:{
            show:function(v_data){
                this.datax=v_data;
                let tempxzz=this.datax.xzz.split(',');
                    if(tempxzz.length>0)
                    {
                        this.datax.xzz=tempxzz[0];
                    }
                    if(tempxzz.length>1)
                    {
                        this.datax.xzz1=tempxzz[1];
                    }

                    let temp2=this.datax.xsdxzqk.split(',');
                    if(temp2.length>0)
                    {
                        this.datax.xsdxzqk=temp2[0];
                    }
                    if(temp2.length>1)
                    {
                        this.datax.xsdxzqk1=temp2[1];
                    }

                    let templxfs=this.datax.lxfs.split(',');
                    if(templxfs.length>0)
                    {
                        this.datax.lxfs=templxfs[0];
                    }
                    if(temp2.length>1)
                    {
                        this.datax.lxfs1=templxfs[1];
                    }
 
            }
        },
        computed:{

        },
        mounted(){//挂载的时候执行
            console.log(this.dataxself); 
        }
  }
</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;
    }
    .zp-div{
        float:left;height:175px;width:100%;overflow-y:auto;margin-top:5px;
    }
    .zpk-div:hover{
        box-shadow: 0 2px 10px rgba(236, 1, 1, 0.2);
        transform: translate3d(0, -2px, 0);
        transition: .5s; 
    }
    .zpk-div{
        width:80px;height:80px;float:left;margin-left:13px;margin-top: 10px;
    }

</style>

