123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467 |
- <!DOCTYPE html>
- <html class="x-admin-sm">
- <head>
- <meta charset="UTF-8">
- <meta name="renderer" content="webkit">
- <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
- <meta name="viewport"
- content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8,target-densitydpi=low-dpi"/>
- <link rel="shortcut icon" href="https://osscold.baozhida.cn/favicon.ico">
- <link rel="bookmark" href="https://osscold.baozhida.cn/favicon.ico">
- <link rel="stylesheet" href="https://osscold.baozhida.cn/css/font.css">
- <link rel="stylesheet" href="https://osscold.baozhida.cn/css/xadmin.css">
- <link rel="stylesheet" href="https://osscold.baozhida.cn/layui/css/layui.css">
- <script type="text/javascript" src="https://osscold.baozhida.cn/layui/layui.js" charset="utf-8"></script>
- <script type="text/javascript" src="https://osscold.baozhida.cn/js/xadmin.js"></script>
- <script src="https://osscold.baozhida.cn/js/jquery.min.js"></script>
- <script src="https://osscold.baozhida.cn/js/jquery.cookie.min.js"></script>
- <!-- 让IE8/9支持媒体查询,从而兼容栅格 -->
- <!--[if lt IE 9]>
- <script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
- <script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
- <![endif]--></head>
- <body>
- <div class="layui-fluid">
- <!-- <div class="layui-inline" style="margin-top: 20px">-->
- <!-- <!– <label class="layui-form-label" style="width: 28px;">用户</label>–>-->
- <!-- <div class="layui-input-inline" style="margin-left: 20px">-->
- <!-- <input class="layui-input layui-disabled" type="text" value="发发发" autocomplete="off" class="layui-input">-->
- <!-- </div>-->
- <!-- <div class="layui-input-inline" style="width: 80px">-->
- <!-- <input class="layui-input layui-disabled" type="text" value="施工人员" autocomplete="off" class="layui-input">-->
- <!-- </div>-->
- <!-- </div>-->
- <div class="layui-row">
- <div class="layui-col-xs6" style="overflow: hidden;">
- <div class="layui-row" style="margin: 0px 10px">
- <fieldset class="layui-elem-field layui-field-title" style="margin-top: 20px;">
- <legend>已设备绑定</legend>
- </fieldset>
- <div class="layui-col">
- <div class="layui-input-inline layui-show-xs-block">
- <input value="" type="text" id="B_Name" name="B_Name" placeholder="请输入 主机名称" autocomplete="off"
- class="layui-input"></div>
- <div class="layui-input-inline layui-show-xs-block">
- <input value="" type="text" id="B_T_sn" name="B_T_sn" placeholder="请输入 主机SN" autocomplete="off"
- class="layui-input"></div>
- <div class="layui-input-inline layui-show-xs-block">
- <button class="layui-btn layui-btn-normal" lay-submit="" lay-filter="sreach"
- onclick="get_Device_bind_list(0)">
- <i class="layui-icon"></i></button>
- </div>
- <div w id="Device_bind_list" style="width: 98%; overflow: hidden;margin-top: 10px">
- <!-- <div class="layui-col"style="height: 52px;background-color: #fafafa;border-radius:5px;padding-top: 2px;">-->
- <!-- <img style="float: left;width: 50px;margin: 0px 10px" src="https://osscold.baozhida.cn/images/设备管理-1.png" height="50"-->
- <!-- width="40"/>-->
- <!-- <div style="float: left;">-->
- <!-- <div style="margin-top: 4px;font-size: 15px">SN:KF20210510143443</div>-->
- <!-- <div style="margin-top: 1px;font-size: 15px">主机名称:士大夫撒地方递四方速递</div>-->
- <!-- </div>-->
- <!-- <div class="layui-card-header" style="float: right;">-->
- <!-- <button class="layui-btn layui-btn-normal" style="float: right;margin-top: 11px"-->
- <!-- onclick="">-->
- <!-- <i class="iconfont" style="margin-right: 4px"></i> 绑定-->
- <!-- </button>-->
- <!-- </div>-->
- <!-- </div>-->
- </div>
- <div style="height: 70px">
- <div class="layui-card-body ">
- <div class="page">
- <div id="Device_bind_list_Pages">
- <!-- <a class="prev" href=""><<</a>-->
- <!-- <a class="num" href="">1222</a>-->
- <!-- <span class="current">111</span>-->
- <!-- <a class="num" href="">444</a>-->
- <!-- <a class="next" href="">>></a>-->
- </div>
- </div>
- <div style="color: #1E9FFF;text-align: center" id="Device_bind_list_Pages_x"></div>
- </div>
- </div>
- </div>
- </div>
- </div>
- <div class="layui-col-xs6" style="overflow: hidden;">
- <div class="layui-row" style="margin: 0px 10px">
- <fieldset class="layui-elem-field layui-field-title" style="margin-top: 20px;">
- <legend>设备库</legend>
- </fieldset>
- <div class="layui-col">
- <div class="layui-input-inline layui-show-xs-block">
- <input value="" type="text" id="D_Name" name="D_Name" placeholder="请输入 主机名称" autocomplete="off"
- class="layui-input"></div>
- <div class="layui-input-inline layui-show-xs-block">
- <input value="" type="text" id="D_T_sn" name="D_T_sn" placeholder="请输入 主机SN" autocomplete="off"
- class="layui-input"></div>
- <div class="layui-input-inline layui-show-xs-block">
- <button class="layui-btn layui-btn-normal" lay-submit="" lay-filter="sreach"
- onclick="get_Device_list(0)">
- <i class="layui-icon"></i></button>
- </div>
- <div class="layui-input-inline layui-show-xs-block" style="float: right">
- <button class="layui-btn layui-btn-normal" lay-submit="" lay-filter="sreach"
- onclick="DeviceBind_Add_All()">
- <img src="https://osscold.baozhida.cn/images/同步.png" height="15"
- width="15"/> 导入</button>
- </div>
- <div w id="Device_list" style="width: 98%; overflow: hidden;margin-top: 10px">
- <!-- <div class="layui-col"style="height: 52px;background-color: #fafafa;border-radius:5px;padding-top: 2px;">-->
- <!-- <img style="float: left;width: 50px;margin: 0px 10px" src="https://osscold.baozhida.cn/images/设备管理-1.png" height="50"-->
- <!-- width="40"/>-->
- <!-- <div style="float: left;">-->
- <!-- <div style="margin-top: 4px;font-size: 15px">SN:KF20210510143443</div>-->
- <!-- <div style="margin-top: 1px;font-size: 15px">主机名称:士大夫撒地方递四方速递</div>-->
- <!-- </div>-->
- <!-- <div class="layui-card-header" style="float: right;">-->
- <!-- <button class="layui-btn layui-btn-normal" style="float: right;margin-top: 11px"-->
- <!-- onclick="">-->
- <!-- <i class="iconfont" style="margin-right: 4px"></i> 绑定-->
- <!-- </button>-->
- <!-- </div>-->
- <!-- </div>-->
- </div>
- <div style="height: 70px">
- <div class="layui-card-body ">
- <div class="page">
- <div id="Device_list_Pages">
- <!-- <a class="prev" href=""><<</a>-->
- <!-- <a class="num" href="">1222</a>-->
- <!-- <span class="current">111</span>-->
- <!-- <a class="num" href="">444</a>-->
- <!-- <a class="next" href="">>></a>-->
- </div>
- </div>
- <div style="color: #1E9FFF;text-align: center" id="Device_list_Pages_x"></div>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- <script>
- layui.use(['form', 'layer', "layedit"],
- function () {
- $ = layui.jquery;
- var form = layui.form,
- layer = layui.layer;
- var layedit = layui.layedit
- //构建一个默认的编辑器
- var index = layedit.build('T_text', {
- height: 580 //设置编辑器高度,
- });
- });
- //获取GET
- function getPar(par) {
- //获取当前URL
- var local_url = document.location.href;
- //获取要取得的get参数位置
- var get = local_url.indexOf(par + "=")
- ;
- if (get == -1) {
- return false;
- }
- //截取字符串
- //截取字符串
- var get_par = local_url.slice(par.length + get + 1);
- //判断截取后的字符串是否还有其他get参数
- var nextPar = get_par.indexOf("&")
- ;
- if (nextPar != -1) {
- get_par = get_par.slice(0, nextPar);
- }
- return get_par;
- }
- var Admin_uuid = getPar("Admin_uuid")
- var Device_list = []
- var Device_bind_list = []
- /// 设备库
- get_Device_list(0)
- function get_Device_list(page) {
- $.ajax({
- type: 'POST',
- url: 'DeviceBind_List',//发送请求
- data: {
- User_tokey: $.cookie("User_tokey"),
- Admin_uuid: "",
- // Class_1: $("#D_Name").val(),
- T_sn: $("#D_T_sn").val(),
- Name: $("#D_Name").val(),
- page: page,
- },
- success: function (result) {
- console.log(result)
- if (result.Code == 200) {
- $('#Device_list').html("")
- $('#Device_list_Pages').html("")
- $('#Device_list_Pages_x').html("")
- Device_list = result.Data.Device_lite
- if (Device_list.length == 0){
- $('#Device_list').html("<div style=\"color: #1E9FFF;text-align: center;font-size: 15px;margin-top: 150px \">没有数据</div>")
- return
- }
- Add_Device_list(result.Data.Device_lite) // 列表
- Add_Device_list_Pages(result.Data.Pages) // 分页
- $('#Device_list_Pages_x').append("页数:" + result.Data.Page +"/"+ result.Data.Page_size +" 总数:"+result.Data.Num );
- } else {
- }
- }
- });
- }
- function Add_Device_list(Device_lite) {
- for (let i = 0; i < Device_lite.length; i++) {
- $('#Device_list').append("" +
- "<div class=\"layui-col\"style=\"height: 52px;background-color: #fafafa;border-radius:5px;padding-top: 2px;margin-top: 6px\">\n" +
- " <img style=\"float: left;width: 50px;margin: 0px 10px\" src=\"https://osscold.baozhida.cn/images/设备管理-1.png\" height=\"50\"\n" +
- " width=\"40\"/>\n" +
- " <div style=\"float: left;\">\n" +
- " <div style=\"margin-top: 4px;font-size: 15px\">SN:" + Device_lite[i].T_sn + "</div>\n" +
- " <div style=\"margin-top: 1px;font-size: 15px\">主机名称:" + Device_lite[i].T_devName + "</div>\n" +
- " </div>\n" +
- " <div class=\"layui-card-header\" style=\"float: right;\">\n" +
- " <button class=\"layui-btn layui-btn-normal\" style=\"float: right;margin-top: 11px\"\n" +
- " onclick=\"DeviceBind_Add('"+Device_lite[i].T_sn+"')\">\n" +
- " <i class=\"iconfont\" style=\"margin-right: 4px\"></i> 绑定\n" +
- " </button>\n" +
- " </div>\n" +
- " </div>")
- }
- }
- function Add_Device_list_Pages(Pages) {
- for (let i = 0; i < Pages.length; i++) {
- elem = Pages[i]
- switch (elem.A) {
- case 1:
- $('#Device_list_Pages').append("<a class=\"prev\" onclick='get_Device_list(" + elem.V + ")' ><<</a>\n");
- break;
- case 2:
- $('#Device_list_Pages').append("<a class=\"num\" onclick='get_Device_list(" + elem.V + ")' >" + elem.V + "</a>\n");
- break;
- case 3:
- $('#Device_list_Pages').append("<span class=\"current\">" + elem.V + "</span>\n");
- break;
- case 4:
- $('#Device_list_Pages').append("<a class=\"num\" onclick='get_Device_list(" + elem.V + ")' >" + elem.V + "</a>\n");
- break;
- case 5:
- $('#Device_list_Pages').append("<a class=\"next\" onclick='get_Device_list(" + elem.V + ")' >>></a>\n");
- break;
- }
- }
- }
- /// --------------- 绑定
- get_Device_bind_list(0)
- function get_Device_bind_list(page) {
- $.ajax({
- type: 'POST',
- url: 'DeviceBind_List',//发送请求
- data: {
- User_tokey: $.cookie("User_tokey"),
- Admin_uuid: Admin_uuid,
- // Class_1: $("#D_Name").val(),
- T_sn: $("#B_T_sn").val(),
- Name: $("#B_Name").val(),
- page: page,
- },
- success: function (result) {
- console.log(result)
- if (result.Code == 200) {
- $('#Device_bind_list').html("")
- $('#Device_bind_list_Pages').html("")
- $('#Device_bind_list_Pages_x').html("")
- Device_bind_list = result.Data.Device_lite
- if (Device_bind_list.length == 0){
- $('#Device_bind_list').html("<div style=\"color: #1E9FFF;text-align: center;font-size: 15px;margin-top: 150px\">没有数据</div>")
- return
- }
- Add_Device_bind_list(result.Data.Device_lite) // 列表
- Add_Device_bind_list_Pages(result.Data.Pages) // 分页
- $('#Device_bind_list_Pages_x').append("页数:" + result.Data.Page +"/"+ result.Data.Page_size +" 总数:"+result.Data.Num );
- } else {
- }
- }
- });
- }
- function Add_Device_bind_list(Device_lite) {
- for (let i = 0; i < Device_lite.length; i++) {
- $('#Device_bind_list').append("" +
- "<div class=\"layui-col\"style=\"height: 52px;background-color: #fafafa;border-radius:5px;padding-top: 2px;margin-top: 6px\">\n" +
- " <img style=\"float: left;width: 50px;margin: 0px 10px\" src=\"https://osscold.baozhida.cn/images/设备管理-1.png\" height=\"50\"\n" +
- " width=\"40\"/>\n" +
- " <div style=\"float: left;\">\n" +
- " <div style=\"margin-top: 4px;font-size: 15px\">SN:" + Device_lite[i].T_sn + "</div>\n" +
- " <div style=\"margin-top: 1px;font-size: 15px\">主机名称:" + Device_lite[i].T_devName + "</div>\n" +
- " </div>\n" +
- " <div class=\"layui-card-header\" style=\"float: right;\">\n" +
- " <button class=\"layui-btn layui-btn-normal\" style=\"background-color:#ff7070;float: right;margin-top: 11px\"\n" +
- " onclick=\"DeviceBind_Del('"+Device_lite[i].T_sn+"')\">\n" +
- " <i class=\"iconfont\" style=\"margin-right: 4px\"></i> 删除\n" +
- " </button>\n" +
- " </div>\n" +
- " </div>")
- }
- }
- function Add_Device_bind_list_Pages(Pages) {
- for (let i = 0; i < Pages.length; i++) {
- elem = Pages[i]
- switch (elem.A) {
- case 1:
- $('#Device_bind_list_Pages').append("<a class=\"prev\" onclick='get_Device_bind_list(" + elem.V + ")' ><<</a>\n");
- break;
- case 2:
- $('#Device_bind_list_Pages').append("<a class=\"num\" onclick='get_Device_bind_list(" + elem.V + ")' >" + elem.V + "</a>\n");
- break;
- case 3:
- $('#Device_bind_list_Pages').append("<span class=\"current\">" + elem.V + "</span>\n");
- break;
- case 4:
- $('#Device_bind_list_Pages').append("<a class=\"num\" onclick='get_Device_bind_list(" + elem.V + ")' >" + elem.V + "</a>\n");
- break;
- case 5:
- $('#Device_bind_list_Pages').append("<a class=\"next\" onclick='get_Device_bind_list(" + elem.V + ")' >>></a>\n");
- break;
- }
- }
- }
- // 绑定操作
- function DeviceBind_Add_All() {
- var loading = layer.load(0, {
- shade: false,
- time: 99*1000
- });
- $.ajax({
- type: 'POST',
- url: 'DeviceBind_Add_All',//发送请求
- data: {
- User_tokey: $.cookie("User_tokey"),
- Admin_uuid: Admin_uuid,
- T_sn: $("#D_T_sn").val(),
- Name: $("#D_Name").val(),
- },
- success: function (result) {
- layer.close(loading)
- console.log(result)
- if (result.Code != 200) {
- layer.msg(result.Msg);
- return
- }
- layer.msg("成功导入设备数量:"+result.Data);
- get_Device_bind_list(0)
- }
- });
- }
- // 绑定操作
- function DeviceBind_Add(T_sn) {
- var loading = layer.load(0, {
- shade: false,
- time: 99*1000
- });
- $.ajax({
- type: 'POST',
- url: 'DeviceBind_Add',//发送请求
- data: {
- User_tokey: $.cookie("User_tokey"),
- Admin_uuid: Admin_uuid,
- T_sn: T_sn,
- },
- success: function (result) {
- layer.close(loading)
- console.log(result)
- if (result.Code == 203) {
- layer.msg('不能重复添加');
- return
- }
- get_Device_bind_list(0)
- }
- });
- }
- function DeviceBind_Del(T_sn) {
- var loading = layer.load(0, {
- shade: false,
- time: 99*1000
- });
- $.ajax({
- type: 'POST',
- url: 'DeviceBind_Del',//发送请求
- data: {
- User_tokey: $.cookie("User_tokey"),
- Admin_uuid: Admin_uuid,
- T_sn: T_sn,
- },
- success: function (result) {
- layer.close(loading)
- console.log(result)
- if (result.Code == 203) {
- layer.msg('不能重复添加');
- return
- }
- get_Device_bind_list(0)
- }
- });
- }
- </script>
- <script>
- </script>
- </body>
- </html>
|