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.
214 lines
7.6 KiB
214 lines
7.6 KiB
11 months ago
|
<!DOCTYPE html>
|
||
|
|
<html>
|
||
|
|
<head>
|
||
|
|
<meta charset="utf-8">
|
||
|
|
<title>摄像头分组摄像头编辑</title>
|
||
|
|
<meta name="renderer" content="webkit">
|
||
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
|
||
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
|
||
|
|
<meta name="apple-mobile-web-app-status-bar-style" content="black">
|
||
|
|
<meta name="apple-mobile-web-app-capable" content="yes">
|
||
|
|
<meta name="format-detection" content="telephone=no">
|
||
|
|
<link href="layui/css/layui.css" rel="stylesheet" />
|
||
|
|
<link rel="stylesheet" href="../../css/public.css" media="all" />
|
||
|
|
<script src="../../js/jquery-2.1.3.min.js" type="text/javascript"></script>
|
||
|
|
<script src="../../js/jquery.cookie.js" type="text/javascript"></script>
|
||
|
|
<style type="text/css">
|
||
|
|
.layui-transfer-data {
|
||
|
|
text-align: left;
|
||
|
|
}
|
||
|
|
</style>
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
|
||
|
|
<div style="text-align:center;">
|
||
|
|
|
||
|
|
<form class="layui-form">
|
||
|
|
<br />
|
||
|
|
<div id="divIsSub" class="layui-input-inline">
|
||
|
|
<input type="checkbox" id="is_content" lay-filter="bellow" name='is_content' value="1" title="包含下级所属单位" checked="checked">
|
||
|
|
</div>
|
||
|
|
|
||
|
|
</form>
|
||
|
|
<br />
|
||
|
|
<div id="test4" class="demo-transfer"></div>
|
||
|
|
<br />
|
||
|
|
<div class="layui-center">
|
||
|
|
<a class="layui-btn layui-btn-normal" id="btn_Save">保存</a>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<script src="layui/layui.js"></script>
|
||
|
|
|
||
|
|
<script type="text/javascript">
|
||
|
|
|
||
|
|
layui.config({
|
||
|
|
base: '../../js/'
|
||
|
|
}).use(['transfer', 'layer', 'util', 'form'], function () {
|
||
|
|
var $ = layui.$
|
||
|
|
, transfer = layui.transfer
|
||
|
|
, layer = layui.layer
|
||
|
|
, form = layui.form
|
||
|
|
, util = layui.util;
|
||
|
|
|
||
|
|
var userInfo = JSON.parse(window.sessionStorage.getItem("userInfo"));
|
||
|
|
var OrgId = userInfo.OrgID;
|
||
|
|
|
||
|
|
//var OrgId = "D8DC637B8B984848A63F82A018AFAEB0";
|
||
|
|
|
||
|
|
////模拟数据
|
||
|
|
//var data1 = [
|
||
|
|
// { "value": "ab1", "title": "李白" }
|
||
|
|
// , { "value": "2", "title": "杜甫" }
|
||
|
|
// , { "value": "3", "title": "苏轼" }
|
||
|
|
// , { "value": "4", "title": "李清照" }
|
||
|
|
// , { "value": "5", "title": "鲁迅" }
|
||
|
|
// , { "value": "6", "title": "巴金" }
|
||
|
|
// , { "value": "7", "title": "冰心" }
|
||
|
|
// , { "value": "8", "title": "矛盾" }
|
||
|
|
// , { "value": "9", "title": "贤心" }
|
||
|
|
// , { "value": "12", "title": "杜甫" }
|
||
|
|
// , { "value": "13", "title": "苏轼" }
|
||
|
|
// , { "value": "14", "title": "李清照" }
|
||
|
|
// , { "value": "15", "title": "鲁迅" }
|
||
|
|
// , { "value": "16", "title": "巴金" }
|
||
|
|
// , { "value": "17", "title": "冰心" }
|
||
|
|
// , { "value": "18", "title": "矛盾" }
|
||
|
|
// , { "value": "19", "title": "贤心" }
|
||
|
|
// , { "value": "32", "title": "杜甫" }
|
||
|
|
// , { "value": "33", "title": "苏轼" }
|
||
|
|
// , { "value": "34", "title": "李清照" }
|
||
|
|
// , { "value": "35", "title": "鲁迅" }
|
||
|
|
// , { "value": "36", "title": "巴金" }
|
||
|
|
// , { "value": "37", "title": "冰心" }
|
||
|
|
// , { "value": "38", "title": "矛盾" }
|
||
|
|
// , { "value": "39", "title": "贤心" }
|
||
|
|
//]
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
//信息保存
|
||
|
|
$("#btn_Save").click(function () {
|
||
|
|
|
||
|
|
//获得右侧数据
|
||
|
|
var getData = transfer.getData('demo1');
|
||
|
|
var arr = [];
|
||
|
|
for (var i = 0; i < getData.length; i++) {
|
||
|
|
arr.push(getData[i].value);
|
||
|
|
}
|
||
|
|
var arrStr = arr.toString();
|
||
|
|
//console.log(arrStr);
|
||
|
|
|
||
|
|
$.ajax({
|
||
|
|
type: "post",
|
||
|
|
url: "/ashx/TblCameraGroupHandler.ashx",
|
||
|
|
data: {
|
||
|
|
Action: "SaveCameraGroupLinkList"
|
||
|
|
//分组信息ID
|
||
|
|
, cgid: getUrlParam('cgid')
|
||
|
|
//已经选摄像头
|
||
|
|
, arrStr: arrStr
|
||
|
|
},
|
||
|
|
dataType: "json",
|
||
|
|
success: function (result) {
|
||
|
|
//console.log(result);
|
||
|
|
if (result.code == 1) {
|
||
|
|
top.layer.msg(result.msg, { time: 1800 });
|
||
|
|
|
||
|
|
var index = parent.layer.getFrameIndex(window.name);
|
||
|
|
parent.layer.close(index);
|
||
|
|
|
||
|
|
} else {
|
||
|
|
|
||
|
|
layer.open({
|
||
|
|
title: '信息提示'
|
||
|
|
, content: result.msg
|
||
|
|
});
|
||
|
|
}
|
||
|
|
}
|
||
|
|
});
|
||
|
|
|
||
|
|
|
||
|
|
});
|
||
|
|
|
||
|
|
|
||
|
|
//点击包含下级触发
|
||
|
|
form.on('checkbox(bellow)', function (data) {
|
||
|
|
if (data.elem.checked == true) {
|
||
|
|
initData();
|
||
|
|
} else {
|
||
|
|
initData();
|
||
|
|
}
|
||
|
|
});
|
||
|
|
|
||
|
|
//初始化
|
||
|
|
function initData() {
|
||
|
|
|
||
|
|
var is_content = "";
|
||
|
|
$("input:checkbox[name='is_content']:checked").each(function (i) {
|
||
|
|
is_content = $(this).val();
|
||
|
|
});
|
||
|
|
|
||
|
|
$.ajax({
|
||
|
|
type: "post",
|
||
|
|
url: "/ashx/TblCameraGroupHandler.ashx",
|
||
|
|
data: {
|
||
|
|
Action: "getCameraGroupLinkList"
|
||
|
|
//分组信息ID
|
||
|
|
, cgid: getUrlParam('cgid')
|
||
|
|
, is_content: is_content,
|
||
|
|
},
|
||
|
|
dataType: "json",
|
||
|
|
success: function (result) {
|
||
|
|
//console.log(result);
|
||
|
|
if (result.code == 1) {
|
||
|
|
//显示搜索框
|
||
|
|
transfer.render({
|
||
|
|
elem: '#test4'
|
||
|
|
, id: 'demo1' //定义索引
|
||
|
|
, data: result.data
|
||
|
|
//用于对数据源进行格式解析
|
||
|
|
, parseData: function (res) {
|
||
|
|
return {
|
||
|
|
"value": res.ID //数据值
|
||
|
|
, "title": res.C_NAME //数据标题
|
||
|
|
}
|
||
|
|
}
|
||
|
|
, width: 350
|
||
|
|
, title: ['未选摄像头', '已选摄像头']
|
||
|
|
, showSearch: true
|
||
|
|
, value: result.data1
|
||
|
|
})
|
||
|
|
} else {
|
||
|
|
layer.open({
|
||
|
|
title: '信息提示'
|
||
|
|
, content: result.msg
|
||
|
|
});
|
||
|
|
}
|
||
|
|
}
|
||
|
|
});
|
||
|
|
}
|
||
|
|
|
||
|
|
$(function () {
|
||
|
|
initData();
|
||
|
|
});
|
||
|
|
|
||
|
|
|
||
|
|
});
|
||
|
|
|
||
|
|
|
||
|
|
//获取url中的参数
|
||
|
|
function getUrlParam(name) {
|
||
|
|
var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)"); //构造一个含有目标参数的正则表达式对象
|
||
|
|
var r = window.location.search.substr(1).match(reg); //匹配目标参数
|
||
|
|
if (r != null) return unescape(r[2]); return ''; //返回参数值
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
</script>
|
||
|
|
|
||
|
|
|
||
|
|
</body>
|
||
|
|
</html>
|