254 lines
12 KiB
Java
254 lines
12 KiB
Java
<!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"/>
|
||
<link rel="stylesheet" href="/js/bootstrap/css/bootstrap.min.css">
|
||
<link type="text/css" rel="stylesheet" href="/css/jsherp.css"/>
|
||
<link rel="stylesheet" type="text/css" href="/js/easyui/themes/default/easyui.css"/>
|
||
<link rel="stylesheet" type="text/css" href="/js/easyui/themes/icon.css"/>
|
||
<link type="text/css" rel="stylesheet" href="/css/common.css"/>
|
||
<link type="text/css" rel="stylesheet" href="/css/in_out.css"/>
|
||
<script src="/js/jquery-1.8.0.min.js"></script>
|
||
<script src="/js/easyui/jquery.easyui.min.js"></script>
|
||
<script src="/js/easyui/locale/easyui-lang-zh_CN.js"></script>
|
||
<script src="/js/handlebars.js"></script>
|
||
<script src="/js/My97DatePicker/WdatePicker.js"></script>
|
||
<script src="/js/common/common.js"></script>
|
||
<script src="/js/common/jsherp.js"></script>
|
||
<script src="/js/pages/materials/add_temp.js"></script>
|
||
<script src="/js/pages/materials/in_out.js"></script>
|
||
</head>
|
||
<body>
|
||
<!-- 数据显示table -->
|
||
<div id="tablePanel" class="easyui-panel" data-options="fit:true" style="padding:1px; top:300px;" title="零售出库列表" iconCls="icon-list">
|
||
<div class="box-body form-inline">
|
||
<div class="form-group">
|
||
<label class="control-label">单据编号：</label>
|
||
<div class="control-inline">
|
||
<input type="text" id="searchNumber" name="searchNumber" value="" maxlength="100" class="easyui-textbox width-90"/>
|
||
</div>
|
||
</div>
|
||
<div class="form-group">
|
||
<label class="control-label">商品信息：</label>
|
||
<div class="control-inline">
|
||
<input type="text" id="searchMaterial" name="searchMaterial" placeholder="名称，型号" maxlength="100" class="easyui-textbox width-90"/>
|
||
</div>
|
||
</div>
|
||
<div class="form-group">
|
||
<label class="control-label">单据日期：</label>
|
||
<div class="control-inline">
|
||
<input type="text" id="searchBeginTime" name="searchBeginTime" value="" maxlength="100" class="easyui-datebox width-120"/>
|
||
-
|
||
<input type="text" id="searchEndTime" name="searchEndTime" value="" maxlength="100" class="easyui-datebox width-120"/>
|
||
</div>
|
||
</div>
|
||
<div class="form-group">
|
||
<a href="javascript:void(0)" class="easyui-linkbutton" iconCls="icon-search" id="searchBtn">查询</a>
|
||
<a href="javascript:void(0)" class="easyui-linkbutton" iconCls="icon-redo" id="searchResetBtn">重置</a>
|
||
</div>
|
||
</div>
|
||
<table id="tableData" style="top:300px;border-bottom-color:#FFFFFF"></table>
|
||
</div>
|
||
|
||
<div id="depotHeadDlg" class="easyui-dialog" style="width:1200px;padding:10px 20px;top:40px"
|
||
closed="true" buttons="#dlg-buttons" modal="true" cache="false" collapsible="false" closable="true">
|
||
<form id="depotHeadFM" method="post" novalidate>
|
||
<table>
|
||
<tr>
|
||
<td style="width:70px;height:50px;">会员卡号</td>
|
||
<td style="padding:5px;width:200px;">
|
||
<div class="org-list">
|
||
<input id="OrganId" name="OrganId" style="width:130px;"/>
|
||
</div>
|
||
<div class="add-org-btn">
|
||
<img id="addMember" src="/js/easyui/themes/icons/edit_add.png"
|
||
style="cursor: pointer;" alt="增加会员" title="增加会员"/>
|
||
</div>
|
||
</td>
|
||
<td style="width:70px;">单据日期</td>
|
||
<td style="padding:5px">
|
||
<input type="text" name="OperTime" id="OperTime"
|
||
onClick="WdatePicker({dateFmt:'yyyy-MM-dd HH:mm:ss'})" class="txt Wdate radius-ui"
|
||
style="width: 140px;" readonly/>
|
||
</td>
|
||
<td style="width:80px;">单据编号</td>
|
||
<td style="padding:5px">
|
||
<input name="Number" id="Number" class="easyui-validatebox radius-ui"
|
||
data-options="validType:'length[2,30]'" style="width: 150px;" readonly/>
|
||
</td>
|
||
<td style="width:70px;">付款类型</td>
|
||
<td style="padding:5px;width:150px;">
|
||
<select name="payType" id="payType" class="radius-ui" style="width:145px;">
|
||
<option value="现付">现付</option>
|
||
</select>
|
||
</td>
|
||
</tr>
|
||
<tr>
|
||
<td colspan="6" valign="top">
|
||
<!-- 商品列表table -->
|
||
<table id="materialData" style="top:100px;border-bottom-color:#FFFFFF"></table>
|
||
</td>
|
||
<td colspan="2" valign="top">
|
||
<table width="100%" class="retail-amount">
|
||
<tr>
|
||
<td colspan="2">实收金额</td>
|
||
</tr>
|
||
<tr>
|
||
<td colspan="2">
|
||
<input id="ChangeAmount" name="ChangeAmount" class="change-amount" readonly="readonly"
|
||
data-changeamount="0"/>
|
||
</td>
|
||
</tr>
|
||
<tr>
|
||
<td colspan="2">收款金额</td>
|
||
</tr>
|
||
<tr>
|
||
<td colspan="2">
|
||
<input id="getAmount" name="getAmount"
|
||
onKeypress="return (/[\d.]/.test(String.fromCharCode(event.keyCode)))"
|
||
class="get-amount" data-changeamount="0"/>
|
||
</td>
|
||
</tr>
|
||
<tr>
|
||
<td colspan="2">找零</td>
|
||
</tr>
|
||
<tr>
|
||
<td colspan="2">
|
||
<input id="backAmount" name="backAmount" class="back-amount" readonly="readonly"
|
||
data-changeamount="0"/>
|
||
</td>
|
||
</tr>
|
||
<tr>
|
||
<td>收款账户</td>
|
||
<td>
|
||
<select name="AccountId" id="AccountId" class="radius-ui" style="width:110px;"></select>
|
||
<img class="many-account-ico" src="/js/easyui/themes/icons/filelist.jpg"
|
||
style="display: none;"/>
|
||
</td>
|
||
</tr>
|
||
</table>
|
||
</td>
|
||
</tr>
|
||
<tr>
|
||
<td colspan="8">
|
||
<textarea name="Remark" id="Remark" rows="2" cols="2" class="radius-ui" placeholder="暂无备注信息"
|
||
style="width: 1130px; height:35px;"></textarea>
|
||
</td>
|
||
</tr>
|
||
</table>
|
||
<input type="hidden" name="clientIp" id="clientIp" value="<%=clientIp %>"/>
|
||
</form>
|
||
</div>
|
||
<div id="dlg-buttons">
|
||
<a href="javascript:void(0)" id="saveDepotHead" class="easyui-linkbutton" iconCls="icon-ok">保存</a>
|
||
<a href="javascript:void(0)" id="cancelDepotHead" class="easyui-linkbutton" iconCls="icon-cancel"
|
||
onclick="javascript:$('#depotHeadDlg').dialog('close')">取消</a>
|
||
</div>
|
||
<div id="depotHeadDlgShow" class="easyui-dialog" style="width:1200px;padding:10px 20px;top:50px"
|
||
closed="true" buttons="#dlg-buttons-show" modal="true" cache="false" collapsible="false" closable="true">
|
||
<table>
|
||
<tr>
|
||
<td style="width:70px;height:50px;">会员卡号：</td>
|
||
<td style="padding:5px;width:200px;">
|
||
<span id="OrganIdShow"></span>
|
||
</td>
|
||
<td style="width:70px;">单据日期：</td>
|
||
<td style="padding:5px;width:200px;">
|
||
<span id="OperTimeShow"></span>
|
||
</td>
|
||
<td style="width:80px;">单据编号：</td>
|
||
<td style="padding:5px;width:200px;">
|
||
<span id="NumberShow"></span>
|
||
</td>
|
||
<td style="width:80px;">付款类型：</td>
|
||
<td style="padding:5px;width:150px;">
|
||
<span id="payTypeShow"></span>
|
||
</td>
|
||
</tr>
|
||
<tr>
|
||
<td colspan="6">
|
||
<!-- 商品列表table -->
|
||
<table id="materialDataShow" style="top:100px;border-bottom-color:#FFFFFF"></table>
|
||
</td>
|
||
<td colspan="2" valign="top">
|
||
<table width="100%" class="retail-amount-show">
|
||
<tr>
|
||
<td colspan="2">实收金额</td>
|
||
</tr>
|
||
<tr>
|
||
<td colspan="2">
|
||
<span id="ChangeAmountShow" class="change-amount-show"></span>
|
||
</td>
|
||
</tr>
|
||
<tr>
|
||
<td colspan="2">收款金额</td>
|
||
</tr>
|
||
<tr>
|
||
<td colspan="2">
|
||
<span id="getAmountShow" class="get-amount-show"></span>
|
||
</td>
|
||
</tr>
|
||
<tr>
|
||
<td colspan="2">找零</td>
|
||
</tr>
|
||
<tr>
|
||
<td colspan="2">
|
||
<span id="backAmountShow" class="back-amount-show"></span>
|
||
</td>
|
||
</tr>
|
||
<tr>
|
||
<td>收款账户：</td>
|
||
<td align="left" style="width:110px;">
|
||
<span id="AccountIdShow"></span>
|
||
</td>
|
||
</tr>
|
||
</table>
|
||
</td>
|
||
</tr>
|
||
<tr>
|
||
<td colspan="8" style="width: 1130px; height:35px;">
|
||
<span id="RemarkShow"></span>
|
||
</td>
|
||
</tr>
|
||
</table>
|
||
</div>
|
||
<div id="dlg-buttons-show">
|
||
<a href="javascript:void(0)" id="printDepotHeadShow" class="easyui-linkbutton" iconCls="icon-print">打印</a>
|
||
<a href="javascript:void(0)" id="cancelDepotHeadShow" class="easyui-linkbutton" iconCls="icon-cancel"
|
||
onclick="javascript:$('#depotHeadDlgShow').dialog('close')">取消</a>
|
||
</div>
|
||
<div id="depotHeadAccountDlg" class="easyui-dialog" style="width:380px;padding:10px 20px;top:80px"
|
||
closed="true" modal="true" buttons="#accountDlgButtons" cache="false" collapsible="false" closable="true">
|
||
<table class="account-dlg">
|
||
<tr class="account-head-tmp">
|
||
<td style="width:30px;"></td>
|
||
<td style="width:140px; padding:5px;">结算账户</td>
|
||
<td style="width:100px; padding:5px;">金额</td>
|
||
</tr>
|
||
<tr>
|
||
<td style="width:30px;"></td>
|
||
<td style="width:140px;text-align: center;">合计：</td>
|
||
<td style="width:100px;"><span id="accountMoneyTotalDlg"></span></td>
|
||
</tr>
|
||
</table>
|
||
<table class="tabs-tmp">
|
||
<tr class="account-content-tmp">
|
||
<td style="width:30px;"></td>
|
||
<td style="width:140px; padding:3px;"><select class="account-id-dlg" style="width:140px;"></select></td>
|
||
<td style="width:100px; padding:3px;"><input class="account-money-dlg" style="width:100px;"/></td>
|
||
</tr>
|
||
</table>
|
||
</div>
|
||
<div id="accountDlgButtons">
|
||
<a href="javascript:void(0)" id="saveDepotHeadAccountDlg" class="easyui-linkbutton" iconCls="icon-ok">保存</a>
|
||
<a href="javascript:void(0)" id="cancelDepotHeadAccountDlg" class="easyui-linkbutton" iconCls="icon-cancel">取消</a>
|
||
</div>
|
||
<div id="supplier"></div>
|
||
<div id="depot"></div>
|
||
</body>
|
||
</html>
|