activityEdit.jsp 6.6 KB
<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>

	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<meta http-equiv="X-UA-Compatible" content="ie=edge">
		<title>文章编辑</title>
		<link rel="stylesheet" href="/zzhnc/res/plugins/layui/css/layui.css">
		<link rel="stylesheet" href="/zzhnc/res/css/basic.css">
		<style type="text/css">
			.red {
				color: red;
				margin-right: 5px;
			}
			
			.layui-form-label {
				width: 100px;
			}
			
			#container {
				margin-left: 20px;
			}
			
			.bannerUrl {
				width: 200px;
				height: 200px;
			}
		</style>

		<body class="wrap">
			<form class="layui-form">
				<div class="layui-form-item">
					<label class="layui-form-label"><i class="red">*</i>文章主标题</label>
					<div class="layui-input-inline" style="width: 400px;">
						<input type="text" name="name" placeholder="文章主标题" class="layui-input">
					</div>
					<div class="layui-form-mid layui-word-aux">不超过20个汉字</div>
				</div>
				<div class="layui-form-item">
					<label class="layui-form-label"><i class="red">*</i>文章副标题</label>
					<div class="layui-input-inline" style="width: 400px;">
						<input type="text" name="description" placeholder="文章副标题" class="layui-input">
					</div>
				</div>
				<div class="layui-form-item">
					<label class="layui-form-label"><i class="red">*</i>文章主图</label>
					<div class="layui-input-block">
						<img class="bannerUrl" />
						<button type="button" class="layui-btn" id="upload">上传文章主图</button>
					</div>
				</div>
				<div class="layui-form-item">
					<label class="layui-form-label"><i class="red">*</i>是否首页显示</label>
					<div class="layui-input-inline" style="width: 100px;">
						<input type="checkbox" checked name="isHome" lay-skin="switch" lay-text="是|否">
					</div>
				</div>
				<div class="layui-form-item">
					<label class="layui-form-label"><i class="red">*</i>商家名称</label>
					<div class="layui-input-inline" style="width: 400px;">
						<input type="text" name="sellerName" placeholder="商家名称" class="layui-input">
					</div>
				</div>
				<div class="layui-form-item">
					<label class="layui-form-label"><i class="red">*</i>商家店铺号</label>
					<div class="layui-input-inline" style="width: 400px;">
						<input type="text" name="sellerAddress" placeholder="商家店铺号" class="layui-input">
					</div>
				</div>
				<div class="layui-form-item">
					<label class="layui-form-label"><i class="red">*</i>商家电话</label>
					<div class="layui-input-inline" style="width: 390px;">
						<input type="text" name="sellerPhone" placeholder="商家电话" class="layui-input">
					</div>
				</div>
				<!--<div class="layui-form-item">
					<label class="layui-form-label"><i class="red">*</i>详细信息</label>
					<div class="layui-input-block">
						<script id="container" name="content" type="text/plain">
							这里写你的初始化内容
						</script>
					</div>
				</div> -->
				<div class="layui-form-item">
					<label class="layui-form-label"></label>
					<div class="layui-input-block">
						<button class="layui-btn" lay-submit lay-filter="submit">提交</button>
						<button class="layui-btn layui-btn-primary resetBtn">重置</button>
					</div>
				</div>
			</form>
		</body>
		<script src='/zzhnc/res/js/jquery.min.js'></script>
		<script src="/zzhnc/res/plugins/layui/layui.js" charset="utf-8"></script>
		<script type="text/javascript" src="/zzhnc/res/js/me.js"></script>
		<!--<script type="text/javascript" src="/zzhnc/res/UE/ueditor.config.js"></script>
		<script type="text/javascript" src="/zzhnc/res/UE/ueditor.all.js"></script>-->
		<script>
			/*window.onload = function() {
				UE.Editor.prototype._bkGetActionUrl = UE.Editor.prototype.getActionUrl;
				UE.Editor.prototype.getActionUrl = function(action) {
					if(action == 'uploadimage' || action == 'uploadscrawl' || action == 'uploadimage') {
						return '/zzhnc/upload/NewUploadImg';
					} else {
						return this._bkGetActionUrl.call(this, action);
					}
				}
				window.UEDITOR_CONFIG.initialFrameWidth = 900;
				window.UEDITOR_CONFIG.initialFrameHeight = 600;
				var ue = UE.getEditor('container', {
					autoHeight: false
				});
			}*/

			layui.use(['form', 'element', 'layer', 'upload'], function() {
				var form = layui.form,
					element = layui.element,
					layer = layui.layer,
					upload = layui.upload;

				var activityid = getUrl_G("id");

				function initData() {
					$.get("/zzhnc/goods/search", {
						id: activityid
					}, function(data) {
						console.log(data)
						if(data.code == 0) {
							if(data.data.rows.length > 0) {
								var data = data.data.rows[0];
								$("[name=name]").val(data.name);
								$("[name=description]").val(data.description);
								$(".bannerUrl").attr("src", data.bannerUrl);
								if(data.isHome) {
									$("[name=isHome]").checked = true;
								} else {
									$("[name=isHome]").checked = false;
								}
								$("[name=sellerName]").val(data.sellerName);
								$("[name=sellerAddress]").val(data.sellerAddress);
								$("[name=sellerPhone]").val(data.sellerPhone);

								form.render();

								/*UE.getEditor("container").ready(function() {
									UE.getEditor("container").setContent(unescape(data.description));
								})*/

							}
						}

					})
				}

				//初始化数据
				if(activityid > 0){
					initData();	
				}

				//普通图片上传
				upload.render({
					elem: '#upload',
					url: '/zzhnc/upload/UploadImg',
					done: function(data) {
						console.log(data)
						if(data.code == 0) {
							layer.msg("上传成功");
							$(".bannerUrl").attr("src", data.data.imgurl);
						} else {
							layer.msg('上传失败');
						}
					}
				});
				
				//提交
				form.on("submit(submit)",function(data){
					if(data.field.isHome == "on"){
						data.field.isHome = true
					}else{
						data.field.isHome = false;
					}
					if(data.field.isHot == "on"){
						data.field.isHot = true
					}else{
						data.field.isHot = false;
					}
					data.field.id = activityid;
					data.field.bannerUrl = $(".bannerUrl").attr("src");
					data.field.imgUrl = $(".bannerUrl").attr("src");
					//data.field.content = UE.getEditor('container').getContent();
					console.log(data.field);
					updateGoods(data.field);
					return false;
				})
				
				//修改方法
				function updateGoods(data){
					$.post("/zzhnc/goods/update", data, function(res) {
						console.log(res);
					})
				}

			})
		</script>

</html>