{extend name="public:base" /}
{block name="style"}
<style type="text/css">
	.goods-type {    clear: both; margin-top: 10px;}
	.goods-type  .item{display: inline-block;border: 1px solid #d6d6d6;margin-right: 5px;}
	.goods-type  .item span{    padding: 0px 10px; border-right: 1px solid #d6d6d6;}
	.goods-type  .layui-icon-close{cursor: pointer;}

	.store-type {    clear: both; margin-top: 10px;}
	.store-type  .item{display: inline-block;border: 1px solid #d6d6d6;margin-right: 5px;}
	.store-type  .item span{    padding: 0px 10px; border-right: 1px solid #d6d6d6;}
	.store-type  .layui-icon-close{cursor: pointer;}
</style>
{/block}
{block name="body"}
<div class="layui-fluid">	
	<div class="layui-card">
		<div class="layui-card-body">
			<form class="layui-form">
				<div class="layui-form-item">
					<label class="layui-form-label">客户名称</label>
					<div class="layui-input-inline">
						<select name="customer_id" lay-verify="" lay-search>
							{volist name="customers" id="customer"}
							<option value="{$customer.id}">{$customer.cname}</option>
							{/volist}
						</select>       
					</div>
				</div>
				<div class="layui-form-item">
					<label class="layui-form-label">销售数量</label>
					<div class="layui-input-inline">
						<input type="number" name="num" autocomplete="off" class="layui-input">     
					</div>
				</div>
				<div class="layui-form-item">
					<label class="layui-form-label">面值</label>
					<div class="layui-input-inline">
						<input type="number" name="denomination" autocomplete="off" class="layui-input">     
					</div>
				</div>
				<div class="layui-form-item">
					<label class="layui-form-label">实付金额</label>
					<div class="layui-input-inline">
						<input type="number" name="pay_amount" autocomplete="off" class="layui-input">     
					</div>
				</div>
				<div class="layui-form-item">
					<label class="layui-form-label">有效期</label>
					<div class="layui-input-inline" style="width:300px;">
						<input type="text" name="expire_time" autocomplete="off" class="layui-input">     
					</div>
				</div>
				<div class="layui-form-item">
					<label class="layui-form-label">可用品类</label>
					<div class="layui-input-block">
						<div class="layui-input-inline">
							<select name="goods_type_1" lay-verify="required" lay-filter="goods-type">
								<option value="0">一级品类</option>
							</select>
						</div>
						<div class="layui-input-inline">
							<select name="goods_type_2"  lay-filter="goods-type">
								<option value="0">二级品类</option>
							</select>
						</div>
						<div class="layui-input-inline">
							<select name="goods_type_3"  >
								<option value="0">三级品类</option>
							</select>
						</div>
						<div class="layui-input-inline">
							<a href="javascript:;" class="layui-btn layui-btn-sm  layui-add-goods-type" style="    margin-top: 5px;">添加</a>
						</div>
					</div>
					<div class="layui-input-block goods-type" style="display: none;">
					</div>
				</div>
				<div class="layui-form-item">
					<label class="layui-form-label">店铺分类</label>
					<div class="layui-input-block">
						<div class="layui-input-inline">
							<select name="store_type_1" lay-verify="required" lay-filter="store-type">
								<option value="0">请选择分类</option>
								{volist name="store_class" id="class"}
									<option value="{$class.storeclass_id}">{$class.storeclass_name}</option>
								{/volist}
							</select>
						</div>
						<div class="layui-input-inline">
							<a href="javascript:;" class="layui-btn layui-btn-sm  layui-add-store-type" style="    margin-top: 5px;">添加</a>
						</div>
					</div>
					<div class="layui-input-block store-type" style="display: none;">
					</div>
				</div>
				<div class="layui-form-item">
					<table class="layui-table card-number-ids">
						<thead>
							<tr >
								<th colspan="10">
									<a href="javascript:;" class="layui-btn layui-btn-xs layui-card-number-ids-add">添加</a>
								</th>
							</tr>
							<tr>
								<th >起始序号</th>
								<th >结束序号</th>
								<th >数量</th>
								<th >操作</th>
							</tr>
						</thead>
						<tbody >
						</tbody>
					</table>
				</div>
				<div class="layui-form-item layui-layout-admin">
					<div class="layui-input-block">
						<div class="layui-footer" style="left: 0;">
							<button class="layui-btn" lay-submit lay-filter="LAY-order-add">立即提交</button>
							<button type="reset" class="layui-btn layui-btn-primary">重置</button>
						</div>
					</div>
				</div>
			</form>
		</div>
	</div>
</div>
{/block}
{block name="script"}
<script type="text/javascript">
	layui.config({
		base: '__JS__/'
		,version:true
	}).extend({
		index: 'lib/index'
	}).use(['index', 'customer/order']);
</script>
{/block}