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.
273 lines
10 KiB
273 lines
10 KiB
11 months ago
|
layui.config({
|
||
|
base: './'
|
||
|
}).extend({
|
||
|
selectM: '../../layui/layui_extends/selectM',
|
||
|
}).use(['form', 'layer', 'table', 'laytpl', 'laydate', 'upload', 'selectM'], function () {
|
||
|
var form = layui.form,
|
||
|
layer = parent.layer === undefined ? layui.layer : top.layer,
|
||
|
$ = layui.jquery,
|
||
|
laytpl = layui.laytpl,
|
||
|
table = layui.table,
|
||
|
laydate = layui.laydate,
|
||
|
upload = layui.upload,
|
||
|
selectM = layui.selectM;
|
||
|
var OrgId = JSON.parse(window.sessionStorage.getItem("userInfo")).OrgID;
|
||
|
var OrgName = JSON.parse(window.sessionStorage.getItem("userInfo")).OrgName;
|
||
|
|
||
|
form.verify({
|
||
|
//经度,整数部分为0-90小数部分为0到6位
|
||
|
lat: [/^[-]?[0-9]+\.?[0-9]+?$/ || /^[0-9]+$/, '请输入正确的格式'],
|
||
|
//纬度,整数部分为0-90小数部分为0到6位
|
||
|
lon: [/^[-]?[0-9]+\.?[0-9]+?$/ || /^[0-9]+$/, '请输入正确的格式']
|
||
|
});
|
||
|
|
||
|
|
||
|
//var fileInput = $("#upimage");
|
||
|
////选择文件
|
||
|
//fileInput.change(function () {
|
||
|
// //如果未传入文件则中断
|
||
|
// if (fileInput[0].files == undefined) {
|
||
|
// return;
|
||
|
// }
|
||
|
|
||
|
// var fileData = fileInput[0].files[0];
|
||
|
|
||
|
// //创建用来读取此文件的对象
|
||
|
// var reader = new FileReader();
|
||
|
// //使用该对象读取file文件
|
||
|
// reader.readAsDataURL(fileData);
|
||
|
// //读取文件成功后执行的方法函数
|
||
|
// reader.onload = function (e) {
|
||
|
// //读取成功后返回的一个参数e,整个的一个进度事件
|
||
|
// console.log(e);
|
||
|
// //选择所要显示图片的img,要赋值给img的src就是e中target下result里面
|
||
|
// //的base64编码格式的地址
|
||
|
// document.querySelector("#R_PHOTO").setAttribute("src", e.target.result)
|
||
|
// }
|
||
|
//})
|
||
|
|
||
|
//启用日期
|
||
|
laydate.render({
|
||
|
elem: '#c_time',
|
||
|
trigger: 'click'
|
||
|
});
|
||
|
|
||
|
var orgStr = "";
|
||
|
$.ajax({
|
||
|
type: "post",
|
||
|
url: "../../ashx/ZYFireOrgHandler.ashx",
|
||
|
data: { Action: "GetDeptTree", OrgId: OrgId },
|
||
|
dataType: "json",
|
||
|
success: function (result) {
|
||
|
console.log(result);
|
||
|
result.data.forEach(function (obj, index, arr) {
|
||
|
if (obj.TYPE == "dept") {
|
||
|
orgStr += "<option value='" + obj.ID + "'>" + obj.NAME + "</option>";
|
||
|
}
|
||
|
});
|
||
|
$("#dept_id").append(orgStr);
|
||
|
form.render('select');
|
||
|
}
|
||
|
});
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
var c_fun_val = $("#c_fun").val();
|
||
|
var c_fun_val_s = [];
|
||
|
if (c_fun_val != null && c_fun_val != "") {
|
||
|
var c_fun_val_json = JSON.parse(c_fun_val);
|
||
|
for (var i = 0; i < c_fun_val_json.length; i++) {
|
||
|
c_fun_val_s.push(c_fun_val_json[i].DIC_VALUE);
|
||
|
}
|
||
|
}
|
||
|
|
||
|
//初始化
|
||
|
$.ajax({
|
||
|
type: "post",
|
||
|
url: "../../ashx/ZYCommonHandler.ashx",
|
||
|
data: { Action: "getDicList", modtype: "C_FUN_TYPE" },
|
||
|
dataType: "json",
|
||
|
success: function (result) {
|
||
|
tagIns1 = selectM({
|
||
|
elem: '#c_funtext'
|
||
|
, data: result.data
|
||
|
, selected: c_fun_val_s
|
||
|
, max: 5
|
||
|
//, verify: 'required'
|
||
|
, delimiter: ','
|
||
|
, field: { idName: 'DIC_VALUE', titleName: 'DIC_TEXT', company: 'DIC_ORDER' }
|
||
|
});
|
||
|
}
|
||
|
});
|
||
|
|
||
|
//图片上传
|
||
|
var uploadR = upload.render({
|
||
|
elem: '#PHOTO_btn',
|
||
|
url: '/ashx/ZYCommonHandler.ashx',
|
||
|
size: 500,//限定大小
|
||
|
acceptMime: 'image/jpg', //此版本layui不支持
|
||
|
data: {
|
||
|
Action: 'UploadImg',
|
||
|
fileUrl: 'Upload/Sys/Video/'
|
||
|
},
|
||
|
before: function (obj) {
|
||
|
obj.preview(function (index, file, result) {
|
||
|
if (file.type != "image/jpeg") {
|
||
|
layer.msg('文件格式必须为jpg格式');
|
||
|
flagImageStandard = false;
|
||
|
}
|
||
|
else {
|
||
|
flagImageStandard = true;
|
||
|
}
|
||
|
});
|
||
|
|
||
|
////预读本地文件示例,不支持ie8
|
||
|
//obj.preview(function (index, file, result) {
|
||
|
// if (flagImageStandard) {
|
||
|
// $('#PHOTO').attr('src', result); //图片链接(base64)
|
||
|
// }
|
||
|
// else {
|
||
|
// $('#PHOTO').attr('src', "");
|
||
|
// }
|
||
|
//});
|
||
|
},
|
||
|
done: function (res) {
|
||
|
//如果上传失败
|
||
|
if (res.code > 0) {
|
||
|
return layer.msg('上传失败');
|
||
|
}
|
||
|
//$("#PHOTO_PATH").val(res.data.src);
|
||
|
$('#VIDEO_IMG').attr('src', '/' + res.data.src);
|
||
|
//上传成功
|
||
|
},
|
||
|
error: function () {
|
||
|
//演示失败状态,并实现重传
|
||
|
var demoText = $('#PHOTO_Text');
|
||
|
demoText.html('<span style="color: #FF5722;">上传失败</span> <a class="layui-btn layui-btn-xs demo-reload">重试</a>');
|
||
|
demoText.find('.demo-reload').on('click', function () {
|
||
|
uploadInst.upload();
|
||
|
});
|
||
|
}
|
||
|
});
|
||
|
|
||
|
form.on("submit(AddEdit)", function (data) {
|
||
|
|
||
|
//load提交
|
||
|
var index = layer.msg('数据提交中,请稍候', { icon: 16, time: false, shade: 0.8 });
|
||
|
$.post("../../ashx/ZYCameraHandler.ashx", {
|
||
|
Action: $(".Action").val(),
|
||
|
id: $(".ID").val(), //ID
|
||
|
c_no: $("#c_no").val(), //设备编号
|
||
|
c_name: $("#c_name").val(), //设备名称
|
||
|
c_ip: $("#c_ip").val(), //摄像机ip
|
||
|
nvr_id: $("#nvr_id").val(), //连接nvr编号
|
||
|
nvr_ip: $("#nvr_ip").val(), //nvr ip地址
|
||
|
nvr_port: $("#nvr_port").val(), //nvr控制端口
|
||
|
nvr_user: $("#nvr_user").val(), //nvr登录用户名
|
||
|
nvr_pwd: $("#nvr_pwd").val(), //nvr密码
|
||
|
nvr_channel: $("#nvr_channel").val(), //nvr通道号
|
||
|
c_fun: tagIns1.values.join(','),//摄像头功能,逗号分割
|
||
|
EXTEND3: $("#deviceidentify").val(),//摄像头功能唯一标识
|
||
|
EXTEND4: JSON.stringify(tagIns1.selected), //摄像机功能,JSON字符串
|
||
|
c_type: $("#c_type").val(), //摄像机类型
|
||
|
c_model: $("#c_model").val(), //摄像机型号
|
||
|
c_time: $("#c_time").val(), //启用时间
|
||
|
c_guardroom: $("#c_guardroom").val(), //是否为监控室摄像头
|
||
|
ins_addr: $("#ins_addr").val(), //安装位置
|
||
|
dept_id: $("#dept_id").val(), //部门ID
|
||
|
dept_name: $("#dept_id option:selected").text(),//获取文本
|
||
|
org_id: OrgId, //机构id
|
||
|
org_name: OrgName, //机构名称
|
||
|
sta_id: $("#sta_id").val(), //消防站
|
||
|
sta_name: $("#sta_id").find("option:selected").text(), //消防站名称
|
||
|
cpy_area: $("#cpy_area").val(), //行政区域
|
||
|
c_user: $("#c_user").val(), //摄像头用户名
|
||
|
c_pwd: $("#c_pwd").val(), //摄像头密码
|
||
|
c_post: $("#c_post").val(), //摄像头端口号
|
||
|
playurl: $("#playurl").val(), //云播放地址
|
||
|
stopurl: $("#stopurl").val(), //云停放地址
|
||
|
lon: $("#LON").val(), //经度
|
||
|
lat: $("#LAT").val(), //纬度
|
||
|
hei: $("#altitude").val(), //高程
|
||
|
//picture: $("#R_PHOTO").attr("src"), //图片
|
||
|
VIDEO_IMG_URL: $('#VIDEO_IMG').attr('src'),//图片URL
|
||
|
c_fac: $("#c_fac").val(), //摄像机厂家
|
||
|
c_state: $("#c_state").val(), //状态
|
||
|
random: new Date().getTime() //随机参数
|
||
|
}, function (res) {
|
||
|
console.log(res);
|
||
|
layer.close(index);
|
||
|
res = $.parseJSON(res);
|
||
|
if (res.code == 1) {
|
||
|
// parent.layer.msg(res.msg);
|
||
|
top.layer.msg(res.msg);
|
||
|
parent.location.reload();
|
||
|
} else {
|
||
|
layer.close(index);
|
||
|
layer.msg(res.msg);
|
||
|
}
|
||
|
});
|
||
|
layer.close(index);
|
||
|
return false;
|
||
|
})
|
||
|
|
||
|
$("#getgps").click(function () {
|
||
|
index = parent.layer.open({
|
||
|
type: 2,
|
||
|
area: ['600px', '520px'],
|
||
|
title: '坐标选取',
|
||
|
skin: 'blue-black',
|
||
|
shade: 0.4,
|
||
|
maxmin: true, //允许全屏最小化
|
||
|
anim: 1,
|
||
|
content: "../../Fire/Map/getgps.html"
|
||
|
});
|
||
|
})
|
||
|
|
||
|
////选取坐标
|
||
|
//$("#getgps").click(function () {
|
||
|
// $.post(_interfaceDocUrl + "/ashx/ZYGisBaseHandler.ashx", {
|
||
|
// Action: "getOrgIdGisBase",
|
||
|
// OrgId: OrgId
|
||
|
// }, function (result) {
|
||
|
// //console.log(result);
|
||
|
// var flag = false;
|
||
|
// try {
|
||
|
// if (typeof $.parseJSON(result) == "object") {
|
||
|
// flag = true;
|
||
|
// }
|
||
|
// } catch (e) {
|
||
|
|
||
|
// }
|
||
|
// if (flag) {
|
||
|
// var res = $.parseJSON(result);
|
||
|
// var data = res.GisBaseData;
|
||
|
// if (data.length > 0) {
|
||
|
// _promise = _viewer.scene.open(data[0].IP);
|
||
|
// }
|
||
|
// }
|
||
|
// });
|
||
|
|
||
|
// layui.layer.open({
|
||
|
// type: 2,
|
||
|
// title: '选取坐标',
|
||
|
// area: ['800px', '600px'],
|
||
|
// content: '../../SysManage/BuildModel/DrawPoints.html?pointId=' + $(this).attr("id"),
|
||
|
// btn: ['确定'],
|
||
|
// yes: function (index, layero) {
|
||
|
// var body = layui.layer.getChildFrame('body', index);
|
||
|
// var point = body.find("#points").val();
|
||
|
// console.log(point);
|
||
|
// if (point == "") {
|
||
|
// layer.msg("未选取坐标!");
|
||
|
// }
|
||
|
// var points = point.split(',');
|
||
|
// $("#LON").val(points[0]);
|
||
|
// $("#LAT").val(points[1]);
|
||
|
// $("#altitude").val(points[2]);
|
||
|
// layui.layer.close(index); //如果设定了yes回调,需进行手工关闭
|
||
|
// }
|
||
|
// });
|
||
|
//});
|
||
|
})
|