通用版本V1.4

zhitong.yu

2024-04-16 a8dce4f1bb76486215049a0030a6edd93a4851b7

通用版本V1.4

 src/main/webapp/Home/Home.jsp

@@ -62,6 +62,7 @@
            position: relative;
            left: 380px;
        }

        .layui-table th{
            color: white;
            border: none !important;
@@ -479,8 +480,8 @@
    <%--    告警信息处理窗口--%>
    <div class="layui-row" id="wind" style="display: none">
        <div class="layui-col-xs12 layui-col-md12" style="">
            <img src="HomeImg/zuosj.png" style="width: 25px;position: relative;left: -19px;top: 115px">
            <div style="width: 320px;height: 300px;background-color: white" id="XiangXi">
            <img src="HomeImg/zuosj.png" style="width: 25px;position: relative;left: -19px;top: 140px">
            <div style="width: 200%;color: black;overflow-y: hidden;background-color: white;border: 3px solid #7CCEFF;" id="XiangXi">
            </div>
        </div>
    </div>
@@ -535,7 +536,7 @@
<%--    人员详细数据--%>
    <div class="layui-row" id="personMsg"  style="z-index: 9999999;">
        <div class="layui-col-xs4 layui-col-md4" style="">
            <div class="boxallsMSG" style="color: white;border: 1px solid #20A3F5;width: 80%;height: 70%;background-color: rgba(19,62,112,0.8);padding: 15px;margin-left: 110%">
            <div id="boxses" class="boxallsMSG" style="color: black;width: 80%;height: 70%;padding: 15px;margin-left: 110%">
                <div style="">
                    <a href="javascript:;" onclick="ShuaXinShuJu()"><span style="width: 100px;display: inline-block;background-color: #0357D1;text-align: center;color: white;height: 25px;line-height: 25px;">刷新数据</span><span id="personDate" style="color: black;margin-left: 30px"></span></a>
                    <a href="javascript:;" onclick="GuanMsg()"><span style="width: 60px;display: inline-block;background-color: #0357D1;text-align: center;color: white;height: 25px;line-height: 25px;float: right">关闭</span></a>

 src/main/webapp/Home/HomeCss/Home.css

@@ -270,6 +270,10 @@
    left: 500px;
    z-index: 99;
}
#boxses{
    background: url("/hxzkuwb/Home/HomeImg/perMsg.png");
    background-size: cover;
}
#personMsg{
    position: fixed;
    top: 30%;
@@ -277,6 +281,7 @@
    height: 50%;
    z-index: 99;
    display: none;

}
#warningMsg{
    position: fixed;
@@ -684,16 +689,6 @@
}


boxallsMSG{ border: 1px solid #20A3F5; opacity: 1;}

.boxallsMSG:before,
.boxallsMSG:after{ position:absolute; width:30px; height:30px; content: "";  border-top: 3px solid #20a3f5; top: -2px;}
.boxallsMSG:before,.boxfootMSG:before{border-left: 3px solid #20a3f5;left:109.7%;}
.boxallsMSG:after,.boxfootMSG:after{border-right: 3px solid #20a3f5; right: -95%;}
.boxfootMSG{ position:absolute; bottom: 12%; width: 298px; left:0%;}
.boxfootMSG:before,
.boxfootMSG:after{ position:absolute; width:30px; height:30px;  content: "";border-bottom:3px solid #20a3f5; bottom:-4px;}



.boxalls{ border: 1px solid #20A3F5; opacity: 1;}

 src/main/webapp/Home/HomeJs/Time.js

@@ -130,14 +130,17 @@
    var data = "id="+id
    $.get("/hxzkuwb/findIdXiangXi",data,function (data){
        $("#XiangXi").empty();
            $("#XiangXi").append('<p style="padding-top: 10px;margin-left: 20px;font-size: 16px">信息</p>')
            $("#XiangXi").append('<p style="padding-top: 10px;font-size: 16px;text-align: center">详细信息</p>')
            $("#XiangXi").append('<p><hr></p>')
            $("#XiangXi").append('<p style="font-size: 12px;margin-left: 10px;padding-top: 10px">名称：'+data.baoliu2+' 标签ID：'+data.objectid+' <br>坐标：'+data.baoliu1+'</p>')
            $("#XiangXi").append('<p style="font-size: 12px;margin-left: 10px;padding-top: 10px">内容：'+data.type+'</p>')
            $("#XiangXi").append('<p style="font-size: 12px;margin-left: 10px;padding-top: 10px">时间: '+data.time+'</p>')
            $("#XiangXi").append('<p style="font-size: 12px;margin-left: 10px;padding-top: 10px">快速处理：&nbsp;无需处理&nbsp;<input type="radio" onclick="cl(\'无需处理\')" name="baoliu5" value="无需处理" lay-filter="baoliu5" id="option1" title="无需处理">&nbsp;误报&nbsp;<input type="radio" onclick="cl(\'误报\')" name="baoliu5" value="误报"  lay-filter="baoliu5" id="option2" title="误报">&nbsp;已联系&nbsp;<input type="radio" onclick="cl(\'已联系\')" name="baoliu5" value="已联系" lay-filter="baoliu5" title="已联系"></p></div>')
            $("#XiangXi").append('<p style="font-size: 12px;margin-left: 10px;padding-top: 10px">处理记录：<textarea id="cl1" style="background-color: whitesmoke;border: none;width: 70%;height: 50px" required placeholder="请输入内容"></textarea></p></div>')
            $("#XiangXi").append('<p style="font-size: 12px;margin-left: 10px;padding-top: 20px"> <button onClick="windQx()" style="float: right;margin-left: 20px;margin-right: 20px"class="layui-btn layui-btn-primary">关闭 </button><button onClick=windCl('+data.objectid+',"'+data.type+'") style="float: right" class="layui-btn layui-btn-normal">处理</button> </p>')
            $("#XiangXi").append('<p style="font-size: 15px;margin-left: 10px;">名称：'+data.baoliu2+' 标签ID：'+data.objectid+'</p>')
            $("#XiangXi").append('<p style="font-size: 15px;margin-left: 10px;padding-top: 2%">坐标：'+data.baoliu1+'</p>')
            $("#XiangXi").append('<p style="font-size: 15px;margin-left: 10px;padding-top: 2%">内容：'+data.type+'</p>')
            $("#XiangXi").append('<p style="font-size: 15px;margin-left: 10px;padding-top: 2%">时间: '+data.time+'</p>')
            $("#XiangXi").append('<p style="font-size: 15px;margin-left: 10px;padding-top: 2%">快速处理：&nbsp;无需处理&nbsp;<input type="radio" onclick="cl(\'无需处理\')" name="baoliu5" value="无需处理" lay-filter="baoliu5" id="option1" title="无需处理">&nbsp;误报&nbsp;<input type="radio" onclick="cl(\'误报\')" name="baoliu5" value="误报"  lay-filter="baoliu5" id="option2" title="误报">&nbsp;已联系&nbsp;<input type="radio" onclick="cl(\'已联系\')" name="baoliu5" value="已联系" lay-filter="baoliu5" title="已联系"></p></div>')
            $("#XiangXi").append('<p style="font-size: 15px;margin-left: 10px;padding-top: 2%;width: 15%"><span style="position: relative;top: -5%">处理记录：</span></p></div>')
            $("#XiangXi").append('<p style="font-size: 15px;display: inline-block;width: 80%;position: relative;left: 15%;top: -20px"><textarea id="cl1" style="background-color: whitesmoke;border: none;width: 100%;height: 70px;background-color: rgba(255,255,255,0);border: 1px solid black;vertical-align: bottom" required  placeholder="请输入内容"></textarea></p></div>')
            $("#XiangXi").append('<p style="font-size: 15px;margin-left: 10px;margin-top: 3%;padding-bottom: 2%"><button onClick=windCl('+data.objectid+',"'+data.type+'") style="margin-left: 20%;text-align: center" class="layui-btn layui-btn-normal">处理</button><button onClick="windQx()" style="text-align: center;margin-left: 40%;"class="layui-btn layui-btn-primary">关闭 </button></p>')
            $("#XiangXi").append('<p style="font-size: 15px;margin-left: 10px;margin-top: 3%;padding-bottom: 2%">&nbsp;</p>')

    })
    $("#wind").fadeIn(1000)