You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
108 lines
3.5 KiB
108 lines
3.5 KiB
{% extends 'base.html' %}
|
|
|
|
{% block title %}ZFSAFE{% endblock %}
|
|
|
|
<!-- 页面样式块 -->
|
|
{% block style %}
|
|
/* 查询条件区域：使用 row 分布，输入框占满所在列 */
|
|
.search-section .form-control,
|
|
.search-section .form-select {
|
|
width: 100%;
|
|
}
|
|
/* 查询条件区域，每个条件统一高度且左右间隔均等 */
|
|
.search-section .col {
|
|
padding: 0 5px;
|
|
}
|
|
|
|
/* 表格样式：统一垂直居中 */
|
|
.table thead th, .table tbody td {
|
|
vertical-align: middle;
|
|
text-align: center;
|
|
}
|
|
|
|
/* 分页区域右对齐 */
|
|
.pagination-section {
|
|
text-align: right;
|
|
padding-right: 15px;
|
|
}
|
|
|
|
/* 固定行高，比如 45px，每页 10 行 */
|
|
.fixed-row-height {
|
|
height: 45px;
|
|
overflow: hidden;
|
|
}
|
|
{% endblock %}
|
|
|
|
<!-- 页面内容块 -->
|
|
{% block content %}
|
|
<div class="container-xxl mt-2">
|
|
<!-- 查询区 -->
|
|
<div class="row mb-3">
|
|
<div class="col-2 mb-2"><button class="btn btn-primary me-3" onclick="openModal('add')">导入</button></div>
|
|
<div class="col-10"></div>
|
|
<div class="col-3 mb-2"><input type="text" class="form-control" id="polltarget" placeholder="检测目标"></div>
|
|
<div class="col-3"><input type="text" class="form-control" id="owner" placeholder="所属用户"></div>
|
|
<div class="col-2">
|
|
<select class="form-select" id="polling_period">
|
|
<option value="">巡检周期</option>
|
|
<option value="1">每日</option>
|
|
<option value="2">每周</option>
|
|
<option value="3">每月</option>
|
|
</select>
|
|
</div>
|
|
<div class="col-2">
|
|
<select class="form-select" id="risk_rank">
|
|
<option value="">风险等级</option>
|
|
<option value="0">0</option>
|
|
<option value="1">1</option>
|
|
<option value="2">2</option>
|
|
<option value="3">3</option>
|
|
<option value="4">4</option>
|
|
<option value="5">5</option>
|
|
</select>
|
|
</div>
|
|
<div class="col-2 text-end">
|
|
<button class="btn btn-primary" onclick="fetchData()">查询</button>
|
|
<button class="btn btn-primary" onclick="exportOwnerData()">导出</button>
|
|
</div>
|
|
</div>
|
|
<!-- 表格 -->
|
|
<div class="table-responsive">
|
|
<table class="table table-bordered table-hover" id="pollingTable" style="width: 100%; table-layout: fixed;">
|
|
<thead>
|
|
<tr>
|
|
<th style="width:5%;">序号</th>
|
|
<th style="width:20%;">检测目标</th>
|
|
<th style="width:20%;">所属用户</th>
|
|
<th style="width:10%;">检测周期</th>
|
|
<th style="width:15%;">最新检测时间</th>
|
|
<th style="width:10%;">风险等级</th>
|
|
<th style="width:20%;">操作</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<!-- JS 动态插入 10 行 -->
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
<!-- 分页 -->
|
|
<nav class="mt-2">
|
|
<ul class="pagination justify-content-end" id="pollingPagination">
|
|
<li class="page-item"><a class="page-link" href="#" id="pollingPrev">上一页</a></li>
|
|
<li class="page-item"><a class="page-link" href="#" id="pollingNext">下一页</a></li>
|
|
</ul>
|
|
</nav>
|
|
|
|
</div>
|
|
|
|
<!-- --------导入modal---------- -->
|
|
|
|
<!-- --------所属用户modal---------- -->
|
|
|
|
<!-- --------巡检策略modal---------- -->
|
|
|
|
{% endblock %}
|
|
|
|
<!-- 页面脚本块 -->
|
|
{% block script %}
|
|
{% endblock %}
|