<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="../bootstrap/css/bootstrap.css">
    <link rel="stylesheet" href="../bootstrap/css/bootstrap-treeview.css">
    <link rel="stylesheet" href="../jquery-easyui-1.7.0/themes/default/easyui.css">
    <link rel="stylesheet" href="../jquery-easyui-1.7.0/themes/icon.css">
    <link rel="stylesheet" href="../css/xtgl.css">
    <title>系统管理</title>
</head>
<body>
<div id="page-sy">
    <div class="left-nav">
        <div id="tree-ul"></div>
    </div>
    <div class="right-nav">
        <ul class="nav nav-tabs nav1" role="tablist" style="float: left;width: 100%;">
            <li role="presentation" :class="(index==cur)?'active':''" v-for="(item,index) in data_ul">
                <a :href=gethref(item.id) :aria-controls=item.id role="tab" data-toggle="tab" v-text="item.text"></a>
            </li>
        </ul>
        <div class="tab-content content-sjfx">
            <div role="tabpanel" class="tab-pane active" id="yhgl">
                <div class="div-left">
                    <div class="div-xzml">
                        <button type="button" class="btn btn-sm pub-btn" style="margin-bottom: 10px;margin-left: 55px"
                                @click="add_bm()">
                            新增
                        </button>
                        <button type="button" class="btn btn-sm pub-btn" style="margin-bottom: 10px;"
                                @click="edit_bm()">编辑
                        </button>
                        <button type="button" class="btn btn-sm btn-danger"
                                style="margin-bottom: 10px;margin-top: 9px;margin-left: 10px;" @click="delete_bm()">删除
                        </button>

                        <div class="div-xzml-div">
                            <img src="../img/sjcx/xzml.png">
                            <span>部门管理</span>
                        </div>
                        <div id="tree-xzxq" style="height: calc(100% - 80px);"></div>
                    </div>
                    <div class="div-right">
                        <div class="div-right-top">
                            <span class="pub-span">人员姓名：</span>
                            <input type="text" class="form-control input-pub" id="ryxm" autocomplete="off">
                            <button type="button" class="btn btn-sm pub-btn" @click="queryRY(1,true)">查询</button>
                            <button type="button" class="btn btn-sm pub-btn" @click="add_ry()">新增人员</button>
                        </div>
                        <div style="height:calc(100% - 130px);margin-top: 20px;text-align: center" class="tables">
                            <table class="table table-td">
                                <thead>
                                <tr style="background-color: rgb(228, 228, 228);">
                                    <td>账号</td>
                                    <td>姓名</td>
                                    <td>所属部门</td>
                                    <td>联系方式</td>
                                    <td>操作</td>
                                </tr>
                                </thead>
                                <tbody class="div-pub-gt">
                                <tr v-for="(item,index) in data_table_rygl">
                                    <td v-text="item.username"></td>
                                    <td v-text="item.username"></td>
                                    <td v-text="item.deptName"></td>
                                    <!--<td v-text="item.lxfs"></td>-->
                                    <td>
                                        <button type="button" class="btn btn-sm pub-btn"
                                                style="margin-left: 5px;margin-top: 0px;padding: 2px 7px;"
                                                @click="edit_ry()">编辑
                                        </button>
                                        <button type="button" class="btn btn-sm pub-btn"
                                                style="margin-left: 5px;margin-top: 0px;padding: 2px 7px;">重置密码
                                        </button>
                                        <button type="button" class="btn btn-sm btn-danger"
                                                style="margin-left: 5px;margin-top: 0px;padding: 2px 7px;">删除
                                        </button>
                                    </td>
                                </tr>
                                </tbody>
                            </table>
                        </div>
                        <div>
                            <div style="line-height: 64px;float: left;font-weight: 900;">
                                <span>共</span><span style="color: red;" v-text="count"></span><span>条</span>
                            </div>
                            <ul id="fy4" style="float: right;"></ul>
                        </div>
                    </div>
                </div>
            </div>
            <div role="tabpanel" class="tab-pane" id="symrcxjk">
                <div class="div-left">
                    <div class="div-xzml">
                        <input type="text" class="form-control input-pub" placeholder="请输入点位 回车搜索" v-model="searchText"
                               @keyup.enter="fastSearch" style="width: 260px;margin-left: 10px;margin-bottom: 9px;">
                        <div class="div-xzml-div" style="float:left;">
                            <img src="../img/sjcx/xzml.png">
                            <span>行政目录</span>
                        </div>
                        <div id="tree-monitor" style="height: calc(100% - 80px);float:left;width: 100%"></div>
                    </div>
                    <div class="div-right">
                        <div class="div-right-top">
                            <span class="pub-span">监控名称：</span>
                            <input type="text" class="form-control input-pub">
                            <button type="button" class="btn btn-sm pub-btn">查询</button>
                            <button type="button" class="btn btn-sm pub-btn" @click="add_monitor()">新增默认监控</button>
                        </div>
                        <div style="height:calc(100% - 130px);margin-top: 20px;text-align: center" class="tables">
                            <table class="table table-td">
                                <thead>
                                <tr style="background-color: rgb(228, 228, 228);">
                                    <td>监控名称</td>
                                    <td>所属部门</td>
                                    <td>操作</td>
                                </tr>
                                </thead>
                                <tbody class="div-pub-gt">
                                <tr v-for="(item,index) in data_table_monitor">
                                    <td v-text="item.jkmc"></td>
                                    <td v-text="item.ssbm"></td>
                                    <td>
                                        <button type="button" class="btn btn-sm btn-danger"
                                                style="margin-left: 5px;margin-top: 0px;padding: 2px 7px;">删除
                                        </button>
                                    </td>
                                </tr>
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="modal fade" id="myModal_bm_add" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
    <form class="form-horizontal" role="form">
        <div class="modal-dialog" role="document" style="width: 410px;">
            <div class="modal-content" style="color: #e6eaef;width: 410px;">
                <div class="modal-header" style="background-color: rgb(48, 53, 72);">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
                            aria-hidden="true" style="color: white;">&times;</span></button>
                    <h6 class="modal-title" v-text="'新增部门--(上级部门为--'+sjbmname+')'"></h6>
                </div>
                <div class="modal-body" style="height:80px;">
                    <table class="table table-td">
                        <tbody>
                        <tr>
                            <td>部门名称:</td>
                            <td><input type="text" name="name" style="width:280px;" class="form-control"
                                       v-model="data_s.deptName"
                                       autocomplete="off" required></td>
                        </tr>
                        </tbody>
                    </table>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-sm" data-dismiss="modal" style="color: #2f2f2f;">关闭</button>
                    <button type="button submit" class="btn btn-sm btn-info" style="background-color: #368ff3"
                            @click="define">确定
                    </button>
                </div>
            </div>
        </div>
    </form>
</div>
<div class="modal fade" id="myModal_bm_edit" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
    <form class="form-horizontal" role="form">
        <div class="modal-dialog" role="document" style="width: 410px;">
            <div class="modal-content" style="color: #e6eaef;width: 410px;">
                <div class="modal-header" style="background-color: rgb(48, 53, 72);">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
                            aria-hidden="true" style="color: white;">&times;</span></button>
                    <h6 class="modal-title">编辑部门</h6>
                </div>
                <div class="modal-body" style="height:80px;">
                    <table class="table table-td">
                        <tbody>
                        <tr>
                            <td>部门名称:</td>
                            <td><input type="text" name="name" style="width:280px;" class="form-control"
                                       v-model="data_s.deptName"
                                       autocomplete="off" required></td>
                        </tr>
                        </tbody>
                    </table>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-sm" data-dismiss="modal" style="color: #2f2f2f;">关闭</button>
                    <button type="button submit" class="btn btn-sm btn-info" style="background-color: #368ff3"
                            @click="define">确定
                    </button>
                </div>
            </div>
        </div>
    </form>
</div>
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
    <form class="form-horizontal" role="form" οnsubmit="return false;">
        <div class="modal-dialog" role="document" style="width: 415px;">
            <div class="modal-content" style="color: #e6eaef;width: 415px;">
                <div class="modal-header" style="background-color: rgb(48, 53, 72);">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
                            aria-hidden="true" style="color: white;">&times;</span></button>
                    <h6 class="modal-title">新增人员</h6>
                </div>
                <div class="modal-body" style="height:320px;">
                    <table class="table table-td">
                        <tbody>
                        <tr>
                            <td><span>*</span>账号:</td>
                            <td><input type="text" name="name" style="width:280px;" class="form-control"
                                       v-model="data_yr.zh" placeholder="请输入账号"
                                       autocomplete="off" required></td>
                        </tr>
                        <tr>
                            <td>密码:</td>
                            <td><input type="text" name="address" style="width:280px;" class="form-control"
                                       v-model="data_yr.ma"
                                       autocomplete="off" placeholder="6~20字母数字或下划线" pattern="^[a-zA-Z0-9]\w{5,19}$"
                                       required oninvalid="this.setCustomValidity('6~20字母数字或下划线');"
                                       oninput="setCustomValidity('')"></td>
                        </tr>
                        <tr>
                            <td>姓名:</td>
                            <td><input type="text" name="address" style="width:280px;" class="form-control"
                                       autocomplete="off" required placeholder="请输入姓名"></td>
                        </tr>
                        <tr>
                            <td>所属部门:</td>
                            <td><input class="easyui-combotree form-control" id="department1" name="city"
                                       style="width:280px;"/>
                            </td>
                        </tr>
                        <tr>
                            <td>角色:</td>
                            <td>
                                <select class="form-control" style="width: 280px;">
                                    <option value='1'>管理员</option>
                                    <option value='1'>普通用户</option>
                                </select>
                            </td>
                        </tr>
                        <tr>
                            <td>联系方式:</td>
                            <td><input type="text" name="address" style="width:280px;" class="form-control"
                                       autocomplete="off" placeholder="请输入联系方式"></td>
                        </tr>
                        </tbody>
                    </table>

                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-sm" data-dismiss="modal" style="color: #2f2f2f;">关闭</button>
                    <button type="button submit" class="btn btn-sm btn-info" style="background-color: #368ff3"
                            @click="define">确定
                    </button>
                </div>
            </div>
        </div>
    </form>
</div>
<div class="modal fade" id="myModal1" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
    <form class="form-horizontal" role="form">
        <div class="modal-dialog" role="document" style="width: 415px;">
            <div class="modal-content" style="color: #e6eaef;width: 415px;">
                <div class="modal-header" style="background-color: rgb(48, 53, 72);">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
                            aria-hidden="true" style="color: white;">&times;</span></button>
                    <h6 class="modal-title">编辑个人信息</h6>
                </div>
                <div class="modal-body" style="height:275px;">
                    <table class="table table-td">
                        <tbody>
                        <tr>
                            <td>账号:</td>
                            <td><input type="text" name="name" style="width:280px;" class="form-control"
                                       autocomplete="off" required></td>
                        </tr>
                        <tr>
                            <td>密码:</td>
                            <td><input type="text" name="address" style="width:280px;" class="form-control"
                                       autocomplete="off" required></td>
                        </tr>
                        <tr>
                            <td>姓名:</td>
                            <td><input type="text" name="address" style="width:280px;" class="form-control"
                                       autocomplete="off" required></td>
                        </tr>
                        <tr>
                            <td>所属部门:</td>
                            <td><input class="easyui-combotree form-control" id="department2" name="city1"
                                       style="width:280px;"/>
                            </td>
                        </tr>
                        <tr>
                            <td>角色:</td>
                            <td>
                                <select class="form-control" style="width: 280px;">
                                    <option value='1'>管理员</option>
                                    <option value='1'>普通用户</option>
                                </select>
                            </td>
                        </tr>
                        <tr>
                            <td>联系方式:</td>
                            <td><input type="text" name="address" style="width:280px;" class="form-control"
                                       autocomplete="off"></td>
                        </tr>
                        </tbody>
                    </table>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-sm" data-dismiss="modal" style="color: #2f2f2f;">关闭</button>
                    <button type="button submit" class="btn btn-sm btn-info" style="background-color: #368ff3">确定
                    </button>
                </div>
            </div>
        </div>
    </form>
</div>
<div class="modal fade" id="myModal2" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
    <form class="form-horizontal" role="form">
        <div class="modal-dialog" role="document" style="width: 380px;">
            <div class="modal-content" style="color: #e6eaef;width: 380px;">
                <div class="modal-header" style="background-color: rgb(48, 53, 72);">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
                            aria-hidden="true" style="color: white;">&times;</span></button>
                    <h6 class="modal-title">新增默认监控</h6>
                </div>
                <div class="modal-body" style="height:80px;">
                    <table class="table table-td">
                        <tbody>
                        <tr>
                            <td>监控:</td>
                            <td><input class="easyui-combotree form-control" id="department3" name="city1"
                                       style="width:280px;"/></td>
                        </tr>
                        </tbody>
                    </table>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-sm" data-dismiss="modal" style="color: #2f2f2f;">关闭</button>
                    <button type="button submit" class="btn btn-sm btn-info" style="background-color: #368ff3">确定
                    </button>
                </div>
            </div>
        </div>
    </form>
</div>
</body>
<script src="../js/jquery-3.1.1.min.js"></script>
<script src="../bootstrap/js/bootstrap.js"></script>
<script src="../bootstrap/js/bootstrap-paginator.js"></script>
<script src="../bootstrap/js/bootstrap-treeview.js"></script>
<script src="../jquery-easyui-1.7.0/jquery.easyui.min.js"></script>
<script src="../js/echarts.min.js"></script>
<script src="../js/vue.js"></script>
<script src="../js/util/http_util.js"></script>
<script src="../js/xtgl/xtgl.js"></script>
</html>