<!DOCTYPE html>
|
<html lang="zh" xmlns:th="http://www.thymeleaf.org" >
|
<head>
|
<th:block th:include="include :: header('修改文章管理')" />
|
<th:block th:include="include :: select2-css" />
|
</head>
|
<body class="white-bg">
|
<div class="wrapper wrapper-content animated fadeInRight ibox-content">
|
<form class="form-horizontal m" id="form-article-edit" th:object="${article}">
|
<input name="id" th:field="*{id}" type="hidden">
|
|
<div class="row">
|
<div class="col-sm-12">
|
<div class="form-group">
|
<label class="col-xs-2 control-label">推荐专区：</label>
|
<div class="col-xs-10">
|
<div class="radio-box" th:each="dict : ${@dict.getType('article_region')}">
|
<input type="radio" th:id="${'articleRegion_' + dict.dictCode}" name="articleRegion" th:value="${dict.dictValue}" th:checked="${dict.default}" th:field="*{articleRegion}">
|
<label th:for="${'articleRegion_' + dict.dictCode}" th:text="${dict.dictLabel}"></label>
|
</div>
|
</div>
|
</div>
|
</div>
|
|
|
</div>
|
|
<div class="row">
|
<div class="col-sm-12">
|
<div class="form-group">
|
<label class="col-xs-2 control-label">状态：</label>
|
<div class="col-xs-10">
|
<div class="radio-box" th:each="dict : ${@dict.getType('sys_available_status')}">
|
<input type="radio" th:id="${'available_' + dict.dictCode}" name="available" th:value="${dict.dictValue}" th:checked="${dict.default}" th:field="*{available}">
|
<label th:for="${'available_' + dict.dictCode}" th:text="${dict.dictLabel}"></label>
|
</div>
|
</div>
|
</div>
|
|
</div>
|
</div>
|
|
<!-- <div class="row">
|
<div class="col-sm-12">
|
<div class="form-group">
|
<label class="col-xs-2 control-label">文章模型：</label>
|
<div class="col-xs-10">
|
<div class="radio-box" th:each="dict : ${@dict.getType('article_model')}">
|
<input type="radio" th:id="${'articleModel_' + dict.dictCode}" name="articleModel" th:value="${dict.dictValue}" th:checked="${dict.default}" th:field="*{articleModel}">
|
<label th:for="${'articleModel_' + dict.dictCode}" th:text="${dict.dictLabel}"></label>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>-->
|
|
<div class="row">
|
<div class="col-sm-6">
|
<div class="form-group">
|
<label class="col-sm-4 control-label">文章标题：</label>
|
<div class="col-sm-8">
|
<div class="input-group">
|
<input id="treeId" name="categoryId" type="hidden" th:value="${article.category?.categoryId}"/>
|
<input class="form-control" type="text" onclick="selectCategoryTree()" id="treeName" readonly="true" th:value="${article.category?.categoryName}">
|
<span class="input-group-addon"><i class="fa fa-search"></i></span>
|
</div>
|
</div>
|
</div>
|
</div>
|
<div class="col-sm-6">
|
<div class="form-group">
|
<label class="col-sm-4 control-label">文章模型：</label>
|
<div class="col-sm-8">
|
<div class="radio-box" th:each="dict : ${@dict.getType('article_model')}">
|
<input type="radio" th:id="${'articleModel_' + dict.dictCode}" name="articleModel" th:value="${dict.dictValue}" th:checked="${dict.default}" th:field="*{articleModel}">
|
<label th:for="${'articleModel_' + dict.dictCode}" th:text="${dict.dictLabel}"></label>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
|
<div class="row">
|
<div class="col-sm-6">
|
<div class="form-group">
|
<label class="col-sm-4 control-label">文章标题：</label>
|
<div class="col-sm-8">
|
<input id="title" name="title" class="form-control" type="text" th:field="*{title}" >
|
</div>
|
</div>
|
</div>
|
<div class="col-sm-6">
|
<div class="form-group">
|
<label class="col-sm-4 control-label">是否转载：</label>
|
<div class="col-sm-8">
|
<label class="toggle-switch switch-solid">
|
<input type="checkbox" id="isCopy" name="isCopy" th:checked="${article.copyFlag == 1}">
|
<span></span>
|
</label>
|
</div>
|
</div>
|
</div>
|
</div>
|
<div class="row" id="div_isCopy_extend" style="display: none;">
|
<div class="col-sm-12">
|
<div class="form-group">
|
<label class="col-xs-2 control-label">原文链接：</label>
|
<div class="col-xs-10">
|
<input type="hidden" name="copyFlag" id="copyFlag" th:field="*{copyFlag}" >
|
<input type="text" class="form-control" id="link" name="link" th:field="*{link}" />
|
</div>
|
</div>
|
</div>
|
</div>
|
<div class="row">
|
<div class="col-sm-6">
|
<div class="form-group">
|
<label class="col-sm-4 control-label">关键词：</label>
|
<div class="col-sm-8">
|
<input name="keywords" class="form-control" type="text" th:field="*{keywords}" >
|
</div>
|
</div>
|
</div>
|
<div class="col-sm-6">
|
<div class="form-group">
|
<label class="col-sm-4 control-label">封面图片：</label>
|
<div class="col-sm-8">
|
<div class="input-group">
|
<input id="materialPath" name="coverImage" class="form-control valid" onclick="selectImage()" th:field="*{coverImage}" readonly="true" type="text">
|
<span class="input-group-addon"><i class="fa fa-search"></i></span>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
<div class="row">
|
<div class="col-sm-6">
|
<div class="form-group">
|
<label class="col-sm-4 control-label">标签：</label>
|
<div class="col-sm-8">
|
|
<select id="tags" name="tags" class="form-control select2-multiple" multiple>
|
<option th:each="tag:${tags}" th:value="${tag.tagId}" th:text="${tag.tagName}" th:selected="${tag.selected}" th:disabled="${tag.status == '1'}"></option>
|
</select>
|
</div>
|
</div>
|
</div>
|
<div class="col-sm-6">
|
<div class="form-group">
|
<label class="col-sm-4 control-label">启用评论：</label>
|
<div class="col-sm-8">
|
<label class="toggle-switch switch-solid">
|
<input type="checkbox" id="commentFlag" name="commentFlag" th:checked="${article.commentFlag==1 || article.commentFlag=='1'}">
|
<span></span>
|
</label>
|
</div>
|
</div>
|
</div>
|
</div>
|
|
<div class="row">
|
<div class="col-sm-12">
|
<div class="form-group">
|
<label class="col-xs-2 control-label">描述：</label>
|
<div class="col-xs-10">
|
<textarea rows="4" class="form-control" name="description" placeholder="描述" id="description">[[*{description}]]</textarea>
|
</div>
|
</div>
|
</div>
|
</div>
|
|
<!-- <div class="form-group">
|
<label class="col-sm-3 control-label">文章模型：</label>
|
<div class="col-sm-8">
|
<input name="articleModel" class="form-control" type="text">
|
</div>
|
</div>-->
|
<h4 class="form-header h4">文章内容</h4>
|
|
<div class="row">
|
<div class="col-sm-12">
|
<div class="form-group">
|
<label class="col-xs-2 control-label">正文:</label>
|
<div class="col-xs-10">
|
<script id="editor" name="content" type="text/plain" ></script>
|
</div>
|
</div>
|
</div>
|
</div>
|
<textarea hidden="text" id="divdata">[[*{content}]]</textarea>
|
|
<div class="row">
|
<div class="col-sm-offset-5 col-sm-10">
|
<button type="button" class="btn btn-sm btn-primary" onclick="submitHandler()"><i class="fa fa-check"></i>保 存</button>
|
<button type="button" class="btn btn-sm btn-danger" onclick="closeItem()"><i class="fa fa-reply-all"></i>关 闭 </button>
|
</div>
|
</div>
|
|
</form>
|
</div>
|
<th:block th:include="include :: footer" />
|
<th:block th:include="include :: select2-js" />
|
<th:block th:include="include :: ueditor" />
|
|
<script type="text/javascript">
|
function selectImage() {
|
var url=ctx+"cms/material/selectMaterialWithGroup";
|
$.modal.open("封面图片选择",url);
|
}
|
|
/*栏目分类选择*/
|
function selectCategoryTree() {
|
var prefixTemp = ctx + "cms/category"
|
var options = {
|
title: '栏目分类选择',
|
width: "380",
|
url: prefixTemp + "/selectCategoryTree/" + $("#treeId").val(),
|
callBack: doSubmit
|
};
|
$.modal.openOptions(options);
|
}
|
|
function doSubmit(index, layero){
|
var body = layer.getChildFrame('body', index);
|
$("#treeId").val(body.find('#treeId').val());
|
$("#treeName").val(body.find('#treeName').val());
|
layer.close(index);
|
}
|
|
var ue = UE.getEditor('editor');
|
function getContent() {
|
return UE.getEditor('editor').getContent();
|
}
|
function getContentTxt() {
|
return UE.getEditor('editor').getContentTxt();
|
}
|
</script>
|
|
|
<script type="text/javascript">
|
$(function(){
|
$("#editor").css("height","380px");
|
$('#tags').select2({
|
placeholder:"请选择标签",
|
allowClear: true
|
});
|
$("#isCopy").on("change",function(){
|
var v=$(this).prop("checked");
|
if(v){
|
$("#copyFlag").val("1");//转载标志
|
$("#div_isCopy_extend").show();
|
}else{
|
$("#copyFlag").val("0");
|
$("#div_isCopy_extend").hide();
|
}
|
});
|
var copyFlag=$("#copyFlag").val();
|
if(copyFlag==1||copyFlag=='1'){
|
$("#div_isCopy_extend").show();
|
}
|
|
//给UEeditor赋值
|
var data=$("#divdata").text();
|
var ue = UE.getEditor('editor');
|
var proinfo=$("#divdata").text();
|
ue.ready(function() {//编辑器初始化完成再赋值
|
ue.setContent(data); //赋值给UEditor
|
});
|
|
})
|
var prefix = ctx + "cms/article";
|
$("#form-article-edit").validate({
|
focusCleanup: true
|
});
|
|
function submitHandler() {
|
if ($.validate.form()) {
|
var title=$("#title").val();
|
if(isEmpty(title)){
|
Fast.msg_error("请输入标题!"); return;
|
}
|
var copyFlag=$("#copyFlag").val();
|
if(copyFlag=='1'){
|
var link=$("#link").val();
|
if(isEmpty(link)){
|
Fast.msg_error("请输入原文链接!"); return;
|
}
|
}
|
var tagIds = $.form.selectSelects("tags");
|
if(isEmpty(tagIds)){
|
Fast.msg_error("请选择标签!"); return;
|
}
|
var c = getContentTxt();
|
if (c == '' || c.length == 0) {
|
Fast.msg_error("请输入正文！");
|
return;
|
}
|
var params = $("#form-article-edit").serialize();
|
$.operate.saveTab(prefix + "/edit",params);
|
}
|
}
|
</script>
|
</body>
|
</html>
|
