142 lines
4.9 KiB
HTML
142 lines
4.9 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 :: bootstrap-fileinput-css"/>
|
|||
|
|
</head>
|
|||
|
|
<body class="white-bg">
|
|||
|
|
<div class="wrapper wrapper-content animated fadeInRight ibox-content">
|
|||
|
|
<form class="form-horizontal m" id="form-material-add">
|
|||
|
|
<div class="form-group">
|
|||
|
|
<label class="col-sm-3 control-label">标题：</label>
|
|||
|
|
<div class="col-sm-8">
|
|||
|
|
<input name="title" class="form-control" type="text">
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="form-group">
|
|||
|
|
<label class="col-sm-3 control-label">图片：</label>
|
|||
|
|
<div class="col-sm-8">
|
|||
|
|
<input name="imgUrl" type="text" value="" hidden>
|
|||
|
|
<input type="file" name="imgUrlImg" id="imgUrlImg" multiple class="file" />
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="form-group">
|
|||
|
|
<label class="col-sm-3 control-label">详情页：</label>
|
|||
|
|
<div class="col-sm-8">
|
|||
|
|
<input name="detail" type="text" value="" hidden>
|
|||
|
|
<input type="file" name="detailImg" id="detailImg" multiple class="file" />
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="form-group">
|
|||
|
|
<label class="col-sm-3 control-label">视频：</label>
|
|||
|
|
<div class="col-sm-8">
|
|||
|
|
<input name="videoImg" type="text" value="" hidden>
|
|||
|
|
<input type="file" name="videoImgImg" id="videoImgImg" multiple class="file" />
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="form-group">
|
|||
|
|
<label class="col-sm-3 control-label">标签：</label>
|
|||
|
|
<div class="col-sm-8">
|
|||
|
|
<input name="labels" class="form-control" type="text">
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="form-group">
|
|||
|
|
<label class="col-sm-3 control-label">报名人数：</label>
|
|||
|
|
<div class="col-sm-8">
|
|||
|
|
<input name="applyNum" class="form-control" type="text">
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="form-group">
|
|||
|
|
<label class="col-sm-3 control-label">线索提交内容：</label>
|
|||
|
|
<div class="col-sm-8">
|
|||
|
|
<input type="text" class="form-control" name="clewContent">
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</form>
|
|||
|
|
</div>
|
|||
|
|
<th:block th:include="include :: footer" />
|
|||
|
|
<th:block th:include="include :: bootstrap-fileinput-js"/>
|
|||
|
|
<script th:inline="javascript">
|
|||
|
|
var prefix = ctx + "system/material"
|
|||
|
|
$("#form-material-add").validate({
|
|||
|
|
focusCleanup: true
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
// 素材logo
|
|||
|
|
$('#imgUrlImg').fileinput({
|
|||
|
|
language: 'zh', //设置语言
|
|||
|
|
dropZoneEnabled: false, //是否显示拖拽区域
|
|||
|
|
showPreview: false,
|
|||
|
|
uploadExtraData: {
|
|||
|
|
"name": "imgUrlImg"
|
|||
|
|
},
|
|||
|
|
dropZoneTitle: "可以将图片拖放到这里", //拖拽区域显示文字
|
|||
|
|
uploadUrl: ctx + 'tool/qiniu/upload', //上传路径
|
|||
|
|
allowedFileExtensions: ['jpg', 'png', 'gif', 'jpeg'], //指定上传文件类型
|
|||
|
|
maxFileSize: 0,
|
|||
|
|
maxFileSize: 10240, //上传文件最大值，单位kb
|
|||
|
|
uploadAsync: true, //异步上传
|
|||
|
|
maxFileCount: 1 //上传文件最大个数。
|
|||
|
|
}).on("fileuploaded", function(event,data) { //异步上传成功后回调
|
|||
|
|
if(data.response.code === 0){
|
|||
|
|
$("input[name='imgUrl']").val(data.response.url)
|
|||
|
|
}else {
|
|||
|
|
alert("上传失败!");
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
// 详情页
|
|||
|
|
$('#detailImg').fileinput({
|
|||
|
|
language: 'zh', //设置语言
|
|||
|
|
dropZoneEnabled: false, //是否显示拖拽区域
|
|||
|
|
showPreview: false,
|
|||
|
|
uploadExtraData: {
|
|||
|
|
"name": "detailImg"
|
|||
|
|
},
|
|||
|
|
dropZoneTitle: "可以将图片拖放到这里", //拖拽区域显示文字
|
|||
|
|
uploadUrl: ctx + 'tool/qiniu/upload', //上传路径
|
|||
|
|
allowedFileExtensions: ['jpg', 'png', 'gif', 'jpeg'], //指定上传文件类型
|
|||
|
|
maxFileSize: 0,
|
|||
|
|
maxFileSize: 10240, //上传文件最大值，单位kb
|
|||
|
|
uploadAsync: true, //异步上传
|
|||
|
|
maxFileCount: 1 //上传文件最大个数。
|
|||
|
|
}).on("fileuploaded", function(event,data) { //异步上传成功后回调
|
|||
|
|
if(data.response.code === 0){
|
|||
|
|
$("input[name='detail']").val(data.response.url)
|
|||
|
|
}else {
|
|||
|
|
alert("上传失败!");
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
// 视频素材
|
|||
|
|
$('#videoImgImg').fileinput({
|
|||
|
|
language: 'zh', //设置语言
|
|||
|
|
dropZoneEnabled: false, //是否显示拖拽区域
|
|||
|
|
showPreview: false,
|
|||
|
|
uploadExtraData: {
|
|||
|
|
"name": "videoImgImg"
|
|||
|
|
},
|
|||
|
|
dropZoneTitle: "可以将视频拖放到这里", //拖拽区域显示文字
|
|||
|
|
uploadUrl: ctx + 'tool/qiniu/upload', //上传路径
|
|||
|
|
allowedFileExtensions: ['mp4', 'wmv', 'm4v', 'avi'], //指定上传文件类型
|
|||
|
|
maxFileSize: 0,
|
|||
|
|
maxFileSize: 204800, //上传文件最大值，单位kb
|
|||
|
|
uploadAsync: true, //异步上传
|
|||
|
|
maxFileCount: 1 //上传文件最大个数。
|
|||
|
|
}).on("fileuploaded", function(event,data) { //异步上传成功后回调
|
|||
|
|
if(data.response.code === 0){
|
|||
|
|
$("input[name='videoImg']").val(data.response.url)
|
|||
|
|
}else {
|
|||
|
|
alert("上传失败!");
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
function submitHandler() {
|
|||
|
|
if ($.validate.form()) {
|
|||
|
|
$.operate.save(prefix + "/add", $('#form-material-add').serialize());
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
</script>
|
|||
|
|
</body>
|
|||
|
|
</html>
|