<%--
|
Created by IntelliJ IDEA.
|
User: Lenovo
|
Date: 2024/9/19
|
Time: 10:06
|
To change this template use File | Settings | File Templates.
|
--%>
|
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
|
<html>
|
<head>
|
<title>Title</title>
|
<link rel="stylesheet" href="../../CSS/layui2.css">
|
<link rel="stylesheet" href="../../CSS/layer.css">
|
</head>
|
<body>
|
<div style="width: 100%;text-align: left;margin-top: 2%;overflow: hidden">
|
<div style="width: 25%;display: inline-block;text-align: left;margin-left: 5%">
|
<select id="Xz" style="padding: 2%;width: 60%;border: 1px solid #cccccc">
|
|
</select>
|
</div>
|
<div style="height: 100%;width: 30%;display: inline-block;">
|
<div style="width: 100%;height: 10%;text-align: left">
|
<button type="button" class="layui-btn layui-btn-normal" style="width: 30%">取卡</button>
|
<button type="button" class="layui-btn layui-btn-normal" style="width: 30%">全部取出</button>
|
<button type="button" class="layui-btn layui-btn-normal" style="width: 30%">查看详情</button>
|
</div>
|
<div style="width: 100%;text-align: center" id="GuiZi">
|
</div>
|
</div>
|
<div style="height: 100%;width: 30%;border: 1px solid red;display: inline-block">
|
<div style="width: 100%;height: 10%">
|
<button type="button" class="layui-btn layui-btn-normal">取卡</button>
|
<button type="button" class="layui-btn layui-btn-normal">全部取出</button>
|
<button type="button" class="layui-btn layui-btn-normal">查看详情</button>
|
</div>
|
</div>
|
</div>
|
</body>
|
<script src="/hxzkuwb/HouTai/Js/jquery-3.5.1.js"></script>
|
<script src="../../JS/layui.js"></script>
|
<script src="../../JS/layer.js"></script>
|
<script>
|
$.get("/hxzkuwb/findAllGuiZi",function (data){
|
$("#Xz").append('<option value="">下拉切换柜子</option>')
|
for (let i = 0 ; i <data.length;i++){
|
$("#Xz").append('<option value="'+data[i].cabinetnum+'">'+data[i].cabinetname+'</option>')
|
}
|
})
|
$("#Xz").change(function() {
|
let num = $("#Xz").val();
|
var data = "num="+num
|
$.get("/hxzkuwb/findFakaNum",data,function (data){
|
let nums = 1;
|
$("#GuiZi").empty()
|
console.log(data)
|
for (let i = 0 ; i <data.length;i++){
|
console.log(data[i].tagname)
|
if (data[i].state == "0"){
|
$("#GuiZi").append('<div class="door'+nums+'" style="width: 32%;border: 1px solid white;float: left;padding: 1% 0%;background-color: #18B051;color: white"><span style="cursor: pointer;position: relative;top: 0.2vh"><input type="radio" name="xz" onclick="DoorXz('+nums+')"></span><span>'+nums+'—号卡槽</span></div>')
|
}else{
|
$("#GuiZi").append('<div class="door'+nums+'" style="width: 32%;border: 1px solid white;float: left;padding: 1% 0%;background-color: #cccccc;color: red"><span style="cursor: pointer;position: relative;top: 0.2vh"><input type="radio" name="xz" onclick="DoorXz('+nums+')"></span><span>'+nums+'—'+data[i].tagname+'</span></div>')
|
}
|
nums++;
|
}
|
})
|
});
|
var cachenum;
|
function DoorXz(num){
|
if (cachenum !=""){
|
$(".door" + cachenum).css("background-color", "#18B051"); // 设置背景颜色为红色
|
cachenum = num;
|
$(".door" + num).css("background-color", "red"); // 设置背景颜色为红色
|
}else{
|
cachenum = num;
|
$(".door" + num).css("background-color", "red"); // 设置背景颜色为红色
|
}
|
}
|
</script>
|
</html>
|
