848 lines
24 KiB
HTML
848 lines
24 KiB
HTML
{% extends "layout.html" %}
|
||
{% block content %}
|
||
<style type="text/css">
|
||
.ml30 {
|
||
margin-left: 30px;
|
||
}
|
||
.no-show {
|
||
display: none;
|
||
}
|
||
.tab-con .tab-block {
|
||
width: 100%;
|
||
height: 100%;
|
||
}
|
||
.divtable .btswitch + .btswitch-btn {
|
||
width: 2.8rem;
|
||
height: 1.75rem;
|
||
}
|
||
|
||
/* 安全页面头部 */
|
||
.state-content .bt-form-new {
|
||
align-items: center;
|
||
}
|
||
.state-content .bt-form-new .form-label {
|
||
padding-right: 15px;
|
||
}
|
||
.state-content .form-inline-line {
|
||
width: 1px;
|
||
height: 20px;
|
||
margin: 0 18px;
|
||
background-color: #ccc;
|
||
}
|
||
/* end */
|
||
|
||
/* 安全页面内容 */
|
||
.firewall-tab-view .tab-con {
|
||
padding: 0;
|
||
}
|
||
.firewall-tab-view .tab-nav-con {
|
||
padding-top: 15px;
|
||
}
|
||
.firewall-tab-view .tab-nav-border span i {
|
||
font-style: initial;
|
||
}
|
||
/* end */
|
||
/* 系统防火墙 */
|
||
.safety-header .ping-item {
|
||
margin-right: 15px;
|
||
}
|
||
.safety-header-info {
|
||
display: flex;
|
||
align-items: center;
|
||
}
|
||
.port-import-form {
|
||
padding: 20px;
|
||
}
|
||
.detect_input {
|
||
display: flex;
|
||
justify-content: center;
|
||
}
|
||
.detect_input .input_file {
|
||
width: 170px;
|
||
height: 35px;
|
||
border: 0.1px dashed #D0D0D0;
|
||
padding: 0 0 0 10px;
|
||
font-size: 14px;
|
||
outline: none;
|
||
}
|
||
.detect_input .select_file {
|
||
height: 35px;
|
||
padding: 0 14px;
|
||
font-size: 14px;
|
||
color: #fff;
|
||
background: #10952a;
|
||
border: none;
|
||
}
|
||
/* end */
|
||
/* SSH管理 */
|
||
.ssh-login-info .sep {
|
||
margin: 0 4px;
|
||
}
|
||
.ssh-config {
|
||
padding: 6px 0;
|
||
}
|
||
.ssh-config-title {
|
||
line-height: 30px;
|
||
font-size: 14px;
|
||
border-bottom: 1px solid #e7e7e7;
|
||
padding: 5px 5px 8px 10px;
|
||
font-weight: bold;
|
||
color: #666;
|
||
margin-bottom: 10px;
|
||
}
|
||
.ssh-config .line .line-input {
|
||
display: inline-block;
|
||
position: relative;
|
||
}
|
||
.ssh-config .line:hover {
|
||
background: #a5a5a514;
|
||
transition: background 0.2s;
|
||
cursor: pointer;
|
||
}
|
||
.ssh-config .line-title {
|
||
font-size: 12px;
|
||
color: #333;
|
||
display: inline-block;
|
||
width: 150px;
|
||
text-align: right;
|
||
padding-right: 15px;
|
||
height: 30px;
|
||
line-height: 30px;
|
||
vertical-align: top;
|
||
}
|
||
.ssh-config .line-item {
|
||
display: inline-block;
|
||
vertical-align: top;
|
||
height: 30px;
|
||
line-height: 30px;
|
||
}
|
||
.ssh-config .line-row {
|
||
vertical-align: top;
|
||
}
|
||
.line-row,
|
||
.line-row-tips {
|
||
height: 30px;
|
||
line-height: 30px;
|
||
display: inline-block;
|
||
}
|
||
.line-input input {
|
||
height: 30px;
|
||
line-height: 30px;
|
||
}
|
||
.line-row-tips {
|
||
margin-left: 10px !important;
|
||
color: #999;
|
||
vertical-align: top;
|
||
}
|
||
#sshView .tab-nav-con {
|
||
padding-top: 10px;
|
||
}
|
||
.cutLoginLogsType {
|
||
margin-top: -4px;
|
||
}
|
||
.btn-sshkey-group {
|
||
display: flex;
|
||
align-items: center;
|
||
}
|
||
.news-channel .bt-form-new .form-label {
|
||
padding-right: 10px;
|
||
}
|
||
/* end */
|
||
/* 入侵防御 */
|
||
#intrusion .divtable {
|
||
margin-top: 0;
|
||
}
|
||
#antiProcessWhiteList .divtable {
|
||
margin-top: 10px;
|
||
}
|
||
.logs-data-select {
|
||
margin-bottom: 15px;
|
||
}
|
||
.logs-title {
|
||
display: inline-block;
|
||
width: auto;
|
||
height: 35px;
|
||
font-size: 12px;
|
||
line-height: 35px;
|
||
margin-right: 5px;
|
||
}
|
||
.logs-unselect {
|
||
position: relative;
|
||
display: inline-block;
|
||
height: 30px;
|
||
border: 1px solid #e6e6e6;
|
||
border-radius: 2px;
|
||
font-size: 13px;
|
||
line-height: 28px;
|
||
}
|
||
.logs-unselect.active .logs-input-list {
|
||
display: block;
|
||
}
|
||
.logs-unselect.active .logs-input-list {
|
||
animation-name: layui-upbit;
|
||
animation-duration: .3s;
|
||
animation-fill-mode: both;
|
||
}
|
||
.logs-inputs {
|
||
box-sizing: border-box;
|
||
padding: 0 30px 0 10px;
|
||
height: 30px;
|
||
cursor: pointer;
|
||
}
|
||
.logs-unselect .logs-inputs:after {
|
||
position: absolute;
|
||
top: 0.8pc;
|
||
right: 6pt;
|
||
display: block;
|
||
width: 0;
|
||
height: 0;
|
||
border-color: #c2c2c2 transparent transparent;
|
||
border-style: solid;
|
||
border-width: 6px 6px 0;
|
||
content: '';
|
||
transition: transform .5s;
|
||
}
|
||
.logs-input-list {
|
||
position: absolute;
|
||
top: 30px;
|
||
right: -1px;
|
||
left: -1px;
|
||
z-index: 899;
|
||
display: none;
|
||
box-sizing: border-box;
|
||
padding: 5px 0;
|
||
height: auto;
|
||
min-width: 100%;
|
||
border: 1px solid #d2d2d2;
|
||
border-radius: 2px;
|
||
background-color: #fff;
|
||
box-shadow: 0 2px 4px rgba(0,0,0,.12);
|
||
}
|
||
.logs-input-list dd {
|
||
padding: 5px 15px;
|
||
height: 30x;
|
||
}
|
||
|
||
.logs-input-list dd:hover {
|
||
background-color: #f2f2f2;
|
||
cursor: pointer;
|
||
}
|
||
.logs-input-list dd.logs_checked {
|
||
background: #20a532!important;
|
||
color: #fff;
|
||
}
|
||
.logs-page.page-style {
|
||
padding: 0 5px;
|
||
height: 30px;
|
||
font-size: 13px;
|
||
margin-top: 5px;
|
||
}
|
||
.page-style .nextPage{
|
||
display: inline-block;
|
||
margin: 0 3px;
|
||
padding: 0 10px;
|
||
height: 30px;
|
||
border-radius: 2px;
|
||
background-color: #f5f5f5;
|
||
color: #666;
|
||
text-align: center;
|
||
line-height: 30px;
|
||
cursor: pointer;
|
||
}
|
||
.page-style .Pcount {
|
||
margin-right: 0;
|
||
margin-left: 5px;
|
||
}
|
||
.page a:last-of-type {
|
||
border-right: 1px solid #ececec;
|
||
}
|
||
/* end */
|
||
/* 系统加固 */
|
||
#system .divtable {
|
||
margin: 0;
|
||
}
|
||
#reinforceBlockIp .divtable {
|
||
margin-top: 10px;
|
||
}
|
||
#reinforceLog .divtable {
|
||
margin-bottom: 10px;
|
||
}
|
||
/* end */
|
||
/* 日志审计 */
|
||
.logAuditContent {
|
||
padding: 0 0 0 15px;
|
||
margin-left: 15px;
|
||
width: 100%;
|
||
flex: 1;
|
||
border-left: 1px solid #ececec;
|
||
}
|
||
|
||
.logAuditTabContent {
|
||
display: flex;
|
||
height: 100%;
|
||
}
|
||
|
||
.logAuditTabContent .logAuditTab .logAuditItem {
|
||
height: 35px;
|
||
line-height: 35px;
|
||
padding: 0 10px;
|
||
border-bottom: 1px solid #ececec;
|
||
cursor: pointer;
|
||
}
|
||
|
||
.logAuditTabContent .logAuditTab .logAuditItem:hover,
|
||
.logAuditTabContent .logAuditTab .logAuditItem.active {
|
||
background-color: #f2f2f2;
|
||
}
|
||
|
||
.logAuditTabContent .logAuditTab {
|
||
border: 1px solid #ececec;
|
||
overflow: auto;
|
||
}
|
||
/* end */
|
||
/* 面板日志 */
|
||
.crontab-log {
|
||
min-height: 250px;
|
||
margin-top: 10px;
|
||
margin-bottom: 0;
|
||
padding: 15px;
|
||
line-height: 16px;
|
||
background-color: rgb(51, 51, 51);
|
||
white-space: pre-wrap;
|
||
overflow: auto;
|
||
border: none;
|
||
color: #f1f1f1;
|
||
}
|
||
/* end */
|
||
/* 功能介绍 */
|
||
.daily-thumbnail {
|
||
width: 1200px;
|
||
margin: 80px auto;
|
||
}
|
||
.thumbnail-box {
|
||
position: relative;
|
||
display: flex;
|
||
justify-content: center;
|
||
}
|
||
|
||
.thumbnail-introduce {
|
||
display: flex;
|
||
flex-direction: column;
|
||
align-items: center;
|
||
margin-bottom: 40px;
|
||
}
|
||
.thumbnail-introduce span {
|
||
font-size: 24px;
|
||
font-weight: bold;
|
||
}
|
||
.thumbnail-introduce ul {
|
||
display: flex;
|
||
font-size: 16px;
|
||
line-height: 30px;
|
||
margin: 20px 0;
|
||
list-style-type: square;
|
||
}
|
||
.thumbnail-introduce ul li + li {
|
||
margin-left: 40px;
|
||
}
|
||
.pluginTipsGg {
|
||
position: relative;
|
||
width: 950px;
|
||
height: 720px;
|
||
background-color: #f1f1f1;
|
||
background-size: 100%;
|
||
background-repeat: no-repeat;
|
||
background-position: top;
|
||
border-radius: 4px;
|
||
}
|
||
/*.pluginTipsGg:hover::before{*/
|
||
/* display: inline-block;*/
|
||
/*}*/
|
||
.pluginTipsGg::before {
|
||
content: '点击预览';
|
||
display: none;
|
||
background: #000;
|
||
opacity: 0.2;
|
||
color: #fff;
|
||
position: absolute;
|
||
left: 0;
|
||
top: 0;
|
||
width: 100%;
|
||
height: 100%;
|
||
line-height: 621px;
|
||
font-size: 18px;
|
||
vertical-align: bottom;
|
||
text-align: center;
|
||
border-radius: 4px;
|
||
transition: all 1s;
|
||
}
|
||
.tab-list .tabs-item.active:after {
|
||
content: '';
|
||
width: 20px;
|
||
height: 2px;
|
||
position: absolute;
|
||
left: 50%;
|
||
bottom: 0px;
|
||
background: red;
|
||
margin-left: -10px;
|
||
background: #20a53a;
|
||
}
|
||
.thumbnail-box .thumbnail-tab {
|
||
margin-right: 20px;
|
||
width: 180px;
|
||
border-left: 1px solid #def2e2;
|
||
}
|
||
.thumbnail-tab li {
|
||
padding: 0 20px;
|
||
line-height: 36px;
|
||
cursor: pointer;
|
||
font-size: 14px;
|
||
}
|
||
.thumbnail-tab li.on {
|
||
border-left: 2px solid #20a53a;
|
||
color: #20a53a;
|
||
font-size: 16px;
|
||
font-weight: bold;
|
||
}
|
||
.thumbnail-item {
|
||
display: none;
|
||
}
|
||
.thumbnail-item.show {
|
||
display: block;
|
||
}
|
||
.bt_warning {
|
||
color: #fc6d26;
|
||
}
|
||
/* end */
|
||
</style>
|
||
<div class="main-content">
|
||
<div class="container-fluid" style="padding-bottom: 50px;">
|
||
<div id="cutTab" class="pos-box bgw mtb15">
|
||
<div class="tab-list">
|
||
<div class="tabs-item active" data-name="safety">{{ data['lan']['H1'] }}</div>
|
||
<div class="tabs-item" data-name="ssh">{{ data['lan']['H2'] }}</div>
|
||
<div class="tabs-item" data-name="intrusion">{{ data['lan']['H3'] }}</div>
|
||
<div class="tabs-item" data-name="system">{{ data['lan']['H4'] }}</div>
|
||
<!-- <div class="tabs-item" data-name="logAudit">{{ data['lan']['H5'] }}</div>-->
|
||
<!-- <div class="tabs-item" data-name="logs">{{ data['lan']['H6'] }}</div>-->
|
||
</div>
|
||
</div>
|
||
<div class="container-fluid bgw mtb15 pd15 radius4 safe state-content">
|
||
<div class="safety-header">
|
||
<div class="bt-form-new inline">
|
||
<div class="form-item">
|
||
<div class="form-label">{{ data['lan']['TURN1'] }}</div>
|
||
<div class="form-value">
|
||
<div class="bt-form-switch">
|
||
<input class="btswitch btswitch-ios" id="isFirewall" type="checkbox" />
|
||
<label class="btswitch-btn isFirewall" for="isFirewall"></label>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="form-inline-line"></div>
|
||
<div class="form-item ping-item">
|
||
<div class="form-label">{{ data['lan']['TURN2'] }}</div>
|
||
<div class="form-value">
|
||
<div class="bt-form-switch">
|
||
<input class="btswitch btswitch-ios" id="ssh_ping" type="checkbox" />
|
||
<label class="btswitch-btn" for="ssh_ping"></label>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="form-inline-line"></div>
|
||
<div class="safety-header-info">
|
||
<span class="mr5">{{ data['lan']['S1'] }}</span>
|
||
<a class="btlink" href="javascript:openPath('/www/wwwlogs');">{{ session['logsPath'] }}</a>
|
||
<span class="mlr15" id="logSize">0 B</span>
|
||
<button class="btn btn-default btn-sm" id="clearWebLogs">{{ data['lan']['BTN1'] }}</button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="ssh-header no-show">
|
||
<div class="bt-form-new inline">
|
||
<div class="form-item">
|
||
<div class="form-label">{{data['lan']['TURN3']}}</div>
|
||
<div class="form-value">
|
||
<div class="bt-form-switch">
|
||
<input class="btswitch btswitch-ios" id="isSsh" type="checkbox" />
|
||
<label class="btswitch-btn isSsh" for="isSsh"></label>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="form-inline-line"></div>
|
||
<div class="ssh-login-info" id="sshDetailed">
|
||
<span>{{ data['lan']['S4'] }}：</span>
|
||
<a class="btlink" data-index="1" href="javascript:;">{{ data['lan']['S5'] }}: 0</a>
|
||
<span class="sep">/</span>
|
||
<a class="bterror" data-index="2" href="javascript:;">{{ data['lan']['S6'] }}: 0</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="intrusion-header no-show">
|
||
<div class="bt-form-new inline">
|
||
<div class="form-item">
|
||
<div class="form-label">{{ data['lan']['AI1'] }}</div>
|
||
<div class="form-value">
|
||
<div class="bt-form-switch">
|
||
<input class="btswitch btswitch-ios" id="isIntrusion" type="checkbox" />
|
||
<label class="btswitch-btn isIntrusion" for="isIntrusion"></label>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="form-inline-line"></div>
|
||
<div class="form-item">
|
||
<span class="mr5">{{ data['lan']['AI2'] }}</span>
|
||
<span class="totlaDays">0</span>
|
||
</div>
|
||
<div class="form-inline-line"></div>
|
||
<div class="form-item">
|
||
<span class="mr5">{{ data['lan']['AI3'] }}</span>
|
||
<span class="totlaTimes">0</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="system-header no-show">
|
||
<div class="bt-form-new inline">
|
||
<div class="form-item">
|
||
<div class="form-label">{{ data['lan']['SH1'] }}</div>
|
||
<div class="form-value">
|
||
<div class="bt-form-switch">
|
||
<input class="btswitch btswitch-ios" id="isReinforcement" type="checkbox" />
|
||
<label class="btswitch-btn isReinforcement" for="isReinforcement"></label>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="mtb15 pd15 bgw tab-view-box firewall-tab-view">
|
||
<div class="tab-con show w-full" id="safety">
|
||
<div class="tab-nav-border">
|
||
<span class="on">{{ data['lan']['F1'] }}: <i>0</i></span>
|
||
<span>{{ data['lan']['F2'] }}: <i>0</i></span>
|
||
<span>{{ data['lan']['F3'] }}: <i>0</i></span>
|
||
<span>{{ data['lan']['F4'] }}: <i>0</i></span>
|
||
</div>
|
||
<div class="tab-nav-con">
|
||
<div class="tab-block on" id="portRules"></div>
|
||
<div class="tab-block" id="ipRule"></div>
|
||
<div class="tab-block" id="portForward"></div>
|
||
<div class="tab-block" id="countryRegion"></div>
|
||
</div>
|
||
</div>
|
||
<div class="tab-con hide" id="sshView">
|
||
<div class="tab-nav-border">
|
||
<span class="on">{{ data['lan']['S2'] }}</span>
|
||
<span>{{ data['lan']['S3'] }}</span>
|
||
</div>
|
||
<div class="tab-nav-con">
|
||
<div class="tab-block on">
|
||
<div class="ssh-config">
|
||
<div class="ptb10">
|
||
<div class="line" title="{{ data['lan']['SS1'] }}">
|
||
<div class="line-title">{{ data['lan']['SS1'] }}</div>
|
||
<div class="line-input">
|
||
<input type="text" class="bt-input-text" value="22" name="ssh_port" style="width: 120px" />
|
||
<button type="button" class="btn btn-success btn-sm ml5 save_ssh_port">{{ data['lan']['SS2'] }}</button>
|
||
</div>
|
||
<div class="line-row-tips">{{ data['lan']['SS3'] }}</div>
|
||
</div>
|
||
<div class="line" title="{{ data['lan']['SS4'] }}">
|
||
<div class="line-title">{{ data['lan']['SS4'] }}</div>
|
||
<div class="line-item">
|
||
<!-- <div class="line-row">
|
||
<div class="ssh-item" style="margin-left: 0; margin-top: 5px;padding: 0;">
|
||
<input class="btswitch btswitch-ios" id="root_login" type="checkbox" name="root_login">
|
||
<label class="btswitch-btn" for="root_login" style="margin-bottom: 0;"></label>
|
||
</div>
|
||
</div>
|
||
<div class="line-row-tips">是否允许root登录ssh</div> -->
|
||
<select class="bt-input-text" name="root_login">
|
||
<option value="yes">{{ data['lan']['SS5'] }}</option>
|
||
</select>
|
||
</div>
|
||
</div>
|
||
<div class="line" title="{{ data['lan']['SS6'] }}">
|
||
<div class="line-title">{{ data['lan']['SS6'] }}</div>
|
||
<div class="line-item">
|
||
<div class="line-row">
|
||
<div class="ssh-item" style="margin-left: 0; margin-top: 5px; padding: 0">
|
||
<input class="btswitch btswitch-ios" id="ssh_paw" type="checkbox" name="ssh_paw" />
|
||
<label class="btswitch-btn" for="ssh_paw" style="margin-bottom: 0"></label>
|
||
</div>
|
||
</div>
|
||
<div class="line-row-tips">{{ data['lan']['SS7'] }}</div>
|
||
</div>
|
||
</div>
|
||
<div class="line" title="{{ data['lan']['SS8'] }}">
|
||
<div class="line-title">{{ data['lan']['SS8'] }}</div>
|
||
<div class="line-item">
|
||
<div class="line-row">
|
||
<div class="ssh-item" style="margin-left: 0; margin-top: 5px; padding: 0">
|
||
<input class="btswitch btswitch-ios" id="ssh_pubkey" type="checkbox" name="ssh_pubkey" />
|
||
<label class="btswitch-btn" for="ssh_pubkey" style="margin-bottom: 0"></label>
|
||
</div>
|
||
</div>
|
||
<button type="button" class="btn btn-success btn-xs ml5 checkKey" style="vertical-align: initial">{{ data['lan']['SS9'] }}</button>
|
||
<button type="button" class="btn btn-default btn-xs ml5 downloadKey" style="vertical-align: initial">{{ data['lan']['SS10'] }}</button>
|
||
<div class="line-row-tips">{{ data['lan']['SS11'] }}</div>
|
||
</div>
|
||
</div>
|
||
<div class="line" title="{{ data['lan']['SS12'] }}">
|
||
<div class="line-title">{{ data['lan']['SS12'] }}</div>
|
||
<div class="line-item">
|
||
<div class="line-row mr5">
|
||
<a href="javascript:;" class="bt_warning setSshLoginAlarm">{{ data['lan']['SS13'] }}</a>
|
||
</div>
|
||
<button type="button" class="btn btn-success btn-xs ml5 setSshLoginAlarm" style="vertical-align: initial">{{ data['lan']['SS14'] }}</button>
|
||
<div class="line-row-tips">{{ data['lan']['SS15'] }}</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="tab-block">
|
||
<div id="loginLogsContent">
|
||
<div class="w-full">
|
||
<div id="loginAllLogs"></div>
|
||
</div>
|
||
<div class="w-full no-show">
|
||
<div id="loginSuccessLogs"></div>
|
||
</div>
|
||
<div class="w-full no-show">
|
||
<div id="loginErrorLogs"></div>
|
||
</div>
|
||
</div>
|
||
<div class="daily-thumbnail" style="display: none">
|
||
<div class="thumbnail-introduce">
|
||
<span>{{ data['lan']['S7'] }}</span>
|
||
<ul>
|
||
<li>{{ data['lan']['S8'] }}</li>
|
||
</ul>
|
||
<div class="daily-product-buy">
|
||
<a href="javascript:;" class="btn btn-success va0 mr10 " onclick="product_recommend.pay_product_sign('pro', 100)">{{ data['lan']['BTN7'] }}</a>
|
||
</div>
|
||
</div>
|
||
<div class="thumbnail-box">
|
||
<ul class="thumbnail-tab">
|
||
<li class="on">{{ data['lan']['S7'] }}</li>
|
||
</ul>
|
||
<div class="thumbnail-item show">
|
||
<div class="pluginTipsGg" style="background-image: url('/static/images/firewall/ssh/1.png');"></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="tab-con hide" id="intrusion">
|
||
<div class="tab-nav-border">
|
||
<span class="on">{{ data['lan']['AI4'] }}</span>
|
||
<span>{{ data['lan']['AI5'] }}</span>
|
||
<span>{{ data['lan']['AI6'] }}</span>
|
||
<span>{{ data['lan']['AI7'] }}</span>
|
||
</div>
|
||
<div class="tab-nav-con">
|
||
<div class="tab-block on">
|
||
<div id="antiOverviewList"></div>
|
||
<ul class="help-info-text c7">
|
||
<li>{{ data['lan']['AI8'] }}</li>
|
||
<li>{{ data['lan']['AI9'] }}</li>
|
||
<li>{{ data['lan']['AI10'] }}</li>
|
||
</ul>
|
||
</div>
|
||
<div class="tab-block">
|
||
<div id="antiProcessWhiteList"></div>
|
||
</div>
|
||
<div class="tab-block">
|
||
<div id="antiInterceptLog"></div>
|
||
</div>
|
||
<div class="tab-block">
|
||
<div id="antiOperationLog"></div>
|
||
</div>
|
||
</div>
|
||
<div class="installSoft no-show">
|
||
<div class="daily-thumbnail">
|
||
<div class="thumbnail-introduce">
|
||
<span>{{ data['lan']['H3'] }}{{ data['lan']['PF'] }}</span>
|
||
<ul>
|
||
<li>{{ data['lan']['AI12'] }}</li>
|
||
<li>{{ data['lan']['AI13'] }}</li>
|
||
<li>{{ data['lan']['AI14'] }}</li>
|
||
</ul>
|
||
<div class="daily-product-buy">
|
||
<a href="javascript:;" class="btn btn-success va0 mr10 installIntrusion">{{ data['lan']['BTN6'] }}</a>
|
||
<a href="javascript:;" class="btn btn-success va0 ml15 buyIntrusion" onclick="product_recommend.pay_product_sign('pro',105)">{{ data['lan']['BTN7'] }}</a>
|
||
</div>
|
||
</div>
|
||
<div class="thumbnail-box">
|
||
<ul class="thumbnail-tab">
|
||
<li class="on">{{ data['lan']['AI15'] }}</li>
|
||
<li>{{ data['lan']['AI16'] }}</li>
|
||
<li>{{ data['lan']['AI17'] }}</li>
|
||
<li>{{ data['lan']['AI18'] }}</li>
|
||
</ul>
|
||
<div class="thumbnail-item show">
|
||
<div class="pluginTipsGg" style="background-image: url(/static/images/firewall/intrusion/1.png)"></div>
|
||
</div>
|
||
<div class="thumbnail-item">
|
||
<div class="pluginTipsGg" style="background-image: url(/static/images/firewall/intrusion/2.png)"></div>
|
||
</div>
|
||
<div class="thumbnail-item">
|
||
<div class="pluginTipsGg" style="background-image: url(/static/images/firewall/intrusion/3.png)"></div>
|
||
</div>
|
||
<div class="thumbnail-item">
|
||
<div class="pluginTipsGg" style="background-image: url(/static/images/firewall/intrusion/4.png)"></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="tab-con hide" id="system">
|
||
<div class="tab-nav-border">
|
||
<span class="on">{{ data['lan']['SH2'] }}</span>
|
||
<span>{{ data['lan']['SH3'] }}</span>
|
||
<span>{{ data['lan']['SH4'] }}</span>
|
||
</div>
|
||
<div class="tab-nav-con">
|
||
<div class="tab-block on">
|
||
<div id="reinforceSystem"></div>
|
||
<ul class="help-info-text c7">
|
||
<li>{{ data['lan']['SH5'] }}</li>
|
||
<li>{{ data['lan']['SH6'] }}</li>
|
||
<li>{{ data['lan']['SH7'] }}</li>
|
||
<li style="color: red">{{ data['lan']['SH8'] }}</li>
|
||
</ul>
|
||
</div>
|
||
<div class="tab-block">
|
||
<div>
|
||
<input class="bt-input-text" name="system_address" type="text" value="" placeholder="{{ data['lan']['SH9'] }}" style="width: 250px; margin-right: 6px" />
|
||
<button class="btn btn-success btn-sm system_add_ip">{{ data['lan']['SH10'] }}</button>
|
||
</div>
|
||
<div id="reinforceBlockIp"></div>
|
||
<ul class="help-info-text c7">
|
||
<li>{{ data['lan']['SH11'] }}</li>
|
||
<li>{{ data['lan']['SH12'] }}</li>
|
||
</ul>
|
||
</div>
|
||
<div class="tab-block">
|
||
<div id="reinforceLog"></div>
|
||
<div id="reinforceLogPage" class="page"></div>
|
||
</div>
|
||
</div>
|
||
<div class="installSoft no-show">
|
||
<div class="daily-thumbnail">
|
||
<div class="thumbnail-introduce">
|
||
<span>{{ data['lan']['H4'] }}{{ data['lan']['PF'] }}</span>
|
||
<ul>
|
||
<li>{{ data['lan']['SH14'] }}</li>
|
||
<li>{{ data['lan']['SH15'] }}</li>
|
||
</ul>
|
||
<div class="daily-product-buy">
|
||
<a href="javascript:;" class="btn btn-success va0 mr10 installSystem">{{ data['lan']['BTN6'] }}</a>
|
||
<a href="javascript:;" class="btn btn-success va0 ml15 buySystem" onclick="product_recommend.pay_product_sign('pro',102)">{{ data['lan']['BTN7'] }}</a>
|
||
</div>
|
||
</div>
|
||
<div class="thumbnail-box">
|
||
<ul class="thumbnail-tab">
|
||
<li class="on">{{ data['lan']['SH16'] }}</li>
|
||
<li>{{ data['lan']['SH17'] }}</li>
|
||
<li>{{ data['lan']['SH18'] }}</li>
|
||
</ul>
|
||
<div class="thumbnail-item show">
|
||
<div class="pluginTipsGg" style="background-image: url('/static/images/firewall/system/1.png')"></div>
|
||
</div>
|
||
<div class="thumbnail-item">
|
||
<div class="pluginTipsGg" style="background-image: url('/static/images/firewall/system/2.png')"></div>
|
||
</div>
|
||
<div class="thumbnail-item">
|
||
<div class="pluginTipsGg" style="background-image: url('/static/images/firewall/system/3.png')"></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="tab-con hide" id="logAudit">
|
||
<div class="logAuditTabContent">
|
||
<div class="logAuditTab"></div>
|
||
<div class="logAuditContent">
|
||
<div id="logAuditTable"></div>
|
||
<div id="logAuditPages" class="page" style="display: flex;justify-content: flex-end"></div>
|
||
<div id="logAuditPre" style="display: none;"></div>
|
||
</div>
|
||
</div>
|
||
<div class="daily-thumbnail" style="display: none">
|
||
<div class="logAuditTabContent">
|
||
<div class="logAuditTab"></div>
|
||
<div class="logAuditContent">
|
||
<div id="logAuditTable"></div>
|
||
<div id="logAuditPages" class="page" style="display: flex; justify-content: flex-end"></div>
|
||
<div id="logAuditPre" style="display: none"></div>
|
||
</div>
|
||
</div>
|
||
<div class="daily-thumbnail" style="display: none">
|
||
<div class="thumbnail-introduce">
|
||
<span>{{ data['lan']['H3'] }}</span>
|
||
<ul>
|
||
<li>{{ data['lan']['L3'] }}</li>
|
||
</ul>
|
||
<div class="daily-product-buy">
|
||
<a href="javascript:;" class="btn btn-success va0 mr10" onclick="product_recommend.pay_product_sign('pro',103)">{{ data['lan']['BTN7'] }}</a>
|
||
</div>
|
||
</div>
|
||
<div class="thumbnail-box">
|
||
<ul class="thumbnail-tab">
|
||
<li class="on">{{ data['lan']['H3'] }}</li>
|
||
</ul>
|
||
<div class="thumbnail-item show">
|
||
<div class="pluginTipsGg" style="background-image: url('/static/images/firewall/logAudit/1.png')"></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="installSoft" style="display: none">
|
||
<div class="daily-thumbnail">
|
||
<div class="thumbnail-introduce">
|
||
<span>{{ data['lan']['H3'] }}{{ data['lan']['PF'] }}</span>
|
||
<ul>
|
||
<li>{{ data['lan']['L4'] }}</li>
|
||
</ul>
|
||
<div class="daily-product-buy">
|
||
<a href="javascript:;" class="btn btn-success va0 ml15 buyLogAudit" onclick="product_recommend.pay_product_sign('pro',104)">{{ data['lan']['BTN7'] }}</a>
|
||
</div>
|
||
</div>
|
||
<div class="thumbnail-box">
|
||
<ul class="thumbnail-tab">
|
||
<li class="on">{{ data['lan']['L5'] }}</li>
|
||
</ul>
|
||
<div class="thumbnail-item show">
|
||
<div class="pluginTipsGg" style="background-image: url(/static/img/logAudit/1.png)"></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="tab-con hide" id="logsBody">
|
||
<div class="tab-nav-border">
|
||
<span class="on">{{ data['lan']['L1'] }}</span>
|
||
<span>{{ data['lan']['L2'] }}</span>
|
||
</div>
|
||
<div class="tab-nav-con">
|
||
<div class="tab-block on">
|
||
<div id="operationLog"></div>
|
||
</div>
|
||
<div class="tab-block">
|
||
<div id="runningLog"></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
{% endblock %}
|
||
{% block scripts %}
|
||
{{ super() }}
|
||
<script type="text/javascript" src="/static/js/soft.js?version_20200109={{g['version']}}"></script>
|
||
<script type="text/javascript" src="{{ static_url }}static/js/firewall.js"></script>
|
||
{% endblock %}
|