<!DOCTYPE html>
<html style="height: calc(100% - 0px);">
<head>
    <title>智慧社区</title>
    <meta charset="utf-8"/>
    <link rel="stylesheet" type="text/css" href="css/index.css"/>
    <link rel="stylesheet" type="text/css" href="js/layui/css/layui.css"/>
    <link rel="stylesheet" type="text/css" href="css/d.css" />
    <link rel="stylesheet" type="text/css" href="css/rkgl_tck.css" />
    <link rel="stylesheet" type="text/css" href="/arcgisjsapi/library/3.23/3.23/esri/css/esri.css" />
    <link rel="stylesheet" type="text/css" href="css/jq22.css" />
    <link rel="stylesheet" type="text/css" href="js/dist/plyr.css" />
    <link rel="stylesheet" type="text/css" href="css/index_notify.css">
    <script src="js/vue.js"></script>
	 <script src="js/crypt.bundle.js"></script>
    <!-- <script src="https://open.ys7.com/sdk/js/1.3/ezuikit.js"></script> -->
    <script src="js/httpVueLoader.js"></script>
  
    <style>
        .layui-nav {
            padding: 0 !important;
        }

        #measurementDiv {
            width: 100%;
            height: 122px;
            float: left;
        }

        .esriMeasurement .esriMeasurementResultLabel {
            margin-top: 72px;
        }

        .layui-form-switch em {
            width: 72px;
        }

        .layui-form-switch {
            width: 90px;
        }

        .layui-form-onswitch i {
            left: 78px;
        }

        .m {
            margin-left: auto;
            margin-right: auto;
            width: 640px;
            position: absolute;
            z-index: 999;
            display: none;
        }

        .dijitOffScreen {
            display: none;
        }

        .esriSimpleSliderTL {
            top: 10px;
            left: calc(100% - 60px);
        }

        .layui-tab-bar {
            display: none;
        }

        .layui-tab-title {
            background-color: #415DC0;
        }

        /* .layui-layer-content {
            margin-left: 20px; 
            height: 225px; 
        }  */

        .layui-tab-item {
            color: white
        }

        .layui-tab {
            width: 100%;
            height: 100%;
        }

        .content_left {
            padding: 0px;
            background-color: white;
            height: 500px;
        }

        .layui-layer-btn .layui-layer-btn0 {
            border-color: #3E8AE5 !important;
            background-color: #3E8AE5 !important;
            color: #fff;
        }

        .sxt_ul li {
            padding: 0 6px;
        }

        .layui-tab-brief>.layui-tab-title .layui-this {
            color: #73A9DB;
            border-bottom: 0px solid red;
        }

        .layui-tab-brief>.layui-tab-more li.layui-this:after,
        .layui-tab-brief>.layui-tab-title .layui-this:after {
            border-bottom: 2px solid #73A9DB;
        }

        .layui-tab {
            margin: 0px 0;
        }

        .chak_radio {
            margin-left: 0px;
        }

        .layui-form-checked[lay-skin=primary] i {
            border-color: #73A9DB;
            background-color: #73A9DB;
            color: #fff;
        }

        .wgdw {
            width: 250px;
            height: auto;
            margin-left: -64px
        }

        #myPlayer {
            width: 950px;
            height: 550px;
        }

        .jkhm_ul li {
            min-width: 132px;
        }

        .jkhm_ull li {
            min-width: 300px;
        }

        .collaps {
            border: 0px solid #e2e2e2;
        }

        .img-div {
            float: left;
        }

        .img-div img {
            width: 110px;
            height: 75px;
            margin-top: 6px;
            margin-left: 12px;
        }

        .hx-hr {
            width: 462px;
            margin-top: -30px;
            float: left;
            margin-left: 155px;
        }

        .hx-hr-right {
            width: 570px;
            margin-top: 9px;
            float: left;
            /* margin-left: 155px; */
        }

        .xxk-li {
            width: 450px;
            float: left;
            margin-top: -34px;
            margin-left: 162px;
        }

        .layui-tab-title .layui-this {
            color: #fff !important;
        }

        .layui-tab-brief>.layui-tab-more li.layui-this:after,
        .layui-tab-brief>.layui-tab-title .layui-this:after {
            border-bottom: unset !important;
        }

        .dl-div {
            float: right;
            margin-right: 24px;
            height: 25px;
            color: #fff;
            font-size: 15px;
            margin-top: 13px;
        }

        .layui-nav .layui-this:after,
        .layui-nav-bar,
        .layui-nav-tree .layui-nav-itemed:after {
            background-color: unset ! important;
        }

        .xtimg-img {
            width: 20px;
            height: 24px;
        }

        .public_table {
            width: 100%;
            /* height:100%; */
        }

        .public_table tr {
            /* border: 1px solid #e2e2e2; */
            height: 30px;
        }

        .public_table tr:hover {
            background: #d6dce49c !important;
            cursor: pointer;
        }

        .public_table tr:nth-child(2n) {
            background: #F8F8F8;
        }

        .public_table tr td {
            border: 1px solid #e2e2e2;
            border-width: 0 1px 0 0;
            padding: 5px 15px;
            font-size: 14px;
            color: #807d7d;
            font-family: -webkit-body;
        }

        .layui-nav-more {
            top: 20px !important;
        }

        .layui-nav-mored {
            top: 15px !important;
        }
        /* 表格高度 */
        .layui-table-cell {
                height: auto;
                line-height: 20px;
        }
        .layui-table-body{
            height: 160px !important;
        }
        .hj-th th{
            text-align: center;
        }
        .hj-td td{
            text-align: center;
        }
    </style>
</head>
<!--  -->
<body class="body">

    <!--右上地图操作-->
    <div class="db_div"  id="topVue" style="width:100%;height:90px;min-width: 1200px;">
        <div class="top_div">
            <div class="img-div">
                <img src="img/zhsq.png" />
            </div>
            <div class="biaoti" v-text="community.title">
            </div>
            <hr class="hx-hr" />
            <div class="layui-tab layui-tab-brief xxk-li" lay-filter="docDemoTabBrief" style="height: auto">
                <div id='cssmenu'>
                        <ul>
                            <li :class="item.children.length>0?'has-sub':''" v-for="(item,index) in modules">
                                <a style="height:45px" v-if="item.children.length==0" href="#" @click="setTab(item) " v-text="item.text">  </a>
                                <a style="height:45px" v-if="item.children.length>0" href="#" v-text="item.text">  </a>
                                <ul v-if="item.children.length>0">
                                    <li  v-for="(item1,index1) in item.children" :class="item1.children.length>0?'has-sub':''">
                                            <a v-if="item1.children.length==0" href="#" @click="setTab(item1)" v-text="item1.text">  </a>
                                            <a v-if="item1.children.length>0" href="#" v-text="item1.text" @click="setTab(item1) ">  </a>
                                            <ul v-if="item1.children.length>0">
                                                    <li  v-for="(item2,index2) in item1.children" :class="item2.children.length>0?'has-sub':''">
                                                            <a v-if="item2.children.length==0" href="#" @click="setTab(item2)" v-text="item2.text">  </a>
                                                            <a v-if="item2.children.length>0" href="#" v-text="item2.text">  </a>  
                                                    </li>
                                            </ul>
                                    </li>
                                </ul>
                            </li>
                        </ul>
                    </div>
            </div> 
        
        </div>
        <!--<div>智慧社区</div>-->
        <!--右上工具-->
        <div class="center_div">
            <div style="float: left;margin-top: 13px;color:white;margin-left: 26px">
                        <img title="温度" style="width:24px" src="img/temperature.png">
                        <span v-text="servervalue.temperature"></span>
                        <img  title="湿度" style="width:24px"  src="img/humidity.png">
                        <span v-text="servervalue.humidity"></span>
            </div>

            <div class="dl-div">
                    <img src="img/zh.png" style="cursor:pointer;" title="个人信息" @click="edituser()" />
                    <span v-text="user.username+',欢迎你'" style="font-family:serif;font-size: 14px;font-weight:bold"></span>
                    <img src="img/exit.png" @click="logout()"  style="width:21px;cursor:pointer;margin-left: 5px" title="退出"/>
            </div>
            <hr class="hx-hr-right" />
            <div class="layui-form-item form_div_item">
                <ul class="layui-nav ul-li" lay-filter="" style="margin-top:-7px;">
                    <li class="layui-nav-item">
                        <img src=" img/grid.png">
                        <a href="javascript:;" style="color: white !important;">网格定位</a>
                        <dl class="layui-nav-child wgdw" style="width:240px">
                            <dd v-for="(item,index) in gridList" @click="setMyGrid(item.id)" style="width:70px;height:60px;padding-left: 10px">
                                <img src="img/grid_big.png"
                                    style="width:50px;height:25px;"><a>{{item.gridman}}</a>
                            </dd>
                            <dd onclick="setGrid('0')" style="width:70px;height:60px;padding-left: 10px">
                                <img src="img/grid_big.png"
                                    style="width:50px;height:25px;"><a>返回全图</a>
                            </dd>
                        </dl>
                    </li>
                    <li class="layui-nav-item">
                        <img src=" img/measure.png">
                        <a href="javascript:;" style="color: white !important;">区域选择</a>
                        <dl class="layui-nav-child">
                            <dd onclick="Draw('矩形')"><img src="img/draw_rectangle.png"><a >矩形</a></dd>
                            <dd onclick="Draw('圆形')"><img src=" img/draw_circle.png"><a >圆形</a></dd>
                            <dd onclick="Draw('多边形')"><img src=" img/draw_square.png"><a >多边形</a></dd>
                            <dd onclick="Draw('不规则图形')"><img src=" img/draw_polygon.png"><a>不规则形</a></dd>
                            <dd onclick="Draw('清除')"><img src=" img/draw_clear.png"><a >清除</a></dd>
                        </dl>
                    </li>
                    <li class="layui-nav-item">
                        <img src=" img/mapChanged.png">
                        <a href="javascript:;" style="color: white !important;">管理一张图</a>
                        <dl class="layui-nav-child wgdw">
                            <dd v-for="(item,index) in businessLayers" style="width:122px" @click="setLayerStatus(item)">
                                <input v-model="item.status"  type="checkbox" style="width: 20px;vertical-align: middle;margin-right: -5px">        
                                <img style="width:15px;height:15px;float: none;padding-top: 0px;padding-left: 0px;" v-show="item.icon.img" v-bind:src="'img/'+item.icon.img">       
                                <span style="color:black;">{{item.text}}</span>
                            </dd>
                            <dd  @click="controlGridLayer()"> 
                                <input title="查看全社区" v-model="blnGridLayer" type="checkbox" style="width: 20px;vertical-align: middle;margin-right: -5px">
                                <img style="width:15px;height:15px;float: none;padding-top: 0px;padding-left: 0px;"src="img/grid_big.png">     
                                <span style="color:black;">查看全社区</span> 
                            </dd>
                        </dl>
                    </li>
                    <li class="layui-nav-item">
                        <img src=" img/mapTool.png">
                        <a href="javascript:;" style="color: white !important;">地图工具</a>
                        <dl class="layui-nav-child">
                            <dd onclick="measureMentL();"><img src=" img/area_select.png"><a >测距</a></dd>
                            <dd onclick="measureMentA();"><img src=" img/draw_polygon.png"><a >测面</a></dd>
                        </dl>
                    </li>
                    <li class="layui-nav-item">
                        <img src=" img/whgl.png" class="xtimg-img">
                        <a href="javascript:;" style="color: white !important;">数据维护管理</a>
                        <dl class="layui-nav-child">
                            <dd><img src=" img/zhsq.png"><a target="_blank" href="pagedetail/communitymanage">社区管理</a></dd>
                            <dd><img src=" img/monitor.png"><a target="_blank" href="pagedetail/monitorpage">监控管理</a></dd>
                            <dd><img src=" img/icon/rkgl.png"><a target="_blank" href="pagedetail/buildingpage">人口管理</a></dd>
                            <dd><img src=" img/icon_spaq.png"><a target="_blank" href="pagedetail/facadepage">门面房管理</a></dd>
                            <dd><img src=" img/type_area.png"><a target="_blank" href="pagedetail/areapage">场所管理</a></dd>
                            <dd><img src=" img/icon/face.png"><a target="_blank" href="pagedetail/faceRecognition">人脸识别</a></dd>
                            <dd><img src=" img/type_bigdata.png"><a target="_blank" href="otapp/qxt">大数据分析</a></dd>
                            <dd><img src=" img/type_sxgl.png"><a target="_blank" href="otapp/sxgl">事项管理</a></dd>
                            <dd><img src=" img/yjhj.png"><a target="_blank" href="http://xwc.parable.com.cn/xwc-admin/bigScreen/index.html">一键呼叫</a></dd>
                            <dd><img src=" img/icon/dagl.png"><a target="_blank" href="archivemanager/login">档案管理</a></dd>
                            <dd><img src=" img/icon/gd.png"><a target="_blank" href="pagedetail/order">工单信息</a></dd>
							<!-- <dd><img src=" img/fangyi.png"><a target="_blank" href="pagedetail/fyry">防疫管理</a></dd> -->
                        </dl>
                    </li>
                </ul>
            </div>
        </div>
    </div>

    <hr class="fgx">
    <!--地图-->
    <div class="bottom_div">
        <!--地图-->
        <div id="arcgisDiv" class="dt_div"></div>
        <!--右侧统计界面-->
        <div class="cxsj_table"  :style="{width: widthData,height:heightData}"  id="rightvue">
            <div  v-show="!currentView"    style="width:400px;height:390px;border-radius: 8px;"> 
                <div class="layui-tab layui-tab-brief" lay-filter="docDemoTabBrief">
                    <div style="height: 30px;color: white;font-size: 20px;text-align: center;margin-top: 10px;font-family: monospace">
                        <span v-text="title"></span>
                    </div>
                    <div style="display:none" v-show="xq.type=='网格长信息'"  class="layui-tab-content" style="height: 100px;">
                        <div class="layui-tab-item layui-show" style="color: black">
                            <h2  style="color:white" v-text="xq.type"></h2>
                            <table class="shuju_table">
                                <tr>
                                    <td ></td>
                                    <td>姓 名</td>
                                    <td>电 话</td>
                                </tr>
                                <tr>
                                    <td style="text-align:center">网格长</td>
                                    <td  v-text="xq.wgz"></td>
                                    <td v-text="xq.lxdh"></td>
                                </tr>   
                                   <tr>
                                    <td style="text-align:center">网格员</td>
                                    <td  v-text="xq.wgy"></td>
                                    <td v-text="xq.wgylxdh"></td>
                                </tr>  

                            </table>
                            <h2 style="color:white">基本信息</h2>
                            <table class="shuju_table">
                                <tr>
                                    <td  style="text-align:center">整体面积</td>
                                    <td v-text="xq.mj"></td>
                                </tr>
                                <tr>
                                    <td  style="text-align:center">总房栋数</td>
                                    <td v-text="xq.lds"></td>
                                </tr>
                                <tr>
                                    <td  style="text-align:center">户   数</td>
                                    <td v-text="xq.hs"></td>
                                </tr>
                                <tr>
                                    <td  style="text-align:center">人口总数</td>
                                    <td v-text="xq.rks"></td>
                                </tr>
                                <tr>
                                    <td  style="text-align:center">党员</td>
                                    <td v-text="xq.dys"></td>
                                </tr>
                                <tr>
                                    <td  style="text-align:center">团员</td>
                                    <td v-text="xq.tys"></td>
                                </tr>
                            </table>
                        </div>
                    </div>
                    <div style="display:none" v-show="xq.type=='负责人信息'" class="layui-tab-content"  >
                            <div class="layui-tab-item layui-show" style="color: black">
                                    <h2  style="color:white" v-text="xq.type"></h2>
                                    <table class="shuju_table">
                                        <tr>
                                            <td ></td>
                                            <td>姓 名</td>
                                            <td>电 话</td>
                                            <td>职 务</td>
                                        </tr>
                                        <tr>
                                            <td style="text-align:center">负责人</td>
                                            <td>张枫</td>
                                            <td>13851869557</td>
                                            <td>党委书记</td>
                                        </tr>
                                    </table>
                                    <h2 style="color:white">基本信息</h2>
                                    <table class="shuju_table">
                                        <tr>
                                            <td  style="text-align:center">整体面积</td>
                                            <td>3.8平方公里</td>
                                        </tr>
                                        <tr>
                                            <td  style="text-align:center">总房栋数</td>
                                            <td>349</td>
                                        </tr>
                                        <tr>
                                            <td  style="text-align:center">户   数</td>
                                            <td>8069</td>
                                        </tr>
                                        <tr>
                                            <td  style="text-align:center">人口总数</td>
                                            <td>24668人</td>
                                        </tr>
                                        <tr>
                                            <td  style="text-align:center">党员</td>
                                            <td>551人</td>
                                        </tr>
                                        <tr>
                                            <td  style="text-align:center">团员</td>
                                            <td>44人</td>
                                        </tr>
                                    </table>
                                </div>
                        </div>
                </div>
            </div>
            <div v-show="currentView" :is="currentView" ref="mychild">

            </div>
        </div>

        <!-- 通知中心 -->
        <button class="layui-btn dqjq" @click="show_jq" style="background-color: #415dc087;border-color: #415DC0;float:right;position:relative;margin-top:0px;"><span class="layui-badge layui-bg-gray" v-text="ssjq"></span></button>
        <div class="jqxq">
            <span id="rightClickSpan" onclick="rightClickSpan()"  aria-hidden="true"><i class="layui-icon" title="查看报警" style="cursor: pointer;"></i></span>
        </div>
        <!-- //报警记录弹出层 -->
        <div style="display: none;" class="yjhj-div">
            <div class="hjmain-div" style="width: 100%;height:100%;position:absolute;overflow:hidden;" id="hjid">
                <div class="hjlfet-div" style="width: 700px;float:left;height:100%;overflow: auto;border-right: 1px solid #0d7be2a3;">
                    <div style="color: #428ae7;margin-left:10px;"><span>现报警信息</span></div>
                    <div style="width: 1000px;margin-left:10px;">
                        <table class="layui-table">
                            <thead>
                                <tr class="hj-th">
                                    <th>时间</th>
                                    <th>用户名称</th>
                                    <th>报警内容</th>
                                    <th>地址</th>
                                    <th>联系人</th>
                                    <th>类型</th>
                                    <th>应答</th>
                                </tr> 
                            </thead>
                            <tbody>
                                <tr v-for="(item,index) in arr_data" class="hj-td">
                                    <td v-text="item.bjsj"></td>
                                    <td v-text="item.yhmc"></td>
                                    <td v-text="item.bjnr"></td>
                                    <td v-text="item.yhdz"></td>
                                    <td v-text="item.lxr"></td>
                                    <td v-text="item.bjlx"></td>
                                    <td><a style="cursor: pointer;text-decoration:underline;color:white" @click="sure(item)"><span style="color:red;">{{item.operate}}</span></a></td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
                <div class="hjright-div" style="width:calc(100% - 701px);float:left;height:100%;overflow:hidden;">
                        <div style="color: #428ae7;margin-left:10px;"><span>报警记录</span></div>
                        <div style="margin-top: 11px;">
                            <div class="layui-form">
                                    <div class="layui-form-item">
                                        <div class="layui-inline" style="width:96%;border-color: #61a3da;">
                                            <label class="layui-form-label" style=" margin-left: -50px;color: #539ee0;">日期</label>
                                            <div class="layui-input-inline" style="margin-top:2px;">
                                                <input type="text" class="layui-input" id="test6" placeholder="请选择日期范围" style="width:300px;border-color:#99c2e4;">
                                            </div>
                                            <button @click="querybjjl()" class="layui-btn layui-btn-primary layui-btn-xs" style="height:32px;margin-top:3px;float:right;margin-right: 50px;color: white;line-height:32px;background-color:#55a0df;">查询</button>
                                        </div>
                                    </div>
                            </div>                          
                        </div>
                        <div style="margin-left:10px;width: calc(100% - 20px);height: 470px;">
                            <div class="layui-table" style="margin-bottom: 0;">
                                <table class="layui-table" style="margin-bottom: 0;">
                                    <thead>
                                        <tr class="hj-th">
                                            <th style="width: 63px;">主机编码</th>
                                            <th style="width: 257px;">报警内容</th>
                                            <th>报警时间</th>
                                        </tr> 
                                    </thead>
                                </table>
                            </div>
                            <div class="layui-table-body layui-table-main " style="height: 470px !important;">
                                <table class="layui-table" style="margin-top: 0;">
                                    <tbody>
                                        <tr v-for="(item,index) in bjjldata" class="hj-td">
                                            <td v-text="item.panelNo"></td>
                                            <td v-text="item.AlarmContent" ></td>
                                            <td v-text="item.AlarmTime"></td>                                     
                                        </tr>
                                    </tbody>
                                </table>
                            </div>                          
                        </div>
                </div>
            </div>
        </div>
        <!-- 律师弹出曾 -->
        <div style="display: none;"  id="flgw">
            <div class="hjmain-div" style="width: 100%;height:100%;position:absolute;overflow:hidden;">
                <div class="hjlfet-div" style="height:100%;overflow: auto;border-right: 1px solid #0d7be2a3;">
                    <div style="width: 98%;margin-left:10px;">
                        <table class="layui-table">                            

                            <thead>
                                <tr class="hj-th">
                                    <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 arr_datals" class="hj-td">
                                    <td v-text="item.name"></td>
                                    <td v-text="item.xb"></td>
                                    <td v-text="item.zy"></td>
                                    <td v-text="item.ls"></td>
                                    <td v-text="item.lsdz"></td>
                                    <td v-text="item.dh"></td>
                                    <td v-text="item.fwsj"></td>
                                    <td><a style="cursor: pointer;text-decoration:underline;" @click="showphotos(item.src)">查看</a></td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                </div>                
            </div>
        </div>
         <!-- 文明城市创建工作测评参考 -->
         <div style="display: none;"  id="wmcs">
            <div class="hjmain-div" style="width: 100%;height:100%;position:absolute;overflow:hidden;">
                <div class="hjlfet-div" style="height:100%;overflow: auto;border-right: 1px solid #0d7be2a3;">
                    <div style="width: 98%;margin-left:10px;">
                        <table class="layui-table" style=" font-size: 18px;">                           

                            <thead>
                                <tr class="hj-th">
                                    <th>点位</th>
                                    <th>主要参考指标</th>
                                    <th>实地查看</th>
                                </tr> 
                            </thead>
                            <tbody>
                                <tr v-for="(item,index) in arr_datawmcs" class="hj-td">
                                    <td v-text="item.dw"></td>
                                    <td style="text-align: left; font-size: 18px;"><span v-html="item.zyzb"></span></td>
                                    <td><a style="cursor: pointer;text-decoration:underline;" @click="showphotos(item.src)">查看照片</a></td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                </div>                
            </div>
        </div>
        <!--左侧操作界面-->
        <div class="left-nav" id="leftVue">
            <div id="lib_Tab1_sx" class="lib_tabborder_sx" style="width:280px !Important;">
                <div class="lib_Contentbox_sx ">
                        <div :is="currentView" ref="mychild" :dataxself="currentData">

                        </div>
                    <!--新增标题-->
                    <!-- <div style="height: 60px; text-align: center; font-size: 20px; display: block; font-weight: bold; background-color: #0071a9; color: #fff; line-height: 60px; ">
                        <span class="lib_title">{{selectedItem.text}}</span>
                    </div>
                    <div v-show="selectedItem.leftView.mark=='list'" style="height: calc(100% - 60px)">
                            <div style="height:50px">
                                <span style="margin-left:15px">筛选：</span>
                                    <input v-model="searchText" type="text" style="width:162px;height: 22px;margin-top: 12px;margin-left: 15px">
                        </div>
                        <div style="overflow-y:auto;height: calc(100% - 50px)">
                            <table class="public_table" >
                                <tbody>
                                        <tr v-for="(item,index) in data_filter" @click="locate(item)">
                                            <td v-text="item.name"></td>
                                        </tr>
                                </tbody>
                        </table>
                        </div>
                    </div>
                    <div v-show="selectedItem.leftView.mark=='tree'" style="height: calc(100% - 60px);overflow-y:auto">
                        <div class="layui-collapse collaps" lay-filter="test3" lay-accordion="">
                            <div class="layui-colla-item" v-for="(item,index) in tree_list" v-show="item.show">
                                <h2 class="layui-colla-title" v-bind:style="{backgroundColor:item.color}">{{item.name}}
                                    <img v-show="item.icon&&index>2" style="height:20px;width:20px;margin-top: 10px;float: right" v-bind:src="item.icon"></h2>
                                <div class="layui-colla-content" style="height:217px;margin-left: 20px;" v-bind:title="item.name">
                                    <div style="width:100%;height:225px;">
                                        <div class="TreeWrap">
                                            <div v-for="(item1,index1) in item.children" @click="locate(item1)" style="cursor:pointer">
                                                    {{item1.name}}
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <iframe id="myIframe"  style="height: calc(100% - 60px)" width="100%" src=""></iframe> -->
                </div>
            </div>
        </div>
    </div>

    <!--建筑弹出 -->
    <div class="tanchu" >
        <div class="left-div">
            <div class="titlexx">楼栋基本信息</div>
            <div class="fwjbxx">
                    <div style="margin-top: 3px;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"  id='zdrylabel'>
            <!-- <div>
                <img src="img/bm.png" style="margin-left: -30px;width: 20px">
                <span style="color:black">楼栋长</span>
            </div> -->
         
         
            <div>
                <img src="img/dangyuan.png" style="margin-left: -6px;width: 15px">
                <span  style="color:black">党员</span>
            </div>
            <div>
                <img src="img/qsn.png" style="margin-left: -11px;width: 20px">
                <span  style="color:black">青少年</span>
            </div>
            <div>
                <img src="img/rmfx.png" style="margin-left: -6px;width: 20px">
                <span  style="color:black">人民防线</span>
            </div>
            <div>
                <img src="img/ldlschildren.png" style="margin-left: -6px;width: 20px">
                <span  style="color:black">流动留守儿童</span>
            </div>
            <div>
                <img src="img/ldls.png" style="margin-left: -6px;width: 20px">
                <span  style="color:black">困境青少年</span>
            </div>
            <div>
                <img src="img/icon/fl.png" style="margin-left: -6px;width: 20px">
                <span  style="color:black">妇联信息</span>
            </div> 

            <!-- <div>
                <img src="img/sg.png" style="margin-left: -6px;width: 20px">
                <span  style="color:black">参检人</span>
            </div>     -->
        
            <div class="layui-colla-item" v-for="(item,index) in zdry"  v-bind:style="{backgroundColor:item.color}" style="width:51px;margin-left: 5px;">
                <span >
                    {{item.name}}
                </span>                  
            </div>   
            <div class="layui-colla-item" style="background-color:#00B0F0;width:55px">
                <span>流动人员</span>
            </div> 
            
          </div>
    </div>

    <div  style="display:none;" class="focus">
        <div >
                <div class="layui-form-item jbxq-div">
                    <label class="layui-form-label">查询开始时间</label>
                    <div class="layui-input-block">
                        <input id='htmlsjst' type='datetime-local' step='01'>
                    </div>
                </div>
                <div class="layui-form-item jbxq-div">
                    <label class="layui-form-label">查询结束时间</label>
                    <div class="layui-input-block">
                        <input  id='htmlsjed' type='datetime-local' step='01'>
                    </div>
              </div>
              <div>
                <a style='color: #242af3;cursor: pointer;' onclick='playPaths()' >查询轨迹</a><br/>
                <a style='color: #242af3;cursor: pointer;' onclick='heatanalysis()' >全社区活动轨迹热区分析</a>
              </div>
            
        </div>
       
     </div>

    <!-- 右侧人员 -->
    <div class="tanchutable">
        <div class="tanchutable-div">
            <div class="titlexx">基本信息</div>
            <div class="housejbxx">
                <div style="margin-left:15px">
                    
                     <span>门牌号：&emsp; </span><input class="dz" style="width :130px !important" readonly="readonly"/>                    
                    <!-- <span>接种人数：&emsp; </span><input class="cjrs" style="width :130px !important" readonly="readonly"/> -->
                    <span>面   积：&emsp; </span><input class="mj"  style="width :130px !important"  readonly="readonly"/>
                </div>
            </div>
            <div class="titlexx">家庭成员信息</div>
            <div class="mytable">
                    <div class="right-div-content czry">
                            <table class="person_table zk" id="tbx" cellpadding="0" cellspacing="0"></table>
                        </div>
            </div>
            <div class="titlexx">租客人员信息</div>
            <div class="mytable">
                    <div class="right-div-content zkry">
                            <table class="person_table zk" id="tbx1" cellpadding="0" cellspacing="0"></table>
                        </div>
            </div>
        </div>
    </div>
    <!-- 右侧企业 -->
    <div class="tanchucompany">
        <div class="tanchutable-div">
            <div class="titlexx">基本信息</div>
            <div class="housejbxx">
                <div>
                    <span>门牌号：&emsp; </span><input class="dz" readonly="readonly"/>
                    <span>面积  ：&emsp; </span><input class="mj" readonly="readonly"/>
                </div>
            </div>
            <div class="titlexx">企业信息</div>
            <div class="companylist">
                <div class="layui-tab " style="width:750px" lay-filter="companyfilter" >
                    <ul class="layui-tab-title">
                    </ul>
                    <div class="layui-tab-content">
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!--用户密码修改-->
    <div class="add_person" id="edituser">
        <div class="add_person_right">
            <table class="add_table">
                <tr>
                    <td>
                        <span class="td_add_span">账&emsp;号：&emsp;&emsp;</span>
                        <input v-model="user.userid" class="td_add_input1" readonly="readonly"/>
                    </td>
                </tr>
                <tr>
                    <td>
                        <span class="td_add_span">姓&emsp;名：&emsp;&emsp;</span>
                        <input  v-model="user.username"  class="td_add_input2"/>
                    </td>
                </tr>
                <tr>
                    <td>
                        <span class="td_add_span">原密码：&emsp;&emsp;</span>
                        <input v-model="user.password"  class="td_add_input3" type="password"/>
                        <img   @click="showpwd(1)" style="cursor: pointer;" v-bind:src="imgsrc">
                    </td>
                </tr>
                <tr>
                    <td>
                        <span class="td_add_span">现密码：&emsp;&emsp;</span>
                        <input  v-model="user.newpassword"  class="td_add_input4" type="password"/>
                        <img @click="showpwd(2)" style="cursor: pointer;"  v-bind:src="imgsrc_new">
                    </td>
                </tr>
            </table>

        </div>
    </div>

    <!--播放画面-->
    <video id="myPlayer" style="display:none" poster="" controls playsInline webkit-playsinline autoplay>
    </video>

</body>
<style >
    /* @import "../../js/layui/css/layui.css"; */
    .layui-layer-phimg:hover .layui-layer-imgbar{
    display:block !important;
    }
    
    .layui-layer-imgbar{
    display:block !important;
    }
    
    .layui-layer-imgtit a{
      font-size:20px;
    }
    .layui-layer-imgtit a{
      max-width:100% !important;
    }
    </style>
<script src="/arcgisjsapi/library/3.23/3.23/init.js"></script>
<script src="./js/mapInit.js"></script>
<script src="./js/jquery-2.2.3.js"></script>
<script src="./js/layui/layui.js"></script>
<script src="./js/terraformer/terraformer.js"></script>
<script src="./js/terraformer/terraformer-wkt-parser.js"></script>
<script src="./js/DataTableExtend.js"></script>
<script src="./js/menu/jq22.js"></script>
<script src="./js/FileSaver.js"></script>
<script type="text/javascript">
    var dojoConfig = {
        async: true,//这个参数一定要设置，必须要设置true;
        parseOnLoad: true,
        packages: [{ //解释：require(["js/.."],function(){}) 中  js/ 即为 location的值
            name: "bdlib", //对应require引用包里的js
            location: location.pathname.replace(/\/[^/]+$/, "") + "/bdlib" //对应的路径
        }]
    };
</script>
<script>
      var community_conf=JSON.parse(' <%-JSON.stringify(community_conf)%>'),
            serviceLayers_conf=JSON.parse(' <%-JSON.stringify(serviceLayers_conf)%>'),
            modules_conf=JSON.parse(' <%-JSON.stringify(modules_conf)%>'),
            zdry_conf=JSON.parse(' <%-JSON.stringify(zdry_conf)%>'),
            treelist_conf=JSON.parse(' <%-JSON.stringify(treelist_conf)%>');
</script>
<script src="./js/http_request.js"></script>
<script src="./js/echarts-all.js"></script>
<script src="./js_src/index_src.js"></script>
</html> 
