<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" href="../../../css/detail.css">
    <link rel="stylesheet" href="../../../bootstrap/css/bootstrap.css"/>
    <title>人民防线详情</title>
    <style>
        .tdc{
            background-color: #c3c8da57
        }
    </style>
</head>
<body>
    <div class="soldier" style="width: 532px;height:280px;">
        <table class="table table-bordered" v-show="item_jrxx[0].typeid==1 || item_jrxx[0].typeid==2 || item_jrxx[0].typeid==5 || item_jrxx[0].typeid==7">
            <tr>
                <td colspan="4" align="center"  v-text="item_jrxx[0].typeid==2?'涉军人员':item_jrxx[0].keyname"></td>
            </tr>
            <tr>
                    <td class="tdc">姓名</td>
                    <td v-text="item_jrxx[0].name!=null?item_jrxx[0].name:'暂无'"></td>
                    <td class="tdc">性别</td>
                    <td v-text="item_jrxx[0].xb!=null?item_jrxx[0].xb:'暂无'"></td>                
                </tr>
                <tr>
                   
                </tr>
                <tr>
                    <td class="tdc">民族</td>
                    <td v-text="item_jrxx[0].mz!=null?item_jrxx[0].mz:'暂无'"></td>                    
                    <td class="tdc">政治面貌</td>
                    <td v-text="item_jrxx[0].zzmm!=null?item_jrxx[0].zzmm:'暂无'"></td>
                </tr>                
                <tr>
                    <td class="tdc">学历</td>
                    <td v-text="item_jrxx[0].whcd!=null?item_jrxx[0].whcd:'暂无'"></td>                    
                    <td class="tdc">电话号</td>
                    <td v-text="item_jrxx[0].lxdh!=null?item_jrxx[0].lxdh:'暂无'"></td>
                </tr>
                <tr>                                   
                 
                    <td class="tdc">身份证</td>
                    <td v-text="item_jrxx[0].zjhm!=null?item_jrxx[0].zjhm:'暂无'"></td>  
                    <td class="tdc">出生日期</td>
                    <td v-text="item_jrxx[0].csny!=null?item_jrxx[0].csny:'暂无'"></td>  
                 
                </tr>
                <tr>                                   
                 
                    <td v-show="item_jrxx[0].typeid!=5" class="tdc">邮箱或微信</td>
                    <td  v-show="item_jrxx[0].typeid!=5" v-text="item_jrxx[0].email!=null?item_jrxx[0].email:'暂无'"></td>  

                    <td v-show="item_jrxx[0].typeid==1" class="tdc">涉稳等级</td>
                    <td  v-show="item_jrxx[0].typeid==1" v-text="item_jrxx[0].swdj!=null?item_jrxx[0].swdj:'暂无'"></td>  


                    <td v-show="item_jrxx[0].typeid==5" class="tdc">从事职业 </td>
                    <td  v-show="item_jrxx[0].typeid==5" v-text="item_jrxx[0].cszy!=null?item_jrxx[0].cszy:'暂无'"></td>  

                    <td v-show="item_jrxx[0].typeid==2" class="tdc">所属群体</td>
                    <td v-show="item_jrxx[0].typeid==2" v-text="item_jrxx[0].ssqt!=null?item_jrxx[0].ssqt:'暂无'"></td>  
                    <td v-show="item_jrxx[0].typeid==5" class="tdc">有无犯罪记录</td>
                    <td v-show="item_jrxx[0].typeid==5" v-text="item_jrxx[0].ywfzjl!=null?item_jrxx[0].ywfzjl:'暂无'"></td>  
                </tr>  
                <tr>  
                <td class="tdc">联系地址</td>
                <td colspan="3" v-text="item_jrxx[0].xjzd!=null?item_jrxx[0].xjzd:'暂无'"></td>   
                </tr> 
                
                
                <tr>
                    <td class="tdc">工作单位</td> 
                    <td colspan="3" v-text="item_jrxx[0].gzdw!=null?item_jrxx[0].gzdw:'暂无'"></td>
                </tr>
                <tr v-show="item_jrxx[0].typeid==1">
                    <td class="tdc">简要诉求</td>
                    <td  colspan="3" v-text="item_jrxx[0].jysq!=null?item_jrxx[0].jysq:'暂无'"></td>  
                </tr>        
                <tr v-show="item_jrxx[0].typeid==2">
                <td class="tdc">问题类别</td>
                    <td  colspan="3" v-text="item_jrxx[0].sjwtlb!=null?item_jrxx[0].sjwtlb:'暂无'"></td> 
                </tr>   
                <tr v-show="(item_jrxx[0].fxwgy && item_jrxx[0].fxwgy!='') &&  (item_jrxx[0].typeid==7)" >
                    <td class="tdc">网格员</td>
                    <td > <a style="cursor: pointer;color:black;text-decoration: underline"   @mouseover="showwindow(item_jrxx[0].grid)">  
                        {{item_jrxx[0].fxwgy}}
                    </a></td>
                    <td class="tdc">民警                    </td>
                    <td v-text="item_jrxx[0].fxmj!=null?item_jrxx[0].fxmj:'暂无'"></td>    
                </tr> 

                <tr>
                    <td  colspan=4 v-show="item_jrxx[0].name=='兰来兴'||item_jrxx[0].name=='刘兰少华' ">
                        <a @click="showphotollx(item_jrxx[0].name)">工作状态</a>
                    </td>
                </tr>

 
        </table>
        <table class="table table-bordered" v-show="item_jrxx[0].typeid==1 || item_jrxx[0].typeid==2 || item_jrxx[0].typeid==5"> 
            <tr><td colspan=3 align="center">三对一责任人</td></tr>
            <tr v-show="item_jrxx[0].fxwgy && item_jrxx[0].fxwgy!=''" >
                           
                <td class="tdc">社区责任人</td>      
                <td class="tdc">民警 </td>                  
                <td class="tdc">网格员</td>       
            </tr> 
            <tr>
                <td >张枫</td>    
                <td v-text="item_jrxx[0].fxmj!=null?item_jrxx[0].fxmj:'暂无'"></td>       
              
                <td > <a style="cursor: pointer;color:black;text-decoration: underline"   @mouseover="showwindow(item_jrxx[0].grid)">  
                    {{item_jrxx[0].fxwgy}}
                </a></td>
                
            </tr>
        </table>
        <table class="table table-bordered" v-show="item_jrxx[0].typeid==3">
            <tr>
                <td colspan="4" align="center"  v-text="item_jrxx[0].typeid==2?'涉军人员':item_jrxx[0].keyname"></td>
            </tr>
            <tr>
                    <td class="tdc">企业名称</td>
                    <td v-text="item_jrxx[0].qymc!=null?item_jrxx[0].qymc:'暂无'"></td>
                    <td class="tdc">法人姓名</td>
                    <td v-text="item_jrxx[0].frxm!=null?item_jrxx[0].frxm:'暂无'"></td>                
                </tr>
                <tr>
                   
                </tr>
                <tr>
                    <td class="tdc">企业地址</td>
                    <td v-text="item_jrxx[0].qydz!=null?item_jrxx[0].qydz:'暂无'"></td>                    
                    <td class="tdc">员工人员
                    </td>
                    <td v-text="item_jrxx[0].ygry!=null?item_jrxx[0].ygry:'暂无'"></td>
                </tr>                
                <tr>
                    <td class="tdc">外方注册资本</td>
                    <td  colspan=3 v-text="item_jrxx[0].wfzczb!=null?item_jrxx[0].wfzczb:'暂无'"></td>     
                </tr>
				<tr v-show="item_jrxx[0].fxwgy && item_jrxx[0].fxwgy!=''" >
                    <td class="tdc">网格责任人</td>
                    <td colspan=3 > <a style="cursor: pointer;color:black;text-decoration: underline"   @mouseover="showwindow(item_jrxx[0].grid)">  
                        {{item_jrxx[0].fxwgy}}
                    </a></td>
                </tr> 
                <tr>
					<td colspan=4>
						<a @click="showphotoqy">工作状态</a>
					</td>  
                </tr>

               
        </table>
        <table class="table table-bordered" v-show="item_jrxx[0].typeid==4">
            <tr>
                <td align="center"  colspan="4"  v-text="item_jrxx[0].typeid==2?'涉军人员':item_jrxx[0].keyname"></td>
            </tr>
            <tr>
                    <td class="tdc">姓名</td>
                    <td v-text="item_jrxx[0].name!=null?item_jrxx[0].name:'暂无'"></td>
                    <td class="tdc">英文名</td>
                    <td v-text="item_jrxx[0].enname!=null?item_jrxx[0].enname:'暂无'"></td>                
                </tr>
                <tr>
                    <td class="tdc">性别</td>
                    <td v-text="item_jrxx[0].xb!=null?item_jrxx[0].xb:'暂无'"></td>    
                    <td class="tdc">出生年月</td>
                    <td v-text="item_jrxx[0].csny!=null?item_jrxx[0].csny:'暂无'"></td>
                </tr>
                <tr>
                    <td class="tdc">所在国家</td>
                    <td v-text="item_jrxx[0].szgj!=null?item_jrxx[0].szgj:'暂无'"></td>                    
                    <td class="tdc">宗教信仰</td>
                    <td v-text="item_jrxx[0].zjxy!=null?item_jrxx[0].zjxy:'暂无'"></td>
                </tr>          
                <tr>   
                    <td class="tdc">现工作单位</td> 
                        <td v-text="item_jrxx[0].gzdw!=null?item_jrxx[0].gzdw:'暂无'"></td>                        
                 
                    <td class="tdc">职务</td> 
                        <td v-text="item_jrxx[0].zw!=null?item_jrxx[0].zw:'暂无'"></td>
                 
                </tr>
                <tr>                                   
                 
                    <td class="tdc">境内联系电话</td>
                    <td v-text="item_jrxx[0].jnlxdh!=null?item_jrxx[0].jnlxdh:'暂无'"></td>  
                    <td class="tdc">护照、港澳通行证、台湾通行证、</td>
                    <td v-text="item_jrxx[0].hz!=null?item_jrxx[0].hz:'暂无'"></td>           
                 
                </tr>              
                <tr v-show="item_jrxx[0].typeid==1">
                    <td class="tdc">境内地址</td>
                    <td v-text="item_jrxx[0].jndz!=null?item_jrxx[0].jndz:'暂无'"></td>  
                </tr>      
                <tr v-show="item_jrxx[0].fxwgy && item_jrxx[0].fxwgy!=''" >
                    <td class="tdc">网格员</td>
                    <td > <a style="cursor: pointer;color:black;text-decoration: underline"   @mouseover="showwindow(item_jrxx[0].grid)">  
                        {{item_jrxx[0].fxwgy}}
                    </a></td>
                    <td class="tdc">民警 </td>
                    <td v-text="item_jrxx[0].fxmj!=null?item_jrxx[0].fxmj:'暂无'"></td>    
                </tr> 
        </table>
        <table class="table table-bordered" v-show="item_jrxx[0].typeid==6">
            <tr>
                <td align="center"  colspan="4" v-text="item_jrxx[0].typeid==2?'涉军人员':item_jrxx[0].keyname"></td>
            </tr>
            <tr>
                    <td class="tdc">地址</td>
                    <td v-text="item_jrxx[0].xjzd!=null?item_jrxx[0].xjzd:'暂无'"></td>  
                    <td class="tdc">负责人</td>
                    <td v-text="item_jrxx[0].zjfzr!=null?item_jrxx[0].zjfzr:'暂无'"></td>           
                </tr>
                <tr>
                    <td class="tdc">联系电话                    </td>
                    <td v-text="item_jrxx[0].zjfzrlxdh!=null?item_jrxx[0].zjfzrlxdh:'暂无'"></td>    
                    <td class="tdc">宗教信仰                    </td>
                    <td v-text="item_jrxx[0].zjfzrxy!=null?item_jrxx[0].zjfzrxy:'暂无'"></td>
                </tr>
                <tr>
                    <td class="tdc">参会人员                    </td>
                    <td colspan=3 v-text="item_jrxx[0].zjchry!=null?item_jrxx[0].zjchry:'暂无'"></td>        
                </tr>   
                <tr v-show="item_jrxx[0].fxwgy && item_jrxx[0].fxwgy!=''" >
                    <td class="tdc">网格员</td>
                    <td > <a style="cursor: pointer;color:black;text-decoration: underline"   @mouseover="showwindow(item_jrxx[0].grid)">  
                        {{item_jrxx[0].fxwgy}}
                    </a></td>
                    <td class="tdc">民警                    </td>
                    <td v-text="item_jrxx[0].fxmj!=null?item_jrxx[0].fxmj:'暂无'"></td>    
                </tr> 
				  <tr  v-show="item_jrxx[0].zjfzr && (item_jrxx[0].zjfzr=='田成龙'||item_jrxx[0].zjfzr=='刘京春')" >
					<td colspan=4>
						<a @click="showphoto(item_jrxx[0].zjfzr )">工作状态</a>
					</td>

                </tr>
        </table>
        <table>
            <tr>
                <td></td>
                <td></td>
                <td > <div id="hover"></div></td>
            </tr>
            </table>
    </div>
</body>
<script src="../../../js/jquery-2.2.3.js"></script>
<script src="../../../js/vue.js"></script>
<script src="../../../js/layui/layui.js"></script>
<script>
    /*党员个人信息*/
    let x= JSON.parse('<%-JSON.stringify(data)%>');
    console.log(x);
    layui.use(['form', 'element', 'layer'], function () {
         form = layui.form,
        element = layui.elementx,
        layer = layui.layer;

});

    var vue_jrxx=new Vue({
        el:".soldier",
        data:{
            item_jrxx:(x?x:{}),
            tip_index :0
        },
        methods:{
            showwindow:function(gridid){                       
                        $.ajax({
                            type: "GET",
                            url: '../../../rest/gridDetailquery/'+gridid,
                            contentType: "application/json; charset=utf-8",
                            dataType: "json",
                            success: function(res) {
                                var  result="网格名："+res.data[0].name+"<br/>"+"负责人："+res.data[0].wgz+"<br/>"+"性别："+
                                res.data[0].xb+"<br/>"+"联系电话："+res.data[0].lxdh+"<br/>"+"出生年月："+res.data[0].csny+"<br/>";
                                this.tip_index =layer.tips(result, "#hover", {
                                tips: [1, "#4794ec"]
                                });
                            },
                            error: function(message) {
                                
                            }
                        });
                 },
				    showphoto:function(item){
                        data=[
                                                    {"src": '../../../img/jd/6.jpg'},
                                                    {"src": '../../../img/jd/7.jpg'},
                                                    {"src":'../../../img/jd/8.jpg'},
                                                    {"src":'../../../img/jd/9.jpg'},
                                                    {"src":'../../../img/jd/10.jpg'},
                                                    {"src":'../../../img/jd/11.jpg'},
                                                    {"src":'../../../img/jd/12.jpg'},
                                                    {"src":'../../../img/jd/13.jpg'},
                                                    {"src":'../../../img/jd/14.jpg'}
                                                ];
                        if(item=='田成龙'){
                            data=[
                                                    {"src": '../../../img/jd/1.jpg'},
                                                    {"src": '../../../img/jd/2.jpg'},
                                                    {"src":'../../../img/jd/3.jpg'},
                                                    {"src":'../../../img/jd/4.jpg'},
                                                    {"src":'../../../img/jd/5.jpg'}
                                                ];
                        }
                    
							layer.photos({
                                        photos:{
                                                "data": data
                                            },
                                        anim: 5
                                    });
					},
					
				showphotoqy:function(){
							layer.photos({
                                        photos:{
                                                "data": [
                                                    {"src": '../../../img/wq/1.jpg'},
                                                    {"src": '../../../img/wq/2.jpg'},
                                                    {"src": '../../../img/wq/3.jpg'},
                                                    {"src": '../../../img/wq/4.jpg'}
                                                ]
                                            },
                                        anim: 5
                                    });
					},
					
                    showphotollx:function(item){
                       data= [
                                {"src": '../../../img/mpwk/llx/1.jpg'},
                                {"src": '../../../img/mpwk/llx/2.jpg'},
                                {"src": '../../../img/mpwk/llx/3.jpg'},
                                {"src": '../../../img/mpwk/llx/4.jpg'},
                                {"src": '../../../img/mpwk/llx/5.jpg'}
                                            ];
                        if(item=='刘兰少华'){
                            data= [
                                    {"src": '../../../img/mpwk/llsh/1.jpg'},
                                    {"src": '../../../img/mpwk/llsh/2.jpg'},
                                    {"src": '../../../img/mpwk/llsh/3.jpg'}
                                ];
                        }
                        layer.photos({
                                    photos:{
                                            "data":data,
                                    anim: 5
                                    }
                                });
                    }
                }
    });
</script>
</html>
