|
|
<!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-1.11.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.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>
|
|
|
|
|
|
|