kailin/resources/views/admin/article/edit.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($oldData['poster'])}}" height="100" />
			</a>
			<input type="hidden" name="poster" value="{{$oldData['poster']}}" id="input-image" />
		</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="title" value="{{$oldData['title']}}" />
	</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="link" value="{{$oldData['qrcode_link']}}" />
	</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">{{$oldData['content']}}</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: 'get',
				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