<!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="../css/tslxdj.css">
    <title>推送类型等级</title>
</head>
<body>
<div id="page-sy">
    <div class="left-nav">
        <div class="div-xzml-div">
            <img src="../img/sjcx/xzml.png">
            <span>等级推送状态</span>
        </div>
        <table class="table table-td" style="margin: 10px;float: left;width: calc(100% - 20px);">
            <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_DJ" @click="dj_query_type(item)">
                    <td v-text="item.name"></td>
                    <td v-text="item.state==0?'推送':'不推送'"></td>
                    <td>
                        <button type="button" class="btn btn-sm" style="background-color: #368ff3;color: white;padding: 2px 6px;" @click="edit(item)">编辑</button>
                    </td>
                </tr>
            </tbody>
        </table>
    </div>
    <div class="right-nav">
        <div class="center-nav">
            <div class="div-right-top">
                <button type="button" class="btn btn-sm pub-btn" @click="add">新增等级旗下类型</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_type">
                        <td v-text="index+1"></td>
                        <td v-text="item.name"></td>
                        <td>
                            <button type="button" class="btn btn-sm btn-danger" style="padding: 2px 6px;" @click="del(item)">删除</button>
                        </td>
                    </tr>
                    </tbody>
                </table>
            </div>
        </div>
    </div>
</div>

<div class="modal fade" id="myModal1" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
    <form onsubmit="return false;" class="form-horizontal" role="form">
        <div class="modal-dialog" role="document" style="width: 460px;">
            <div class="modal-content" style="color: #e6eaef;width: 460px;">
                <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:330px;">
                    <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.videoName"
                                       autocomplete="off" required></td>
                        </tr>
                        <tr>
                            <td>监控ID:</td>
                            <td><input type="text" name="address" style="width:280px;" class="form-control" v-model="data_s.videoId"
                                       autocomplete="off" required></td>
                        </tr>
                        <tr>
                            <td>RTSP:</td>
                            <td><input type="text" name="address" style="width:280px;" class="form-control" v-model="data_s.rtsp"
                                       autocomplete="off" required></td>
                        </tr>
                        <tr>
                            <td>所属辖区:</td>
                            <td><input class="easyui-combotree form-control" name="city1" v-model="data_s.qymc"
                                       style="width:280px;" disabled/>
                            </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_edit" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
    <form onsubmit="return false;" class="form-horizontal" role="form">
        <div class="modal-dialog" role="document" style="width: 460px;">
            <div class="modal-content" style="color: #e6eaef;width: 460px;">
                <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:330px;">
                    <table class="table table-td">
                        <tbody>
                        <tr>
                            <td>是否推送:</td>
                            <td>

                            </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>
</body>
<script src="../js/jquery-3.1.1.min.js"></script>

<script src="../bootstrap/js/bootstrap.js"></script>
<script src="../bootstrap/js/bootstrap-treeview.js"></script>
<script src="../bootstrap/js/bootstrap-paginator.js"></script>
<script src="../js/vue.js"></script>
<script src="../js/util/http_util.js"></script>
<script src="../js/tstj/tslxdj.js"></script>

</html>