复制代码代码如下:
< %@ page language="java" contentType="text/html; charset=utf-8"
pageEncoding="utf-8"% >
< %
String path = request.getContextPath();
String basePath = request.getScheme() + "://"
+ request.getServerName() + ":" + request.getServerPort()
+ path + "/";
% >
< !DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.**w*3.org/TR/html4/loose.dtd" >
< html >
< head >
< title >查询系统< /title >
< link rel="stylesheet" type="text/css"
href="http://www.*j**easyui.com/easyui/themes/default/easyui.css" >
< link rel="stylesheet" type="text/css"
href="http://www.*j**easyui.com/easyui/themes/icon.css" >
< link rel="stylesheet" type="text/css"
href="http://www.j*ea**syui.com/easyui/demo/demo.css" >
< script type="text/javascript"
src="http://code.jq**u*ery.com/jquery-1.6.min.js" >< /script >
< script type="text/javascript"
src="http://www.*jea**syui.com/easyui/jquery.easyui.min.js" >< /script >
< script type="text/javascript"
src="http://www.*jea*s*yui.com/easyui/datagrid-detailview.js" >< /script >
< script src="< %=basePath % >js/jquery.confirm.js" >< /script >
< link rel="stylesheet" href="< %=basePath % >css/jquery.confirm.css" >
< style type="text/css" >
form {
margin: 0;
padding: 0;
}
.dv-table td {
border: 0;
}
.dv-table input {
border: 1px solid #ccc;
}
< /style >
< /head >
< body >
< table id="dg"
style="width: 1200px; height: 590px" url="< %=basePath% >findSubsByPage.action"
toolbar="#toolbar" pagination="true" rownumbers="true"
fitColumns="true" singleSelect="true" >
< thead >
< tr >
< th field="tel" >联系方式< /th >
< th field="name" >联系人< /th >
< th field="nametype" >装修名称< /th >
< th field="orderTime" >预订时间< /th >
< th field="content" >备注内容< /th >
< th field="sex" >性别< /th >
< th field="nowTime" >提交时间< /th >
< !-- < th field="status" >状态< /th > -- >
< /tr >
< /thead >
< /table >
< div id="toolbar" >
< div id="toolbar" >
< a href="javascript:void(0)" iconCls="icon-remove" plain="true" onclick="destroyUser()" >删除订单< /a >
< a href="javascript:void(0)" id="unorder" >未成交订单< /a > < a
href="javascript:void(0)" id="order" >已成交订单< /a > < a href="javascript:void(0)"
class="easyui-linkbutton" id="ok" >成交< /a >
< /div >
< /div >
< table >
< tr >
< td colspan="1" >< /td >
< /tr >
< /table >
< script type="text/javascript" >
$(function() {
$("#unorder").click(function() {
var url = "../findSubsByPage.action";
$.post(url, {
status : 0
}, function() {
$('#dg').datagrid('reload');
});
});
$("#order").click(function() {
var url = "../findSubsByPage.action";
$.post(url, {
status : 1
}, function() {
$('#dg').datagrid('reload');
});
});
$("#ok").click(function() {
var url = "../updateSub.action";
var row = $('#dg').datagrid('getSelected');
var elem = $(this).closest('.item');
if (row != null) {
$.confirm({
'title' : '操作确认提示',
'message' : '您确认要进行此成交操作?',
'buttons' : {
'Yes' : {
'class' : 'blue',
'action' : function() {
elem.slideUp();
$.post(url, {
id : row.id
}, function() {
$('#dg').datagrid('reload');
});
}
},
'No' : {
'class' : 'gray',
'action' : function() {
}
}
}
});
} else {
alert("您未选中任何信息!");
}
});
setInterval(function() {
$('#dg').datagrid('reload');
}, 60000);
});
function destroyUser() {
var row = $('#dg').datagrid('getSelected');
if (row) {
$.messager.confirm('操作提示',
'您确定要删除此条订单?',
function(r) {
if (r) {
$.post('../deleteSub.action', {
id : row.id
}, function(result) {
if (result.success) {
$('#dg').datagrid('reload'); // reload the user data
} else {
$.messager.show({ // show error message
title : 'Error',
msg : result.errorMsg
});
}
}, 'json');
}
});
}
}
< /script >
< script language="JavaScript" >
function myrefresh()
{
window.location.reload();
}
setTimeout('myrefresh()',3000000); //指定5秒刷新一次
< /script >
< style type="text/css" >
#fm {
margin: 0;
padding: 10px 30px;
}
.ftitle {
font-size: 14px;
font-weight: bold;
padding: 5px 0;
margin-bottom: 10px;
border-bottom: 1px solid #ccc;
}
.fitem {
margin-bottom: 5px;
}
.fitem label {
display: inline-block;
width: 80px;
}
< /style >
< /body >
< /html >