物联网平台 +Web 组态
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.

125 lines
4.1 KiB

2 years ago
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<%@ page import="com.lp.cfg.ProConfig" %>
<!DOCTYPE html>
<html>
<head>
<%@ include file="/WEB-INF/oss/base/common/variable.jsp"%>
<%@ include file="/WEB-INF/oss/base/common/resource_lib.jsp"%>
<%@ include file="/WEB-INF/oss/base/common/variable_js.jsp"%>
<script type="text/javascript" src="<%=basePath%>/lib/webUploader/webuploader.min.js"></script>
</head>
<script type="text/javascript">
</script>
<style type="text/css">
.limiter{
cursor: pointer;
}
.webuploader-element-invisible{
display: none !important;
}
.download{
text-align: center;
text-decoration: underline;
color: #3499da;
font-size: 16px;
padding-top: 15px;
cursor: pointer;
}
</style>
<body>
<div class="app-container">
<div class="search-condition" type-option="search_table" config-option=" 'submit':'#searchbtns',
'table':'#init-table',
'wait_flag':true">
<input type-name="device_code" placeholder="设备号" class="input input-auto" />
<button id="searchbtns" class="button ml-20 bg-sub"><span class="icon-search"></span> 查询</button>
<div class="float-right">
<button onclick="window.open('<%=basePath%>/file/excel/设备导入模板.xls')" class="button ml-20 bg-sub "><span class="icon-download"></span> 模板下载</button>
<div class="upload_img mr10" id="upload_file" style="display: inline-block;position: relative;width: 150px;">
<button class="button ml-20 bg-sub"><span class="icon-cloud-upload"></span> 模板导入</button>
</div>
</div>
</div>
<div style="margin-top:10px;">
<div id="init-table" type-option="table" config-option="url:'/admin/unused/nodes',
param:{ },
columns:[
{'name':'序号','type':'seq','value':'seq','width':'6%'},
{'name':'设备名称','value':'name','width':'10%'},
{'name':'设备号','value':'device_code','width':'10%'},
{'name':'通讯类型',type:'category','value':'iot_node_type','width':'15%'},
{'name':'添加时间','type':'time','value':'atime','width':'15%'},
{'name':'二维码','type':'self','value_callback':'qrcodeback','width':'15%'},
{'name':'操作','type':'self','value_callback':'value_function','width':'13%'}]" >
</div>
</div>
</div>
<div class="hide" id="InfoImg" >
<p onclick="downImg()" class="download">下载二维码</p>
<div style="text-align: center;padding-bottom: 20px;">
<img id="imgInfo" >
</div>
</div>
<script type="text/javascript">
function value_function(data,seq){
return "<button onclick='t_delete(this,"+data.id+")' class='button button-small border-red'>删除</button> ";
}
// 查看
function t_look(obj){
$("#imgInfo").attr("src", $(obj).attr("src") );
$("#imgInfo").attr("tag", $(obj).attr("tag") );
openWindow("设备二维码","#InfoImg","350px");
}
function downImg(){
var img = document.getElementById('imgInfo');
var url = img.src;
var a = document.createElement('a');
var event = new MouseEvent('click');
a.download = "SN:" + $("#imgInfo").attr("tag") ;
a.href = url;
a.dispatchEvent(event)
}
function qrcodeback(data,seq){
return "<img style='height:45px;' tag='"+ data.device_code + "' onclick='t_look(this)' src=" + imgUrl+"/device/"+ (parseInt( data.id/100) + 1)*100 + "/"+ data.id+".jpg"+ "" + ">";
}
// 删除
function t_delete(obj,id){
lcomfirm('是否确定删除该设备?',function(){
commonAjax("DELETE",localUrl+"/node?id="+id, "",function(){
tip("删除成功");
setTimeout(function(){
closeAll();
$("#init-table").tableAdaptor();
},1000)
});
});
}
$(function(){
//上传模板
UploadInit( localUrl + '/node/upload.json' , {} ,function(file,data){
if(isOK(data)){
tip("导入成功");
$("#init-table").tableAdaptor();
}else{
tip(data.statusMsg,2300);
}
}, "upload_file" ,"","100px", "35px") ;
})
</script>
</body>
</html>