<!DOCTYPE html>
<html>

<head>
    <link rel="stylesheet" href="../bootstrap/css/bootstrap.css">
    <link href="../bootstrap/css/bootstrap-table.css" rel="stylesheet" />
    <link href="../bootstrap/themes/explorer-fas/theme.css" media="all" rel="stylesheet" type="text/css"/>
    <link href="../bootstrap/css/fileinput.css" rel="stylesheet" />
    <link rel="stylesheet" type="text/css" href="../css/editfacade.css"/>
    <!-- <link rel="stylesheet" href="../css/editarea.css"> -->
    <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;
        }
        select {
         appearance:none;
         -moz-appearance:none;
         -webkit-appearance:none;
         -ms-appearance:none;
         border:1px solid #CCC;
         width:130px;
         height:34px;
         background:url("../img/select.png") no-repeat scroll right center #fff;
      }
      input.(type='file', ng-file-select='install($files)',style='opacity:0;filter:alpha(opacity=0);')

      #associatemonitor ul{list-style:none}
      #associatemonitor li{
          list-style:none;
          margin-top: 10px;
      }
      #associatemonitor li:hover{
          background-image: red;
       }
       .zp-div:hover{
            box-shadow: 0 2px 10px rgba(236, 1, 1, 0.2);
            transform: translate3d(0, -2px, 0);
            transition: .5s; 
       }
       .zp-div{
            width:100%;
            height:200px;
            margin-top:5px;
        }
        .zpleft-div{
            width: 48%;
            height: 600px;
            float: left;
            border-right: 1px solid #da7065; 
            overflow-x: hidden;
            overflow-y: auto;
        }
        .zpright-div{
            width: 52%;
            height: 600px;
            float: left;
            overflow: auto;
        }
    </style>
     <link rel="stylesheet" type="text/css" href="../js/layui/css/layui.css"/>
   
     <!-- <link rel="stylesheet" href="../css/editarea.css"> -->
    <!-- <script src="../js/vue.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="#qy" aria-controls="qy" 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>序号</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" 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" 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></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.gtjyhmc"></span></td>
                                                                        <td  class="short"><span v-text="item.gtjyhhzxm"></span></td>
                                                                        <td  class="short"><span v-text="item.zyywhd"></span></td>
                                                                        <td  class="short"><span v-text="item.hydm"></span></td>
                                                                        <td  class="short"><span v-text="item.cyrymqrs"></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>   
                                                                            
                                                                            <a @click="upload(item,1)">上传执照</a>      
                                                                            <a @click="upload(item,2)">上传服务照片</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="qy">
                    <div id="qygl">
                            <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 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="layui-form-item jk-div">
                                                                <label class="layui-form-label">机构类型：</label>
                                                                <select  class="customselect" v-model="condition.jglx">
                                                                        <option value="">全部</option>
                                                                        <option v-for="(item,index) in arr_types.jglxs" :value="item.id">{{item.name}}</option>
                                                                </select>
                                                        </div>
                                                        <div class="layui-form-item jk-div">
                                                                <label class="layui-form-label">注册类型：</label>
                                                                <select  class="customselect" v-model="condition.djzclx">
                                                                        <option value="">全部</option>
                                                                        <option v-for="(item,index) in arr_types.djzclxs" :value="item.id">{{item.name}}</option>
                                                                </select>
                                                        </div>
                                                        <div class="layui-form-item jk-div" style="padding-top: 2px;">
                                                                <button type="button" 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></th>
                                                                <th>单位详细名称</th>
                                                                <th>法定代表人</th>
                                                                <th>行业名称</th>
                                                                <th>行业代码</th>
                                                                <th>主要业务活动1</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.dwxxmc"></span></td>
                                                                        <td  class="short"><span v-text="item.fddbr"></span></td>
                                                                        <td  class="short"><span v-text="item.hymc"></span></td>
                                                                        <td  class="short"><span v-text="item.hydm"></span></td>
                                                                        <td  class="short"><span v-text="item.zyywhd1"></span></td>
                                                                        <td  class="short"><span v-text="item.yddh"></span></td>
                                                                        <td  class="short" style="text-align:center;text-decoration:underline">
                                                                            <a @click="edit(item,index)">编辑</a>
                                                                            <a @click="deletex(item,index)">删除</a>      
                                                                            <a @click="upload(item,1)">上传营业执照</a>      
                                                                            <a @click="upload(item,2)">上传服务照片</a>                        
                                                                        </td>
                                                                    </tr>
                                                        </tbody>
                                                    </table>
                                                    <div class="pages-div">
                                                        <div class="fy" id="demo5"></div>
                                                        <span class="fy-span" id=""></span>
                                                    </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" onclick="xz_facade('0')">新增</button>
        </div>
        <div class="mytable">
                <div class="right-div-content" style="height:90px;">
                        <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" onclick="xz_facade('1')">新增</button>
        </div>
        <div class="mytable">
                <div class="right-div-content" style="height:90px;">
                        <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="gthbjtcc-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.gtjyhmc" name="title" autocomplete="off" placeholder="" class="layui-input">
                    </div>
                </div>
                <div class="layui-form-item jbxq-div">
                    <label class="layui-form-label">个体户经营户主姓名</label>
                    <div class="layui-input-block">
                        <input type="text" v-model="xq.gtjyhhzxm" name="title" autocomplete="off" placeholder="" class="layui-input">
                    </div>
            </div>
            <div class="layui-form-item jbxq-div">
                    <label class="layui-form-label">法定代表人</label>
                    <div class="layui-input-block">
                        <input type="text" v-model="xq.fddbr"  name="title" autocomplete="off" placeholder="" class="layui-input">
                    </div>
            </div>
            <div class="layui-form-item jbxq-div">
                        <label class="layui-form-label">统一社会信用代码</label>
                        <div class="layui-input-block">
                            <input type="text" v-model="xq.tyshxydm" name="title" autocomplete="off" placeholder="" class="layui-input">
                        </div>
            </div>
            <div class="layui-form-item jbxq-div">
                    <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 jbxq-div">
                    <label class="layui-form-label">主要业务活动</label>
                    <div class="layui-input-block">
                        <input type="text" v-model="xq.zyywhd" name="title" autocomplete="off" placeholder="" class="layui-input">
                    </div>
            </div>

            <div class="layui-form-item jbxq-div">
                    <label class="layui-form-label">行业代码</label>
                    <div class="layui-input-block">
                        <input type="text" v-model="xq.hydm" name="title" autocomplete="off" placeholder="" class="layui-input">
                    </div>
            </div>
            <div class="layui-form-item jbxq-div">
                    <label class="layui-form-label">从业人员末期人数</label>
                    <div class="layui-input-block">
                        <input type="text" v-model="xq.cyrymqrs" name="title" autocomplete="off" placeholder="" class="layui-input">
                    </div>
            </div>
            <div class="layui-form-item jbxq-div">
                    <label class="layui-form-label">从业人员末期女性人数</label>
                    <div class="layui-input-block">
                        <input type="text" v-model="xq.cyrymqnxrs" name="title" autocomplete="off" placeholder="" class="layui-input">
                    </div>
            </div>
            <div class="layui-form-item jbxq-div">
                    <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>
            </form>
        </div>
        <!-- <div class="jbxx-span" style="font-size: 16px;padding-left: 10px;color: #428AE7;">其他信息</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  style="display:none;overflow: hidden;" class="qybjtcc-div">
            <div class="jbxx-span" style="font-size: 16px;padding-left: 10px;color: #428AE7;">基本信息</div>
            <div class="rylb-div" id="qy_edit">
                <form class="layui-form layui-form-pane" action="" lay-filter="editryxq">
                <!-- <div style="padding-top: 6px;float: left;">
                <label class="layui-form-label" style="width:120px;">营业执照</label>
                <select  class="customselect" >
                        <option></option>
                </select>
                 </div> -->
                    <div class="layui-form-item jbxqqy-div">
                        <label class="layui-form-label">统一社会信用代码</label>
                        <div class="layui-input-block">
                            <input type="text" v-model="xq.tyshxydm" name="title" autocomplete="off" placeholder="" class="layui-input">
                        </div>
                    </div>
                    <div class="layui-form-item jbxqqy-div">
                        <label class="layui-form-label">单位详细名称</label>
                        <div class="layui-input-block">
                            <input type="text" v-model="xq.dwxxmc" name="title" autocomplete="off" placeholder="" class="layui-input">
                        </div>
                     </div>
                    <div class="layui-form-item jbxqqy-div">
                            <label class="layui-form-label">法人证件类型</label>
                            <div class="layui-input-block">
                                <input type="text" v-model="xq.frzjlx"  name="title" autocomplete="off" placeholder=""
                                    class="layui-input">
                            </div>
                    </div>
                    <div class="layui-form-item jbxqqy-div">
                                <label class="layui-form-label">法定代表人</label>
                                <div class="layui-input-block">
                                    <input type="text" v-model="xq.fddbr" name="title" autocomplete="off" placeholder="" class="layui-input">
                                </div>
                    </div>
                    <div class="layui-form-item jbxqqy-div">
                            <label class="layui-form-label">长途区号</label>
                            <div class="layui-input-block">
                                <input type="text" v-model="xq.ctqh" name="title" autocomplete="off" placeholder="" class="layui-input">
                            </div>
                    </div>
                    <div class="layui-form-item jbxqqy-div">
                            <label class="layui-form-label">固定电话</label>
                            <div class="layui-input-block">
                                <input type="text" v-model="xq.gddh" name="title" autocomplete="off" placeholder="" class="layui-input">
                            </div>
                    </div>
                    <div class="layui-form-item jbxqqy-div">
                            <label class="layui-form-label">移动电话</label>
                            <div class="layui-input-block">
                                <input type="text" v-model="xq.yddh" name="title" autocomplete="off" placeholder="" class="layui-input">
                            </div>
                    </div>
                    <div class="layui-form-item jbxqqy-div">
                            <label class="layui-form-label">重要业务活动1</label>
                            <div class="layui-input-block">
                                <input type="text" v-model="xq.zyywhd1" name="title" autocomplete="off" placeholder="" class="layui-input">
                            </div>
                    </div>
                    <div class="layui-form-item jbxqqy-div">
                            <label class="layui-form-label">重要业务活动2</label>
                            <div class="layui-input-block">
                                <input type="text" v-model="xq.zyywhd2" name="title" autocomplete="off" placeholder="" class="layui-input">
                            </div>
                    </div>
                    <div class="layui-form-item jbxqqy-div">
                            <label class="layui-form-label">重要业务活动3</label>
                            <div class="layui-input-block">
                                <input type="text" v-model="xq.zyywhd3" name="title" autocomplete="off" placeholder="" class="layui-input">
                            </div>
                    </div>
                    <div class="layui-form-item jbxqqy-div">
                            <label class="layui-form-label">行业代码</label>
                            <div class="layui-input-block">
                                <input type="text" v-model="xq.hydm" name="title" autocomplete="off" placeholder="" class="layui-input">
                            </div>
                    </div>
                    <div class="layui-form-item jbxqqy-div">
                            <label class="layui-form-label">行业名称</label>
                            <div class="layui-input-block">
                                <input type="text" v-model="xq.hymc" name="title" autocomplete="off" placeholder="" class="layui-input">
                            </div>
                    </div>
                    <div class="layui-form-item jbxqqy-div">
                            <label class="layui-form-label">开业时间</label>
                            <div class="layui-input-block">
                                <input type="text" v-model="xq.kysj" name="title" autocomplete="off" placeholder="" class="layui-input">
                            </div>
                    </div>
                    <div class="layui-form-item jbxqqy-div">
                            <label class="layui-form-label">核实后主要业务活动1</label>
                            <div class="layui-input-block">
                                <input type="text" v-model="xq.hszyywhd1" name="title" autocomplete="off" placeholder="" class="layui-input">
                            </div>
                    </div>
                    <div class="layui-form-item jbxqqy-div">
                            <label class="layui-form-label">核实后主要业务活动2</label>
                            <div class="layui-input-block">
                                <input type="text" v-model="xq.hszyywhd2" name="title" autocomplete="off" placeholder="" class="layui-input">
                            </div>
                    </div>
                    <div class="layui-form-item jbxqqy-div">
                            <label class="layui-form-label">核实后主要业务活动3</label>
                            <div class="layui-input-block">
                                <input type="text" v-model="xq.hszyywhd3" name="title" autocomplete="off" placeholder="" class="layui-input">
                            </div>
                    </div>
                    <div class="layui-form-item jbxqqy-div">
                            <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>
                </form>
            </div>
            <div class="jbxx-span" style="font-size: 16px;padding-left: 10px;color: #428AE7;">其他信息</div>
            <div class="rylb-div" id="qt_edit">
               <div style="padding-top: 6px;float: left;">
                    <label class="layui-form-label" style="width:120px;">机构类型</label>
                    <select  class="customselect" v-model="types.jglx">
                        <option v-for="(item,index) in datax.jglxs" :value="item.id">{{item.name}}</option>
                    </select>
               </div>
               <div style="padding-top: 6px;float: left;">
                    <label class="layui-form-label" style="width:120px;">登记注册类型</label>
                    <select  class="customselect" v-model="types.djzclx">
                            <option v-for="(item,index) in datax.djzclxs" :value="item.id">{{item.name}}</option>
                    </select>
               </div>
               <div style="padding-top: 6px;float: left;">
                    <label class="layui-form-label" style="width:120px;">运营状态</label>
                    <select  class="customselect" v-model="types.yyzt">
                            <option v-for="(item,index) in datax.yyzts" :value="item.id">{{item.name}}</option>
                    </select>
               </div>
            </div>
            <div class="ldxx-span" style="font-size: 16px;padding-left: 10px;color: #428AE7;">地址信息</div>
            <div class="ld-div"  id="qyaddress" >
                <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>
 <!-- //照片上传弹出层 -->
 <div class="modal fade" role="dialog" id="photosid" >
    <div class="modal-dialog" role="document" style="width:1200px;">
        <div class="modal-content"> 
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title"  style="text-align:center;">照片管理</h4>
            </div>
            <div class="modal-body" style="max-height:700px;overflow-y:auto;" id="zpid"> 
                 <div class="zpleft-div">
                     <div style="height:25px;"><span class="label label-primary">现有照片</span></div>
                        <div class="row">
                            <div v-for="(item,index) in photosj">
                                <div class="col-xs-6 col-md-4" style="height:250px;border: 1px solid #d8bebe;">
                                    <div class="zp-div">
                                        <img  v-bind:src="item.src" style="width:100%;height:100%;cursor:pointer;" @click="photoBig(item)" title="点击放大">     
                                    </div> 
                                    <div style="margin-top:5px;">
                                            <span style="font-size:10px;color:#4ece4e;">{{item.alt}}</span></span>  
                                            <img title="删除照片" uploadUrl="" src="../img/associate_delete.png" @click="deletePhoto(item)" style="height: 14px; cursor: pointer;">                        
                                        <!-- <button type="button" class="btn btn-danger" style="float:right;" @click="deletePhoto(item)">删除</button> -->
                                    </div> 
                                </div>  
                            </div>
                        </div>
                 </div>
                 <div class="zpright-div">
            <!-- <select>
                <option value="门面房">门面房</option>
                 <option value="服务照片">服务照片</option>
            </select> -->
                        <div style="height:25px;margin-left:15px;"><span class="label label-warning">待上传照片</span></div>
                        <div class="container kv-main" style="margin-top:-20px;width:590px">
                            <input id="file-Portrait"  type="file" multiple class="file" data-overwrite-initial="false" data-min-file-count="1">
                            <!-- <input id="file-Portrait1"  type="file" multiple class="file" data-overwrite-initial="false" data-min-file-count="1"> -->
                        </div>                        
                 </div>   
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>                       
            </div>
        </div>
</div>

</body>
<script src="../js/http_request.js"></script>
<script src="../js/jquery-2.2.3.js"></script>
<script src="../js/vue.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="../bootstrap/js/zh.js"></script> -->
<script>
    var zdry_conf=JSON.parse(' <%-JSON.stringify(zdry_conf)%>');
</script>

<script src="../js/exportexcelandprint.js"></script>
<script src="../bootstrap/js/fileinput.js"></script>
<script src="../bootstrap/js/zh.js"></script>
<!-- <script src="../bootstrap/js/fileinput_locale_zh.js"></script> -->
<script src="../js/layui/layui.js"></script>
<script src="../js_src/editfacade_src.js"></script>
</html>