<!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-select.css">
    <link rel="stylesheet" href="../css/sjzdbz.css">
    <title>事件标注、告警、纠偏时间</title>
</head>
<body>
<div id="page-sy">
    <div class="right-nav">
        <div class="tab-content content-sjfx">
            <div role="tabpanel" class="tab-pane active" id="symrcxjk">
                <div class="div-left">
                    <div class="div-right">
                        <!--<div class="div-right-top">-->
                            <!--<button type="button" class="btn btn-sm pub-btn" @click="edit()" style="margin-left: 0px">新增事件等级</button>-->
                            <!--<select class="form-control selectpicker" v-model="clzt_select" id="sjlxsss">-->
                                <!--<option value="1">自动标注时间</option>-->
                                <!--<option value="2">重复告警时间</option>-->
                                <!--<option value="3">施工纠偏时间</option>-->
                            <!--</select>-->
                        <!--</div>-->
                        <div style="height:calc(100% - 60px);margin-top: 10px;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>
                                    <td>操作</td>
                                </tr>
                                </thead>
                                <tbody class="div-pub-gt">
                                <tr v-for="(item,index) in data_sjdj">
                                    <td v-text="index+1"></td>
                                    <td v-text="item.name"></td>
                                    <td v-text="item.manualchecktime==null?'0':item.manualchecktime"></td>
                                    <td v-text="item.pushchecktime==null?'0':item.pushchecktime"></td>
                                    <td v-text="item.rectifytime==null?'0':item.rectifytime"></td>
                                    <td>
                                        <button type="button" class="btn btn-sm pub-btn"
                                                style="margin-left: 5px;margin-top: 0px;padding: 2px 7px;float: none;" @click="edit(item)">编辑
                                        </button>
                                    </td>
                                </tr>
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="modal fade" id="myModal2" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
    <form onsubmit="return false;" class="form-horizontal" role="form" onkeydown="if(event.keyCode==13){return false;}">
        <div class="modal-dialog" role="document" style="width: 510px;">
            <div class="modal-content" style="color: #e6eaef;width: 510px;">
                <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="'编辑'+title"></h6>
                </div>
                <div class="modal-body" style="height:360px;">
                    <div class="form-group">
                        <label class="col-sm-5 control-label">事件类型：</label>
                        <div class="col-sm-7">
                            <input type="text" disabled v-model="arr_cllx.name" style="color: #5d5d5d;width: 240px;    line-height: 30px;">
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-5 control-label">重复事件正检时间(分钟)：</label>
                        <div class="col-sm-7">
                            <input type="number" min="1" v-model="arr_cllx.manualchecktime==null?'0':arr_cllx.manualchecktime" style="color: #5d5d5d;width: 240px;    line-height: 30px;">
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-5 control-label">正检后触发不告警时间(分钟)：</label>
                        <div class="col-sm-7">
                            <input type="number" min="1" v-model="arr_cllx.pushchecktime==null?'0':arr_cllx.pushchecktime" style="color: #5d5d5d;width: 240px;    line-height: 30px;">
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-5 control-label">施工纠偏时间(分钟)：</label>
                        <div class="col-sm-7">
                            <input type="number" min="1" v-model="arr_cllx.rectifytime==null?'0':arr_cllx.rectifytime" :disabled="arr_cllx.key!='ROADWORKS_OUT_OF_LINE'&&arr_cllx.key!='ROADWORKS'" style="color: #5d5d5d;width: 240px;    line-height: 30px;">
                        </div>
                    </div>
                </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-paginator.js"></script>
<script src="../bootstrap/js/bootstrap-treeview.js"></script>
<script src="../bootstrap/js/bootstrap-select.js"></script>
<script src="../js/vue.js"></script>
<script src="../js/util/http_util.js"></script>
<script src="../js/xtgl/sjzdbz.js"></script>
</html>