newmediamonitoring/monitor/templates/monitor/sensitive-word-monitoring.html

80 lines
3.5 KiB
HTML

{% extends 'dashboard/base/base.html' %}
{% load static %}
{% block content %}
<body class=" ">
<!-- START TOPBAR -->
<!-- START CONTAINER -->
<div class="page-container row-fluid">
<div class="page-sidebar ">
{% include 'dashboard/base/left.html' %}
</div>
<section id="main-content" class=" ">
<section class="wrapper" style='margin-top:60px;display:inline-block;width:100%;padding:15px 0 0 15px;'>
{% if messages %}
<div class="alert alert-success alert-dismissible" role="alert">
<button type="button" class="close" data-dismiss="alert">
<span aria-hidden="true">&times;</span>
<span class="sr-only">Close</span>
</button>
{% for message in messages %}
{{ message }}.<br/>
{% endfor %}
</div>
{% endif %}
</section>
<div class="chatapi-windows "></div>
<div class="panel panel-default">
<div class="panel-body">
<div class="panel panel-default">
<div class="panel-heading">敏感词列表</div>
<div class="panel panel-default">
<!-- Default panel contents -->
<table class="table table-hover" style="font-size: 14px">
<thead>
<tr>
<th style="text-align: center">敏感词</th>
<th style="text-align: center">出现次数</th>
<th style="text-align: center">定位</th>
<th style="text-align: center">百分比</th>
<th style="text-align: center">风险程度</th>
</tr>
</thead>
<tbody>
{% for r in data %}
<tr>
<td style="vertical-align: middle;text-align: center">叙利亚</td>
<td style="vertical-align: middle;text-align: center">1</td>
<td style="vertical-align: middle;text-align: center"><a class="dingwei">截图</a>
</td>
<td style="vertical-align: middle;text-align: center">%1</td>
<td style="vertical-align: middle;text-align: center">
<button class="btn btn-sm btn-success">低风险</button>
</td>
</tr>
{% endfor %}
</tbody>
</table>
</div>
<div id="image" style="text-align: center;" hidden>
<img src="{% static 'monitor/image/dingwei.png' %}">
</div>
</div>
</div>
</div>
</section>
</div>
</body>
{% endblock %}
{% block add_js %}
<script>
$(".dingwei").click(function () {
$("#image").toggle();
});
</script>
{% endblock %}