warehouse.jsp 7.37 KB
<?xml version="1.0" encoding="UTF-8" ?>
<%@ 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}" />
<!DOCTYPE html>
<html>
<head>
	<jsp:include page="${ctx }/WEB-INF/view/meta.jsp"></jsp:include>
	<script type="text/javascript" src="${ctx}/resource/js/user/pick/warehouse.js?r=${random}"></script>
	<script type="text/javascript" src="${ctx}/resource/js/address.js"></script>
</head>
<body>
	<div class="easyui-panel" data-options="fit:true">
		<div class="easyui-panel" style="padding:10px;" 
			data-options="title:'查询条件', collapsible:true, width:'100%', height:'20%'">
			<form id="search-form" action="/user/warehouse/search" method="post">
				<table class="search-table">
					<tr>
						<td>
							网点名称:<input name="name" class="easyui-textbox search-input">
						</td>
						<td>
							联系人:<input name="contactName" class="easyui-textbox search-input">
						</td>
						<td>
							联系电话:<input name="contactPhone" class="easyui-textbox search-input">
						</td>
						<td>
							状态:
							<select name="status" class="easyui-combobox search-input" data-options="editable: false">
								<option value="" selected="selected">全部</option>
								<option value="1">正常</option>
								<option value="0">作废</option>
							</select>
						</td>
						<td>
							<a href="javascript:Warehouse.search()" class="easyui-linkbutton search-button" data-options="iconCls:'icon-search'">搜索</a>
						</td>
					</tr>
				</table>
			</form>
		</div>
		
		<div class="easyui-panel" data-options="height:'80%',title:'查询结果'">
			<!-- DataGrid -->
			<table id="data-grid" class="easyui-datagrid" 
				data-options="fitColumns:true, fit:true, pagination:true, 
					rownumbers:true, toolbar:'#toolbar',singleSelect:true, selectOnCheck:true, pageSize:20">
				<thead>
			        <tr>
			        	<th data-options="field:'OP_STATION', checkbox:true"></th>
			        	<th data-options="field:'code'">网点编号</th>
			        	<th data-options="field:'name'">网点名称</th>
			            <th data-options="field:'province'">所在省份</th>
			            <th data-options="field:'city'">所在城市</th>
			            <th data-options="field:'area'">所在区域</th>
			            <th data-options="field:'address'">详细地址</th>
			            <th data-options="field:'contactName'">联系人</th>
			            <th data-options="field:'contactPhone'">联系电话</th>
			            <th data-options="field:'businessStartTime'">营业起始时间</th>
			            <th data-options="field:'businessEndTime'">营业结束时间</th>
			            <th data-options="field:'list', formatter:Warehouse.formatInventory">查看库存</th>
			            <th data-options="field:'status', formatter:Warehouse.formatStatus">状态</th>
			            <th data-options="field:'updateTime'">修改时间</th>
			        </tr>
			    </thead>
			    <tbody></tbody>
			</table>
		</div>
		<div id="toolbar">
			<a href="javascript:Warehouse.addDailog()" class="easyui-linkbutton">添加网点</a>
			<a href="javascript:Warehouse.updateDialog()" class="easyui-linkbutton">修改网点</a>
			<a href="javascript:Warehouse.cancleWarehouse()" class="easyui-linkbutton">作废网点</a>
		</div>
		
		<!-- 网点信息 -->
		<div id="add-warehouse-dialog" class="easyui-dialog" style="padding:10px; width: 630px;" 
			data-options="closed:true, title:'编辑', buttons:'#add-dialog-buttons'">
			<form id="add-form" method="post" data-options="novalidate: false" action="/user/warehouse/operate">
				<input type="hidden" name="status" id="status" />
				<ul class="simple-ul">
					<li><label style="width:120px;">网点编号:</label> <input name="code" id="code"
						class="easyui-numberbox add-input" data-options="required:true, precision:0"></li>
					<li><label style="width:120px;">网点名称:</label> <input name="name" id="name"
						class="easyui-textbox add-input" data-options="required:true"></li>
					<li><label style="width:120px;">网点地址:</label>
						<select name="provinceId" id="combobox-province" class="easyui-combobox search-combobox" data-options="valueField: 'provinceId', textField: 'province', required:true">
							<option value="" selected="selected">请选择省</option>
						</select>
						<select name="cityId" id="combobox-city" class="easyui-combobox search-combobox" data-options="valueField: 'cityId', textField: 'city', required:true">
							<option value="" selected="selected">请选择市</option>
						</select>
						<select name="areaId" id="combobox-area" class="easyui-combobox search-combobox" data-options="valueField: 'areaId', textField: 'area', required:true">
							<option value="" selected="selected">请选择区域</option>
						</select>
					</li>
					<li><label style="width:120px;"></label> <input name="address" id="address"
						class="easyui-textbox add-input" data-options="required:true"></li>
					<li><label style="width:120px;">联系电话:</label> <input name="contactPhone" id="contactPhone"
						class="easyui-textbox short-input" data-options="required:true">
						<label style="width:60px;">联系人:</label><input name="contactName" id="contactName"
						class="easyui-textbox short-input" data-options="required:true"></li>
					</ul>
					<p style="float:left"><label style="width:125px;">授权藏品:</label> </p>
					<div id="otcBox" class="easyui-panel" data-options="height:'40%', width:'70%'" style="float:right">
					</div>
					<ul class="simple-ul">
						<li><label style="width:120px;">营业起始时间:</label><input name="businessStartTime" id="businessStartTime" 
							data-options="showSeconds:true,required:true" class="easyui-timespinner search-input">
							<label style="width:90px;">营业结束时间:</label><input name="businessEndTime" id="businessEndTime" 
							data-options="showSeconds:true,required:true" class="easyui-timespinner search-input"></li>
					</ul>
			</form>
		</div>
		<div id="add-dialog-buttons" style="text-align:center;">
	    	<a href="javascript:Warehouse.formSubmit()" class="easyui-linkbutton search-button">确定</a>
	    	<a href="javascript:App.closeDialog('add-warehouse-dialog', 'add-form')" class="easyui-linkbutton search-button">取消</a>
		</div>
		
		<!-- 库存信息 -->
		<div id="inventory-detail-dialog" class="easyui-dialog" style="padding:10px; width: 500px;" 
			data-options="closed:true, title:'网点库存信息', buttons:'#inventory-detail-dialog-buttons'">
			<table id="inventory-detail-data-grid" class="easyui-datagrid" style="width: 468px; height: 342px;"
				data-options="fitColumns:true, singleSelect:true, rownumbers:true">
				<thead>
			        <tr>
			        	<th data-options="field:'otcCode'">藏品代码</th>
			        	<th data-options="field:'otcName'">藏品名称</th>
			        	<th data-options="field:'totalAmount'">在库数量</th>
			        	<th data-options="field:'frozenAmount'">冻结数量</th>
			        	<th data-options="field:'usefulAmount'">可提数量</th>
			        </tr>
			    </thead>
			    <tbody></tbody>
			</table>
		</div>
		
		<div id="inventory-detail-dialog-buttons" style="text-align:center;">
	    	<a href="javascript:App.closeDialog('inventory-detail-dialog', '')" class="easyui-linkbutton search-button">确定</a>
		</div>
	</div>
</body>
</html>