<!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
            }
            .tdt{
                font-family: cursive;
                font-size: 17px;
            }
    </style>
</head>
<body>
    <div class="cjr" style="width: 532px;height: 95%;padding: 10px">
        <table class="table table-bordered">
            <tr>
                <td class="tdt" colspan="4">残疾人</td>
            </tr>
            <tr>
                <td class="tdc">姓名</td>
                <td v-text="item_cjr[0].name!=null?item_cjr[0].name:'暂无'"></td>
                <td class="tdc">性别</td>
                <td v-text="item_cjr[0].xb!=null?item_cjr[0].xb:'暂无'"></td>
                
            </tr>
            <tr>
                <td class="tdc">残疾类别</td>
                <td v-text="item_cjr[0].cjlb!=null?item_cjr[0].cjlb:'暂无'"></td>
                <td class="tdc">残疾等级</td>
                <td v-text="item_cjr[0].cjdj!=null?item_cjr[0].cjdj:'暂无'"></td>  
            </tr>
            <tr>
               
                <td class="tdc">监护人</td>
                <td v-text="item_cjr[0].jhr!=null?item_cjr[0].jhr:'暂无'"></td>
                <td class="tdc">联系电话</td>
                <td  v-text="item_cjr[0].jhrlxdh!=null?item_cjr[0].jhrlxdh:'暂无'"></td>
            </tr>
           
            <tr >
                <td rowspan=2 class="tdc"  vertical-align="middle"> 补贴发放</td>
                <td class="tdc">补贴</td>
                <td colspan=2 v-text="item_cjr[0].bz!=null?item_cjr[0].bz:'暂无'"></td>
               
            </tr>
            <tr>
                <td class="tdc">节日慰问</td>
                <td colspan=2 v-text="item_cjr[0].bz1!=null?item_cjr[0].bz1:'暂无'"></td>
            </tr>
          

            <tr>
                <td colspan=2 class="tdc">身份证号</td>
                <td  colspan=2 v-text="item_cjr[0].zjhm!=null?item_cjr[0].zjhm:'暂无'"></td>
            </tr>
            <tr>
                <td colspan=2 class="tdc">残疾证号</td>
                <td colspan=2 v-text="item_cjr[0].cjzh!=null?item_cjr[0].cjzh:'暂无'"></td>
            </tr>
            <tr v-show="item_cjr[0].bz3!=null &&item_cjr[0].bz3!='' ">
                <td class="tdc">情况梳理</td>
                <td colspan="3" v-text="item_cjr[0].bz3!=null?item_cjr[0].bz3:'暂无'"></td>
            </tr>
            <tr>
                
                <td colspan="4" text-align="left"> <a @click="showphoto">工作状态</a></td>
            </tr>

        </table>
        <table  class="table table-bordered" v-show="item_cjr[0].cjlb=='精神'"> 
            <tr><td colspan=5 text-align="center">五包一</td></tr>
            <tr >
                           
                <td class="tdc">两委       </td>
                <td class="tdc">网格       </td>
                <td class="tdc">条口负责人    </td>
                <td class="tdc">社区民警     </td>
                <td class="tdc">物业主任     </td>
            </tr> 
            <tr>
                <td v-text="item_cjr[0].w1!=null?item_cjr[0].w1:'暂无'">  </td>
                <td v-text="item_cjr[0].w2!=null?item_cjr[0].w2:'暂无'"></td>
                <td v-text="item_cjr[0].w3!=null?item_cjr[0].w3:'暂无'"></td>
                <td v-text="item_cjr[0].w4!=null?item_cjr[0].w4:'暂无'"></td>
                <td v-text="item_cjr[0].w5!=null?item_cjr[0].w5:'暂无'"></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>
   
    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_cjr=new Vue({
        el:".cjr",
        data:{
            item_cjr:(x?x:{})
        },
        methods:{
            showphoto:function(){
                console.log(this.item_cjr[0].photos);
                let photos=this.item_cjr[0].photos.split(",");
                let dataphoto=[];
                for(let i=0;i<photos.length;i++){
                    dataphoto.push(
                        {src:photos[i]} 
                    );
                }
                let  pdata={data:dataphoto};
                console.log(dataphoto);
                layer.photos({
                                        photos:pdata,
                                        anim: 5
                                    });
            }
        },
    });
</script>
</html>
