<!DOCTYPE html>
<html>

<head>
    <title>人口房屋管理</title>
    <style>
        html,
        body {
            height: 100%;
            margin:0px;
        }
        a{
            cursor: pointer;
        }
       .headtool {
            height: 38px;
            margin-bottom:0px;
        }
        .headtool a span{
            margin-top: 2px!important;
            position: relative;
            color: white; 
        }
      
        #editck   div{
            margin-top: 10px;
            margin-left: 10px;
        }
         #editck   div input{
           width: 250px;
           height: 25px;
        }
        button{
            width: 70px;
            height: 31px;
            background: #61abdd;
            border-radius: 1.3em;
            cursor: pointer;
        }
       .titlexx .xzcy-button{
            float: right;
            width: 60px;
            height: 20px;
            margin-right: 2px;
            color: #428AE7;
            border-color: #428AE7;
            line-height: 20px;
            padding: unset;
        }
        .layui-layer-title{
            background: linear-gradient(#3E8AE5, #61ABDD) !important;
            padding: unset !important;
            color:#e6e0e0 !important;
            text-align: center !important;
            font-size: 16px !important;
        }
        .layui-layer-btn-c{
            border-top: 1px solid #d2d2d2 !important;
        }
        .xzrytc-div{
            float: left;
            width: 600px;
            margin-top: 5px;
            margin-left: 20px;
        }
        .layui-laydate .layui-this{
            background: linear-gradient(#3E8AE5, #61ABDD) !important;
        }
        .layui-form-radio i{
            color: #3E8AE5 !important;
        }

        .layui-table-body {
            height: 155px !important;
        }

        /* //以下为批量导入样式 ===================================================================================*/
        .czshow {
            position: absolute;
            top: -32px;
            width: 100%;
            height: 30px;
            font: normal normal normal 18px/30px 'cursive';
        }

        .czdyshow {
            position: absolute;
            top: -32px;
            width: 100%;
            height: 30px;
            font: normal normal normal 18px/30px 'cursive';
        }

        .zkshow {
            position: absolute;
            top: -32px;
            width: 100%;
            height: 30px;
            font: normal normal normal 18px/30px 'cursive';
        }

        .zzdyshow {
            position: absolute;
            top: -32px;
            width: 100%;
            height: 30px;
            font: normal normal normal 18px/30px 'cursive';
        }

        .zdryshow {
            position: absolute;
            top: -40px;
            width: 100%;
            height: 30px;
            font: normal normal normal 18px/30px 'cursive';
        }

        .dyshow {
            position: absolute;
            top: -40px;
            width: 100%;
            height: 30px;
            font: normal normal normal 18px/30px 'cursive';
        }

        .blueButton {
            position: absolute;
            display: block;
            width: 100px;
            height: 40px;
            background-color: #00b3ee;
            color: #fff;
            text-decoration: none;
            text-align: center;
            font: normal normal normal 16px/40px 'Microsoft YaHei';
            cursor: pointer;
            border-radius: 4px;
        }

        .myzkFileUpload {
            position: absolute;
            display: block;
            width: 100px;
            height: 40px;
            opacity: 0;
        }

        .myczFileUpload {
            position: absolute;
            display: block;
            width: 100px;
            height: 40px;
            opacity: 0;
        }

        .zkzt-div {
            float: left;
            margin-top: 2px;
            font-size: 22px;
            margin-left: 5px;
            cursor: pointer;
        }
    </style>
     <link rel="stylesheet" type="text/css" href="../js/layui/css/layui.css"/>
     <link rel="stylesheet" type="text/css" href="../css/editbuilding.css"/>
     <link rel="stylesheet" type="text/css" href="../bootstrap/css/bootstrap.css" />
     <link rel="stylesheet" type="text/css" href="../css/formSelects-v4.css"/>
     <link rel="stylesheet" type="text/css" href="../bootstrap/css/bootstrap-select.css">
    <script src="../js/vue.js"></script>
    <script src="../js/httpVueLoader.js"></script>
</head>
<body>

   <div class="left_div">
        <ul class="nav nav-tabs" id="left_ul" role="tablist">
            <li role="presentation" class="active"><a href="#home" aria-controls="home" role="tab" data-toggle="tab">以房管人</a></li>
            <li role="presentation"><a href="#profile" aria-controls="profile" role="tab" data-toggle="tab">人员管理</a></li>
            <li role="presentation"><a href="#pldrfile" aria-controls="pldrfile" role="tab" data-toggle="tab">批量导入导出</a></li>
        </ul>
        <!-- Tab panes -->
        <div class="tab-content">
            <div role="tabpanel" class="tab-pane active" id="home">
                <div id="fwgl">
                    <div class="fwgl_title public_title">
                        <span class="label label-primary" style="font-size:125%;">人口房屋管理</span> > 以房管人
                    </div>
                    <div class="leftitem_content">
                        <div class="pagetable">
                            <div class="zt-div">
                                <!-- <div class="xzcx-div">
                                     <div class="jkxzan-div">
                                        <button type="button" class="btn btn-default"  @click="insert()">新增</button>
                                     </div>  
                                </div> -->
                                <div class="downtop-div">
                                    <form class="layui-form" action="">
                                        <div class="layui-form-item jk-div">
                                            <label class="layui-form-label">小区：</label>
                                            <div class="layui-input-block">
                                                <input v-model="condition.districtname" type="text" name="title"
                                                    lay-verify="title" autocomplete="off" placeholder="请输入小区名" class="layui-input">
                                            </div>
                                        </div>
                                        <div class="layui-form-item jk-div">
                                            <label class="layui-form-label">地址名称：</label>
                                            <div class="layui-input-block">
                                                <input v-model="condition.name" type="text" name="title" lay-verify="title"
                                                    autocomplete="off" placeholder="请输入楼栋号" class="layui-input">
                                            </div>
                                        </div>
                                        <div class="layui-form-item jk-div">
                                            <button @click="query()" type="button" style="margin-top: 2px;" class="btn btn-default">查询</button>
                                            <span style="color:red;margin-left:15px;margin-top:3px;display:inline-block"
                                                v-text="'查询结果:'+totals+'条'"></span>
                                        </div>
                                    </form>
                                </div>
                                <div class="downbottom-div">
                                    <table class="table table-hover table-expandable table-bordered">
                                        <thead>
                                            <tr>
                                                <th style="width:50px;">序号</th>
                                                <th>网格</th>
                                                <th>小区</th>
                                                <th>楼栋</th>
                                                <th>操作</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            <tr v-for="(item,index) in datax ">
                                                <td style="text-align:center;width: 40px" class="short" v-text="index+1"></td>
                                                <td  class="short"><span v-text="item.gridname"></span></td>
                                                <td  class="short"><span v-text="item.districtname"></span></td>
                                                <td class="short"><span  v-text="item.name"></span></td>
                                                <td  class="short" style="text-align:center;text-decoration:underline">
                                                    <a @click="rkfw(item,index)">管理</a>   
                                                </td>
                                            </tr>
                                        </tbody>
                                    </table>
                                    <div class="pages-div">
                                        <div class="fy" id="demo3"></div>
                                        <span class="fy-span" id=""></span>
                                    </div>
                                </div>
                            </div>
                    </div>
                    </div>
                </div>
            </div>
            <div role="tabpanel" class="tab-pane" id="profile">
                    <div id="rygl">
                            <div class="fwgl_title public_title">
                                <span class="label label-primary" style="font-size:125%;">人口房屋管理</span> > 人员管理
                            </div>
                            <div class="leftitem_content">
                                    <div class="pagetable">
                                            <div class="zt-div">
                                                <div class="xzcx-div">
                                                    <div class="jkxzan-div">
                                                        <button type="button" class="btn btn-default" @click="insert()">新增</button>
                                                        <!-- <button type="button" class="btn btn-default" >导出</button>
                                                        <button type="button" class="btn btn-default" >打印</button> -->
                                    </div>
                                </div>
                                <div class="downtop-div">
                                    <form action="">
                                        <div class="layui-form-item jk-div">
                                            <label class="layui-form-label">姓名：</label>
                                            <div class="layui-input-block">
                                                <input type="text" name="title" v-model="condition.name" lay-verify="title"
                                                    autocomplete="off" placeholder="请输入姓名" class="layui-input">
                                            </div>
                                        </div>
                                        <div class="jk-div">
                                            <label class="layui-form-label">性别：</label>
                                            <div class="layui-input-block">
                                                <input type="text" name="title" v-model="condition.xb" lay-verify="title"
                                                    autocomplete="off" placeholder="请输入性别" class="layui-input">
                                            </div>
                                        </div>
                                        <div class="jk-div">
                                            <label class="layui-form-label">身份证：</label>
                                            <div class="layui-input-block">
                                                <input type="text" name="title" v-model="condition.zjhm" lay-verify="title"
                                                    autocomplete="off" placeholder="请输入身份证" class="layui-input">
                                            </div>
                                        </div>
                                        <div class="jk-div" style="padding: 8px;width:280px">
                                            <label class="form-check-label">
                                                <input type="checkbox" :disabled="disabled" class="form-check-input"
                                                    v-model="condition.unrelation">未关联房屋
                                            </label>
                                            <label class="form-check-label">
                                                <input type="checkbox" class="form-check-input" v-model="condition.temporary">暂住人口
                                            </label>
                                            <label class="form-check-label">
                                                <input type="checkbox" class="form-check-input" v-model="condition.expire">租客到期
                                            </label>
                                            <label class="form-check-label">
                                                <input type="checkbox" class="form-check-input" v-model="condition.party">党员
                                            </label>
                                        </div>
                                        <div class="jk-div" style="width:300px;">
                                            <label class="layui-form-label">重点人员：</label>
                                            <div class="layui-input-block" style="margin-top: 4px">
                                                <select id="selected_type_role" class="form-control" data-live-search="true"
                                                    data-selected-text-format="count>5" multiple>
                                                </select>
                                            </div>

                                        </div>
                                        <div class="layui-form-item jk-div" style="padding-top: 2px;">
                                            <button type="button" style="margin-top: 2px;" class="btn btn-default"
                                                @click="query()">查询</button>
                                            <span style="color:red;margin-left:15px;margin-top:3px;display:inline-block"
                                                v-text="'查询结果:'+totals+'条'"></span>
                                        </div>
                                    </form>
                                </div>
                                <div class="downbottom-div">
                                    <table class="table table-hover table-expandable table-bordered">
                                        <thead>
                                            <tr>
                                                <th style="width:50px;">序号</th>
                                                <th>姓名</th>
                                                <th>性别</th>
                                                <th>身份证</th>
                                                <th>出生年月</th>
                                                <th>户口登记地</th>
                                                <th>联系电话</th>
                                                <th>操作</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            <tr v-for="(item,index) in datax ">
                                                <td style="text-align:center;width: 40px" class="short" v-text="index+1"></td>
                                                <td class="short"><span v-text="item.name"></span></td>
                                                <td class="short"><span v-text="item.xb"></span></td>
                                                <td class="short"><span v-text="item.zjhm"></span></td>
                                                <td class="short"><span v-text="item.csny"></span></td>
                                                <td class="short"><span v-text="item.hkdjd"></span></td>
                                                <td class="short"><span v-text="item.lxdh"></span></td>
                                                <td class="short" style="text-align:center;text-decoration:underline">
                                                    <a @click="edit(item,index)">编辑</a>
                                                    <a @click="deletex(item,index)">删除</a>
                                                </td>
                                            </tr>
                                        </tbody>
                                    </table>
                                    <div class="pages-div">
                                        <div class="fy" id="demo4"></div>
                                        <span class="fy-span" id=""></span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div role="tabpanel" class="tab-pane" id="pldrfile">
                   
                <div id="pldrid">
                    <div class="fwgl_title public_title">
                        <span class="label label-primary" style="font-size:125%;">批量导入导出</span> > 批量导入导出
                    </div>
                    <div class="leftitem_content">
                        <div class="tab-content" style="width:100%;height:100%;overflow: hidden;">
                            <div class="" style="width:100%;height:55px;">
                                <ul class="nav nav-tabs" id="myTab" role="tablist">
                                    <li role="presentation" class="active"><a href="#home1" aria-controls="home1" role="tab"
                                            data-toggle="tab">暂住人口</a></li>
                                    <li role="presentation"><a href="#profile1" aria-controls="profile1" role="tab"
                                            data-toggle="tab">常住人口</a></li>
                                </ul>
                            </div>
                            <!-- //租客导入--------------------------------------------------------------------------------------------------------------------------- -->
                            <div role="tab" class="tab-pane active" id="home1">
                                <div style="width:100%;margin-top: 2px;" id="zzrkid">
                                    <div style="width:100%;margin-top:5px;height:40px;">
                                        <button type="button" class="btn btn-primary" style="width:90px;float:left;height:34px;">模板类型</button>
                                        <select class="form-control" style="width:240px;float:left;margin-left: 15px;"
                                            @change="xzlxchange($event)">
                                            <option value="" selected="">请选择模板类型</option>
                                            <option value="zk">暂住人口模板_基本暂住人口</option>
                                            <option value="dy">暂住人口模板_党员</option>
                                            <option v-if="!item.extenddata" v-for=" (item,index) in zdry" :value="item.marktype">{{'暂住人口模板_'+item.name}}</option>
                                        </select>
                                        <!-- <button type="button" class="btn btn-primary" style="width:70px;float:left;height:34px;margin-left:15px;">模板</button> -->
                                        <a title="点击下载" class="zkzt-div" @click="zzrkdowlond()"><span id="zzmbid"></span></a>
                                    </div>
                                    <!-- //暂住人口以及暂住重点人员模板------------------------------------------------------------------------------ -->
                                    <div style="display:block;width:100%;height:calc(100% - 95px);" id="zzdrid">
                                        <div style="position: relative;margin-top:70px;">
                                            <div class="zkshow"></div>
                                            <a href="javascript:void(0);" class="blueButton">选择文件</a>
                                            <input type="file" class="myzkFileUpload" id="zzfile" accept=".xls,.xlsx"
                                                @change="zkchange($event)">
                                        </div>
                                        <div style="margin-left: 120px;">
                                            <button class="layui-btn" style="width:90px" @click="zkinsert()">批量更新</button>
                                            <button class="layui-btn" style="width:90px" @click="export_Excel()">生成表格</button>
                                        </div>
                                        <div style="margin-top:5px;width:100%;height:85%;overflow-y:auto;">
                                            <div style="width:120%;height:100%;">
                                                <table class="table table-hover table-expandable table-bordered">
                                                    <thead>
                                                        <tr>
                                                            <th>序号</th>
                                                            <th v-for="(item,index) in zkry.head" v-text=item.title></th>
                                                        </tr>
                                                    </thead>
                                                    <tbody>
                                                        <tr v-for="(item,index) in zkry.body">
                                                            <td v-text="index+1"></td>
                                                            <td v-text="item.xqm"></td>
                                                            <td v-text="item.ldh"></td>
                                                            <td v-text="item.mph"></td>
                                                            <td v-text="item.zjhm"></td>
                                                            <td v-text="item.name"></td>
                                                            <td v-text="item.lxdh"></td>
                                                            <td v-text="item.zjlx"></td>
                                                            <td v-text="item.xb"></td>
                                                            <td v-text="item.mz"></td>
                                                            <td v-text="item.csny"></td>
                                                            <td v-text="item.hkdjd"></td>
                                                            <td v-text="item.xjzd"></td>
                                                            <td v-text="item.hyzk"></td>
                                                            <td v-text="item.zlksrq"></td>
                                                            <td v-text="item.zljzrq"></td>
                                                            <td v-text="item.zjhmqfrq"></td>
                                                            <td v-text="item.cym"></td>
                                                            <td v-text="item.csd"></td>
                                                            <td v-text="item.jg"></td>
                                                            <td v-text="item.sg"></td>
                                                            <td v-text="item.xx"></td>
                                                            <td v-text="item.zzmm"></td>
                                                            <td v-text="item.whcd"></td>
                                                            <td v-text="item.sfsw"></td>
                                                            <td v-text="item.gzdw"></td>
                                                            <td v-text="item.bz"></td>
                                                            <td v-if="item.msg=='新增成功'||item.msg=='更新成功'" style="color:green"
                                                                v-text="item.msg"></td>
                                                            <td v-else style="color:red" v-text="item.msg"></td>
                                                        </tr>
                                                    </tbody>
                                                </table>
                                            </div>

                                        </div>
                                    </div>
                                    <!-- //暂住党员模板-------------------------------------------------------------------------------------------------- -->
                                    <div style="display:none;width:100%;height:calc(100% - 95px);" id="zzdyid">
                                        <div style="position: relative;margin-top:70px;">
                                            <div class="zzdyshow"></div>
                                            <a href="javascript:void(0);" class="blueButton">选择文件</a>
                                            <input type="file" class="myzkFileUpload" id="zzdyfile" accept=".xls,.xlsx"
                                                @change="zzdychange($event)">
                                        </div>
                                        <div style="margin-left: 120px;">
                                            <button class="layui-btn" style="width:90px" @click="zzdydr()">批量更新</button>
                                            <button class="layui-btn" style="width:90px" @click="export_Excel_dy()">生成表格</button>
                                        </div>
                                        <div style="margin-top:5px;width:100%;height:85%;overflow-y:auto;">
                                            <div style="width:120%;height:100%;">
                                                <table class="table table-hover table-expandable table-bordered">
                                                    <thead>
                                                        <tr>
                                                            <th>序号</th>
                                                            <th v-for="(item,index) in zzdydata.head" v-text=item.title></th>
                                                        </tr>
                                                    </thead>
                                                    <tbody>
                                                        <tr v-for="(item,index) in zzdydata.body">
                                                            <td v-text="index+1"></td>
                                                            <td v-text="item.xqm"></td>
                                                            <td v-text="item.ldh"></td>
                                                            <td v-text="item.mph"></td>
                                                            <td v-text="item.zjhm"></td>
                                                            <td v-text="item.name"></td>
                                                            <td v-text="item.lxdh"></td>
                                                            <td v-text="item.zjlx"></td>
                                                            <td v-text="item.xb"></td>
                                                            <td v-text="item.mz"></td>
                                                            <td v-text="item.csny"></td>
                                                            <td v-text="item.hkdjd"></td>
                                                            <td v-text="item.xjzd"></td>
                                                            <td v-text="item.hyzk"></td>
                                                            <td v-text="item.zlksrq"></td>
                                                            <td v-text="item.zljzrq"></td>
                                                            <td v-text="item.rdrq"></td>
                                                            <td v-text="item.ssdz"></td>
                                                            <td v-text="item.zz"></td>
                                                            <td v-text="item.szdzb"></td>
                                                            <td v-text="item.zjhmqfrq"></td>
                                                            <td v-text="item.cym"></td>
                                                            <td v-text="item.csd"></td>
                                                            <td v-text="item.jg"></td>
                                                            <td v-text="item.sg"></td>
                                                            <td v-text="item.xx"></td>
                                                            <td v-text="item.zzmm"></td>
                                                            <td v-text="item.whcd"></td>
                                                            <td v-text="item.sfsw"></td>
                                                            <td v-text="item.gzdw"></td>
                                                            <td v-text="item.bz"></td>
                                                            <td v-if="item.msg=='新增成功'||item.msg=='更新成功'" style="color:green"
                                                                v-text="item.msg"></td>
                                                            <td v-else style="color:red" v-text="item.msg"></td>
                                                        </tr>
                                                    </tbody>
                                                </table>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <!-- //常住导入--------------------------------------------------------------------------------------------------------------------------- -->
                            <div role="tab" class="tab-pane active" id="profile1">
                                <div style="width:100%;margin-top: 2px;" id="czrkid">
                                    <div style="width:100%;margin-top:5px;height: 40px;">
                                        <button type="button" class="btn btn-primary" style="width:90px;float:left;height:34px;">模板类型</button>
                                        <select class="form-control" style="width:240px;float:left;margin-left: 15px;"
                                            @change="czqhchange($event)">
                                            <option value="" selected="">请选择模板类型</option>
                                            <option value="cz">常住人口模板_基本常住人口</option>
                                            <option value="dy">常住人口模板_党员</option>
                                            <option v-if="!item.extenddata" v-for="(item,index) in zdry" :value="item.marktype">{{'常住人口模板_'+item.name}}</option>

                                        </select>
                                        <!-- <button type="button" class="btn btn-primary" style="width:70px;float:left;height:34px;margin-left:15px;">模板</button> -->
                                        <a title="点击下载" class="zkzt-div" @click="czrkdowlond()"><span id="czmbid"></span></a>
                                    </div>
                                    <!-- //常住人口及重点人员模板----------------------------------------------------------------------------------------------- -->
                                    <div style="display:block;width:100%;height:calc(100% - 95px);" id="czrkzdid">
                                        <div style="position: relative;margin-top:70px;">
                                            <div class="czshow"></div>
                                            <a href="javascript:void(0);" class="blueButton">选择文件</a>
                                            <input type="file" class="myczFileUpload" id="czfile" accept=".xls,.xlsx"
                                                @change="czchange">
                                        </div>
                                        <div style="margin-left: 120px;">
                                            <button class="layui-btn" style="width:90px" @click="czinsert()">批量更新</button>
                                            <button class="layui-btn" style="width:90px" @click="export_Excel()">生成表格</button>
                                        </div>
                                        <div style="margin-top:5px;width:100%;height:85%;overflow-y: auto;">
                                            <div style="width:120%;height:100%;">
                                                <table class="table table-hover table-expandable table-bordered">
                                                    <thead>
                                                        <tr>
                                                            <th>序号</th>
                                                            <th v-for="(item,index) in czrk.head" v-text=item.title></th>
                                                        </tr>
                                                    </thead>
                                                    <tbody>
                                                        <tr v-for="(item,index) in czrk.body">
                                                            <td v-text="index+1"></td>
                                                            <td v-text="item.xqm"></td>
                                                            <td v-text="item.ldh"></td>
                                                            <td v-text="item.mph"></td>
                                                            <td v-text="item.zjhm"></td>
                                                            <td v-text="item.name"></td>
                                                            <td v-text="item.lxdh"></td>
                                                            <td v-text="item.zjlx"></td>
                                                            <td v-text="item.xb"></td>
                                                            <td v-text="item.mz"></td>
                                                            <td v-text="item.csny"></td>
                                                            <td v-text="item.hkdjd"></td>
                                                            <td v-text="item.xjzd"></td>
                                                            <td v-text="item.hyzk"></td>
                                                            <td v-text="item.yhzgx"></td>
                                                            <td v-text="item.zjhmqfrq"></td>
                                                            <td v-text="item.cym"></td>
                                                            <td v-text="item.csd"></td>
                                                            <td v-text="item.jg"></td>
                                                            <td v-text="item.sg"></td>
                                                            <td v-text="item.xx"></td>
                                                            <td v-text="item.zzmm"></td>
                                                            <td v-text="item.whcd"></td>
                                                            <td v-text="item.sfsw"></td>
                                                            <td v-text="item.gzdw"></td>
                                                            <td v-text="item.bz"></td>
                                                            <td v-if="item.msg=='新增成功'||item.msg=='更新成功'" style="color:green"
                                                                v-text="item.msg"></td>
                                                            <td v-else style="color:red" v-text="item.msg"></td>
                                                        </tr>
                                                    </tbody>
                                                </table>
                                            </div>
                                        </div>
                                    </div>
                                    <!-- //常住党员模板---------------------------------------------------------------------------------------------------------------- -->
                                    <div style="display:none;width:100%;height:calc(100% - 95px);" id="czdymbid">
                                        <div style="position: relative;margin-top:70px;">
                                            <div class="czdyshow"></div>
                                            <a href="javascript:void(0);" class="blueButton">选择文件</a>
                                            <input type="file" class="myczFileUpload" id="czdyfile" accept=".xls,.xlsx"
                                                @change="czdychange($event)">
                                        </div>
                                        <div style="margin-left: 120px;">
                                            <button class="layui-btn" style="width:90px" @click="czdyinsert()">批量更新</button>
                                            <button class="layui-btn" style="width:90px" @click="export_Excel_dy()">生成表格</button>
                                        </div>
                                        <div style="margin-top:5px;width:100%;height:85%;overflow-y:auto;">
                                            <div style="width:120%;height:100%;">
                                                <table class="table table-hover table-expandable table-bordered">
                                                    <thead>
                                                        <tr>
                                                            <th>序号</th>
                                                            <th v-for="(item,index) in czdydata.head" v-text=item.title></th>
                                                        </tr>
                                                    </thead>
                                                    <tbody>
                                                        <tr v-for="(item,index) in czdydata.body">
                                                            <td v-text="index+1"></td>
                                                            <td v-text="item.xqm"></td>
                                                            <td v-text="item.ldh"></td>
                                                            <td v-text="item.mph"></td>
                                                            <td v-text="item.zjhm"></td>
                                                            <td v-text="item.name"></td>
                                                            <td v-text="item.lxdh"></td>
                                                            <td v-text="item.zjlx"></td>
                                                            <td v-text="item.xb"></td>
                                                            <td v-text="item.mz"></td>
                                                            <td v-text="item.csny"></td>
                                                            <td v-text="item.hkdjd"></td>
                                                            <td v-text="item.xjzd"></td>
                                                            <td v-text="item.hyzk"></td>
                                                            <td v-text="item.yhzgx"></td>
                                                            <td v-text="item.rdrq"></td>
                                                            <td v-text="item.ssdz"></td>
                                                            <td v-text="item.zz"></td>
                                                            <td v-text="item.szdzb"></td>
                                                            <td v-text="item.zjhmqfrq"></td>
                                                            <td v-text="item.cym"></td>
                                                            <td v-text="item.csd"></td>
                                                            <td v-text="item.jg"></td>
                                                            <td v-text="item.sg"></td>
                                                            <td v-text="item.xx"></td>
                                                            <td v-text="item.zzmm"></td>
                                                            <td v-text="item.whcd"></td>
                                                            <td v-text="item.sfsw"></td>
                                                            <td v-text="item.gzdw"></td>
                                                            <td v-text="item.bz"></td>
                                                            <td v-if="item.msg=='新增成功'||item.msg=='更新成功'" style="color:green"
                                                                v-text="item.msg"></td>
                                                            <td v-else style="color:red" v-text="item.msg"></td>
                                                        </tr>
                                                    </tbody>
                                                </table>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

            </div>
        </div>
    </div>
<!--楼栋建筑弹出 -->
<div class="tanchu" >
        <div class="left-div">
            <div class="titlexx">楼栋基本信息</div>
            <div class="fwjbxx">
                <div style="margin-top: 6px;margin-left: 15px"><span>小区名：&emsp; </span><input class="districtname"
                        readonly="readonly" /></div>
                <div style="margin-top: 3px;margin-left: 15px"><span>楼栋号：&emsp; </span><input class="building" readonly="readonly" /></div>
            </div>
            <div class="titlexx">楼栋结构信息</div>
            <div id="mydiv"></div>
        </div>
        <div class="middle"></div>
        <div class="right-div">
           
        </div>
        <div class="layer-icon" style="background-color: #59a4de">
           
        </div>
    </div>
    <!-- 单一建筑弹出 -->
    <div class="tanchutable" style="display:none">
        <div class="tanchutable-div">
            <div class="titlexx">基本信息</div>
            <div class="housejbxx">
                <div style="margin-left: 15px">
                    <span>门牌号：&emsp; </span><input class="house" readonly="readonly" />
                    <span>面 积：&emsp; </span><input class="housemj" readonly="readonly" />
                </div>
            </div>
            <div class="titlexx">家庭成员信息
                <button class="layui-btn layui-btn-primary layui-btn-sm xzcy-button" style="width: 115px" onclick="gx_ry('yhzgx')">保存所有常住信息</button>
                <button class="layui-btn layui-btn-primary layui-btn-sm xzcy-button" onclick="xz_ry('yhzgx')">新增成员</button>
            </div>
            <div class="mytable">
                <div class="right-div-content">
                    <table class="person_table zk" id="tbx" cellpadding="0" cellspacing="0" lay-filter="demoEvent"></table>
                </div>
            </div>
            <div class="titlexx">
                租客人员信息
                <button class="layui-btn layui-btn-primary layui-btn-sm xzcy-button" style="width: 115px" onclick="gx_ry('zljzrq')">保存所有暂住信息</button>
                <button class="layui-btn layui-btn-primary layui-btn-sm xzcy-button" onclick="xz_ry('zljzrq')">新增租客</button>
            </div>
            <div class="mytable">
                <div class="right-div-content">
                    <table class="person_table zk" id="tbx1" cellpadding="0" cellspacing="0" lay-filter="demoEventzk"></table>
                </div>
        </div>
    </div>
</div>
<!-- 人员新增编辑 -->
<div  style="display:none;overflow: hidden;" class="rybjtcc-div">
        <div class="jbxx-span" style="font-size: 16px;padding-left: 10px;color: #428AE7;">基本信息</div>
        <div class="rylb-div" id=person_edit>
            <form class="layui-form layui-form-pane" action="" lay-filter="editryxq">
                <div class="layui-form-item jbxq-div">
                    <label class="layui-form-label">姓名</label>
                    <div class="layui-input-block">
                        <input type="text" v-model="xq.name" name="title" autocomplete="off" placeholder="请输入姓名" class="layui-input">
                    </div>
                </div>
                <div class="layui-form-item jbxq-div" pane="">
                    <label class="layui-form-label">性别</label>
                    <div class="layui-input-block">
                        <input type="radio" name="sex" value="男" title="男" checked="">
                        <input type="radio" name="sex" value="女" title="女">
                    </div>
                </div>
                <div class="layui-form-item" style="width:410px;float:left;margin-top: 5px;margin-left:16px;">
                    <label class="layui-form-label">身份证</label>
                    <div class="layui-input-block">
                        <input type="text" v-model="xq.zjhm" v-bind:readonly="isReadOnly" name="title" autocomplete="off"
                            placeholder="请输入身份证" class="layui-input">
                    </div>
                </div>
                <div class="layui-form-item jbxq-div" style="margin-top:5px;">
                    <label class="layui-form-label">签发日期</label>
                    <div class="layui-input-block">
                        <input type="text" v-model="xq.zjhmqfrq" name="title" autocomplete="off" placeholder="请输入签发日期"
                            class="layui-input">
                    </div>
                </div>
                <div class="layui-form-item" style="width:410px;float:left;margin-left:16px;margin-bottom: unset;margin-top:-10px;">
                    <label class="layui-form-label">婚姻状态</label>
                    <div class="layui-input-block">
                        <input type="text" v-model="xq.hyzk" name="title" autocomplete="off" placeholder="请输入婚姻状态"
                            class="layui-input">
                    </div>
                </div>
                <div class="layui-form-item jbxq-div" style="margin-top:-10px;">
                    <label class="layui-form-label">联系电话</label>
                    <div class="layui-input-block">
                        <input type="text" v-model="xq.lxdh" name="title" autocomplete="off" placeholder="请输入联系电话"
                            class="layui-input">
                    </div>
                </div>

                <div class="layui-form-item" style="width:410px;float:left;margin-left:16px;margin-bottom: unset;margin-top:5px;">
                    <label class="layui-form-label">出生年月</label>
                    <div class="layui-input-block">
                        <input type="text" v-model="xq.csny" name="title" autocomplete="off" placeholder="请输入出生年月"
                            class="layui-input">
                    </div>
                </div>
                <div class="layui-form-item jbxq-div" style="margin-top:5px;">
                    <label class="layui-form-label">曾用户</label>
                    <div class="layui-input-block">
                        <input type="text" v-model="xq.cym" name="title" autocomplete="off" placeholder="请输入曾用户" class="layui-input">
                    </div>
                </div>
                <div class="layui-form-item" style="width:410px;float:left;margin-left:16px;margin-bottom: unset;margin-top:5px;">
                    <label class="layui-form-label">出生地</label>
                    <div class="layui-input-block">
                        <input type="text" v-model="xq.csd" name="title" autocomplete="off" placeholder="请输入出生地" class="layui-input">
                    </div>
                </div>
                <div class="layui-form-item jbxq-div" style="margin-top:5px;">
                    <label class="layui-form-label">身高</label>
                    <div class="layui-input-block">
                        <input type="text" v-model="xq.sg" name="title" autocomplete="off" placeholder="请输入身高" class="layui-input">
                    </div>
                </div>

                <div class="layui-form-item" style="width:410px;float:left;margin-left:16px;margin-bottom: unset;margin-top:5px;">
                    <label class="layui-form-label">血型</label>
                    <div class="layui-input-block">
                        <input type="text" v-model="xq.xx" name="title" autocomplete="off" placeholder="请输入血型" class="layui-input">
                    </div>
                </div>
                <div class="layui-form-item jbxq-div" style="margin-top:5px;">
                    <label class="layui-form-label">政治面貌</label>
                    <div class="layui-input-block">
                        <input type="text" v-model="xq.zzmm" name="title" autocomplete="off" placeholder="请输入政治面貌"
                            class="layui-input">
                    </div>
                </div>

                <div class="layui-form-item" style="width:410px;float:left;margin-left:16px;margin-bottom: unset;margin-top:5px;">
                    <label class="layui-form-label">文化程度</label>
                    <div class="layui-input-block">
                        <input type="text" v-model="xq.whcd" name="title" autocomplete="off" placeholder="请输入文化程度"
                            class="layui-input">
                    </div>
                </div>
                <div class="layui-form-item jbxq-div" style="margin-top:5px;">
                    <label class="layui-form-label">工作单位</label>
                    <div class="layui-input-block">
                        <input type="text" v-model="xq.gzdw" name="title" autocomplete="off" placeholder="请输入工作单位"
                            class="layui-input">
                    </div>
                </div>

                <div class="layui-form-item" style="width:410px;float:left;margin-left:16px;margin-bottom: unset;margin-top:5px;">
                    <label class="layui-form-label">民族</label>
                    <div class="layui-input-block">
                        <input type="text" v-model="xq.mz" name="title" autocomplete="off" placeholder="请输入民族" class="layui-input">
                    </div>
                </div>
                <div class="layui-form-item jbxq-div" style="margin-top:5px;">
                    <label class="layui-form-label">户籍地址</label>
                    <div class="layui-input-block">
                        <input type="text" v-model="xq.hkdjd" name="title" autocomplete="off" placeholder="请输入户籍地址"
                            class="layui-input">
                    </div>
                </div>

                <div class="layui-form-item" style="width:410px;float:left;margin-left:16px;margin-bottom: unset;margin-top:5px;">
                    <label class="layui-form-label">居住地址</label>
                    <div class="layui-input-block">
                        <input type="text" v-model="xq.xjzd" name="title" autocomplete="off" placeholder="请输入居住地址"
                            class="layui-input">
                    </div>
                </div>
                <div class="layui-form-item jbxq-div" style="margin-top:5px;">
                        <label class="layui-form-label">备注</label>
                        <div class="layui-input-block">
                            <input type="text" v-model="xq.bz" name="title" autocomplete="off" placeholder="请输入备注" class="layui-input">
                        </div>
                    </div>

                    <div class="layui-form-item" style="width:410px;float:left;margin-left:16px;margin-bottom: unset;margin-top:5px;">
                            <label class="layui-form-label">籍贯</label>
                            <div class="layui-input-block">
                              <input type="text" v-model="xq.jg"  name="title" autocomplete="off" placeholder="请输入籍贯" class="layui-input">
                            </div>
                        </div>
            </form>
        </div>
        <div class="jbxx-span" style="font-size: 16px;padding-left: 10px;color: #428AE7;">人员特征</div>
        <div class="rytz-div" id="rytzid">
            <div class="layui-form-item" style="margin-top:5px;margin-left:16px;width:80%;">
                <label class="layui-form-label zdry-label">重点人员</label>
                <div class="layui-input-block">
                    <select name="city" xm-select="select_zdry" style="width:530px;"></select>
                </div>
                <div id="gjsz">
                    <a class="btn btn-primary btn-sm" style="float: right;margin-right: -90px; margin-top: -34px;" role="button"
                        data-toggle="collapse" aria-expanded="false" aria-controls="collapseExample" @click="zdry_gjsz()">高级设置</a>
                    <div class="collapse" id="collapseExample" style="width: 689px;margin-top: 10px;height: auto;">
                        <div class="well well-xq" style="height:240px;overflow-y: auto">
                            <div>
                                <ul class="nav nav-tabs" role="tablist" id="zdryxqs">
                                 
                                    <li role="presentation" v-if="item.show" v-for="(item,index) in tag">
                                        <a v-bind:href="'#zdry'+(index+1)" b-bind:aria-controls="'zdry'+(index+1)" role="tab"
                                                    data-toggle="tab">{{item.name}}</a>
                                    </li>
                                </ul>

                                <div class="tab-content" style="width:100%;margin-top: 10px;">
                                    <div :dataxself="item.data" v-for="(item,index) in tag" :is="item.extenddata" role="tabpanel" class="tab-pane" v-bind:id="'zdry'+(index+1)" v-if="item.show">
                                            
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    </div>
            </div>
            <div class="layui-form-item" style="margin-top:-10px;margin-left:16px;width:80%;margin-bottom: unset !important;">
                <label class="layui-form-label zdry-label">党员</label>
                <div class="layui-input-block">                           
                    <select name="city" xm-select="select_tag" style="width:530px;"></select>   
                </div>
                <div id="dy_xl">
                    <a class="btn btn-primary btn-sm" style="float: right;margin-right: -90px; margin-top: -34px;" role="button"
                        data-toggle="collapse" href="#collapseExample1" aria-expanded="false" aria-controls="collapseExample"
                        @click="dy_gjsz()">高级设置</a>
                    <div class="collapse" id="collapseExample1">
                        <div  class="well" style="width: 689px;margin-top: 10px;">
                            <table v-if="tag==true">
                                <tr>
                                    <td>
                                        <div class="layui-form-item jbxq-div" style="width:310px">
                                            <label class="layui-form-label" style="width:100px;">入党日期</label>
                                            <div class="layui-input-block">
                                                <input type="text" v-model="dy_tag.rdrq" name="title" autocomplete="off"
                                                    placeholder="入党日期" class="layui-input">
                                            </div>
                                        </div>
                                    </td>   
                                    <td>
                                    <div class="layui-form-item jbxq-div" style="width:310px">
                                        <label class="layui-form-label" style="width:100px;">所属党组</label>
                                        <div class="layui-input-block">
                                            <select  v-model="dy_tag.ssdz" style="width: 150px;height: 38px;line-height: 1.3;border: 1px solid #e6e6e6;background-color: #fff;border-radius: 2px;border-color: #D2D2D2!important;">
                                                <!-- <option value="1">兴都花园85号</option>
                                                <option value="2">兴都花园86号</option>
                                                <option value="3">兴都花园87号</option>
                                                <option value="4">兴都花园88号、兴卫花园90号</option>
                                                <option value="5">兴都花园89号、兴贤佳园</option>
                                                <option value="6">壹城东区、兴卫山庄</option>
                                                <option value="7">壹城西区、浅草明苑</option>
                                                <option value="8">城中村</option> -->
                                                <option v-for="(item,index) in dz" :value="item.id">{{item.groupname}}</option>
                                            </select>
                                        </div>
                                    </div>
                                    </td>
                                </tr>
                                <tr>
                                    <td>
                                        <div class="layui-form-item jbxq-div" style="width:310px">
                                            <label class="layui-form-label" style="width:100px;">所属党支部</label>
                                            <div class="layui-input-block">
                                                <input type="text" v-model="dy_tag.szdzb" name="title" autocomplete="off"
                                                    placeholder="所属党支部" class="layui-input">
                                            </div>
                                        </div>
                                    </td>
                                </tr>
                            </table>
                        </div>
                    </div>
                </div>
            </div>    
        </div>
        <div class="ldxx-span" style="font-size: 16px;padding-left: 10px;color: #428AE7;">房屋信息</div>
        <div class="ld-div"  id="personaddress" >
            <form class="layui-form layui-form-pane" action="">
                <div class="layui-form-item" style="margin-top:15px;margin-left:15px;width:697px;">
                    <label class="layui-form-label">房屋信息</label>
                    <div class="layui-input-block" style="border: 1px solid #e6e6e6">
                        <li v-for="(item,index) in datax" style="float:left;margin-left: 12px;">
                            <div style="margin-top: 9px;">
                                <span style="font-size: 14px;cursor: pointer;" title="点击查看详情" @click="detailaddress(item)"><a>{{item.full_address}}</a></span>
                                <img title="离开此房间" style="height:14px;cursor: pointer;margin-bottom: 5px;" @click="deleteaddress(item)"
                                    src="../img/associate_delete.png">
                            </div>
                        </li>
                    </div>
                </div>
                <button @click="btnLDXX()" v-bind:disabled="ban" class="layui-btn layui-btn-primary ldxz-button" type="button">楼栋选择</button>
            </form>
        </div>
    </div>
    <!-- 人员添加到房屋 -->
    <div class="xzcy-div" style="display:none;">
        <div class="topry-div">
            <div class="layui-form-item" style="margin-top: 10px;width: 460px;float: left;margin-left:25px;">
                <div class="layui-input-block">
                    <input type="text" name="title" lay-verify="title" autocomplete="off" placeholder="请输入查找的人员姓名"
                        class="layui-input" id="cxryxxid">
                </div>
            </div>
            <button type="button" class="btn btn-default cx-button" id="rkmhcx">查询</button>
        </div>
        <div class="ryxxlb-span">人员信息</div>
        <div class="rytbxxxz-div">
            <table class="layui-hide" id="ryxxid"></table>
        </div>
    </div>
    <!-- //楼栋地址选择 -->
    <div class="lddzxz-div" style="display:none;" id="ldxzid">
        <div class="ldtop-div" style="width:100%;height:50px;float: left;">
            <form class="layui-form layui-form-pane" action="">
                <div class="layui-form-item" style="width:300px;margin-top:10px;margin-left:16px;float: left;">
                    <label class="layui-form-label">小区</label>
                    <div class="layui-input-block">
                        <input type="text" v-model="condition.districtname" name="title" autocomplete="off" placeholder="请输入小区名"
                            class="layui-input">
                    </div>
                </div>
                <div class="layui-form-item" style="width:300px;margin-top:10px;margin-left:30px;float: left;clear:unset !important;">
                    <label class="layui-form-label">楼栋</label>
                    <div class="layui-input-block">
                        <input type="text" v-model="condition.name" name="title" autocomplete="off" placeholder="请输入楼栋号"
                            class="layui-input">
                    </div>
                </div>
                <button type="button" style="margin-top:15px;float: left;margin-left: 30px;" class="btn btn-default"
                    @click="ldxzquery()">查询</button>
            </form>
        </div>
        <div class="ldbottom-div" style="width:100%;margin-top:8px;height: 465px;float: left;">
            <div class="main-div" style="width:calc(100% - 30px);height:100%;margin-left:15px;border: 1px solid rgb(197, 191, 191);">
                <div class="ldleft-div" style="width:100%;height:465px;float: left;overflow:auto;">
                    <table class="table table-hover table-expandable table-bordered">
                        <thead>
                            <tr>
                                <th>序号</th>
                                <th>网格</th>
                                <th>小区</th>
                                <th>楼栋</th>
                                <th>操作</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr v-for="(item,index) in datax">
                                <td v-text="index+1"></td>
                                <td v-text="item.gridname"></td>
                                <td v-text="item.districtname"></td>
                                <td v-text="item.name"></td>
                                <td><a @click="queryld(item)">打开</a></td>
                            </tr>
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
</body>
<script src="../js/http_request.js"></script>
<script src="../js/jquery-2.2.3.js"></script>
<script src="../js/layui/layui.js"></script>
<script src="../js/formSelects-v4.js"></script>
<script src="../bootstrap/js/bootstrap.js"></script>
<script src="../bootstrap/js/bootstrap-select.js"></script>
<script src="../js/xlsx.core.min.js"></script>

<script>
    var zdry_conf=JSON.parse(' <%-JSON.stringify(zdry_conf)%>');
</script>

<script src="../js/exportexcelandprint.js"></script>
<script src="../js/editbuilding.js"></script>
</html>