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.
154 lines
3.9 KiB
154 lines
3.9 KiB
<%@ page language="java" contentType="text/html; charset=UTF-8"
|
|
pageEncoding="UTF-8"%>
|
|
<%@ page import="com.lp.cfg.ProConfig"%>
|
|
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
|
|
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
|
|
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<title><%=ProConfig.PROJECT_NAME %></title>
|
|
<%@ include file="/WEB-INF/wechat/iot/common/resource_lib.jsp"%>
|
|
<style type="text/css">
|
|
.sub-container{
|
|
margin-left: 13px;
|
|
padding: 10px 5px 10px 0;
|
|
border-top: 1px solid #d9d9d9;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.sub-container:FIRST-CHILD{
|
|
border-top: 0;
|
|
}
|
|
|
|
.body-container{
|
|
background: #fff ;
|
|
}
|
|
.sub-container p{
|
|
font-size: 14px;
|
|
}
|
|
.sub-container img {
|
|
vertical-align: middle;
|
|
border-radius: 4px;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div class="container">
|
|
<div class="t-c title-info">
|
|
<span>项目列表</span>
|
|
<div class="back" onclick="forward('/wiot/user')" style=" position: fixed;top: 0px;" >返回</div>
|
|
<c:if test="${user.type != 7 }">
|
|
<div class="add" onclick="forward('/wiot/escene')" style=" position: fixed;top: 0px;right: 10px;" >增加</div>
|
|
</c:if>
|
|
</div>
|
|
<div style="height: 50px;"></div>
|
|
|
|
<div class="body-container">
|
|
|
|
</div>
|
|
<%@ include file="/WEB-INF/wechat/iot/common/pager.jsp"%>
|
|
</div>
|
|
|
|
<div class="hide" id="template">
|
|
<div class="sub-container clear" tag="{id}">
|
|
<div class="float-left width30">
|
|
<img alt="" style="max-height: 69px;" width="100%" src="{img_id}">
|
|
</div>
|
|
<div class="float-left width70 pl-10">
|
|
<div class="clear">
|
|
<p class="title float-left" style="color: #000;">{name}</p>
|
|
<p style="color: #666;" class="body float-right">
|
|
<span>设备数量: {device_num}</span>
|
|
</p>
|
|
</div>
|
|
<p style="color: #aaa;" >{atimestr}</p>
|
|
|
|
|
|
<c:if test="${user.type != 7 }">
|
|
<div class="mt-10">
|
|
<img style="width: 20px;float: right;" tag="{id}" class="deletebtn" src="<%=basePath%>/image/wechat/iot/delete.png">
|
|
<img style="width: 20px;float: right;margin-right: 20px;" tag="{id}" class="editbtn" src="<%=basePath%>/image/wechat/iot/edit.png">
|
|
</div>
|
|
</c:if>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</body>
|
|
<script type="text/javascript">
|
|
|
|
|
|
$(function(){
|
|
|
|
$(document).on("click",".deletebtn",function(e){
|
|
var self = this ;
|
|
$.confirm("是否确认删除", function() {
|
|
commonAjax("DELETE",localUrl+"/scene?id="+ $(self).attr("tag") , "",function(){
|
|
tip("删除成功");
|
|
setTimeout(function(){
|
|
$(self).parent().parent().parent().remove();
|
|
},500)
|
|
});
|
|
}, function() {
|
|
|
|
});
|
|
|
|
e.stopPropagation();
|
|
})
|
|
|
|
$(document).on("click",".editbtn",function(e){
|
|
forward('/wiot/escene?id=' + $(this).attr("tag") );
|
|
e.stopPropagation();
|
|
})
|
|
|
|
// 委托冒泡
|
|
$(document).on("click",".sub-container",function(e){
|
|
forward('/wiot/mdevice?id=' + $(this).attr("tag") );
|
|
})
|
|
|
|
function getData(n){
|
|
postAjax(localUrl+"/self/page/scene.json?paged="+n, data,function(data){
|
|
if(isOK(data)){
|
|
var dataT = data.data.data ;
|
|
for(var i=0;i<dataT.length;i++){
|
|
dataT[i].atimestr = time2Str(dataT[i].atime);
|
|
if(validater.empty(dataT[i].img_id )){
|
|
dataT[i].img_id = '<%=basePath%>/image/wechat/iot/tinmg.png';
|
|
}else{
|
|
dataT[i].img_id = imgUrl + dataT[i].img_id ;
|
|
}
|
|
$(".body-container").append( $("#template").html().format(dataT[i]));
|
|
}
|
|
|
|
if(data.data.totalPage > data.data.paged){
|
|
loading = false;
|
|
}else{
|
|
loading =true ;
|
|
}
|
|
|
|
}else{
|
|
loading =true ;
|
|
}
|
|
// 传data就可以，分页的
|
|
pagerinit(data,".body-container");
|
|
});
|
|
}
|
|
|
|
// 查询条件
|
|
var data = {} ;
|
|
var paged = 1;
|
|
getData(paged++);
|
|
var loading = false; //状态标记
|
|
$(document.body).infinite().on("infinite", function() {
|
|
if (loading)
|
|
return;
|
|
loading = true;
|
|
setTimeout(function() {
|
|
// 获取商品信息
|
|
getData(paged++);
|
|
}, 500);
|
|
});
|
|
})
|
|
|
|
</script>
|
|
</html>
|