270 lines
11 KiB
HTML
270 lines
11 KiB
HTML
<!DOCTYPE html>
|
||
<html>
|
||
<head>
|
||
<title>礼品卡统计</title>
|
||
<meta charset="utf-8">
|
||
<!-- 指定以IE8的方式来渲染 -->
|
||
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE8"/>
|
||
<link rel="shortcut icon" href="/images/favicon.ico" type="image/x-icon"/>
|
||
<script type="text/javascript" src="/js/jquery-1.8.0.min.js"></script>
|
||
<link rel="stylesheet" type="text/css" href="/js/easyui-1.3.5/themes/default/easyui.css"/>
|
||
<link rel="stylesheet" type="text/css" href="/js/easyui-1.3.5/themes/icon.css"/>
|
||
<link type="text/css" rel="stylesheet" href="/css/common.css"/>
|
||
<script type="text/javascript" src="/js/easyui-1.3.5/jquery.easyui.min.js"></script>
|
||
<script type="text/javascript" src="/js/easyui-1.3.5/locale/easyui-lang-zh_CN.js"></script>
|
||
<script type="text/javascript" src="/js/My97DatePicker/WdatePicker.js"></script>
|
||
<script type="text/javascript" src="/js/common/common.js"></script>
|
||
</head>
|
||
<body>
|
||
<!-- 查询 -->
|
||
<div id="searchPanel" class="easyui-panel" style="padding:10px;" title="查询窗口" iconCls="icon-search" collapsible="true"
|
||
closable="false">
|
||
<table id="searchTable">
|
||
<tr>
|
||
<td>礼品卡：</td>
|
||
<td>
|
||
<input id="searchGiftId" name="searchGiftId" style="width:110px;"/>
|
||
</td>
|
||
<td> </td>
|
||
<td>
|
||
<a href="javascript:void(0)" class="easyui-linkbutton" iconCls="icon-search" id="searchBtn">查询</a>
|
||
</td>
|
||
</tr>
|
||
</table>
|
||
</div>
|
||
|
||
<!-- 数据显示table -->
|
||
<div id="tablePanel" class="easyui-panel" style="padding:1px;top:300px;" title="礼品卡统计列表" iconCls="icon-list"
|
||
collapsible="true" closable="false">
|
||
<table id="tableData" style="top:300px;border-bottom-color:#FFFFFF"></table>
|
||
</div>
|
||
|
||
<script type="text/javascript">
|
||
var mPropertyList = ""; //商品属性列表
|
||
//初始化界面
|
||
$(function () {
|
||
var userBusinessList = null;
|
||
var userdepot = null;
|
||
initGift();
|
||
initMProperty(); //初始化商品属性
|
||
initTableData();
|
||
ininPager();
|
||
});
|
||
|
||
//初始化-礼品卡
|
||
function initGift() {
|
||
$('#searchGiftId').combobox({
|
||
url: "/depot/findGiftByType?type=1",
|
||
valueField: 'id',
|
||
textField: 'name'
|
||
});
|
||
|
||
//当会员卡号长度超过10位后，自动点击下拉框，用于兼容刷卡器
|
||
$("#searchGiftId").next().find("input").off("keyup").on("keyup", function () {
|
||
var self = this;
|
||
if ($(this).val().length === 10) {
|
||
setTimeout(function () {
|
||
$(".combo-panel .combobox-item-selected").click();
|
||
search();
|
||
}, 500);
|
||
}
|
||
});
|
||
}
|
||
|
||
//初始化商品属性
|
||
function initMProperty() {
|
||
$.ajax({
|
||
type: "get",
|
||
url: "/materialProperty/list",
|
||
dataType: "json",
|
||
data: ({
|
||
search: JSON.stringify({
|
||
name: ""
|
||
}),
|
||
currentPage: 1,
|
||
pageSize: 100
|
||
}),
|
||
success: function (res) {
|
||
if(res && res.code === 200){
|
||
var thisRows = res.data.page.rows;
|
||
for (var i = 0; i < thisRows.length; i++) {
|
||
if (thisRows[i].enabled) {
|
||
mPropertyList += thisRows[i].nativename + ",";
|
||
}
|
||
}
|
||
if (mPropertyList) {
|
||
mPropertyList = mPropertyList.substring(0, mPropertyList.length - 1);
|
||
}
|
||
}
|
||
},
|
||
//此处添加错误处理
|
||
error: function () {
|
||
$.messager.alert('查询提示', '查询信息异常，请稍后再试！', 'error');
|
||
return;
|
||
}
|
||
});
|
||
}
|
||
|
||
//初始化表格数据
|
||
function initTableData() {
|
||
$('#tableData').datagrid({
|
||
height: heightInfo,
|
||
nowrap: false,
|
||
rownumbers: true,
|
||
//动画效果
|
||
animate: false,
|
||
//选中单行
|
||
singleSelect: true,
|
||
pagination: true,
|
||
//交替出现背景
|
||
striped: true,
|
||
pageSize: 10,
|
||
pageList: [10, 50, 100],
|
||
columns: [[
|
||
{title: '名称', field: 'MaterialName', width: 60},
|
||
{title: '型号', field: 'MaterialModel', width: 80},
|
||
{title: '扩展信息', field: 'MaterialOther', width: 150},
|
||
{title: '单位', field: 'MaterialUnit', width: 80},
|
||
{title: '结存数量', field: 'thisSum', width: 80}
|
||
]],
|
||
onLoadError: function () {
|
||
$.messager.alert('页面加载提示', '页面加载异常，请稍后再试！', 'error');
|
||
return;
|
||
}
|
||
});
|
||
}
|
||
|
||
//初始化键盘enter事件
|
||
$(document).keydown(function (event) {
|
||
//兼容 IE和firefox 事件
|
||
var e = window.event || event;
|
||
var k = e.keyCode || e.which || e.charCode;
|
||
//兼容 IE,firefox 兼容
|
||
var obj = e.srcElement ? e.srcElement : e.target;
|
||
//绑定键盘事件为 id是指定的输入框才可以触发键盘事件 13键盘事件 ---遗留问题 enter键效验 对话框会关闭问题
|
||
if (k == "13" && (obj.id == "Type" || obj.id == "Name")) {
|
||
$("#savePerson").click();
|
||
}
|
||
//搜索按钮添加快捷键
|
||
if (k == "13" && (obj.id == "searchType")) {
|
||
$("#searchBtn").click();
|
||
}
|
||
});
|
||
|
||
//分页信息处理
|
||
function ininPager() {
|
||
try {
|
||
var opts = $("#tableData").datagrid('options');
|
||
var pager = $("#tableData").datagrid('getPager');
|
||
pager.pagination({
|
||
onSelectPage: function (pageNum, pageSize) {
|
||
opts.pageNumber = pageNum;
|
||
opts.pageSize = pageSize;
|
||
pager.pagination('refresh', {
|
||
pageNumber: pageNum,
|
||
pageSize: pageSize
|
||
});
|
||
showPersonDetails(pageNum, pageSize);
|
||
}
|
||
});
|
||
}
|
||
catch (e) {
|
||
$.messager.alert('异常处理提示', "分页信息异常 : " + e.name + ": " + e.message, 'error');
|
||
}
|
||
}
|
||
|
||
//搜索处理
|
||
function search() {
|
||
showPersonDetails(1, initPageSize);
|
||
var opts = $("#tableData").datagrid('options');
|
||
var pager = $("#tableData").datagrid('getPager');
|
||
opts.pageNumber = 1;
|
||
opts.pageSize = initPageSize;
|
||
pager.pagination('refresh', {
|
||
pageNumber: 1,
|
||
pageSize: initPageSize
|
||
});
|
||
}
|
||
|
||
$("#searchBtn").unbind().bind({
|
||
click: function () {
|
||
var giftId = $('#searchGiftId').combobox('getValue'); //礼品卡Id
|
||
if (giftId) {
|
||
search();
|
||
}
|
||
else {
|
||
$.messager.alert('查询提示', '请选择一张礼品卡！', 'warning');
|
||
}
|
||
}
|
||
});
|
||
|
||
function showPersonDetails(pageNo, pageSize) {
|
||
var searchGiftId = $("#searchGiftId").combobox("getValue");
|
||
$.ajax({
|
||
type: "get",
|
||
url: "/depotHead/findGiftReport?projectId=" + searchGiftId,
|
||
dataType: "json",
|
||
success: function (res) {
|
||
if(res && res.code === 200 && res.data) {
|
||
var HeadIds = res.data.HeadIds;
|
||
if (HeadIds) {
|
||
//获取排序后的产品ID
|
||
$.ajax({
|
||
type: "get",
|
||
url: "/material/findByOrder",
|
||
dataType: "json",
|
||
success: function (res) {
|
||
if (res && res.code === 200 && res.data) {
|
||
var mIds = res.data.mIds;
|
||
if (mIds) {
|
||
$.ajax({
|
||
type: "get",
|
||
url: "/depotItem/findGiftByAll",
|
||
dataType: "json",
|
||
data: ({
|
||
currentPage: pageNo,
|
||
pageSize: pageSize,
|
||
projectId: searchGiftId,
|
||
headIds: HeadIds,
|
||
materialIds: mIds,
|
||
mpList: mPropertyList
|
||
}),
|
||
success: function (res) {
|
||
if(res && res.code === 200 && res.data) {
|
||
$("#tableData").datagrid('loadData', res.data.rows);
|
||
}
|
||
},
|
||
//此处添加错误处理
|
||
error: function () {
|
||
$.messager.alert('查询提示', '查询数据后台异常，请稍后再试！', 'error');
|
||
return;
|
||
}
|
||
});
|
||
}
|
||
else {
|
||
$.messager.alert('查询提示', '查询数据后台异常，请稍后再试！', 'error');
|
||
}
|
||
}
|
||
},
|
||
//此处添加错误处理
|
||
error: function () {
|
||
$.messager.alert('查询提示', '查询数据后台异常，请稍后再试！', 'error');
|
||
return;
|
||
}
|
||
});
|
||
}
|
||
else {
|
||
$.messager.alert('查询提示', '该礼品卡无数据！', 'warning');
|
||
}
|
||
}
|
||
},
|
||
//此处添加错误处理
|
||
error: function () {
|
||
$.messager.alert('查询提示', '查询数据后台异常，请稍后再试！', 'error');
|
||
return;
|
||
}
|
||
});
|
||
}
|
||
</script>
|
||
</body>
|
||
</html> |