<!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;
        }

      
    </style>
     <link rel="stylesheet" type="text/css" href="../js/layui/css/layui.css"/>
     <link rel="stylesheet" type="text/css" href="../css/communitymanage.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>
</head>
<body>

   <div class="left_div">
        <ul class="nav nav-tabs" id="left_ul" role="tablist">
            <li role="presentation" class="active"><a href="#base" aria-controls="base" role="tab" data-toggle="tab">社区基本信息管理</a></li>
            <li role="presentation"><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>
          
        </ul>
        <!-- Tab panes -->
        <div class="tab-content">
                <div role="tabpanel" class="tab-pane active" id="base">
                        <div id="basemanage">
                            <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="downbottom-div">
                                                <div>
                                                        <div style="width:560px;float: left;">
                                                           <table>
                                                                    <tr>
                                                                        <td>  <label class="layui-form-label">姓名</label></td>
                                                                        <td>  <label class="layui-form-label">电话</label></td>
                                                                        <td>  <label class="layui-form-label">职务</label></td>
                                                                    </tr>
                                                                    <tr v-for="(item,index) in fzrs">
                                                                        <td>
                                                                                <input type="text" v-model="item.xm" name="title" autocomplete="off" placeholder="" class="layui-input">
                                                                       
                                                                        </td>
                                                                        <td>
                                                                                <input type="text" v-model="item.dh" name="title" autocomplete="off" placeholder="" class="layui-input">
                                                                        </td>
                                                                        <td>
                                                                                <input type="text" v-model="item.zw" name="title" autocomplete="off" placeholder="" class="layui-input">
                                                                        </td>
                                                                    </tr>
                                                           </table>
                                                      </div>
                                                      <div style="float: left;margin-left: -20px;"> 
                                                            <div style="width:190px;float: left;" v-for="(item,index) in jbxx">
                                                                <label class="layui-form-label">{{item.key}}</label>
                                                                <input type="text" v-model="item.value" name="title" autocomplete="off" placeholder="" class="layui-input">
                                                           </div>
                                                       </div>
                                                       <div style="width:80px;float:right;margin-top:10px;margin-right:87px;">
                                                            <button @click="save()" type="button" style="margin-top: 2px;" class="btn btn-default">保存</button>
                                                       </div>
                                                </div>
                                        </div>
                                    </div>
                            </div>
                            </div>
                        </div>
                    </div>
            <div role="tabpanel" class="tab-pane" id="home">
                <div id="communitymanage">
                    <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="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.name"></span></td>
                                                <td  class="short"><span v-text="item.gridman"></span></td>
                                                <td class="short"><span  v-text="item.wgz"></span></td>
                                                <td  class="short" style="text-align:center;text-decoration:underline">
                                                    <a @click="edit(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="modulemanage">
                            <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="downbottom-div">
                                                    <table class="table table-hover table-expandable table-bordered">
                                                        <thead>
                                                            <tr>                                                           
                                                                <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.parentmodule"></span></td>
                                                                        
                                                                        <td  class="short" style="text-align:center;text-decoration:underline">
                                                                            <a @click="edit(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>
    </div>

<!-- 网格编辑 -->
<div  style="display:none;overflow: hidden;" class="communitybjtcc-div">
        <div class="jbxx-span" style="font-size: 16px;padding-left: 10px;color: #428AE7;">基本信息</div>
        <div class="rylb-div" id=community_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.wgz" 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.mj" 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.lds" 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.hs" 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.rks" name="title" autocomplete="off" placeholder="" class="layui-input">
                    </div>
                </div>
            </form>
        </div>
    </div>
<!-- 模块编辑 -->
<div  style="display:none;overflow: hidden;" class="modulebjtcc-div"  id="module_edit">
        <div class="jbxx-span" style="font-size: 16px;padding-left: 10px;color: #428AE7;">基本信息</div>
        <div class="rylb-div">
            <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" readonly="readonly" 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">
                   <table>
                       <tr v-for="(ite,index) in contentobj">
                            <td v-for="(val,key,i) in ite">
                               <div> 
                                   <label>{{key}}</label>
                                   <input v-model="ite[key]">
                            </div>
                            </td>
                   </tr></table>
        </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>
    var zdry_conf=JSON.parse(' <%-JSON.stringify(zdry_conf)%>');
</script>

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