caimei365
/
caimei365-manager


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272
							<%@ page import="com.thinkgem.jeesite.common.config.Global" %>
<%@ page contentType="text/html;charset=UTF-8" %>
<%@ include file="/WEB-INF/views/include/taglib.jsp"%>
<html>
<head>
	<title>文章列表管理</title>
	<meta name="decorator" content="default"/>
	<style type="text/css">
	.init-label label{margin: 5px 10px;color: gray; }
	</style>
</head>
<body>
	<ul class="nav nav-tabs">
		<li><a href="${ctx}/info/info/">文章列表</a></li>
		<li class="active"><a href="${ctx}/info/info/form?id=${info.id}&ltype=${ltype}">文章<shiro:hasPermission name="info:info:edit">${not empty info.id?'编辑':'添加'}</shiro:hasPermission><shiro:lacksPermission name="info:info:edit">查看</shiro:lacksPermission></a></li>
	</ul><br/>
	<form:form id="inputForm" modelAttribute="info" action="${ctx}/info/info/save?ltype=${ltype}" method="post" class="form-horizontal">
		<form:hidden path="id"/>
		<sys:message content="${message}"/>
		<div class="control-group">
			<label class="control-label"><span class="help-inline"><font color="red">*</font> </span>标题：</label>
			<div class="controls">
				<form:input path="title" htmlEscape="false" maxlength="100" class="input-xxlarge required"/>
			</div>
		</div>
		<div class="control-group">
			<label class="control-label"><span class="help-inline"><font color="red">*</font> </span>文章标签：</label>
			<div class="controls">
				<form:input path="label" htmlEscape="false" maxlength="100" class="input-xxlarge required"/>
				<span class="help-inline">多个标签之间请用逗号分隔开</span>
				<div class="init-label">
					<!-- <label>美白</label><label>祛斑</label><label>祛痘</label><label>瘦脸</label><label>去皱</label><label>缩毛孔</label>
					<label>减肥瘦身</label><label>祛斑</label><label>祛痘</label><label>瘦脸</label><label>去皱</label><label>缩毛孔</label> -->
				</div>
				<input id="labelName" type="text" placeholder="在此处输入标签，将自动关联到文章标签" class="input-xlarge"/>
				<a href="javascript:addLeable();">添加</a>
			</div>
		</div>
		<div class="control-group">
			<label class="control-label"><span class="help-inline"><font color="red">*</font> </span>SEO关键词：</label>
			<div class="controls">
				<form:input path="keyword" htmlEscape="false" maxlength="50" class="input-xlarge required"/>
			</div>
		</div>
		<div class="control-group">
			<label class="control-label"><span class="help-inline"><font color="red">*</font> </span>发布人：</label>
			<div class="controls">
				<form:input path="publisher" htmlEscape="false" maxlength="50" class="input-xlarge required"/>
			</div>
		</div>
		<div class="control-group">
			<label class="control-label">来源：</label>
			<div class="controls">
				<form:input path="source" htmlEscape="false" maxlength="50" class="input-xlarge"/>
			</div>
		</div>
		<div class="control-group">
			<label class="control-label"><span class="help-inline"><font color="red">*</font> </span>推荐语(描述)：</label>
			<div class="controls">
				<form:textarea path="recommendContent" htmlEscape="false" maxlength="1000" class="input-xxlarge required"/>
			</div>
		</div>
		<div class="control-group">
			<label class="control-label"><span class="help-inline"><font color="red">*</font> </span>文章内容：</label>
			<div class="controls" style="width:812px">
                <form:textarea path="infoContent" htmlEscape="false" class="input-xlarge required hide" />
                <!-- 富文本编辑器 -->
                <div id="infoContentEditor">${info.infoContent}</div>
			</div>
		</div>
		<div class="control-group">
			<label class="control-label"><span class="help-inline"><font color="red">*</font> </span>文章分类：</label>
			<div class="controls">
				<%-- <form:input path="typeId" htmlEscape="false" maxlength="11" class="input-xlarge required"/> --%>
				<form:select path="infoType.id" class="input-small required">
					<form:options items="${typeList}" itemLabel="name" itemValue="id" htmlEscape="false"/>
				</form:select>
			</div>
		</div>
		<div class="control-group">
			<label class="control-label"><span class="help-inline"><font color="red">*</font> </span>引导图：</label>
			<div class="controls">
				<form:hidden id="nameImage" path="guidanceImage" htmlEscape="false" maxlength="255" class="input-xlarge required"/>
				<sys:ckfinder input="nameImage" type="images" uploadPath="/photo" selectMultiple="false" maxWidth="100" maxHeight="100"/>
			</div>
		</div>
		<div class="control-group">
			<label class="control-label"><span class="help-inline"></span>商城首页图：</label>
			<div class="controls">
				<form:hidden id="homePageImage" path="homePageImage" htmlEscape="false" maxlength="255" class="input-xlarge required"/>
				<sys:ckfinder input="homePageImage" type="images" uploadPath="/photo" selectMultiple="false" maxWidth="100" maxHeight="100"/>
				<label style="margin-left: 20px">建议图片分辨率252px*252px</label>
			</div>
		</div>
		<div class="control-group">
			<label class="control-label"><span class="help-inline"><font color="red">*</font> </span>发布时间：</label>
			<div class="controls">
				<input name="pubdate" type="text" maxlength="20" class="input-medium Wdate required"
					value="<fmt:formatDate value="${info.pubdate}" pattern="yyyy-MM-dd HH:mm:ss"/>"
					onclick="WdatePicker({dateFmt:'yyyy-MM-dd HH:mm:ss',isShowClear:false});"/>
			</div>
		</div>
		<div class="control-group">
			<label class="control-label"><span class="help-inline"><font color="red">*</font> </span>推荐状态：</label>
			<div class="controls">
				<form:radiobuttons path="recommendStatus" items="${fns:getDictList('enabled_status')}" itemLabel="label" itemValue="value" htmlEscape="false" class="required"/>
			</div>
		</div>
		<div class="control-group">
			<label class="control-label"><span class="help-inline"><font color="red">*</font> </span>状态：</label>
			<div class="controls">
				<form:radiobuttons path="enabledStatus" items="${fns:getDictList('enabled_status')}" itemLabel="label" itemValue="value" htmlEscape="false" class="required"/>
			</div>
		</div>
		<%--<div class="control-group">
			<label class="control-label"><span class="help-inline"><font color="red">*</font> </span>优先级：</label>
			<div class="controls">
				<form:input path="priorityIndex" htmlEscape="false" maxlength="9" class="input-xlarge required digits" value="${empty info.priorityIndex?0:(info.priorityIndex)}"/>
			</div>
		</div>--%>
		<div class="control-group">
			<label class="control-label"><span class="help-inline"><font color="red">*</font> </span>基础点赞：</label>
			<div class="controls">
				<form:input path="basePraise" htmlEscape="false" maxlength="11" class="input-xlarge required digits" value="${empty info.basePraise?0:(info.basePraise)}"/>
			</div>
		</div>
		<c:if test="${not empty info.id}">
		<div class="control-group">
			<label class="control-label">实际点赞：</label>
			<div class="controls">
				${empty info.realPraise?0:(info.realPraise)}
			</div>
		</div>
		</c:if>
		<div class="control-group">
			<label class="control-label"><span class="help-inline"><font color="red">*</font> </span>基础浏览量：</label>
			<div class="controls">
				<form:input path="basePv" htmlEscape="false" maxlength="11" class="input-xlarge required digits" value="${empty info.basePv?0:(info.basePv)}"/>
			</div>
		</div>
		<c:if test="${not empty info.id}">
			<div class="control-group">
				<label class="control-label">实际浏览量：</label>
				<div class="controls">
						${empty info.pv?0:(info.pv)}
				</div>
			</div>
		</c:if>
		<div class="form-actions">
			<shiro:hasPermission name="info:info:edit"><input id="btnSubmit" class="btn btn-primary" type="submit" value="保 存" onclick="checkInfo()"/>&nbsp;</shiro:hasPermission>
			<input id="btnCancel" class="btn" type="button" value="返 回" onclick="history.go(-1)"/>
		</div>
	</form:form>
<!-- 富文本编辑器 -->

<% request.setAttribute("caimeiCore", Global.getConfig("caimei.core"));%>
<script type="text/javascript" src="${ctxStatic}/ckeditor5-new/ckeditor.js"></script>
<script type="text/javascript">
		$(document).ready(function() {
			//富文本框
			ClassicEditor.create(document.querySelector('#infoContentEditor'), {
				ckfinder: {
					uploadUrl: '${caimeiCore}/tools/image/upload/ckeditor'
				}
			}).then(function(editor) {
				window.infoContentEditor = editor;
			}).catch(function(error){
				console.log(error);
			});
			//$("#name").focus();
			$("#inputForm").validate({
				ignore:"",
				submitHandler: function(form){
					loading('正在提交，请稍等...');
					form.submit();
				},
				errorContainer: "#messageBox",
				errorPlacement: function(error, element) {
					$("#messageBox").text("输入有误，请先更正。");
					if (element.is(":checkbox")||element.is(":radio")||element.parent().is(".input-append")){
						error.appendTo(element.parent().parent());
					} else {
						error.insertAfter(element);
					}
				}
			});

			LabelInit();

			$(".init-label label").bind("click",function(){
				var label=$(this).text();
				var label1=label+",";
				var _label=$("#label").val()+",";
				if(_label.indexOf(label1)>-1){
					alert("文章标签中已包含该标签！！");
				}else{
				  setLabel(label);
				}
			});

		});

		//富文本框编辑
		function checkInfo(){
			var infoContent=infoContentEditor.getData();
			$("#infoContent").val(infoContent);
			console.log(infoContent);
		}
		function LabelInit(){
			var items="${fns:getDictValue('label','sys_config','')}"+",";
			/* var _labels="${info.label}";
			var _label=_labels.split(",");
			for (var i = 0; i < _label.length; i++) {
				items=items.replace(_label[i]+",","");
			} */
			/* var items="美白,祛斑,祛痘,补水,瘦脸,去皱,缩毛孔,减肥瘦身,提拉紧致,嫩肤,去眼袋,去法令纹,脱毛,纹眉,去黑眼圈,美白嫩肤,面部提升,祛斑祛痣,除皱,去红血丝,祛疤,祛妊娠纹,纹身,纤体塑性,纹眉"; */
			var info=items.split(",");
			var html='';
			for (var i = 0; i < info.length; i++) {
				if(''!=info[i]){
					html+="<label>"+info[i]+"</label>";
					if((i+1)%9==0){
						html+="<br>";
					}
				}
			}
			$(".init-label").append(html);


			$("#labelName").typeahead({
				property : 'name',
				source:function(typeahead, query){
					query = $.trim(query);
					if(''==query){return;}
					$.ajax({
						type:"POST", dataType:"JSON", async:false,
						url: "${ctx}/info/infoLabel/findByName",
						data:{name: query},
						success:function(data){
							typeahead.process(data);
						}
					});
				},
				onselect : function(data) {
					setLabel(data.name);
					$("#labelName").focus(); //选择完后 回到当前输入框以便下一个动作的验证
				}
			});
		}
		function setLabel(name){
			if(name!=''){
				var label=$("#label").val();
				if(label==''){
					label=name;
				}else{
					label=label+","+name;
				}
				$("#label").val(label);
				$("#labelName").val("");
			}
		}
		function addLeable(){
			var label=$("#labelName").val();
			if(''==label){
				$.jBox.tip('添加的标签不能为空！','error');
			}else{
				setLabel(label);
			}
		}
</script>
</body>
</html>