移动新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/copyadd_zhspjkvideomanage.jsp

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>