移动新ui
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.
 
 
 
 
hb_cyjc_yd/WebRoot/hbcyjc/zhspjk/list_zhspjkvideomanage.jsp

1034 lines
34 KiB

<!DOCTYPE html>
<%@ page language="java" pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ include file="/common/ctx.jsp"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<%-- <%@ taglib prefix="cjy" uri="../../WEB-INF/cjyregion.tld"%> --%>
<html>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description"
content="A fully featured admin theme which can be used to build CRM, CMS, etc.">
<meta name="author" content="Coderthemes">
<link rel="shortcut icon" href="${ctx}/images/favicon_1.ico">
<title>综合视频监控</title>
<script src="${ctx}/js/jquery-3.7.0.min.js"></script>
<script src="${ctx}/js/layer/layer.js"></script>
<%--开关样式--%>
<link rel="stylesheet" href="${ctx}/js/layui/2.5.5/layui/css/layui.css" media="all">
<!-- 新样式引入 -->
<link href="${ctx}/hbcyjc/resource/css/cjy_style.css" rel="stylesheet" />
<link href="${ctx}/hbcyjc/resource/css/cjy_style2.css" rel="stylesheet" />
<script src="${ctx}/js/jquery-3.7.0.min.js"></script>
<!-- 字体图标 -->
<link href="${ctx}/assets/font-awesome/css/font-awesome.min.css" rel="stylesheet"/>
<link href="${ctx}/assets/ionicon/css/ionicons.min.css" rel="stylesheet"/>
<link href="${ctx}/css/material-design-iconic-font.min.css" rel="stylesheet">
<%-- <link href="${ctx}/hbcyjc/resourceNew/css/cjy_zlmxg.css" rel="stylesheet" />--%>
<link href="${ctx }/assets/select2/select2.css" rel="stylesheet" type="text/css" />
<script src="${ctx }/assets/select2/select2.min.js" type="text/javascript"></script>
<%@ include file="/common/theme_css.jsp" %>
<script type="text/javascript">
//全选择
$(document).ready(
function(){
$('#selectAll').click(function(){
if(this.checked==true){
$("input[name='ids']").each(function(){
this.checked = true;
});
}else{
$("#mainForm input").each(function(){
this.checked = false;
});
}
});
init();
}
);
//新建
function save(){
location.href="${ctx}/zhspjkvideomanage/gotoAddZhspjkVideoManagePage.do";
}
//修改
function goEdit(id){
id = $("#t_r_content .focus #dataid").val(); //获得选中的行的id
var dxcheckbox = "";
$("[name='ids']").each(function () {
if ($(this).prop("checked")) {
flagg = true;
dxcheckbox += $(this).val() + ",";
}
});
dxcheckbox = dxcheckbox.substring(0,dxcheckbox.length-1);
var pddh = dxcheckbox.indexOf(",");
if(pddh > 0){
layer.msg("请选择一条要修改的数据");
return;
}else{
id = dxcheckbox;
}
if(id == "" || id == null){
// alert("请选择要修改的数据");
layer.msg("请选择要修改的数据");
return;
}
var retseledata = getselecs();
var url = "${ctx}/zhspjkvideomanage/gotoEditZhspjkVideoManagePage.do?id="+id+"&"+retseledata;
location.href=url;
}
/**
* 复制新增
* */
function copyadd(){
id = $("#t_r_content .focus #dataid").val(); //获得选中的行的id
var dxcheckbox = "";
$("[name='ids']").each(function () {
if ($(this).prop("checked")) {
flagg = true;
dxcheckbox += $(this).val() + ",";
}
});
dxcheckbox = dxcheckbox.substring(0,dxcheckbox.length-1);
var pddh = dxcheckbox.indexOf(",");
if(pddh > 0){
layer.msg("请选择一条要修改的数据");
return;
}else{
id = dxcheckbox;
}
if(id == "" || id == null){
// alert("请选择要修改的数据");
layer.msg("请选择要修改的数据");
return;
}
var retseledata = getselecs();
var url = "${ctx}/zhspjkvideomanage/gotocopyaddZhspjkVideoManagePage.do?id="+id+"&"+retseledata;
location.href=url;
}
//获得查询参数并拼接
function getselecs(){
var videoName = $("#videoName").val();
var videotype = $("#videotype").val();
var syjqfd = $("#syjqfd").val();
var videoState = $("#videoState").val();
var videoExamineState = $("#videoExamineState").val();
var province = $("#province").val();
var city = $("#city").val();
var county = $("#county").val();
var videoScenicId = $("#videoScenicId").val();
var retseledata = "";
if(!pdwk(videoName)){
retseledata+="videoName="+videoName;
}
if(!pdwk(videotype)){
retseledata+="&videotype="+videotype;
}
if(!pdwk(syjqfd)){
retseledata+="&syjqfd="+syjqfd;
}
if(!pdwk(videoState)){
retseledata+="&videoState="+videoState;
}
if(!pdwk(videoExamineState)){
retseledata+="&videoExamineState="+videoExamineState;
}
if(!pdwk(province)){
retseledata+="&province="+province;
}
if(!pdwk(city)){
retseledata+="&city="+city;
}
if(!pdwk(county)){
retseledata+="&county="+county;
}
if(!pdwk(videoScenicId)){
retseledata+="&videoScenicId="+videoScenicId;
}
// var retseledata = "videoName="+videoName+
// "&videotype="+videotype+
// "&syjqfd="+syjqfd+
// "&videoState="+videoState+
// "&videoExamineState="+videoExamineState+
// "&province="+province+
// "&city="+city+
// "&county="+county+
// "&videoScenicId="+videoScenicId;
return retseledata;
}
//判断为空
function pdwk(padata){
if(padata==null||padata==""||padata=="null"||padata==undefined||padata=="undefined"){
return true;
}else{
return false;
}
}
//删除
function gotoDel(){
var flag = false;
var ids = "";
$("[name='ids']").each(function() {
if ($(this).prop("checked")) {
flag = true;
ids += $(this).val() + ",";
}
});
if (ids != "") {
ids = ids.substring(0, ids.length - 1);
}
if (flag) {//复选框多选判断
delConfirm(ids);
} else{
var lid = $("#t_r_content .focus #dataid").val(); //获得选中的行的id
if(lid != null && lid != ""){
lid += ',';
delConfirm(lid);
}else{
layer.msg("请先选择删除的数据");
}
}
}
function delConfirm(ids){
layer.confirm('确定要删除选中的数据吗?', {title:''}, function(){
var retseledata = getselecs();
location.href="${ctx}/zhspjkvideomanage/deleteZhspjkVideoManage.do?ids="+ids+"&"+retseledata;
upgghtscenicdata();
});
}
function delCancel(){
$("#mainForm input").each(function() {
this.checked = false;
});
return;
}
upgghtscenicdata();
/**
* 更新景区数据--搜索下拉使用
*/
function upgghtscenicdata(){
var URL = "${ctx}/lyscenicbasic/updateAllLyScenicBasic.do";
$.ajax({
type: "POST",
dataType: "json",
url: URL,
async: true, // 异步
success: function (data) {
var zt = data.state;
if(zt=="0"){
console.log("下拉数据更新成功");
}else{
console.log("下拉数据更新失败");
}
}
})
}
//详情
function goDetil(id){
var url = "${ctx}/zhspjkvideomanage/gotoDetilZhspjkVideoManagePage.do?id=" + id;
layer.open({
type : 2,
shade: [0.7, '#333'],
title : '',
anim : 2,
area : ['70%','90%'],
content : url,
end: function(){
location.reload();
}
});
}
//搜索
function searcha() {
document.mainForm.submit();
}
//重置
function reset2(){
document.getElementById("idd").value="";
}
//导出
function daochuAll(){
// window.open("${ctx}/zhspjkvideomanage/daochuZhspjkVideoManage.do");
window.open("${ctx}/video/export/export-4A")
}
//导出
function daochu(){
// window.open("${ctx}/zhspjkvideomanage/daochuZhspjkVideoManage.do");
window.open("${ctx}/video/export/export-4A?min_grade=4")
}
function daochu4ARate(){
// window.open("${ctx}/zhspjkvideomanage/daochuZhspjkVideoManage.do");
window.open("${ctx}/video/export/export-rate?min_grade=4")
}
function daochu5ARate(){
// window.open("${ctx}/zhspjkvideomanage/daochuZhspjkVideoManage.do");
window.open("${ctx}/video/export/export-rate?grade=5")
}
//初始化
function init(){
var mesg = document.getElementById("mesg").value;
if(mesg!=null&&mesg!=""){
window.parent.customAlertTip("", mesg);
}
getSelectCondition();
initr();
}
//数据导入
function daoru2(){
document.mainForm.action = "${ctx}/zhspjkvideomanage/daoru2ZhspjkVideoManage.do";
document.mainForm.submit();
}
//下载导入模板
function downup(){
location.href="${ctx}/back/zhspjkvideomanage/excel/zhspjkvideomanage.xls";
}
//点击重置操作
function chongzhi(){
$("#videoName").val("");
$("#videotype").val("");
$("#jqfddj").val("");
$("#syjqfd").val("");
$("#videoState").val("");
$("#videoExamineState").val("");
$("#province").val("");
$("#city").val("");
$("#county").val("");
$("#videoScenicId").html("<option value = \"0\">请选择所属景区饭店</option>");
$("#videoScenicId").val("0");
}
//设置行选中样式
$(document).ready(function () {
$("#t_r_content tr").on("click", function () {
$(this).parent().find("tr.focus").toggleClass("focus");//取消原先选中行
$(this).toggleClass("focus");//设定当前行为选中行
});
});
//查询条件,所属景区/饭店
function getSelectCondition(){
// var SysRegionhtml = "<option value = \"0\">请选择所属景区饭店</option>";
// var data = ${selelist};
// if(data.length>0){
// for(var i = 0;i<data.length;i++){
// SysRegionhtml += "<option value = \""+data[i].jqcname+"\">"+data[i].jqcname+"</option>";
// }
// }else{
// SysRegionhtml += "<option value = \"\">请选择</option>";
// }
// $("#videoScenicId").html(SysRegionhtml);
getSelectScenicJQ();
}
$(document).ready(function() {
if('${isDept}'=='city'){
$("#county").val('${county}');
chooseCounty();
}else if('${isDept}'=='province'){
$("#city").val('${city}');
chooseCity();
$("#county").val('${county}');
chooseCounty();
}
//隐藏三级联动中的中间一级---城市为 雄安(131401),辛集市(131402),定州市(131403)隐藏
var cityList = '${countyList[0].dremark}';
if(cityList == "131401" || cityList == "131402" || cityList == "131403"){
$("#city").parent().css("display","none");
}
});
//选择市
function chooseCity(){
var deptid = $("#province").val();
if(deptid){
$.ajax({
url : "${ctx}/sysdept/selectBydpid.do",
data : {"deptid" : deptid},
type : "post",
dataType : "json",
async : false,
success : function(data) {
document.getElementById("city").options.length=0;//删除所有option
$("#city").append("<option value=''>-请选择-</option>");
if(data!=null && data.length>0){
for(var i=0;i<data.length;i++){
$("#city").append("<option value='"+data[i].dremark+"'>"+data[i].dname+"</option>");
}
$("#city option[value='${city}']").attr("selected",true);
}
}
});
}else{
document.getElementById("city").options.length=0;//删除所有option
$("#city").append("<option value=''>-请选择-</option>");
}
}
//选择区/县
function chooseCounty(){
var deptid = $("#city").val();
if(deptid){
$.ajax({
url : "${ctx}/sysdept/selectBydpid.do",
data : {"deptid" : deptid},
type : "post",
dataType : "json",
async : false,
success : function(data) {
document.getElementById("county").options.length=0;//删除所有option
$("#county").append("<option value=''>-请选择-</option>");
if(data!=null && data.length>0){
for(var i=0;i<data.length;i++){
$("#county").append("<option value='"+data[i].dremark+"'>"+data[i].dname+"</option>");
}
$("#county option[value='${county}']").attr("selected",true);
}
}
});
}else{
document.getElementById("county").options.length=0;//删除所有option
$("#county").append("<option value=''>-请选择-</option>");
}
getselect2data();
}
//获得所属景区
function getSelectScenicJQ(){
return;
var data = ${selelist};
var SysRegionhtml = "<option value = \"0\">请选择所属景区饭店</option>";
if(data.length>0){
var jqcnamet = "${videoScenicId}";
for(var i = 0;i<data.length;i++){
var jqcname = (data[i]!=null && data[i] != "null")?data[i].jqcname:''; //这个判断必须有,
if(jqcname != null && jqcname != ""){
if(jqcnamet == data[i].jqcname){
SysRegionhtml += "<option value = \""+data[i].jqcname+"\" selected>"+data[i].jqcname+"</option>";
}else{
SysRegionhtml += "<option value = \""+data[i].jqcname+"\">"+data[i].jqcname+"</option>";
}
}
}
}
$("#videoScenicId").html(SysRegionhtml);
}
function initr() {
var sysName = "综合视频监控系统";
if('${UserAttrFacade.getDeptInfo(request).dremark}'.indexOf('1399') != -1){
sysName = '景区视频监控监测';
document.getElementsByTagName("title")[0].innerText = sysName;
}
var userName = "test";
$("#sysName").html(sysName);
var pageName = "视频管理";
$("#pageName").html(pageName);
$("#userName").html(userName);
// var html = "<a href=\"${ctx}/zhspjkvideomanage/tozhspjklist.do\" class=\"caid_xiang \">视频播放</a>" +
// "<a href=\"${ctx}/zhspjkvideomanage/searchZhspjkVideoManageList.do\" class=\"caid_xiang active\">视频管理</a>";
// $("#menuList").html(html);
getLeftlowermenu();
}
//获得左下角菜单
//加个id--leftlowermenu
function getLeftlowermenu(){
if("130000"==${UserAttrFacade.getDeptInfo(request).dremark}){
var dicnum = '015402';
}else{
var dicnum = '010302'; //测试,需要换成自己当前菜单dicnum --> sys_menu_item_dictionary
}
$.ajax({
url : "${ctx}/hbcyjclogin/getzccd.do",
data : {"dicnum" : dicnum},
type : "post",
dataType : "json",
success : function(data) {
var leftlowerhtml = "";
if(data.success){
var zcdlist = data.data;
for(var i = 0;i<zcdlist.length;i++){
var menuurl = zcdlist[i].menuurl; //配置的链接
var dicname = zcdlist[i].dicname; //名称
if(dicnum == zcdlist[i].dicnum){
leftlowerhtml +="<a href=\""+menuurl+"\" class=\"caid_xiang active\">"+dicname+"</a>";
}else{
leftlowerhtml +="<a href=\""+menuurl+"\" class=\"caid_xiang\">"+dicname+"</a>";
}
}
}
$("#menuList").html(leftlowerhtml);
}
});
}
/**
* 根据前边获得查询条件 获得select2的内容,
*/
function getselect2data(){
$("#select2-chosen-1").html("请选择所属景区酒店");
var videotype = $("#videotype").val(); // 视频类型
var jqfddj = $("#jqfddj").val(); // 景区饭店等级
var syjqfd = $("#syjqfd").val(); // 所属景区饭店
//province-city-county
var county = $("#county").val(); // 行政区划
var city = $("#city").val(); // 行政区划,市
var province = $("#province").val(); // 行政区划,省
var videoState = $("#videoState").val(); // 视屏状态
var videoExamineState = $("#videoExamineState").val(); // 审核状态
// if(pdwk(videotype)){yytjgs ++;}
// if(pdwk(jqfddj)){yytjgs ++;}
// if(pdwk(syjqfd)){yytjgs ++;}
// if(pdwk(videoState)){yytjgs ++;}
// if(yytjgs<3){
// return;
// }
$.ajax({
url : "${ctx}/zhspjkvideomanage/getSelectScenicresres.do",
data : {videotype: videotype,jqfddj:jqfddj,syjqfd:syjqfd,county:county,city:city,
province:province,videoState:videoState,videoExamineState:videoExamineState},
type : "post",
dataType : "json",
async : false,
success : function(data) {
var jqcnamet = "${videoScenicId}";
var SysRegionhtml = "<option value = \"\" selected>请选择所属景区酒店</option>";
for(var i = 0;i<data.length;i++){
var jqcname = (data[i]!=null && data[i] != "null")?data[i].cname:''; //这个判断必须有,
if(jqcname != null && jqcname != ""){
if(jqcnamet == data[i].cname){
SysRegionhtml += "<option value = \""+data[i].cname+"\" selected>"+data[i].cname+"</option>";
}else{
SysRegionhtml += "<option value = \""+data[i].cname+"\">"+data[i].cname+"</option>";
}
}
}
$("#videoScenicId").html(SysRegionhtml);
}
})
}
function pdwk(varuda){
if(varuda==null||varuda==""||varuda=="null"||varuda==undefined||varuda=="undefined"){
return true;
}else{
return false;
}
}
</script>
<style type="text/css">
.select2-container .select2-choice {
padding:0px 5px;
background:rgba(0,169,246,0.1);
}
.select2-drop{
/*background-color: #11274a;*/
background-color: #061c3e;
}
.select2-drop.select2-drop-above .select2-search input{
/*background-color: #11274a;*/
background-color: #11274a;
}
.select2-container .select2-choice{height:28px; border:none;line-height:28px}
.select2-container .select2-choice .select2-arrow{top:-3px}
.select2-dropdown-open .select2-choice{box-shadow:none}
/*.select2-drop{border-color:#04489D}*/
.select2-drop{border-color:#04489D}
.select2-search input {
background-color: #12283f
}
a {
color: #fff;
}
</style>
</head>
<body>
<div class="xingk"></div>
<%@include file="/common/menu.jsp" %>
<div class="full_box">
<div class="ts_wid_fm">
<form class="zt_lay" action="${ctx}/zhspjkvideomanage/searchZhspjkVideoManageList.do" id="mainForm" method="post" name="mainForm" enctype="multipart/form-data">
<!-- <form class="zt_lay"> -->
<div class="table_sck">
<input type="hidden" id="mesg" name="mesg" value="${mesg}">
<div class="">
<c:if test="${admin.realname != '安新县' && admin.realname != '容城县' && admin.realname != '雄县'}">
<button type="button" class="bttn" onclick="save()">
<i class="md md-add"></i>新增视频
</button>
<button type="button" class="bttn" onclick="copyadd()">
<i class="md md-add"></i>复制新增
</button>
<button type="button" class="bttn" onclick="goEdit()">
<i class="md md-edit"></i>修改视频
</button>
<button type="button" class="bttn bttn_sc" onclick="gotoDel('mult')">
<i class="md md-remove"></i>删除视频
</button>
<button type="button" class="bttn bttn_sc" id = "examine">
<i class="md md-account-balance" ></i>审核
</button>
</c:if>
</div>
<!-- id="datatable-editable_filter" -->
<div class="tsble_form" id="datatable-editable_filter">
<div class="form_hpzs">
<label class="form_label">视频名称:</label>
<div class="form_input" style="width: 110px;">
<input id="videoName" name="videoName" value="${videoName}" placeholder="" aria-controls="datatable-editable">
</div>
</div>
<div class="form_hpzs" >
<label class="form_label">视频类型:</label>
<div class="form_select">
<select id="videotype" name="videotype" onchange="getselect2data()">
<option value = "" >请选择</option>
<option value = "0" <c:if test="${videotype =='0'}">selected</c:if> >景区</option>
<option value = "1" <c:if test="${videotype =='1'}">selected</c:if> >酒店</option>
</select>
</div>
</div>
<div class="form_hpzs" >
<label class="form_label">景区/饭店等级:</label>
<div class="form_select">
<select id="jqfddj" name="jqfddj" onchange="getselect2data()">
<option value = "">请选择</option>
<option value = "1" <c:if test="${jqfddj =='1'}">selected</c:if>>A</option>
<option value = "2" <c:if test="${jqfddj =='2'}">selected</c:if>>AA</option>
<option value = "3" <c:if test="${jqfddj =='3'}">selected</c:if>>AAA</option>
<option value = "4" <c:if test="${jqfddj =='4'}">selected</c:if>>AAAA</option>
<option value = "5" <c:if test="${jqfddj =='5'}">selected</c:if>>AAAAA</option>
<option value = "0" <c:if test="${jqfddj =='0'}">selected</c:if>>未评级</option>
</select>
</div>
</div>
<!-- <div class="form_hpzs" > -->
<!-- <label class="form_label">视频状态:</label> -->
<!-- <div class="form_select"> -->
<!-- <select id="videoState" name="videoState"> -->
<!-- <option value = "">请选择</option> -->
<%-- <option value = "0" <c:if test="${videoState =='0'}">selected</c:if>>正常</option> --%>
<%-- <option value = "1" <c:if test="${videoState =='1'}">selected</c:if>>登录失败</option> --%>
<%-- <option value = "1" <c:if test="${videoState =='1'}">selected</c:if>>网络异常</option> --%>
<%-- <option value = "1" <c:if test="${videoState =='1'}">selected</c:if>>通道异常</option> --%>
<%-- <option value = "1" <c:if test="${videoState =='1'}">selected</c:if>>位置错误</option> --%>
<!-- </select> -->
<!-- </div> -->
<!-- </div> -->
<div class="form_hpzs" >
<label class="form_label">视频状态:</label>
<div class="form_select">
<select id="videoState" name="videoState" onchange="getselect2data()">
<option value = "">请选择</option>
<option value = "0" <c:if test="${videoState =='0'}">selected</c:if>>正常</option>
<option value = "1" <c:if test="${videoState =='1'}">selected</c:if>>异常</option>
</select>
</div>
</div>
<div class="form_hpzs" >
<label class="form_label">审核状态:</label>
<div class="form_select">
<select id="videoExamineState" name="videoExamineState"onchange="getselect2data()">
<option value = "">请选择</option>
<option value = "0" <c:if test="${videoExamineState =='0'}">selected</c:if>>已通过</option>
<option value = "1" <c:if test="${videoExamineState =='1'}">selected</c:if>>未通过</option>
</select>
</div>
</div>
<div class="form_hpzs">
<label class="form_label">行政区划:</label>
<div class="form_select" style="width: 110px;">
<select class="form-control" id="province" name="province" onchange="chooseCity()">
<c:forEach items="${provinceList}" var="dept">
<c:choose>
<c:when test="${dept.dremark == province}">
<option value="${dept.dremark}" selected="selected">${dept.dname}</option>
</c:when>
<c:otherwise>
<option value="${dept.dremark}">${dept.dname}</option>
</c:otherwise>
</c:choose>
</c:forEach>
</select>
</div>
<div class="form_select" style="width: 110px;">
<select class="form-control" id="city" name="city" onchange="chooseCounty()">
<c:forEach items="${cityList}" var="dept">
<c:choose>
<c:when test="${dept.dremark == city}">
<option value="${dept.dremark}" selected="selected">${dept.dname}</option>
</c:when>
<c:otherwise>
<option value="${dept.dremark}">${dept.dname}</option>
</c:otherwise>
</c:choose>
</c:forEach>
</select>
</div>
<div class="form_select" style="width: 110px;">
<select class="form-control" id="county" name="county" onchange="getselect2data()">
<c:forEach items="${countyList}" var="dept">
<c:choose>
<c:when test="${dept.dremark == county}">
<option value="${dept.dremark}" selected="selected">${dept.dname}</option>
</c:when>
<c:otherwise>
<option value="${dept.dremark}">${dept.dname}</option>
</c:otherwise>
</c:choose>
</c:forEach>
</select>
</div>
</div>
<div class="form_hpzs" >
<label class="form_label">所属景区/饭店:</label>
<div class="form_select">
<select class="select2" id = "videoScenicId" name = "videoScenicId">
<c:choose>
<c:when test="${not empty videoScenicId }">
<option value = "${videoScenicId}">${videoScenicId}</option>
</c:when>
<c:otherwise><option value = "0">请选择所属景区饭店</option></c:otherwise>
</c:choose>
</select>
</div>
<button class="bttn bttn_ss" title="搜索">
<i class="fa fa-search"></i>搜索
</button>
<button class="bttn" title="重置" onclick="chongzhi()"><i class="fa fa-rotate-left "></i>重置</button>
</div>
<div class="form_hpzs">
<c:if test="${lev==1}"><button type="button" class="bttn" title="导出" onclick="daochuAll()"><i class="fa fa-download "></i>导出景区视频摄像头接入情况</button></c:if>
<c:if test="${lev==1}"><button type="button" class="bttn" title="导出" onclick="daochu()"><i class="fa fa-download "></i>导出4A及以上景区视频摄像头接入情况</button></c:if>
<c:if test="${lev==1}"><button type="button" class="bttn" title="导出" onclick="daochu5ARate()"><i class="fa fa-download"></i>导出5A景区视频监控在线占比</button></c:if>
<c:if test="${lev==1}"><button type="button" class="bttn" title="导出" onclick="daochu4ARate()"><i class="fa fa-download"></i>导出4A及以上视频监控在线占比</button></c:if>
<c:if test="${lev==1}"><button type="button" class="bttn" title="导出" onclick="exportVideo(3)"><i class="fa fa-download"></i>导出3A及以上景区视频摄像头接入情况</button></c:if>
<c:if test="${lev==1}"><button type="button" class="bttn" title="导出" onclick="exportVideoRate(3)"><i class="fa fa-download"></i>导出3A及以上视频监控在线占比(地市)</button></c:if>
<c:if test="${lev==1}"><button type="button" class="bttn" title="导出" onclick="exportVideoRateGrade(3)"><i class="fa fa-download"></i>导出3A及以上视频监控在线占比(等级)</button></c:if>
</div>
<div class="clear"></div>
</div>
</div>
<div class="lst_table_box">
<div class="t_r_t" id="t_r_t">
<div class="t_r_title pp-list">
<table class="pp-list">
<tr>
<th style="text-align:center;" width="4%">序号</th>
<c:if test="${admin.realname != '安新县' && admin.realname != '容城县' && admin.realname != '雄县'}">
<th width="4%">
<div class="checkbox checkbox-primary">
<input type='checkbox' id="selectAll"/> <label for="selectAll"> </label>
</div>
</th>
</c:if>
<th style="text-align:center;" width="6.6%">视频名称</th>
<th style="text-align:center;" width="6.6%">状态</th>
<th style="text-align:center;" width="6.6%">所属区域</th>
<th style="text-align:center;" width="6.6%">所属景区/酒店</th>
<th style="text-align:center;" width="6.6%">ip地址</th>
<th style="text-align:center;" width="6.6%">端口号</th>
<th style="text-align:center;" width="6.6%">通道号</th>
<th style="text-align:center;" width="6.6%">监控品牌</th>
<th style="text-align:center;" width="6.6%">rtmp地址</th>
<th style="text-align:center;" width="6.6%">rtsp地址</th>
<th style="text-align:center;" width="6.6%">码流</th>
<th style="text-align:center;" width="6.6%">异常类型</th>
<th style="text-align:center;" width="6.6%">审核状态</th>
</tr>
</table>
</div>
</div>
<div class="t_r_content t_table" id="t_r_content" onscroll="aa()" style="max-height:360px">
<table class="pp-list">
<c:forEach items="${list}" var="lis" varStatus="vst">
<tr class="active">
<input id= "dataid" type="hidden" value = "${lis.id}"/>
<td align="center" width="4%">${(vst.index)+1}</td>
<c:if test="${admin.realname != '安新县' && admin.realname != '容城县' && admin.realname != '雄县'}">
<td width="4%">
<div class="checkbox checkbox-primary">
<input type='checkbox' name="ids" value="${lis.id}">
<label for="checkbox"></label>
</div>
</td>
</c:if>
<td title="" align="center" width="6.6%">
<a class="mc" href="javascript:goDetil(${lis.id})">${lis.videoName}</a>
</td>
<td title="" align="center" width="6.6%">
<%-- <c:if test="${lis.videoState =='0'}"><span style="color:#00CC00">●正常</span></c:if>--%>
<%-- <c:if test="${lis.videoState =='1' }"><span style="color:#F00">●异常</span></c:if>--%>
<div class="layui-form">
<div class="layui-form-item">
<input type="checkbox"
<c:if test="${lis.videoState == 1 }">name="close"</c:if>
<c:if test="${lis.videoState == 0 }">name="open" checked="" </c:if>
lay-skin="switch"
lay-text="正常|异常"
value = "${lis.videoState},${lis.id}"
lay-filter="switchTest">
</div>
</div>
</td>
<td title="${lis.ssqu}" align="center" width="6.6%">
<cjy:reg diccode="${lis.region}"/>
</td>
<td title="${lis.ssjq}" align="center" width="6.6%">${lis.ssjq}</td>
<td title="${lis.videoIp}" align="center" width="6.6%">${lis.videoIp}</td>
<td title="" align="center" width="6.6%">${lis.videoPortNum}</td>
<td title="${lis.videoChannelNum}" align="center" width="6.6%">${lis.videoChannelNum}</td>
<td title="" align="center" width="6.6%"><cjy:dic diccode="${lis.videoBrand}"/></td>
<td title="${lis.rtmpurl}" align="center" width="6.6%">${lis.rtmpurl}</td> <!-- 待更改 -->
<td title="${lis.rtspurl}" align="center" width="6.6%">${lis.rtspurl}</td>
<td title="" align="center" width="6.6%">
<c:if test="${lis.bitstream =='0'}">主码流</c:if>
<c:if test="${lis.bitstream =='1'}">子码流</c:if>
</td> <!-- 码流 -->
<td title="" align="center" width="6.6%">${lis.abnormal == 'null' ? '' : lis.abnormal}</td> <!-- 异常信息 -->
<td title="" align="center" width="6.6%"><c:if test="${lis.videoExamineState =='0'}">已通过</c:if><c:if test="${lis.videoExamineState =='1'}">未通过</c:if></td>
</tr>
</c:forEach>
</table>
</div>
<!-- <div class="page_warp_wd"> -->
<!-- <div class="wid_page"> -->
<!-- <a href="#"><span class="page_pre"></span></a> -->
<!-- <a href="#" class="on"><span class="page_bfe"></span></a> -->
<!-- <a href="#" class="on"><span>1</span></a> -->
<!-- <a href="#"><span>2</span></a> -->
<!-- <a href="#"><span>3</span></a> -->
<!-- <a href="#"><span class="page_next"></span></a> -->
<!-- <a href="#"><span class="page_afr"></span></a> -->
<!-- <div style="clear:both"></div> -->
<!-- </div> -->
<!-- <div class="page_state"> 共 <span>51条数据</span> -->
<!-- </div> -->
<!-- </div> -->
<%@include file="/common/page.jsp" %>
</div>
</form>
</div>
</div>
<script>
//利用js让头部与内容对应列宽度一致。
// function fix() {
// for ( var i = 0; i <= $('.t_table .pp-list tr:last')
// .find('td:last').index(); i++) {
// $('th').eq(i)
// .css('width',
// $('.t_table .pp-list tr:last').find('td').eq(i)
// .width());
// }
// }
// window.load = fix();
// $(window).resize(function() {
// return fix();
// });
//当有横向滚动条时,需要此js,时内容滚动头部也能滚动。
// $('.t_table').scroll(function(){
// $('#table_head').css('margin-left',-($('.t_table').scrollLeft()));
// });
function aa(){
var a=document.getElementById("t_r_content").scrollTop;
var b=document.getElementById("t_r_content").scrollLeft;
document.getElementById("cl_freeze").scrollTop=a;
document.getElementById("t_r_t").scrollLeft=b;
}
</script>
<script type="text/javascript">
//审核
$("#examine").on("click", function() {
id = $("#t_r_content .focus #dataid").val(); //获得选中的行的id
if(id == "" || id == null){
// alert("请选择要审核的数据");
layer.msg("请选择要审核的数据");
return;
}
layer.open({
type : 2,
title : '审核',
area : ['20%','30%'],
maxmin : true,
content : '${ctx}/zhspjkvideomanage/toexamine.do?id='+id,
end: function(){
location.reload();
}
});
});
</script>
<script type="text/javascript">
//Select2
jQuery(".select2").select2({
width: '100%'
});
var statv = '${user.ulogstate}';
//$("#state").select2("val",statv);
var $state = $("#state").select2();
$state.val(statv).trigger("change");
</script>
<!-- 这个js必须在最后,不然不显示开关样式 -->
<script src="${ctx}/js/layui/2.5.5/layui/layui.all.js" charset="utf-8"></script>
<script>
layui.use(['form', 'layedit', 'laydate'], function(){
var form = layui.form
,layer = layui.layer
,layedit = layui.layedit
,laydate = layui.laydate;
//监听指定开关
form.on('switch(switchTest)', function(data){
// layer.msg('开关checked:'+ (this.checked ? 'true' : 'false'), {
// offset: '6px'
// });
var qyty = this.value;
var thisdata = qyty.split(",");
var videoState = thisdata[0]; //该数据本来的状态
var thisid = thisdata[1]; // 该数据id
$.ajax({
url : "${ctx}/zhspjkvideomanage/updvideovideoState.do",
data : {"videoState" : videoState,"thisid":thisid},
type : "post",
dataType : "json",
success : function(data) {
if(data.success){
setTimeout(function() {
searcha(); //刷新列表
layer.msg('视频状态更改成功', {
time: 1000, //1s后自动关闭
});
}, 1000);
}else{
setTimeout(function() {
searcha(); //刷新列表
layer.msg('视频状态更改失败', {
time: 1000, //1s后自动关闭
});
}, 1000)
}
}
})
});
});
// 导出景区摄像头接入情况
function exportVideo(grade){
window.open("${ctx}/video/export/export-4A?min_grade="+grade)
}
// 导出景区 在线占比
function exportVideoRate(grade){
window.open("${ctx}/video/export/export-rate?min_grade="+grade)
}
// 导出景区 在线占比 (按景区等级分组)
function exportVideoRateGrade(grade){
window.open("${ctx}/video/export/export-rate-group-by-grade?min_grade="+grade)
}
</script>
</body>
</html>