<!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="ldls" style="width: 532px;height:580px;padding: 10px;">
        <table class="table table-bordered">
            <!-- <tr>
                <td colspan="6">党员详细信息</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].zjhm!=null?item_jrxx[0].zjhm:'暂无'"></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].lxdh!=null?item_jrxx[0].lxdh:'暂无'"></td>
                </tr>
                <tr>
                                     
                    <td class="tdc">父母姓名</td>
                    <td v-text="item_jrxx[0].hzname!=null?item_jrxx[0].hzname:'暂无'"></td>
                    <td class="tdc">居住地址</td>
                    <td v-text="item_jrxx[0].xjzd!=null?item_jrxx[0].xjzd:'暂无'"></td>  
                </tr>  
                <tr>
                                     
                    <td class="tdc">父母联系电话</td>
                    <td v-text="item_jrxx[0].hzmobile!=null?item_jrxx[0].hzmobile:'暂无'"></td>
                    <td class="tdc">户籍地址</td>
                    <td v-text="item_jrxx[0].hkdjd!=null?item_jrxx[0].hkdjd:'暂无'"></td>  
                </tr>    

                <tr v-show="item_jrxx[0].type=='2'">
                                     
                    <td class="tdc">监护人与困境儿童关系
                        </td>
                    <td v-text="item_jrxx[0].relation!=null?item_jrxx[0].relation:'暂无'"></td>
                    <td class="tdc">困难等级</td>
                    <td v-text="item_jrxx[0].difficulttype!=null?item_jrxx[0].difficulttype:'暂无'"></td>  
                </tr>  
               
                <tr v-show="item_jrxx[0].type=='2'">
                
                    <td class="tdc">家庭困难情况概述</td>
                    <td  colspan=3 v-text="item_jrxx[0].difficultdesc!=null?item_jrxx[0].difficultdesc:'暂无'"></td>

                </tr>
                <tr v-show="item_jrxx[0].type=='2'">
                
                    <td class="tdc">备注</td>
                    <td  colspan=3 v-text="item_jrxx[0].remark!=null?item_jrxx[0].remark:'暂无'"></td>

                </tr>
                <tr v-show="item_jrxx[0].name=='陈天行'">
                <td colspan="4">
                    <a @click="showphoto">帮扶工作状态</a>
                </td>


 
        </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>
    /*党员个人信息*/
    layui.use(['form', 'element', 'layer'], function () {
    form = layui.form,
        element = layui.elementx,
        layer = layui.layer;

});
    let x= JSON.parse('<%-JSON.stringify(data)%>');
    console.log(x);
    var vue_jrxx=new Vue({
        el:".ldls",
        data:{
            item_jrxx:(x?x:{})
        },
        methods:{
            showphoto:function(){
                layer.photos({
                                        photos:{
                                                "data": [
                                                    {"src": '/img/12/1.jpg'},
                                                    {"src": '/img/12/2.jpg'},
                                                    {"src":'/img/12/3.jpg'},
                                                    {"src":'/img/12/4.png'},
                                                    {"src":'/img/12/5.jpg'},
                                                    {"src":'/img/12/6.jpg'},
                                                    {"src":'/img/12/7.jpg'}
                                                ]
                                            },
                                        anim: 5
                                    });
            }
        }
    });
</script>
</html>
