var appPath = getAppPath(); $(function(){ $('#addTeskDlg').window('close'); teskGrid(); }); function teskGrid(){ $('#teskGrid').datagrid({ url:appPath+'/page/orderManualTesk/list', method:'post', // queryParams:getQueryParam(), height:'full', width:'full', singleSelect:true, striped: true, remoteSort:false, checkbox:false, idField:'omId', frozenColumns:[[ {field:'id',title:'操作',width:'80',align:'left', formatter:function(value,rowData,rowIndex){ var dataStr = JSON.stringify(rowData); return "<a href='javascript:void(0)'><img width='12px' height='12px' style='border:0px;' src='"+appPath+"/js/lib/jquery-easyui/themes/icons/pencil.png' title='编辑' onClick='showEdit("+dataStr+")'/></a> " + "<a href='javascript:void(0)'><img width='12px' height='12px' style='border:0px;' src='"+appPath+"/js/lib/jquery-easyui/themes/icons/cancel.png' title='删除' onClick='del("+dataStr+")'/></a>"; } } ]], columns:[[ {field:'goodsNo',title:'商品编码',width:80,align:'center',sortable:true}, {field:'goodsName',title:'商品名称',width:120,align:'center',sortable:true}, {field:'isCycle',title:'是否循环',width:80,align:'center',sortable:true, formatter:function(value,rowData,rowIndex){ if(rowData.isCycle=='Y'){ return '是'; }else{ return '否'; } }}, {field:'moCount',title:'周一的数量',width:80,align:'center',sortable:true}, {field:'tuCount',title:'周二的数量',width:80,align:'center',sortable:true}, {field:'weCount',title:'周三的数量',width:80,align:'center',sortable:true}, {field:'thCount',title:'周四的数量',width:80,align:'center',sortable:true}, {field:'frCount',title:'周五的数量',width:80,align:'center',sortable:true}, {field:'saCount',title:'周六的数量',width:80,align:'center',sortable:true}, {field:'suCount',title:'周日的数量',width:80,align:'center',sortable:true}, {field:'state',title:'状态',width:60,align:'center',sortable:true, formatter:function(value,rowData,rowIndex){ if(rowData.state=='0'){ return '待处理'; }else if(rowData.state=='1'){ return '已结束'; }else{ return rowData.state; } }} ]], pagination:true, rownumbers:true, toolbar:[{ id:'btnadd', text:'新增', iconCls:'icon-add', handler:function(){ showEdit(null); } } ] }); } function doQuery(){ var param = new Object; param.goodsNo = $.trim($('#goodsNo').val()); param.state = $("#state").combobox("getValue"); $("#teskGrid").datagrid('unselectAll'); $("#teskGrid").datagrid('load',param); } function closeAddTeskDlg(){ $('#addTeskDlg').window('close'); } function saveTesk(){ //商品编码 var goodsNo = $.trim($('#goodsNoText').val()); //是否循环 var isCycle = 'N'; if( $('input:checkbox[id="isCycleText"]:checked').val()){ isCycle = 'Y'; } var moCount = $.trim($('#moCountText').val()); var tuCount = $.trim($('#tuCountText').val()); var weCount = $.trim($('#weCountText').val()); var thCount = $.trim($('#thCountText').val()); var frCount = $.trim($('#frCountText').val()); var saCount = $.trim($('#saCountText').val()); var suCount = $.trim($('#suCountText').val()); if(goodsNo==''){ $('#goodsNoTextNot').css('display',''); return; }else{ $('#goodsNoTextNot').css('display','none'); } if(moCount!=null&&moCount!=''&&isNaN(moCount)){ $('#moCountTextNot').css('display',''); return; }else{ $('#moCountTextNot').css('display','none'); } if(tuCount!=null&&tuCount!=''&&isNaN(tuCount)){ $('#tuCountTextNot').css('display',''); return; }else{ $('#tuCountTextNot').css('display','none'); } if(weCount!=null&&weCount!=''&&isNaN(weCount)){ $('#weCountTextNot').css('display',''); return; }else{ $('#weCountTextNot').css('display','none'); } if(thCount!=null&&thCount!=''&&isNaN(thCount)){ $('#thCountTextNot').css('display',''); return; }else{ $('#thCountTextNot').css('display','none'); } if(frCount!=null&&frCount!=''&&isNaN(frCount)){ $('#frCountTextNot').css('display',''); return; }else{ $('#frCountTextNot').css('display','none'); } if(saCount!=null&&saCount!=''&&isNaN(saCount)){ $('#saCountTextNot').css('display',''); return; }else{ $('#saCountTextNot').css('display','none'); } if(suCount!=null&&suCount!=''&&isNaN(suCount)){ $('#suCountTextNot').css('display',''); return; }else{ $('#suCountTextNot').css('display','none'); } var mod = $("<div class='panel window' style='position: absolute;text-align:center;top:50%;left:50%;z-index:9100'>" + "<img src='"+appPath+"/images/common/loading.gif'><br/>正在保存</div>" + "<div class='window-mask' style='z-index:9100'></div>"); mod.appendTo('body'); var param = new Object; param.omId = $('#omId').val(); param.isCycle = isCycle; param.goodsNo = goodsNo; param.moCount = moCount; param.tuCount = tuCount; param.weCount = weCount; param.thCount = thCount; param.frCount = frCount; param.saCount = saCount; param.suCount = suCount; doAjax({ url:appPath+'/page/orderManualTesk/getGoodsByNo', type:'post', data:{goodsNo:goodsNo}, success:function(data){ if(data.goodsId!=null&&data.goodsId!=''){ doAjax({ url:appPath+'/page/orderManualTesk/addOrUpdateTask', type:'post', data:param, success:function(data){ mod.remove(); if(data=='ok'){ $.messager.alert('提示信息','保存成功','info'); } doTeskReload(); $('#addTeskDlg').window('close'); }, error:function(XMLHttpRequest, textStatus, errorThrown){ mod.remove(); $.messager.alert('提示信息','抱歉,保存失败,'+textStatus,'error'); doTeskReload(); } }); }else{ mod.remove(); $.messager.alert('提示信息','请填写正确的商品编号','info'); } }, error:function(XMLHttpRequest, textStatus, errorThrown){ mod.remove(); $.messager.alert('提示信息','查询商品信息失败,'+textStatus,'error'); doTeskReload(); } }); } function doTeskReload(){ $('#teskGrid').datagrid('unselectAll'); $('#teskGrid').datagrid('reload'); $('#addTeskDlg').window('close'); } //删除数据 function del(rowData){ $.messager.confirm('提示信息','您确定要删除这条记录?',function(r){ if(r){ doAjax({ url:appPath+'/page/orderManualTesk/del', type:'post', data:{omId:rowData.omId}, success:function(data){ if(data='ok'){ $.messager.alert('提示信息','删除成功!','info'); } doTeskReload(); }, error:function(XMLHttpRequest, textStatus, errorThrown){ $.messager.alert('提示信息','删除失败!','info'); doTeskReload(); } }); } }); } //显示编辑页面 function showEdit(rowData){ if(rowData!=null){ $('#addTaskForm').form('clear'); $('#addTaskForm').form('load',rowData); $('#omId').val(rowData.omId); $('#goodsNoText').val(rowData.goodsNo); $('#moCountText').val(rowData.moCount); $('#tuCountText').val(rowData.tuCount); $('#weCountText').val(rowData.weCount); $('#thCountText').val(rowData.thCount); $('#frCountText').val(rowData.frCount); $('#saCountText').val(rowData.saCount); $('#suCountText').val(rowData.suCount); if(rowData.isCycle == 'Y'){ document.getElementById("isCycleText").checked = true; }else{ document.getElementById("isCycleText").checked = false; } }else{ $('#omId').val(''); $('#goodsNoText').val(''); $('#moCountText').val(''); $('#tuCountText').val(''); $('#weCountText').val(''); $('#thCountText').val(''); $('#frCountText').val(''); $('#saCountText').val(''); $('#suCountText').val(''); document.getElementById("isCycleText").checked = false; } $('#addTeskDlg').window({ title:'编辑', iconCls:'icon-add', width:500, height:300, left:100, modal: true, shadow: true, collapsible:false, minimizable:false, maximizable:false }); $('#addTeskDlg').window('move',{top:100}); $('#addTeskDlg').window('open'); } ===================================================================
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %> <c:set var="ctx" value="${pageContext.request.contextPath}" /> <jsp:include page="/jsp/common/header.jsp"></jsp:include> <script src="${ctx }/js/orderManual/orderManualTesk.js"></script> <body> <table class="queryTable" width="100%" > <tr> <td class="queryTitle" width="100">商品编码</td> <td class="queryContent" width="100"> <input class="inputText" type="text" id="goodsNo" /> </td> <td class="queryTitle" width="100">状态</td> <td class="queryContent" width="100"> <select id="state" class="easyui-combobox" style="width: 100px" panelHeight="auto"> <option value="">请选择</option> <option value="0">待处理</option> <option value="1">已结束</option> </select> </td> <td> <a href="javascript:void(0)" class="easyui-linkbutton" onclick="doQuery()" iconCls="icon-search" >查询</a> </td> </tr> </table> <table id="teskGrid" ></table> <input type="hidden" id="omId" name="omId" /> <!-- 优惠券黑名单--编辑 --> <div id="addTeskDlg" class="easyui-window" title="" iconCls="icon-edit" style="width:600px; height:200px;text-align:center; background: #fafafa;"> <div class="easyui-layout" fit="true"> <div region="center" border="false" style="background:#fff;border:1px solid #ccc;"> <form id="addTaskForm" method="POST"> <table class="queryTable" width="100%" > <tr> <td class="queryTitle" width="100">商品编码</td> <td class="queryContent" width="100" colspan="3"> <input class="inputText" type="text" id="goodsNoText" /> <label id="goodsNoTextNot" style="color: red;display: none;">* 商品编码不能为空</label> <input type="checkbox" id="isCycleText" />是否循环 </td> </tr> <tr> <td class="queryTitle" width="100">周一的数量</td> <td class="queryContent" width="100"> <input class="inputText" type="text" id="moCountText" /> <label id="moCountTextNot" style="color: red;display: none;">* 周一的数量应为数字</label> </td> <td class="queryTitle" width="100">周二的数量</td> <td class="queryContent" width="100"> <input class="inputText" type="text" id="tuCountText" /> <label id="tuCountTextNot" style="color: red;display: none;">* 周二的数量应为数字</label> </td> </tr> <tr> <td class="queryTitle" width="100">周三的数量</td> <td class="queryContent" width="100"> <input class="inputText" type="text" id="weCountText" /> <label id="weCountTextNot" style="color: red;display: none;">* 周三的数量应为数字</label> </td> <td class="queryTitle" width="100">周四的数量</td> <td class="queryContent" width="100"> <input class="inputText" type="text" id="thCountText" /> <label id="thCountTextNot" style="color: red;display: none;">* 周四的数量应为数字</label> </td> </tr> <tr> <td class="queryTitle" width="100">周五的数量</td> <td class="queryContent" width="100"> <input class="inputText" type="text" id="frCountText" /> <label id="frCountTextNot" style="color: red;display: none;">* 周五的数量应为数字</label> </td> <td class="queryTitle" width="100">周六的数量</td> <td class="queryContent" width="100"> <input class="inputText" type="text" id="saCountText" /> <label id="saCountTextNot" style="color: red;display: none;">* 周六的数量应为数字</label> </td> </tr> <tr> <td class="queryTitle" width="100">周日的数量</td> <td class="queryContent" width="100" colspan="3"> <input class="inputText" type="text" id="suCountText" /> <label id="suCountTextNot" style="color: red;display: none;">* 周日的数量应为数字</label> </td> </tr> </table> </form> </div> <div region="south" border="false" style="text-align:center;height:30px;line-height:30px;"> <a class="easyui-linkbutton" iconCls="icon-ok" href="javascript:void(0)" onclick="saveTesk()">保存</a> <a class="easyui-linkbutton" iconCls="icon-cancel" href="javascript:void(0)" onclick="closeAddTeskDlg()">取消</a> </div> </div> </div> </body>