144 lines
5.3 KiB
HTML
144 lines
5.3 KiB
HTML
|
<!DOCTYPE html>
|
||
|
|
<html>
|
||
|
|
<head>
|
||
|
|
<meta charset="utf-8" />
|
||
|
|
<title>layUI穿梭框</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"/>
|
||
|
|
<link rel="stylesheet" href="../../layui-v2.8.18/layui/css/layui.css" media="all"/>
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
|
||
|
|
<div id="test7" class="demo-transfer"></div>
|
||
|
|
<div class="layui-btn-container" style="margin-left: 40%">
|
||
|
|
<button type="button" class="layui-btn" lay-demotransferactive="getData">
|
||
|
|
保存
|
||
|
|
</button>
|
||
|
|
</div>
|
||
|
|
</body>
|
||
|
|
|
||
|
|
<script src="../../js/jquery/jquery-3.6.0.js"></script>
|
||
|
|
<script src="../../layui-v2.8.18/layui/layui.js"></script>
|
||
|
|
<script type="text/javascript" src="../../js/jq.js"></script>
|
||
|
|
<script type="text/javascript" src="../../js/publicJs.js"></script>
|
||
|
|
<script type="text/javascript" src="../../js/my/permission.js"></script>
|
||
|
|
<script>
|
||
|
|
var data1;
|
||
|
|
var data2 = [];
|
||
|
|
var id = localStorage.getItem("id");
|
||
|
|
var proId = localStorage.getItem("proId");
|
||
|
|
layui.use(["transfer", "layer", "util"], function () {
|
||
|
|
var $ = layui.$,
|
||
|
|
transfer = layui.transfer,
|
||
|
|
layer = layui.layer,
|
||
|
|
util = layui.util;
|
||
|
|
|
||
|
|
|
||
|
|
$.ajax({
|
||
|
|
type: 'POST',
|
||
|
|
async: false, // 默认异步true,false表示同步
|
||
|
|
url: ctxPath + '/subTeam/getTowerSubcontract',// 请求地址
|
||
|
|
contentType: "application/x-www-form-urlencoded",
|
||
|
|
dataType: 'json', // 服务器返回数据类型
|
||
|
|
data: {
|
||
|
|
id: id,
|
||
|
|
proId: proId
|
||
|
|
|
||
|
|
}, //获取提交的表单字段
|
||
|
|
success: function (data) {
|
||
|
|
var resMsg = data.resMsg;
|
||
|
|
if ("数据获取成功" == resMsg) {
|
||
|
|
data1 = data.obj.data1;
|
||
|
|
if (data.obj.data2 && data.obj.data2.length > 0) { // 检查 data.obj.data2 是否为空
|
||
|
|
for (var i = 0; i < data.obj.data2.length; i++) {
|
||
|
|
var item = data.obj.data2[i];
|
||
|
|
if (item && item.value !== null) { // 检查每个对象是否都有 value 属性，并且值不为 null
|
||
|
|
var value = item.value;
|
||
|
|
data2.push(value);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
// console.log(data1);
|
||
|
|
console.log(data2);
|
||
|
|
// reloadTip(success.substring(0,2),success,'success');
|
||
|
|
}else {
|
||
|
|
reloadTip(success.substring(0,2),error,"error");
|
||
|
|
}
|
||
|
|
}
|
||
|
|
});
|
||
|
|
|
||
|
|
// var data2 = ["6", "7"];
|
||
|
|
var values = data2;
|
||
|
|
|
||
|
|
//实例调用
|
||
|
|
transfer.render({
|
||
|
|
elem: "#test7",
|
||
|
|
data: data1,
|
||
|
|
id: "key123", //定义唯一索引
|
||
|
|
width: 300, //定义宽度
|
||
|
|
height: 500, //定义高度
|
||
|
|
showSearch: true, //显示搜索框
|
||
|
|
title: ["未选杆塔", "已选杆塔"],
|
||
|
|
value: data2, //右侧数据直接初始化
|
||
|
|
onchange: function (data, index) {
|
||
|
|
var arrD = new Array();
|
||
|
|
$.each(data, function (k, v) {
|
||
|
|
arrD.push(v.title);
|
||
|
|
});
|
||
|
|
var name = arrD.join(",");
|
||
|
|
},
|
||
|
|
});
|
||
|
|
|
||
|
|
//批量办法定事件 -----保存方法
|
||
|
|
util.event("lay-demoTransferActive", {
|
||
|
|
getData: function (othis) {
|
||
|
|
var getData = transfer.getData("key123"); //获取右侧数据
|
||
|
|
var ids = new Array();
|
||
|
|
var titles = new Array();
|
||
|
|
for (var i = 0; i < getData.length; i++) {
|
||
|
|
ids.push(getData[i].value);
|
||
|
|
titles.push(getData[i].title);
|
||
|
|
|
||
|
|
}
|
||
|
|
if (ids.sort().toString() == values.sort().toString()) {
|
||
|
|
return layer.msg("杆塔配置没有改变，请勿重复提交！", { icon: 5 });
|
||
|
|
}
|
||
|
|
var indexs = layer.confirm("确定要修改杆塔配置吗？", function (index) {
|
||
|
|
// alert(titles);
|
||
|
|
console.log(ids)
|
||
|
|
editVerify(ids,indexs);
|
||
|
|
});
|
||
|
|
},
|
||
|
|
});
|
||
|
|
|
||
|
|
//提交后台
|
||
|
|
function editVerify(ids,indexs) {
|
||
|
|
$.ajax({
|
||
|
|
type: 'POST',
|
||
|
|
async: false, // 默认异步true,false表示同步
|
||
|
|
url: ctxPath + '/subTeam/bindTowerSubcon',// 请求地址
|
||
|
|
contentType: "application/x-www-form-urlencoded",
|
||
|
|
dataType: 'json', // 服务器返回数据类型
|
||
|
|
data: {
|
||
|
|
ids: ids.toString(),
|
||
|
|
id: id,
|
||
|
|
proId: proId
|
||
|
|
}, //获取提交的表单字段
|
||
|
|
success: function (data) {
|
||
|
|
var resMsg = data.resMsg;
|
||
|
|
layer.close(indexs);
|
||
|
|
if ("数据获取成功" == resMsg) {
|
||
|
|
reloadTip(success.substring(0,2),success,'success');
|
||
|
|
}else {
|
||
|
|
reloadTip(success.substring(0,2),error,"error");
|
||
|
|
}
|
||
|
|
}
|
||
|
|
});
|
||
|
|
}
|
||
|
|
});
|
||
|
|
|
||
|
|
|
||
|
|
</script>
|
||
|
|
</html>
|