136 lines
4.6 KiB
HTML
136 lines
4.6 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-dict-add">
|
||
<input id="bannerPicUrl" name="bannerPicUrl" type="hidden"/>
|
||
<div class="form-group">
|
||
<label class="col-sm-3 control-label is-required">广告标题：</label>
|
||
<div class="col-sm-8">
|
||
<input class="form-control" type="text" name="bannerTitle" id="bannerTitle" required>
|
||
</div>
|
||
</div>
|
||
<div class="form-group">
|
||
<label class="col-sm-3 control-label is-required">广告位类型：</label>
|
||
<div class="col-sm-8">
|
||
<select name="bannerType" class="form-control m-b" th:with="type=${@dict.getType('sys_banner_type')}">
|
||
<option th:each="dict : ${type}" th:text="${dict.dictLabel}" th:value="${dict.dictValue}"></option>
|
||
</select>
|
||
</div>
|
||
</div>
|
||
<div class="form-group">
|
||
<label class="col-sm-3 control-label is-required">广告跳转地址：</label>
|
||
<div class="col-sm-8">
|
||
<textarea name="address" maxlength="500" class="form-control" rows="3"></textarea>
|
||
</div>
|
||
</div>
|
||
<div class="form-group">
|
||
<label class="col-sm-3 control-label is-required">广告位图片：</label>
|
||
|
||
<div class="col-sm-8">
|
||
<div class="file-loading">
|
||
<input id="multipleFile" name="files" type="file" multiple>
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
|
||
<div class="form-group">
|
||
<label class="col-sm-3 control-label">备注：</label>
|
||
<div class="col-sm-8">
|
||
<textarea id="remark" name="remark" class="form-control"></textarea>
|
||
</div>
|
||
</div>
|
||
</form>
|
||
</div>
|
||
<th:block th:include="include :: footer" />
|
||
<th:block th:include="include :: bootstrap-fileinput-js"/>
|
||
<script type="text/javascript">
|
||
var prefix = ctx + "advert/info";
|
||
|
||
<!-- $("#form-dict-add").validate({-->
|
||
<!-- rules:{-->
|
||
<!-- dictSort:{-->
|
||
<!-- digits:true-->
|
||
<!-- },-->
|
||
<!-- },-->
|
||
<!-- focusCleanup: true-->
|
||
<!-- });-->
|
||
|
||
function submitHandler() {
|
||
if ($.validate.form()) {
|
||
$.operate.save(prefix + "/add", $('#form-dict-add').serialize());
|
||
}
|
||
}
|
||
|
||
$(function () {
|
||
|
||
// TODO: 上传
|
||
// 多图上传
|
||
var cacheImgs = {};
|
||
$("#multipleFile").fileinput({
|
||
uploadUrl: ctx + 'common/uploadsBanner',
|
||
showUploadedThumbs: true,
|
||
showUpload: false,
|
||
uploadAsync: false
|
||
}).on('filebatchuploadsuccess', function (event, data, previewId, index) {
|
||
console.log('filebatchuploadsuccess', event, data, previewId, index);
|
||
var rsp = data.response;
|
||
var urls = rsp.newFileNames || '';
|
||
var value = $("#bannerPicUrl").val() || '';
|
||
var list = [];
|
||
if (value) {
|
||
var list = value.split(',');
|
||
}
|
||
list = list.concat(urls.split(','))
|
||
$("#lpFilesName").val(list.join(','));
|
||
var a = $("#bannerPicUrl").val();
|
||
alert(rsp.newFileNames);
|
||
alert(a);
|
||
}).on('fileuploaded', function (event, data, previewId, index) {
|
||
cacheImgs[previewId] = data.response.newFileNames;
|
||
var rsp = data.response;
|
||
var value = $("#bannerPicUrl").val() || '';
|
||
var list = [];
|
||
var res = [];
|
||
var r_val = rsp.newFileNames;
|
||
var list = value.split(',');
|
||
list.forEach(function (item) {
|
||
if ((item !== r_val) && (item !=='') ) {
|
||
res.push(item);
|
||
}
|
||
})
|
||
res.push(r_val);
|
||
console.log('end：', res);
|
||
$("#lpFilesName").val(res);
|
||
var c = $("#bannerPicUrl").val();
|
||
console.log('fileuploaded： c:', c);
|
||
}).on('filesuccessremove', function (event, data, previewId, index) {
|
||
|
||
var urls = cacheImgs[data];
|
||
delete cacheImgs[data];
|
||
var value = $("#bannerPicUrl").val() || '';;
|
||
var list = value.split(',');
|
||
var res = [];
|
||
list.forEach(function (item) {
|
||
if ((item !== urls) && (item !=='')) {
|
||
res.push(item);
|
||
}
|
||
})
|
||
$("#lpFilesName").val(res);
|
||
var d = $("#bannerPicUrl").val();
|
||
console.log('filesuccessremove： d:', d);
|
||
}).on('filecleared', function (event, data, msg) {
|
||
alert('全部删除');
|
||
$("#bannerPicUrl").val('');
|
||
})
|
||
|
||
});
|
||
</script>
|
||
</body>
|
||
</html>
|