scott
/
crm


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173
							{extend name="public/layout" /} {block name="title"}添加{/block} {block name="body"}
<style type="text/css">
	html{
		background: #fff;
	}
</style>
<body>
   <form class="layui-form" lay-filter="layuiadmin-app-form-list" id="layuiadmin-app-form-list" style="padding: 20px 30px 0 0;">
	<div class="layui-form-item">
		<label class="layui-form-label">封面图</label>
		<div class="layui-input-inline" id="upload-drag">
				<img src="{:$thepost['cover']}?x-oss-process=image/resize,l_200" >
		</div>
	</div>
	<div class="layui-form-item">
		<label class="layui-form-label">类型</label>
		<div class="layui-input-inline" style="width: auto">
			<select id="firstnode" lay-filter="firstnode">
				<option value="">--请选择--</option>
				{foreach $finalArr as $key => $val}
                 <option value="{:$key}">{:$key}</option>
				{/foreach}
			</select>
			<select id="childnode" lay-filter="childnode">
			</select>
			<select id="endnode" lay-filter="endnode" >
			</select>
		</div>
	</div>
	   <div class="layui-form-item">
		   <label class="layui-form-label">简介</label>
		   <div class="layui-input-block">
			   <input class="layui-input" id="desc" name="desc" autocomplete="off" placeholder="简介，如：根据实际情况选择全包、半包、软装" value="{:$thepost['desc']}"/>
		   </div>
	   </div>
	<div class="layui-form-item">
		<label class="layui-form-label">内容</label>
		<div class="layui-input-block">
			<textarea id="textarea" name="content" style="width: 460px; height: 300px;" autocomplete="off">{:$thepost['content']}</textarea>
		</div>
	</div>
	<div class="layui-form-item layui-hide">
		<input type="button" lay-submit lay-filter="layuiadmin-app-form-edit-submit" id="layuiadmin-app-form-edit-submit" value="确认添加">
<!--		<input type="button" lay-submit lay-filter="layuiadmin-app-form-edit" id="layuiadmin-app-form-edit" value="确认编辑">-->
	</div>
</form>
</body>
{/block} {block name="js"}
<script>
	layui.config({
		base: '__LAYUI__/' //静态资源所在路径
			,
		urlbase: '/sys'
	}).extend({
		index: 'lib/index' //主入口模块
	}).use(['index', 'form','upload','layedit'], function() {
		var form = layui.form,
			upload = layui.upload,
			layedit = layui.layedit,
			$ = layui.jquery;

		var finalstr = '{:$finalStr}';
		var finalarr = JSON.parse(finalstr);

		$('#firstnode').val('{:$select_top}');
		//
		$('#childnode').html('');
		$('#childnode').append('<option value="">--请选择--</option>');
		$.each(finalarr['{:$select_top}'],function (key, val) {
			$('#childnode').append('<option value="'+key+'_{:$select_top}">'+key+'</option>');
		});
		$('#endnode').html('');
		$('#endnode').append('<option value="">--请选择--</option>');
		$.each(finalarr['{:$select_top}']['{:$select_middle}'],function (key, val) {
			$('#endnode').append('<option value="'+val+'_{:$select_child}">'+val+'</option>');
		})

		$('#childnode').val('{:$select_child}');
		$('#endnode').val('{:$select_endor}');

		form.render();

		/* 监听提交 */
		form.on('submit(layuiadmin-app-form-edit-submit)', function(obj) {
			var index = parent.layer.getFrameIndex(window.name);
            var formData = new FormData(obj.form);
			formData.set('content', layedit.getContent(textarea));
			formData.set('endpoint', endStr);
			formData.set('id', '{:$thepost["id"]}');
            $.ajax({
	                url:'{:url("tool/decoPostSave")}',
	                type: 'post',
	                data: formData,
	                dataType: 'json',
	                processData: false,
	                contentType: false,
	                success: function (res) {
	                if (res.code === 0) {
	                    layer.msg(res.msg, {anim: 0}, function () {
	                        parent.layui.table.reload('decohelper-table'); //重载表格
	      					parent.layer.close(index); //再执行关闭
	                    });
	                } else {
	                    layer.msg(res.msg, {anim: 6});
	                }
	            }
	        });
	        return false;
		});

		form.on('select(firstnode)', function (obj) {
			console.log(obj.value);
			console.log(finalarr[obj.value]);
			//var htmlstr = '';
			$('#childnode').html('');
			$('#childnode').append('<option value="">--请选择--</option>');
			$.each(finalarr[obj.value],function (key, val) {
				$('#childnode').append('<option value="'+key+'_'+obj.value+'">'+key+'</option>');
			})
			form.render();
		});

		form.on('select(childnode)', function (obj) {
			console.log(obj.value);
			var thestr = obj.value;
			var itemarr = thestr.split('_');
			console.log(itemarr);
			$('#endnode').html('');
			$('#endnode').append('<option value="">--请选择--</option>');
			$.each(finalarr[itemarr[1]][itemarr[0]],function (key, val) {
				$('#endnode').append('<option value="'+val+'_'+itemarr[0]+'_'+itemarr[1]+'">'+val+'</option>');
			})
			form.render();
		});

		//var endArr = [];
		var endStr = '{$thepost.typepath}';
		form.on('select(endnode)', function (obj) {
			console.log(obj.value);
			endStr = obj.value;
		});


		//拖拽上传
		upload.render({
				elem: '#upload-drag',
				accept: 'image',
				exts: 'jpg|png|bmp|jpeg|JPG|PNG|BMP|JPEG',
				auto: false,
				field: 'img',
				size: 1 * 1024,
				choose: function(obj) {
					obj.preview(function(index, file, result) {
						$('#upload-drag').html('<img src="' + result + '" style="height: 100%;width:100%;">');
					});
				}
		});

		var textarea = layedit.build('textarea', {
			height: 400,
			uploadImage: {
				url: '{:url("tool/imgUpload")}',
				type: 'post'
			}
		});


	});
</script>
{/block}