#override("css") #end #override("body")
<style>
#select6 {
width: 100%;
height: 36px;
}
</style>
<script type="text/javascript" charset="utf-8"
src="${ctx}/ueditor/ueditor.config.js"></script>
<script type="text/javascript" charset="utf-8"
src="${ctx}/ueditor/ueditor.all.min.js"> </script>
<script type="text/javascript" charset="utf-8"
src="${ctx}/ueditor/lang/zh-cn/zh-cn.js"></script>
<div class="ibox float-e-margins">
<div class="ibox-content">
<div class="col-sm-12">
<form id="validForm" class="form-horizontal m-t"
novalidate="novalidate">
<div class="form-group">
<label class="col-sm-2 control-label">*栏目：</label>
<div class="col-sm-5">
<select class="form-control" id="columnList">
</select>
</div>
</div>
<div class="hr-line-dashed"></div>
<div class="form-group">
<label class="col-sm-2 control-label">*分类：</label>
<div class="col-sm-5">
<select class="form-control">
<option value="">请选择</option>
<option value="1">孕期</option>
<option value="2">育儿</option>
<option value="3">其它</option>
</select>
</div>
</div>
<div class="hr-line-dashed"></div>
<div class="form-group">
<label class="col-sm-2 control-label">权重：</label>
<div class="col-sm-5">
<input type="text" class="form-control" class="form-control"
placeholder="选填" name="">
</div>
</div>
<div class="hr-line-dashed"></div>
<div class="form-group">
<label class="col-sm-2 control-label">*标签：</label>
<div class="col-sm-5">
<select id="select6" name="contentTagIds" multiple data-selectator-keep-open="true">
</select>
</div>
</div>
<div class="hr-line-dashed"></div>
<div class="form-group">
<label class="col-sm-2 control-label" for="">*封面：</label>
<div class="col-sm-5">
<div class="btn-group m-b">
<label class="btn btn-sm btn-info w-sm" onclick="switchContent(1)">
<i class="fa fa-check text-active" id="commonCon"></i> 普通内容
</label>
<label class="btn btn-sm btn-success w-sm" onclick="switchContent(2)">
<i class="fa text-active" id="specialCon"></i> 专题内容
</label>
</div>
<div class="col-sm-12 no-padder">
<div ng-file-select="onFileSelect($files)" data-multiple="false" title="点击上传" onclick="this.value = null" class="btn btn-primary btn-upload m-b-sm">
<i class="fa fa-cloud-upload text"></i>
点击上传图片
</div>
<img class="b wrapper-xs w img-responsive" style="width:200px" src="${ctx}/static/images/p0.jpg" />
</div>
</div>
</div>
<div class="hr-line-dashed"></div>
<div class="form-group">
<label class="col-sm-2 control-label">*标题：</label>
<div class="col-sm-5">
<input type="text" ng-maxlength="32" name="title" class="form-control w-lg" required="" aria-required="true">
</div>
</div>
<div class="form-group">
<label class="col-sm-2 control-label">*链接：</label>
<div class="col-sm-5">
<input type="text" type="url" name="link" class="form-control w-lg" required="" aria-required="true">
</div>
</div>
<div class="form-group">
<label class="col-sm-2 control-label">*摘要：</label>
<div class="col-sm-5">
<input type="text" ng-maxlength="255" name="introduction" ng-model="article.introduction" class="form-control w-lg" ng-required="radioModel.imageType == 'Ordinary'">
</div>
</div>
<div class="form-group" id="imageContext">
<label class="col-sm-2 control-label">正文：</label>
<div class="col-sm-5">
<script id="editor" name="richText" type="text/plain"></script>
</div>
</div>
<div class="hr-line-dashed"></div>
<div class="form-group">
<div class="col-sm-7 col-sm-offset-3 pull-right">
<button type="button" class="btn btn-primary" onclick="save();">
<i class="fa fa-check"></i> 提交
</button>
<button type="button" class="btn btn-white"
onclick="parent.closeAll();">
<i class="fa fa-close"></i> 取消
</button>
</div>
</div>
</form>
</div>
</div>
</div>
#end #extends("/common/base_list.html")
<script type="text/javascript">
$('#multChe').on('ifClicked', function (event) {
$("#imageTitle").toggleClass("hidden");
$("#imageContext").toggleClass("hidden");
$("#imageTitle").toggleClass("show");
$("#imageContext").toggleClass("show");
});
function switchContent(num){
if(num == 1){
$("#commonCon").addClass("fa-check");
$("#specialCon").removeClass("fa-check");
}else{
$("#commonCon").removeClass("fa-check");
$("#specialCon").addClass("fa-check");
}
}
$(function(){
//初始化
var ue = UE.getEditor('editor',{initialFrameHeight:200,initialFrameWidth:"100%" });
$.getJSON("${ctx}/contentCategories/list",function(data){
if(data.success){
var columnList = "<option value=''>请选择</option>";
data.data.forEach(function(d,i){
columnList+="<option value='"+d.id+"'>"+d.name+"</option>";
});
$("#columnList").empty();
$("#columnList").append(columnList);
}
});
$.get("${ctx}/contentTags/list","json",function(data){
if(data.success){
var seleHtml = "";
data.data.forEach(function(d,i){
seleHtml+='<option value="'+d.id+'">'+d.tagName+'</option>';
});
$("#select6").empty();
$("#select6").append(seleHtml);
$('#select6').selectator({
prefix: 'selectator_', // CSS class prefix
height: 'auto', // auto or element
useDimmer: false, // dims the screen when option list is visible
useSearch: true, // if false, the search boxes are removed and
// `showAllOptionsOnFocus` is forced to true
keepOpen: true, // if true, then the dropdown will not close when
// selecting options, but stay open until losing focus
showAllOptionsOnFocus: true, // shows all options if input box is empty
selectFirstOptionOnSearch: true, // selects the topmost option on every search
searchCallback: function(value){}, // Callback function when enter is pressed and
// no option is active in multi select box
labels: {
search: 'Search...' // Placeholder text in search box in single select box
}
});
}
});
});
function save(){
var content = UE.getEditor('editor').getContent();
if($('#validForm').valid()){
var data = $('#validForm').serialize();
//data+"&"
ajaxPost(APP.PATH + "/contentMessageTemplate/create",data);
parent.reloadGrid('dataTable');
}
}
</script>