294 lines
14 KiB
Java
294 lines
14 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="padding:10px 20px;" fit="true"
|
||
closed="true" buttons="#dlg-buttons" modal="true" cache="false" collapsible="false" closable="true">
|
||
<form id="depotHeadFM" method="post" novalidate>
|
||
<table width="100%">
|
||
<tr>
|
||
<td style="width:70px;">客户</td>
|
||
<td style="padding:5px">
|
||
<div class="org-list">
|
||
<input id="OrganId" name="OrganId" style="width:130px;"/>
|
||
</div>
|
||
<div class="add-org-btn">
|
||
<img id="addCustomer" 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">
|
||
<input name="LinkNumber" id="LinkNumber" class="easyui-validatebox radius-ui" style="width: 150px;" readonly/>
|
||
</td>
|
||
<td style="width:100px;"></td>
|
||
</tr>
|
||
<tr>
|
||
<td colspan="9">
|
||
<!-- 商品列表table -->
|
||
<table id="materialData" style="top:100px;border-bottom-color:#FFFFFF"></table>
|
||
</td>
|
||
</tr>
|
||
<tr>
|
||
<td colspan="9">
|
||
<textarea name="Remark" id="Remark" rows="2" cols="2" class="radius-ui" placeholder="暂无备注信息"
|
||
style="width: 100%; height:35px;"></textarea>
|
||
</td>
|
||
</tr>
|
||
<tr>
|
||
<td>优惠率</td>
|
||
<td style="padding:5px">
|
||
<input id="Discount" name="Discount" class="radius-ui" style="width:110px;"/>
|
||
%
|
||
</td>
|
||
<td>收款优惠</td>
|
||
<td style="padding:5px">
|
||
<input id="DiscountMoney" name="DiscountMoney" class="radius-ui" style="width:120px;"/>
|
||
</td>
|
||
<td>优惠后金额</td>
|
||
<td style="padding:5px">
|
||
<input id="DiscountLastMoney" name="DiscountLastMoney" class="radius-ui" readonly="readonly" style="width:120px;"/>
|
||
</td>
|
||
<td>本次收款</td>
|
||
<td style="padding:5px">
|
||
<input id="ChangeAmount" name="ChangeAmount" class="radius-ui" data-changeamount="0" style="width:120px;"/>
|
||
</td>
|
||
<td style="width:100px;"></td>
|
||
</tr>
|
||
<tr>
|
||
<td>结算账户</td>
|
||
<td style="padding:5px">
|
||
<div class="account-list">
|
||
<select name="AccountId" id="AccountId" class="radius-ui" style="width:110px;"></select>
|
||
</div>
|
||
<div class="add-account-btn">
|
||
<img id="addAccount" src="/js/easyui/themes/icons/edit_add.png"
|
||
style="cursor: pointer;" alt="增加结算账户" title="增加结算账户"/>
|
||
</div>
|
||
<img class="many-account-ico" src="/js/easyui/themes/icons/filelist.jpg"
|
||
style="display: none;"/>
|
||
</td>
|
||
<td>本次欠款</td>
|
||
<td style="padding:5px">
|
||
<input id="Debt" name="Debt" class="radius-ui" readonly="readonly" style="width:120px;"/>
|
||
</td>
|
||
<td>销售费用</td>
|
||
<td style="padding:5px">
|
||
<input id="OtherMoney" name="OtherMoney" class="radius-ui" style="width:120px;" readonly="readonly"/>
|
||
<img class="other-money-ico" src="/js/easyui/themes/icons/filelist.jpg"/>
|
||
</td>
|
||
<td>销售人员</td>
|
||
<td style="padding:5px">
|
||
<input id="Salesman" name="Salesman" class="radius-ui" style="width:130px;"/>
|
||
</td>
|
||
<td style="width:100px;"></td>
|
||
</tr>
|
||
</table>
|
||
</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="padding:10px 20px;" fit="true"
|
||
closed="true" buttons="#dlg-buttons-show" modal="true" cache="false" collapsible="false" closable="true">
|
||
<table width="100%">
|
||
<tr>
|
||
<td style="width:60px;">客户：</td>
|
||
<td style="padding:5px;width:130px;">
|
||
<span id="OrganIdShow"></span>
|
||
</td>
|
||
<td style="width:70px;">单据日期：</td>
|
||
<td style="padding:5px;width:140px;">
|
||
<span id="OperTimeShow"></span>
|
||
</td>
|
||
<td style="width:80px;">单据编号：</td>
|
||
<td style="padding:5px;width:140px;">
|
||
<span id="NumberShow"></span>
|
||
</td>
|
||
<td style="width:70px;">关联订单：</td>
|
||
<td style="padding:5px;width:130px;">
|
||
<span id="LinkNumberShow"></span>
|
||
</td>
|
||
<td style="width:100px;"></td>
|
||
</tr>
|
||
<tr>
|
||
<td colspan="9" style="width: 1130px;">
|
||
<!-- 商品列表table -->
|
||
<table id="materialDataShow" style="top:100px;border-bottom-color:#FFFFFF"></table>
|
||
</td>
|
||
</tr>
|
||
<tr>
|
||
<td style="width:60px;">单据备注：</td>
|
||
<td colspan="8" style="height:35px;">
|
||
<span id="RemarkShow" style="width: 100%; height:35px;"></span>
|
||
</td>
|
||
</tr>
|
||
<tr>
|
||
<td>优惠率：</td>
|
||
<td>
|
||
<span id="DiscountShow" style="width: 110px;"></span>
|
||
%
|
||
</td>
|
||
<td>收款优惠：</td>
|
||
<td>
|
||
<span id="DiscountMoneyShow" style="width: 120px;"></span>
|
||
</td>
|
||
<td>优惠后金额：</td>
|
||
<td>
|
||
<span id="DiscountLastMoneyShow" style="width: 120px;"></span>
|
||
</td>
|
||
<td>本次收款：</td>
|
||
<td style="padding:5px">
|
||
<span id="ChangeAmountShow"></span>
|
||
</td>
|
||
<td style="width:100px;"></td>
|
||
</tr>
|
||
<tr>
|
||
<td>结算账户：</td>
|
||
<td style="padding:5px">
|
||
<span id="AccountIdShow"></span>
|
||
</td>
|
||
<td>本次欠款：</td>
|
||
<td style="padding:5px">
|
||
<span id="DebtShow"></span>
|
||
</td>
|
||
<td>销售费用：</td>
|
||
<td style="padding:5px">
|
||
<span id="OtherMoneyShow"></span>
|
||
</td>
|
||
<td>销售人员：</td>
|
||
<td style="padding:5px">
|
||
<span id="SalesmanShow"></span>
|
||
</td>
|
||
<td style="width:100px;"></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="otherMoneyDlg" class="easyui-dialog" style="width:380px;padding:10px 20px;top:80px"
|
||
closed="true" modal="true" buttons="#otherMoneyDlgBtn" cache="false" collapsible="false" closable="true">
|
||
<table class="money-dlg">
|
||
<tr class="money-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="otherMoneyTotalDlg"></span></td>
|
||
</tr>
|
||
</table>
|
||
<table class="tabs-tmp">
|
||
<tr class="money-content-tmp">
|
||
<td style="width:30px;"></td>
|
||
<td style="width:140px; padding:3px;"><select class="money-id-dlg" style="width:140px;"></select></td>
|
||
<td style="width:100px; padding:3px;"><input class="other-money-dlg" style="width:100px;"/></td>
|
||
</tr>
|
||
</table>
|
||
</div>
|
||
<div id="otherMoneyDlgBtn">
|
||
<a href="javascript:void(0)" id="saveOtherMoneyDlg" class="easyui-linkbutton" iconCls="icon-ok">保存</a>
|
||
<a href="javascript:void(0)" id="cancelOtherMoneyDlg" class="easyui-linkbutton" iconCls="icon-cancel">取消</a>
|
||
</div>
|
||
<div id="supplier"></div>
|
||
<div id="depot"></div>
|
||
<div id="account"></div>
|
||
</body>
|
||
</html>
|