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.
991 lines
43 KiB
991 lines
43 KiB
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
|
|
<%@ page language="java" pageEncoding="UTF-8"%>
|
|
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
|
|
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
|
|
<%@ include file="/common/ctx.jsp"%>
|
|
<%@ page import="com.cjy.sysuser.entity.SysUser" %>
|
|
<%@ page import="com.cjy.sysdept.entity.SysDept" %>
|
|
<%
|
|
SysUser sysUsert = (SysUser) request.getSession().getAttribute("admin");
|
|
SysDept sysDeptt = (SysDept) request.getSession().getAttribute("region");
|
|
String earecode = sysDeptt.getDcode();
|
|
String areacode = "";
|
|
if(sysDeptt.getLevel() == 1){//省级
|
|
areacode = sysDeptt.getDremark().substring(0, 2);
|
|
}else if(sysDeptt.getLevel() == 2){//市级
|
|
areacode = sysDeptt.getDremark().substring(0, 4);
|
|
}else if(sysDeptt.getLevel() == 3){//县级
|
|
areacode = sysDeptt.getDremark();
|
|
}
|
|
%>
|
|
|
|
<html>
|
|
<head>
|
|
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
|
|
<title>修改视频信息</title>
|
|
<!-- jQuery -->
|
|
<script src="${ctx}/js/jquery-3.7.0.min.js"></script>
|
|
<script type="text/javascript" src="${ctx}/js/jquery.form.js"></script>
|
|
<script type="text/javascript" src="${ctx}/js/common/cjy_form.js"></script>
|
|
<!-- checkbox 单选多选美化 -->
|
|
<script src="${ctx}/hbcyjc/resourceNew/js/checkbox.js"></script>
|
|
<script type="text/javascript"> <!-- checkbox 单选多选美化 -->
|
|
$(function () {
|
|
$('input').customInput();
|
|
$('.toggle').each(function () {
|
|
$('div:first', this).addClass('first');
|
|
$('div:last', this).addClass('last');
|
|
});
|
|
|
|
|
|
var selected = $("#videoBrand option:selected").val();
|
|
if(selected=="3223" || selected=="3224" || selected=="3225"){
|
|
//document.getElementById("search_content_id").
|
|
$(".moreinfo").hide();
|
|
$(".zhibo").show();
|
|
}else {
|
|
$(".moreinfo").show();
|
|
$(".zhibo").hide();
|
|
}
|
|
});
|
|
|
|
|
|
|
|
$(document).on("change","#videoBrand",function(){
|
|
var selected = $("#videoBrand option:selected").val();
|
|
if(selected=="3223" || selected=="3224" || selected=="3225"){
|
|
//document.getElementById("search_content_id").
|
|
$(".moreinfo").hide();
|
|
$(".zhibo").show();
|
|
}else {
|
|
$(".moreinfo").show();
|
|
$(".zhibo").hide();
|
|
}
|
|
})
|
|
</script>
|
|
|
|
|
|
|
|
<!-- 公共js -->
|
|
<script type="text/javascript" src="${ctx}/js/common/cjy_common.js"></script>
|
|
<!--插件 -->
|
|
<script src="${ctx}/js/layer/layer.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_style.css" rel="stylesheet" />
|
|
<link href="${ctx}/hbcyjc/resourceNew/css/cjy_style2.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" />
|
|
<%@include file="/common/theme_css.jsp"%>
|
|
<script type="text/javascript">
|
|
|
|
|
|
|
|
|
|
//保存验证
|
|
function baocunpd(){
|
|
var videoName = $("#videoName").val();
|
|
var videoRegion = $("#videoRegion").val();
|
|
// var videoType = $("#videoType").val();
|
|
var videoType= $("input[name='videoType']:checked").val();
|
|
var videoScenicId = $("#videoScenicId").val();
|
|
// alert(videoScenicId); //videoScenicId
|
|
var videoLat = $("#weidu").val();
|
|
var videoLon = $("#jingdu").val();
|
|
|
|
var videoBrand = $("#videoBrand").val();
|
|
var videoIp = $("#videoIp").val();
|
|
var videoPortNum = $("#videoPortNum").val();
|
|
var videoChannelNum = $("#videoChannelNum").val();
|
|
var rtmpurl = $("#rtmpurl").val();
|
|
|
|
if (isEmpty(videoName)) {layer.msg("请输入视频名称");return;}
|
|
if (isEmpty(videoRegion)) {layer.msg("请选择行政区划");return;}
|
|
if (isEmpty(videoType)) {layer.msg("请选择视频类型");return;}
|
|
if (isEmpty(videoScenicId)) {layer.msg("请选择所属景区");return;}
|
|
if (isEmpty(videoLat)) {layer.msg("请选择经纬度");return;}
|
|
if (isEmpty(videoLon)) {layer.msg("请选择经纬度");return;}
|
|
if (isEmpty(videoBrand)) {layer.msg("请输入监控品牌");return;}
|
|
|
|
if(!$("#videoIp").is(":hidden")){
|
|
//没有被隐藏
|
|
if (isEmpty(videoIp)) {layer.msg("请输入ip地址");return;}
|
|
if (isEmpty(videoPortNum)) {layer.msg("请输入端口号");return;}
|
|
if (isEmpty(videoChannelNum)) {layer.msg("请输入通道号");return;}
|
|
}
|
|
|
|
document.mainForm.submit();
|
|
}
|
|
|
|
|
|
//返回
|
|
function reback(){
|
|
var retseledata = getselecs();
|
|
location.href="${ctx}/zhspjkvideomanage/searchZhspjkVideoManageList.do?"+retseledata;
|
|
}
|
|
|
|
//获得查询参数并拼接
|
|
function getselecs(){
|
|
var videoName = $("#videoNamecs").val();
|
|
var videotype = $("#videotypecs").val();
|
|
var syjqfd = $("#syjqfdcs").val();
|
|
var videoState = $("#videoStatecs").val();
|
|
var videoExamineState = $("#videoExamineStatecs").val();
|
|
var province = $("#provincecs").val();
|
|
var city = $("#citycs").val();
|
|
var county = $("#countycs").val();
|
|
var videoScenicId = $("#videoScenicIdcs").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 openMap(){
|
|
var url="${ctx}/back/map_zb.jsp?temp="+ new Date().getTime();
|
|
window.parent.popWin(url);
|
|
}
|
|
//选择地区
|
|
function openregion(){
|
|
var url="${ctx}/sysregion/regionList.do";
|
|
window.parent.popWin(url);
|
|
}
|
|
|
|
//选择视频状态,判断是否显示错误信息
|
|
function oncvideoState(){
|
|
var videoState = $("#videoState").val();
|
|
if(videoState == "0"){
|
|
document.getElementById("abnormal_div").style.display="none";//隐藏
|
|
}else if(videoState == "1"){
|
|
document.getElementById("abnormal_div").style.display="";//显示
|
|
}
|
|
}
|
|
|
|
|
|
|
|
$(function(){
|
|
var videoState = "${lis.videoState}";
|
|
if(videoState == "1"){//判断是否是显示错误信息
|
|
document.getElementById("abnormal_div").style.display="";//显示
|
|
}
|
|
|
|
var uploadfilehttppath = "${uploadfilehttppath}";//显示图片
|
|
var logopath = "${lis.logo}";
|
|
if(logopath != "" && logopath != null ){
|
|
logopath = logopath.substring(0,logopath.length-1);
|
|
var _html = '<div class="img-pic" style="background-image:url(\''+uploadfilehttppath+logopath+'\')">'+
|
|
'<a class="pic_delete" href="javascript:deleteimg(\'otherfiles\',\''+logopath+'\',\''+uploadfilehttppath+'\')"><i class="fa ion-close"></i></a></div>';
|
|
|
|
$("#otherfiles_img").append(_html);
|
|
}
|
|
|
|
// setTimeout(function() {
|
|
// sysregion();
|
|
// }, 300)
|
|
|
|
Selectionxzqht();//默认选中行政区划
|
|
})
|
|
|
|
|
|
|
|
// var earecode = "01"; //模拟当前登录人所属行政地域编码
|
|
var earecode = "<%=earecode%>";
|
|
//显示行政区划
|
|
function getSelectSysRegion(videoType){
|
|
if(earecode.length==6){ //如果是区县账号不能执行点击
|
|
return;
|
|
}
|
|
if(earecode.length==4){ //如果是省市账号不可点击省级菜单,
|
|
if(videoType== "videoRegion" ||videoType == "" || videoType == null){ //如果是市级账号,不能选择省市
|
|
return;
|
|
}
|
|
}
|
|
var shengdata = $("#videoRegionS").val();
|
|
if(shengdata == ""){
|
|
var SysRegionhtml = "";
|
|
$("#videoRegionShi").html(SysRegionhtml);
|
|
$("#videoRegion").html(SysRegionhtml);
|
|
return;
|
|
}
|
|
|
|
var shengdata = $("#videoRegionShi").val();
|
|
if(shengdata == ""){
|
|
var SysRegionhtml = "";
|
|
$("#videoRegion").html(SysRegionhtml);
|
|
return;
|
|
}
|
|
|
|
var URL = "${ctx}/zhspjkvideomanage/getSelectSysDept.do";
|
|
var SysRegion = $("#videoRegionS").val(); //是否选择省
|
|
var videoRegionShi = $("#videoRegionShi").val();
|
|
|
|
if(videoRegionShi != "" && videoRegionShi != null && videoRegionShi != "0"){//如果选择市级被选择,则赋值市级的region
|
|
SysRegion = videoRegionShi;
|
|
}
|
|
if(SysRegion == "" || SysRegion == null){ //用于初始化
|
|
SysRegion = "0";
|
|
}
|
|
if(videoType == "" || videoType == null){ //赋值省id-用于显示html
|
|
videoType = "videoRegionShi";
|
|
}
|
|
$.ajax({
|
|
type: "POST",
|
|
dataType: "json",
|
|
url: URL,
|
|
data:{SysRegion:SysRegion},
|
|
success: function(data) {
|
|
var SysRegionhtml = "<option value = \"\">请选择</option>";
|
|
for(var i = 0;i<data.length;i++){
|
|
SysRegionhtml += "<option value = \""+data[i].did+"\">"+data[i].dname+"</option>";
|
|
}
|
|
$("#"+videoType).html(SysRegionhtml);
|
|
if(videoType != "videoRegionS" && videoType != "videoRegionShi" && videoType !="videoRegion"){
|
|
// getSelectScenic();
|
|
}
|
|
}
|
|
});
|
|
}
|
|
|
|
|
|
//获得所属景区--先选择行政区划
|
|
function getSelectScenicJQ(){
|
|
var videoRegion = $("#videoRegion").val();
|
|
var URL = "${ctx}/zhspjkvideomanage/getSelectScenic.do";
|
|
$.ajax({
|
|
type: "POST",
|
|
dataType: "json",
|
|
url: URL,
|
|
data:{region:videoRegion},
|
|
success: function(data) {
|
|
var SysRegionhtml = "";
|
|
if(data.length>0){
|
|
var scenicid = "${lis.videoScenicId}";
|
|
for(var i = 0;i<data.length;i++){
|
|
if(scenicid == data[i].id){
|
|
SysRegionhtml += "<option value = \""+data[i].id+"\" selected>"+data[i].scenicChineseName+"</option>";
|
|
}else{
|
|
SysRegionhtml += "<option value = \""+data[i].id+"\">"+data[i].scenicChineseName+"</option>";
|
|
}
|
|
}
|
|
}else{
|
|
SysRegionhtml += "<option value = \"\">请先选择行政区划和视频类型</option>";
|
|
}
|
|
$("#videoScenicId").html(SysRegionhtml);
|
|
|
|
if(data.length > 0){
|
|
$(".select2:eq(1)").trigger('change')
|
|
}
|
|
}
|
|
});
|
|
}
|
|
|
|
|
|
//视频类型选择酒店,获得该地区的酒店--先选择行政区划和视频类型
|
|
function getSelectScenicJD(){
|
|
var videoRegion = $("#videoRegion").val();
|
|
var URL = "${ctx}/zhspjkvideomanage/getHotel.do";
|
|
$.ajax({
|
|
type: "POST",
|
|
dataType: "json",
|
|
url: URL,
|
|
data:{region:videoRegion},
|
|
success: function(data) {
|
|
var SysRegionhtml = "";
|
|
if(data.length>0){
|
|
var scenicid = "${lis.videoScenicId}";
|
|
for(var i = 0;i<data.length;i++){
|
|
if(scenicid == data[i].id){
|
|
SysRegionhtml += "<option value = \""+data[i].id+"\" selected>"+data[i].cname+"</option>";
|
|
}else{
|
|
SysRegionhtml += "<option value = \""+data[i].id+"\">"+data[i].cname+"</option>";
|
|
}
|
|
}
|
|
}else{
|
|
SysRegionhtml += "<option value = \"\">请先选择行政区划和视频类型</option>";
|
|
}
|
|
$("#videoScenicId").html(SysRegionhtml);
|
|
|
|
if(data.length > 0){
|
|
$(".select2:eq(1)").trigger('change')
|
|
}
|
|
|
|
}
|
|
});
|
|
}
|
|
|
|
|
|
|
|
//默认选中行政区划
|
|
function Selectionxzqht(){
|
|
var URL = "${ctx}/zhspjkvideomanage/chooseXXZH.do";
|
|
var scenicidt = "${lis.videoScenicId}";
|
|
var videotype = "${lis.videoType}";
|
|
$.ajax({
|
|
type: "POST",
|
|
dataType: "json",
|
|
url: URL,
|
|
data:{scenicidt:scenicidt,videotype:videotype,earecode:earecode},
|
|
success: function(data) {
|
|
|
|
var isSSX = data.isSSX;
|
|
var seleShtml = "<option value = \"\">请选择</option>"; //省
|
|
var seleShihtml = "<option value = \"\">请选择</option>"; //市
|
|
var seleQxhtml = "<option value = \"\">请选择</option>"; //区县
|
|
var tbselehtml = "";
|
|
|
|
var seleSdata = data.sysdeptlistS; //省的下拉数据
|
|
var seleShidata = data.sysdeptlistShi; //市的下拉数据
|
|
var seleQxdata = data.sysdeptlistQx; //区县的下拉数据
|
|
|
|
for(var i = 0;i<seleSdata.length;i++){
|
|
if(seleSdata.length > 0 && data.Sdid == seleSdata[i].did){
|
|
seleShtml += "<option value = \""+seleSdata[i].did+"\" selected>"+seleSdata[i].dname+"</option>";
|
|
}else{
|
|
seleShtml += "<option value = \""+seleSdata[i].did+"\">"+seleSdata[i].dname+"</option>";
|
|
}
|
|
}
|
|
|
|
if(earecode.length == 4){
|
|
for(var i = 0;i<seleShidata.length;i++){
|
|
if(seleShidata.length > 0 && data.Shidid == seleShidata[i].did){
|
|
seleShihtml += "<option value = \""+seleShidata[i].did+"\" selected>"+seleShidata[i].dname+"</option>";
|
|
tbselehtml = "<option value = \""+seleShidata[i].did+"\" selected>"+seleShidata[i].dname+"</option>";
|
|
}else{
|
|
seleShihtml += "<option value = \""+seleShidata[i].did+"\" >"+seleShidata[i].dname+"</option>";
|
|
}
|
|
}
|
|
}else{
|
|
for(var i = 0;i<seleShidata.length;i++){
|
|
if(seleShidata.length > 0 && data.Shidid == seleShidata[i].did){
|
|
seleShihtml += "<option value = \""+seleShidata[i].did+"\" selected>"+seleShidata[i].dname+"</option>";
|
|
tbselehtml = "<option value = \""+seleShidata[i].did+"\" selected>"+seleShidata[i].dname+"</option>";
|
|
}else{
|
|
seleShihtml += "<option value = \""+seleShidata[i].did+"\">"+seleShidata[i].dname+"</option>";
|
|
}
|
|
}
|
|
}
|
|
|
|
|
|
|
|
if(isSSX != "1"){
|
|
var forpd=0;
|
|
for(var i = 0;i<seleQxdata.length;i++){
|
|
forpd++;
|
|
if(data.Qxdid == seleQxdata[i].did){
|
|
seleQxhtml += "<option value = \""+seleQxdata[i].did+"\" selected>"+seleQxdata[i].dname+"</option>";
|
|
}else{
|
|
seleQxhtml += "<option value = \""+seleQxdata[i].did+"\">"+seleQxdata[i].dname+"</option>";
|
|
}
|
|
}
|
|
|
|
//三级联动,雄安,辛集,定州
|
|
if(seleQxdata.length == 0){
|
|
$("#videoRegion").css("display","none");
|
|
seleQxhtml = tbselehtml;
|
|
}
|
|
$("#videoRegion").html(seleQxhtml);
|
|
}
|
|
|
|
$("#videoRegionS").html(seleShtml);
|
|
$("#videoRegionShi").html(seleShihtml);
|
|
var videotype = "${lis.videoType}";
|
|
if(videotype == "0"){
|
|
getSelectScenicJQ();
|
|
}else{
|
|
getSelectScenicJD();
|
|
}
|
|
}
|
|
})
|
|
}
|
|
|
|
//设置单选选择显示文字及设置选中内容
|
|
$(function(){
|
|
var type = '${lis.videoType}';
|
|
var initTypeDom = ''
|
|
if(type==0){
|
|
// 景区
|
|
initTypeDom = '所属景区<span class=\"text-danger\">*</span>'
|
|
}else if(type == 1){
|
|
// 酒店
|
|
initTypeDom = '所属酒店<span class=\"text-danger\">*</span>'
|
|
}
|
|
$("#ssjq").html(initTypeDom);
|
|
|
|
$(":radio").click(function(){
|
|
//alert("$(this).val());
|
|
var videoType= $("input[name='videoType']:checked").val();
|
|
if(videoType == "1"){
|
|
$("#ssjq").html("所属酒店<span class=\"text-danger\">*</span>");
|
|
$("#cshssjq").html("<select class=\"select2 \" id = \"videoScenicId\" name = \"videoScenicId\">"+
|
|
"<option value = \"0\">请先选择行政区划和视频类型</option>"+
|
|
"</select>");
|
|
|
|
|
|
//Select2
|
|
jQuery(".select2:first").select2({
|
|
width: '100%'
|
|
});
|
|
getSelectScenicJD();
|
|
}else if(videoType == "0"){
|
|
$("#ssjq").html("所属景区<span class=\"text-danger\">*</span>");
|
|
$("#cshssjq").html("<select class=\"select2 \" id = \"videoScenicId\" name = \"videoScenicId\">"+
|
|
"<option value = \"0\">请先选择行政区划和视频类型</option>"+
|
|
"</select>");
|
|
|
|
|
|
//Select2
|
|
jQuery(".select2:first").select2({
|
|
width: '100%'
|
|
});
|
|
getSelectScenicJQ();
|
|
}
|
|
});
|
|
initr();
|
|
});
|
|
|
|
|
|
|
|
function initr() {
|
|
var 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);
|
|
}
|
|
|
|
|
|
</script>
|
|
<style type="text/css">
|
|
.select2-container .select2-choice {
|
|
padding:0px 5px;
|
|
background:rgba(0,169,246,0.1);
|
|
}
|
|
.select2-drop{
|
|
background-color: #11274a;
|
|
}
|
|
.select2-drop.select2-drop-above .select2-search input{
|
|
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}
|
|
</style>
|
|
|
|
</head>
|
|
<body>
|
|
<div class="xingk_nr"></div>
|
|
<%@include file="/common/menu.jsp" %>
|
|
<!-- Begin page -->
|
|
<!-- Start content -->
|
|
<div class="content">
|
|
<div class="container">
|
|
<!-- Form-validation -->
|
|
<ul class="bdmall-tab">
|
|
<li class="active" onclick="showitem(this,'div_1')">
|
|
<p>基本信息</p>
|
|
<span class="jb-lefts"></span>
|
|
<span class="jb-leftx"></span>
|
|
<span class="jb-rights"></span>
|
|
<span class="jb-rightx"></span>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<div class="bdmall-tab-list" id="div_1">
|
|
<form class="form_meren" id="mainForm" name="mainForm" method="post" action="${ctx}/zhspjkvideomanage/insertZhspjkVideoManage.do">
|
|
<%-- <input type="hidden" id = "id" name = "id" value = "${lis.id}"/>--%>
|
|
<%--查询条件参数--%>
|
|
<input type="hidden" id = "videoNamecs" name = "videoNamecs" value = "${videoNamecs}"/>
|
|
<input type="hidden" id = "videotypecs" name = "videotypecs" value = "${videotypecs}"/>
|
|
<input type="hidden" id = "syjqfdcs" name = "syjqfdcs" value = "${syjqfdcs}"/>
|
|
<input type="hidden" id = "videoStatecs" name = "videoStatecs" value = "${videoStatecs}"/>
|
|
<input type="hidden" id = "videoExamineStatecs" name = "videoExamineStatecs" value = "${videoExamineStatecs}"/>
|
|
<input type="hidden" id = "provincecs" name = "provincecs" value = "${provincecs}"/>
|
|
<input type="hidden" id = "citycs" name = "citycs" value = "${citycs}"/>
|
|
<input type="hidden" id = "countycs" name = "countycs" value = "${countycs}"/>
|
|
<input type="hidden" id = "videoScenicIdcs" name = "videoScenicIdcs" value = "${videoScenicIdcs}"/>
|
|
|
|
<div class="form_hang ">
|
|
<label for="logname" class="form_label">视频名称 <span class="text-danger">*</span>
|
|
</label>
|
|
<div class="form_input">
|
|
<input class="form-control " value = "${lis.videoName}" id="videoName" name="videoName" type="text" placeholder="视频名称">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="form_hang ">
|
|
<label class="form_label">行政区划<span class="text-danger">*</span></label>
|
|
<div class="dbtn">
|
|
<div class="zdsy" style="margin-right: -7px">
|
|
<div class="pf-2" style="width: 33%;">
|
|
<div class="jd">
|
|
<select class="form-control " style="width: 100%;height: 30px" id = "videoRegionS" name = "videoRegionS" onchange="getSelectSysRegion()" >
|
|
</select>
|
|
</div>
|
|
</div>
|
|
<div class="pf-2" style="width: 33%">
|
|
<div class="wd">
|
|
<select class="form-control " style=" width: 100%;height: 30px" id = "videoRegionShi" name = "videoRegionShi" onchange="getSelectSysRegion('videoRegion')" >
|
|
</select>
|
|
</div>
|
|
</div>
|
|
<div class="pf-2" style="width: 33%;">
|
|
<div class="wd">
|
|
<select class="form-control " style="width: 100%;height: 30px" id = "videoRegion" name = "videoRegion" >
|
|
</select>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<!-- <div class="form_hang "> -->
|
|
<!-- <label for="logname" class="form_label">视频类型<span class="text-danger">*</span></label> -->
|
|
<!-- <div class="form_select"> -->
|
|
<!-- <select class="form-control " id = "videoType" name = "videoType"> -->
|
|
<%-- <option value = "0" <c:if test="${lis.videoType =='0'}">selected</c:if> >景区</option> --%>
|
|
<%-- <option value = "1" <c:if test="${lis.videoType =='1'}">selected</c:if> >酒店</option> --%>
|
|
<!-- </select> -->
|
|
<!-- </div> -->
|
|
<!-- </div> -->
|
|
|
|
<input type="hidden" name = "videoType" id = "videoType"/>
|
|
<div class="form_hang form_hang_tongh" id= "videoTypejqjd">
|
|
<label class="form_label " >视频类型</label>
|
|
<div class="form_dynr">
|
|
<div class="radio">
|
|
<input type='radio' name="videoType" id="videoTypejq" value="0"/> <label for="videoTypejq">景区</label>
|
|
</div>
|
|
<div class="radio">
|
|
<input type='radio' name="videoType" id="videoTypejd" value="1"/> <label for="videoTypejd">酒店</label>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="form_hang">
|
|
<label for="logname" class="form_label" id="ssjq">所属景区 <span class="text-danger">*</span>
|
|
</label>
|
|
<div class="form_select" id = "cshssjq">
|
|
<select class="select2 " id = "videoScenicId" name = "videoScenicId">
|
|
<option value = "0">${jdjdname}</option>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="form_hang ">
|
|
<label class="form_label"><span class="text-danger">*</span>经纬度 </label>
|
|
<div class="dbtn">
|
|
<div class="zdsy">
|
|
<div class="pf-2">
|
|
<div class="jd">
|
|
<div class="form-dwsrk"><input id="jingdu" name="lon" type="text" placeholder="经度" value = "${lis.lon}">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="pf-2">
|
|
<div class="wd">
|
|
<div class="form-dwsrk"><input id="weidu" name="lat" type="text" placeholder="纬度" value = "${lis.lat}"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<span class="dtdd"><button type="button" onclick="weizhi()" class="bttn bttn_dw">定位</button></span>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="form_hang ">
|
|
<label for="logname" class="form_label">监控品牌 <span class="text-danger">*</span>
|
|
</label>
|
|
<div class="form_select">
|
|
<%-- <input class="form-control " id="videoBrand" name="videoBrand" value = "${lis.videoBrand}" type="text"> --%>
|
|
<select class="select2" id="videoBrand" name="videoBrand">
|
|
<option value="">--请选择--</option>
|
|
<c:forEach items="${dis}" var="dis">
|
|
<option value="${dis.dicnum}" <c:if test="${dis.dicnum==lis.videoBrand}">selected</c:if> >${dis.dicname}</option>
|
|
</c:forEach>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="form_hang moreinfo">
|
|
<label for="logname" class="form_label">ip地址 <span class="text-danger">*</span>
|
|
</label>
|
|
<div class="form_input">
|
|
<input class="form-control " id="videoIp" name="videoIp" value = "${lis.videoIp}" type="text">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="form_hang moreinfo">
|
|
<label for="logname" class="form_label">端口号 <span class="text-danger">*</span>
|
|
</label>
|
|
<div class="form_input">
|
|
<input class="form-control " id="videoPortNum" name="videoPortNum" value = "${lis.videoPortNum}" type="text">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="form_hang moreinfo">
|
|
<label for="logname" class="form_label">通道号 <span class="text-danger">*</span>
|
|
</label>
|
|
<div class="form_input">
|
|
<input class="form-control " id="videoChannelNum" name="videoChannelNum" value = "${lis.videoChannelNum}" type="text">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="form_hang ">
|
|
<label for="logname" class="form_label">rtmpurl
|
|
</label>
|
|
<div class="form_input">
|
|
<input class="form-control " id="rtmpurl" name="rtmpurl" type="text" value = "${lis.rtmpurl}">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="form_hang moreinfo">
|
|
<label for="logname" class="form_label">用户名 <span class="text-danger"></span>
|
|
</label>
|
|
<div class="form_input">
|
|
<input class="form-control " id="videoUsername" name="videoUsername" value = "${lis.videoUsername}" type="text">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="form_hang moreinfo">
|
|
<label for="logname" class="form_label">密码 <span class="text-danger"></span>
|
|
</label>
|
|
<div class="form_input">
|
|
<input class="form-control " id="videoPassword" name="videoPassword" value = "${lis.videoPassword}" type="text">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="form_hang ">
|
|
<label for="logname" class="form_label">设备id <span class="text-danger"></span>
|
|
</label>
|
|
<div class="form_input">
|
|
<input class="form-control " id="videoDeviceId" name="videoDeviceId" value = "${lis.videoDeviceId}" type="text">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="form_hang ">
|
|
<label for="logname" class="form_label">视频状态 <span class="text-danger"></span>
|
|
</label>
|
|
<div class="form_select">
|
|
<select class="form-control " id = "videoState" name = "videoState" onchange="oncvideoState()">
|
|
<option value = "0" <c:if test="${lis.videoState =='0'}">selected</c:if> >正常</option>
|
|
<option value = "1" <c:if test="${lis.videoState =='1'}">selected</c:if> >异常</option>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
<div class="form_hang ">
|
|
<label class="form_label">码流 <span class="text-danger"></span>
|
|
</label>
|
|
<div class="form_select">
|
|
<select class="form-control " id = "bitstream" name = "bitstream">
|
|
<option value = "0" <c:if test="${lis.bitstream =='0'}">selected</c:if> >主码流</option>
|
|
<option value = "1" <c:if test="${lis.bitstream =='1'}">selected</c:if> >子码流</option>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="form_hang " id = "abnormal_div" style="display:none;">
|
|
<label for="logname" class="form_label">异常信息<span class="text-danger"></span>
|
|
</label>
|
|
<div class="form_input">
|
|
<input class="form-control " id="abnormal" name="abnormal" value = "${lis.abnormal}" type="text">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="form_hang ">
|
|
<label for="logname" class="form_label">线路类型<span class="text-danger"></span>
|
|
</label>
|
|
<div class="form_select">
|
|
<select class="form-control " id = "videoLineType" name = "videoLineType">
|
|
<option value = "0" <c:if test="${lis.videoLineType =='0'}">selected</c:if> >公网</option>
|
|
<option value = "1" <c:if test="${lis.videoLineType =='1'}">selected</c:if> >专线</option>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="form_hang ">
|
|
<label for="logname" class="form_label">审核状态 <span class="text-danger"></span>
|
|
</label>
|
|
<div class="form_select">
|
|
<select class="form-control " id = "videoExamineState" name = "videoExamineState">
|
|
<option value = "0" <c:if test="${lis.videoExamineState =='0'}">selected</c:if> >已通过</option>
|
|
<option value = "1" <c:if test="${lis.videoExamineState =='1'}">selected</c:if> >未通过</option>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="form_hang ">
|
|
<label for="logname" class="form_label">备注 <span class="text-danger"></span>
|
|
</label>
|
|
<div class="form_input">
|
|
<input class="form-control " id="videoRemark" name="videoRemark" value = "${lis.videoRemark}" type="text">
|
|
</div>
|
|
</div>
|
|
<!-- requestUrl -->
|
|
<div class="form_hang zhibo">
|
|
<label for="logname" class="form_label" id = "qjkz">rtsp地址 <span class="text-danger">*</span>
|
|
</label>
|
|
<div class="form_input">
|
|
<input class="form-control " id="rtspurl" value = "${lis.rtspurl}" name="rtspurl" type="text">
|
|
</div>
|
|
</div>
|
|
|
|
<input type="hidden" name="logo" id="logo" value = "${lis.logo}"/>
|
|
<div class="form_hang form_hang_tongh">
|
|
<label class="form_label">图片上传</label>
|
|
<div class="form_scy">
|
|
<div class="fileInput">
|
|
<input type="file" name="otherfiles" id="otherfiles" class="upfile" onchange="fileupload_many()" />
|
|
<input class="upFileBtn bttn bttn_ss" type="button" value="请选择图片" onclick="document.getElementById('otherfiles').click()" />
|
|
</div>
|
|
<div class="scpic" id="otherfiles_img">
|
|
<c:forEach items="${lyTravelAgencyImgList}" var="imglist" varStatus="vst">
|
|
<div class="img-pic" style=" background-image:url('${file_http_path}${imglist.path }')">
|
|
<a class="pic_delete" href="javascript:deleteimg('otherfiles','${imglist.path }','${file_http_path}')"><i class="fa ion-close"></i></a>
|
|
</div>
|
|
</c:forEach>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="clear"></div>
|
|
<p class="form-btncz">
|
|
<button class="bttn bttn_bc" type="button" onclick="baocunpd()" ><i class="fa fa-save"></i>保存</button>
|
|
<!-- <button class="bttn bttn_bc" onclick="savejbxx()" type="button"><i class="fa fa-save"></i>保存</button> -->
|
|
<button class="bttn"type="button" onclick="reback()"><i class="fa fa-reply"></i>返回</button>
|
|
</p>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
<!--form validation-->
|
|
<script type="text/javascript" src="${ctx}/assets/jquery.validate/jquery.validate.min.js"></script>
|
|
<!--选项卡-->
|
|
<script>
|
|
function showitem(e,id){
|
|
$(e).parent().find('li').removeClass('active');
|
|
$(e).addClass('active');
|
|
$('.bdmall-tab-list').css("display",'none');
|
|
$('#'+id).css("display",'');
|
|
|
|
}
|
|
|
|
</script>
|
|
|
|
<!-- 图片上传实现方法 -->
|
|
<script type="text/javascript">
|
|
//文件上传
|
|
function fileupload(){
|
|
var options = {
|
|
type: "post",
|
|
dataType:"json",
|
|
url: "${ctx}/zhspjkvideomanage/uploadfile.do",
|
|
success:function(json){
|
|
if(json.success){
|
|
showimg(json);
|
|
}
|
|
}
|
|
};
|
|
$('#mainForm').ajaxSubmit(options);
|
|
}
|
|
|
|
function showimg(json){
|
|
//上传一次后, 先把file清除
|
|
$("#file_logo").val("");
|
|
$("#file_wechat_qr").val("");
|
|
$("#file_microblog_qr").val("");
|
|
//给隐藏域赋值, 为了保存图片路径
|
|
var http_path = json.uploadfilehttppath;
|
|
var filepath = json.filepath;
|
|
var filesData = filepath.split(";");
|
|
for(var i=0;i<filesData.length;i++){
|
|
var fileType = filesData[i].split(",")[0];
|
|
var fileName = filesData[i].split(",")[1];
|
|
var _html = '<div class="img-pic" style=" background-image:url(\''+http_path+fileName+'\')">'+
|
|
'<a class="pic_delete" href="javascript:deleteimg(\''+fileType+'\',\''+fileName+'\',\''+http_path+'\')"><i class="fa ion-close"></i></a></div>';
|
|
if(fileType=="file_logo"){
|
|
$("#show_logo").html(_html);
|
|
$("#logoImg").val(fileName);
|
|
}else if(fileType=="file_wechat_qr"){
|
|
$("#show_wechat_qr").html(_html);
|
|
$("#weixinImg").val(fileName);
|
|
}else if(fileType=="file_microblog_qr"){
|
|
$("#show_microblog_qr").html(_html);
|
|
$("#weiboImg").val(fileName);
|
|
}
|
|
}
|
|
}
|
|
|
|
//上传图片信息
|
|
function fileupload_many(){
|
|
var options = {
|
|
type: "post",
|
|
dataType:"json",
|
|
url: "${ctx}/zhspjkvideomanage/uploadfile.do",
|
|
success:function(json){
|
|
if(json.success){
|
|
//上传一次后, 先把file清除
|
|
$("#otherfiles").val("");
|
|
//给隐藏域赋值, 为了保存图片路径
|
|
var http_path = json.uploadfilehttppath;//文件显示路径
|
|
var filepath = json.filepath;
|
|
var filesData = filepath.split(";");
|
|
for(var i=0;i<filesData.length;i++){
|
|
var fileType = filesData[i].split(",")[0];//文件类型
|
|
var fileName = filesData[i].split(",")[1];//文件名
|
|
|
|
var _html = '<div class="img-pic" style="background-image:url(\''+http_path+fileName+'\')">'+
|
|
'<a class="pic_delete" href="javascript:deleteimg(\''+fileType+'\',\''+fileName+'\',\''+http_path+'\')"><i class="fa ion-close"></i></a></div>';
|
|
if(fileType=="otherfiles"){
|
|
$("#otherfiles_img").append(_html);
|
|
var files_path = $("#logo").val();
|
|
if(!isEmpty(files_path)){
|
|
fileName = files_path + fileName;
|
|
}
|
|
$("#logo").val(fileName+",");
|
|
}
|
|
}
|
|
}
|
|
}
|
|
};
|
|
$('#mainForm').ajaxSubmit(options);
|
|
}
|
|
|
|
|
|
//删除图片
|
|
function deleteimg(fileType, fileName, http_path){
|
|
// window.parent.customAlertQueryClose("", "确认要删除吗?", "warning", "确定", "取消",
|
|
// "delConfirm('"+fileType+"','"+fileName+"','"+http_path+"')", "delCancel()");
|
|
delConfirm(fileType, fileName, http_path)
|
|
}
|
|
|
|
function delConfirm(fileType, fileName, http_path) {
|
|
if(fileType=="otherfiles"){
|
|
var files_path = $("#logo").val();
|
|
files_path = files_path.replace(fileName+",", "");
|
|
$("#logo").val(files_path);
|
|
showfile(fileType, files_path, http_path);
|
|
}else if(fileType=="file_logo"){
|
|
$("#show_logo").html("");
|
|
$("#logo").val("");
|
|
}else if(fileType=="file_wechat_qr"){
|
|
$("#show_wechat_qr").html("");
|
|
$("#wechatQr").val("");
|
|
}else if(fileType=="file_microblog_qr"){
|
|
$("#show_microblog_qr").html("");
|
|
$("#microblogQr").val("");
|
|
}
|
|
return;
|
|
}
|
|
|
|
function delCancel() {
|
|
return;
|
|
}
|
|
|
|
//删除图片后, 展示图片
|
|
function showfile(fileType, files_path, http_path){
|
|
$("#otherfiles_img").html("");
|
|
if(!isEmpty(files_path)){
|
|
files_path = files_path.substring(0, files_path.length-1);
|
|
var filearr = files_path.split(",");
|
|
for(var i=0;i<filearr.length;i++){
|
|
var _html = '<div class="img-pic" style="background-image:url(\''+http_path+filearr[i]+'\')">'+
|
|
'<a class="pic_delete" href="javascript:deleteimg(\''+fileType+'\',\''+filearr[i]+'\',\''+http_path+'\')"><i class="fa ion-close"></i></a></div>';
|
|
$("#otherfiles_img").append(_html);
|
|
}
|
|
}
|
|
}
|
|
|
|
|
|
//定位方法
|
|
function weizhi() {
|
|
var lon = $("#jingdu").val();
|
|
var lat = $("#weidu").val();
|
|
var url = "${ctx}/hbcyjc/GDmap.jsp?temp=" + new Date().getTime() + "&lon=" + lon + "&lat=" + lat;
|
|
layer.open({
|
|
type: 2,
|
|
title: '',
|
|
area: ['70%', '70%'],
|
|
shade: 0.8,
|
|
content: url
|
|
});
|
|
}
|
|
|
|
//选中视频类型
|
|
checkRadioByVal("videoType", "${lis.videoType}");
|
|
|
|
|
|
|
|
</script>
|
|
|
|
<script src="${ctx }/assets/select2/select2.min.js" type="text/javascript"></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>
|
|
|
|
|
|
</body>
|
|
</html> |