kailin/resources/views/admin/product/add.blade.php

@extends('admin.public.base')
@section('body_class')
style="margin: 0 auto;width: 96%;padding: 30px 0px;"
@endsection
@section('content')
<form class="post-form" action="" method="post">
	<div class="form-group col-sm-2">
		<label class="control-label">产品主图</label>
		<div id="thumb">
			<a id="thumb-image" href="#" data-toggle="image" class="img-thumb">
				<img src="{{path_compat('')}}" height="100" />
			</a>
			<input type="hidden" name="thumb" value="" id="input-image" />
		</div>
	</div>
	<div class="form-group col-sm-2">
		<label class="control-label">产品图册</label>
		<div id="thumb1">
			<a id="thumb-image1" href="#" data-toggle="image" class="img-thumb">
				<img src="{{path_compat('')}}" height="100" />
			</a>
			<input type="hidden" name="photo_list[]" value="" id="input-image1" />
		</div>
	</div>
	<div class="form-group col-sm-2">
		<label class="control-label">产品图册</label>
		<div id="thumb2">
			<a id="thumb-image2" href="#" data-toggle="image" class="img-thumb">
				<img src="{{path_compat('')}}" height="100" />
			</a>
			<input type="hidden" name="photo_list[]" value="" id="input-image2" />
		</div>
	</div>
	<div class="form-group col-sm-2">
		<label class="control-label">产品图册</label>
		<div id="thumb3">
			<a id="thumb-image3" href="#" data-toggle="image" class="img-thumb">
				<img src="{{path_compat('')}}" height="100" />
			</a>
			<input type="hidden" name="photo_list[]" value="" id="input-image3" />
		</div>
	</div>
	<div class="form-group col-sm-2">
		<label class="control-label">产品图册</label>
		<div id="thumb4">
			<a id="thumb-image4" href="#" data-toggle="image" class="img-thumb">
				<img src="{{path_compat('')}}" height="100" />
			</a>
			<input type="hidden" name="photo_list[]" value="" id="input-image4" />
		</div>
	</div>
	<div class="form-group col-sm-2">
		<label class="control-label">产品海报</label>
		<div id="poster">
			<a id="poster-image" href="#" data-toggle="image" class="img-thumbnail">
				<img src="{{path_compat('')}}" height="100" />
			</a>
			<input type="hidden" name="poster" value="" id="input-poster" />
		</div>
	</div>
	<div class="form-group col-sm-2">
		<label class="control-label">产品名称</label>
		<input class="form-control" required="required" type="text" placeholder="产品名称" maxlength="50" name="name" value="" />
	</div>
	<div class="form-group col-sm-2">
		<label class="control-label">折扣价格</label>
		<input class="form-control" required="required" type="text" placeholder="折扣价格" min="0"  max="9999.99" name="price" value="" />
	</div>
	<div class="form-group col-sm-2">
		<label class="control-label">产品原价</label>
		<input class="form-control" required="required" type="text" placeholder="产品原价" min="0" max="9999.99" name="market_price" value="" />
	</div>
	<div class="form-group col-sm-2">
		<label class="control-label">产品规格</label>
		<input class="form-control" required="required" type="text" placeholder="产品规格" maxlength="25" name="spec" value="" />
	</div>
	<div class="form-group col-sm-2">
		<label class="control-label">产品库存</label>
		<input class="form-control" required="required" type="number" placeholder="产品库存"  name="stock" value="" />
	</div>
	<div class="form-group col-sm-2">
		<label class="control-label">限购数量</label>
		<input class="form-control" required="required" type="number" placeholder="限购数量,设置为0表示不限购"  name="quota" value="0" />
	</div>
	<div class="form-group col-sm-2">
		<label class="control-label">限购开始</label>
		<input class="form-control" type="datetime-local" placeholder="限购开始时间"  name="quota_start" value="" />
	</div>
	<div class="form-group col-sm-2">
		<label class="control-label">限购结束</label>
		<input class="form-control" type="datetime-local" placeholder="限购结束时间" name="quota_end" value="" />
	</div>
	<div class="form-group col-sm-2">
		<label class="control-label">上架时间</label>
		<input class="form-control" type="datetime-local" placeholder="上架时间"  name="puton_time" value="" />
	</div>
	<div class="form-group col-sm-2">
		<label class="control-label">下架时间</label>
		<input class="form-control" type="datetime-local" placeholder="下架时间" name="putoff_time" value="" />
	</div>
	<div class="form-group col-sm-2">
		<label class="control-label">最低起购</label>
		<input class="form-control" required="required" type="number" placeholder="最低起购数量,设置为0表示不限制"  name="min_quota" value="0" />
	</div>
	<div class="form-group col-sm-2">
		<label class="control-label">立即下单</label>
		<select name="hide_orderbtn" class="form-control" >
			<option value="0"  >显示</option>
			<option value="1"  >隐藏</option>
		</select>
	</div>
	<div class="form-group col-sm-2">
		<label class="control-label">SKU起购规则</label>
		<select name="sku_min_quota_and" class="form-control" >
			<option value="0"  >或</option>
			<option value="1"  >且</option>
		</select>
	</div>
	<div class="form-group col-sm-2">
		<label class="control-label">商品类型</label>
		<select name="type_id" class="form-control" id="typeId">
			@foreach ($typeList as $value)
				<option value="{{$value['id']}}"  >{{$value['name']}}</option>
			@endforeach
		</select>
	</div>
	<div class="form-group col-sm-2">
		<label class="control-label">服务城市</label>
		<select name="city_ids[]" class="form-control selectpicker" data-max-options="20" data-live-search="true" data-live-search-placeholder="搜索城市" data-none-results-text="未搜索到 {0}" title="选择城市" multiple>
			@foreach ($cityList as $group)
			<optgroup label="{{$group['name']}}">
				@foreach ($group['city'] as $city)
				<option value="{{$city['id']}}" >{{$city['name']}}</option>
				@endforeach
			</optgroup>
			@endforeach
		</select>
	</div>
	<div class="form-group col-sm-2">
		<label class="control-label">店铺</label>
		<select name="business_id" class="form-control selectpicker" data-live-search="true" data-live-search-placeholder="搜索店铺" data-none-results-text="未搜索到 {0}" title="选择店铺">
			@foreach ($businessList as $value)
				<option value="{{$value['id']}}" selected >{{$value['name']}}</option>
			@endforeach
		</select>
	</div>
	<div class="form-group col-sm-2">
		<label class="control-label">标签范围（标签存在延迟，请慎用）</label>
		<select name="tag_scope[]" class="form-control selectpicker" data-max-options="10" data-live-search="true" data-live-search-placeholder="搜索标签" data-none-results-text="未搜索到 {0}" title="选择标签" multiple>
			@foreach ($tagList as $group=>$tags)
			<optgroup label="{{$group}}">
				@foreach ($tags as $tag)
				<option value="{{$tag}}" >{{$tag}}</option>
				@endforeach
			</optgroup>
			@endforeach
		</select>
	</div>
	<div class="form-group col-sm-2">
		<label class="control-label">标签排除（标签存在延迟，请慎用）</label>
		<select name="tag_exclude[]" class="form-control selectpicker" data-max-options="10" data-live-search="true" data-live-search-placeholder="搜索标签" data-none-results-text="未搜索到 {0}" title="选择标签" multiple>
			@foreach ($tagList as $group=>$tags)
			<optgroup label="{{$group}}">
				@foreach ($tags as $tag)
				<option value="{{$tag}}" >{{$tag}}</option>
				@endforeach
			</optgroup>
			@endforeach
		</select>
	</div>
	<div class="form-group col-sm-12" id="add_spec">
		
	</div>
	<div class="form-group col-sm-12" id="add_sku">
		
	</div>
	<div class="form-group col-sm-12">
		<label class="control-label">产品简介</label>
		<textarea required="required" id="container" name="description" placeholder="产品简介" maxlength="1500"></textarea>
	</div>
	<div class="form-group col-sm-12">
		@csrf
		<input id="send" type="submit" value="提交" class="btn btn-primary btn-block" />
	</div>
</form>
@endsection
@section('javascript')
<script src="/static/ueditor/ueditor.config.js"></script>  
<script src="/static/ueditor/ueditor.all.js"></script>
<script type="text/javascript">
	var editor = new UE.ui.Editor();
	editor.render("container");
</script>

<script type="text/javascript">
// 获取类型的规格
function getSpecHtml(type_id){
	$.ajax({
		type: 'get',
		url: "{{url('admin/product/get_spec_html')}}",
		data: {type_id:type_id},
		success: function(data) {
			$('#add_spec').html(data);
		},
		error: function(data) {
			
		}
	});
}

// 获取节点
$(function(){
	// 获取
	var type_id	= $('#typeId').val();
	// 获取对应的规格
	getSpecHtml(type_id);
	
	$('#typeId').change(function(){
		// 获取
		type_id	= $('#typeId').val();
		// 获取对应的规格
		getSpecHtml(type_id);
	})
})
</script>
<script type="text/javascript">
	$(function(){
		// 添加属性
		$('#add_spec').on('click','.add_attr',function(){
			// 克隆
			var copy = $(this).parents('.add_attr_div').prev().clone();
			$(this).parents('.add_attr_div').before(copy);
			return false;
		});
		// 删除属性
		$('#add_spec').on('click','.remove_attr',function(){
			// 只有一个节点时(没有同级节点)。不允许删除
			// if( $(this).parents('.attr_div').siblings('.attr_div').length < 1 ) return false;
			$(this).parents('.attr_div').remove();
			var formData = $('#add_spec input,select').serialize();
			$.ajax({
				type: 'get',
				url: "{{url('admin/product/get_sku_html')}}",
				data: formData,
				success: function(data) {
					$('#add_sku').html(data);
				},
				error: function(data) {
					
				}
			});
			return false;
		})
		// 属性名称变更
		$('#add_spec').on('change','.attr_name',function(){
			// 获取当前的名称
			var name = $(this).val();
			var formData = $('#add_spec input,select').serialize();
			$.ajax({
				type: 'post',
				url: "{{url('admin/product/get_sku_html')}}",
				data: formData,
				success: function(data) {
					$('#add_sku').html(data);
				},
				error: function(data) {
					
				}
			});
			return false;
		})

	})
</script>

<script type="text/javascript">
	$(function(){
		// 删除规格
		$('#add_sku').on('click','.remove_sku',function(){
			// 只有一个节点时(没有同级节点)。不允许删除
			// if( $(this).parents('tr').siblings('tr').length < 1 ) return false;
			$(this).parents('tr').remove();
			return false;
		})
	})
</script>
@endsection