117 lines
4.8 KiB
HTML
117 lines
4.8 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="zh" xmlns:th="http://www.thymeleaf.org" >
|
||
<head>
|
||
<th:block th:include="include :: header('修改典型案例')" />
|
||
<th:block th:include="include :: summernote-css" />
|
||
</head>
|
||
<body class="white-bg">
|
||
<div class="wrapper wrapper-content animated fadeInRight ibox-content">
|
||
<form class="form-horizontal m" id="form-cases-edit" th:object="${classsicCases}">
|
||
<input name="id" th:field="*{id}" type="hidden">
|
||
<div class="form-group">
|
||
<label class="col-sm-3 control-label is-required">标题：</label>
|
||
<div class="col-sm-8">
|
||
<input name="title" th:field="*{title}" class="form-control" type="text" required>
|
||
</div>
|
||
</div>
|
||
<div class="form-group">
|
||
<label class="col-sm-3 control-label is-required">简介：</label>
|
||
<div class="col-sm-8">
|
||
<input name="introduction" th:field="*{introduction}" class="form-control" type="text" required>
|
||
</div>
|
||
</div>
|
||
<div class="form-group">
|
||
<label class="col-sm-3 control-label is-required">详情内容：</label>
|
||
<div class="col-sm-8">
|
||
<input type="hidden" class="form-control" th:field="*{content}">
|
||
<div class="summernote" id="content"></div>
|
||
</div>
|
||
</div>
|
||
<div class="form-group">
|
||
<label class="col-sm-3 control-label is-required">案例类型(来至于字典表)：</label>
|
||
<div class="col-sm-8">
|
||
<select name="type" class="form-control m-b" required>
|
||
<option value="">所有</option>
|
||
</select>
|
||
<span class="help-block m-b-none"><i class="fa fa-info-circle"></i> 代码生成请选择字典属性</span>
|
||
</div>
|
||
</div>
|
||
<div class="form-group">
|
||
<label class="col-sm-3 control-label">点击量：</label>
|
||
<div class="col-sm-8">
|
||
<input name="hits" th:field="*{hits}" class="form-control" type="text">
|
||
</div>
|
||
</div>
|
||
<div class="form-group">
|
||
<label class="col-sm-3 control-label is-required">图片地址：</label>
|
||
<div class="col-sm-8">
|
||
<textarea name="pictureUrl" class="form-control" required>[[*{pictureUrl}]]</textarea>
|
||
</div>
|
||
</div>
|
||
<div class="form-group">
|
||
<label class="col-sm-3 control-label">状态：</label>
|
||
<div class="col-sm-8">
|
||
<div class="radio-box">
|
||
<input type="radio" name="status" value="">
|
||
<label th:for="status" th:text="未知"></label>
|
||
</div>
|
||
<span class="help-block m-b-none"><i class="fa fa-info-circle"></i> 代码生成请选择字典属性</span>
|
||
</div>
|
||
</div>
|
||
</form>
|
||
</div>
|
||
<th:block th:include="include :: footer" />
|
||
<th:block th:include="include :: summernote-js" />
|
||
<script th:inline="javascript">
|
||
var prefix = ctx + "front/cases";
|
||
$("#form-cases-edit").validate({
|
||
focusCleanup: true
|
||
});
|
||
|
||
function submitHandler() {
|
||
if ($.validate.form()) {
|
||
$.operate.save(prefix + "/edit", $('#form-cases-edit').serialize());
|
||
}
|
||
}
|
||
|
||
$(function() {
|
||
$('.summernote').each(function(i) {
|
||
$('#' + this.id).summernote({
|
||
lang: 'zh-CN',
|
||
callbacks: {
|
||
onChange: function(contents, $edittable) {
|
||
$("input[name='" + this.id + "']").val(contents);
|
||
},
|
||
onImageUpload: function(files) {
|
||
var obj = this;
|
||
var data = new FormData();
|
||
data.append("file", files[0]);
|
||
$.ajax({
|
||
type: "post",
|
||
url: ctx + "common/upload",
|
||
data: data,
|
||
cache: false,
|
||
contentType: false,
|
||
processData: false,
|
||
dataType: 'json',
|
||
success: function(result) {
|
||
if (result.code == web_status.SUCCESS) {
|
||
$('#' + obj.id).summernote('insertImage', result.url);
|
||
} else {
|
||
$.modal.alertError(result.msg);
|
||
}
|
||
},
|
||
error: function(error) {
|
||
$.modal.alertWarning("图片上传失败。");
|
||
}
|
||
});
|
||
}
|
||
}
|
||
});
|
||
var content = $("input[name='" + this.id + "']").val();
|
||
$('#' + this.id).summernote('code', content);
|
||
})
|
||
});
|
||
</script>
|
||
</body>
|
||
</html> |