<!DOCTYPE HTML>
|
<html xmlns:th="http://www.thymeleaf.org" xmlns:matrix="http://www.w3.org/1999/xhtml">
|
<head>
|
<meta charset="utf-8">
|
<META HTTP-EQUIV="Pragma" CONTENT="no-cache">
|
<meta name="renderer" content="webkit|ie-comp|ie-stand">
|
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
|
<meta name="viewport"
|
content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/>
|
<meta http-equiv="Cache-Control" content="no-siteapp"/>
|
<link th:href="@{/plugin/bootstrap-fileinput/css/fileinput.css}"
|
media="all" rel="stylesheet" type="text/css"/>
|
<!-- 本框架基本脚本和样式 -->
|
<script type="text/javascript"
|
th:src="@{/js/plugin/jquery-2.1.4.min.js}"></script>
|
<script type="text/javascript"
|
th:src="@{/js/systools/MBase.js}"></script>
|
<script th:src="@{/plugin/bootstrap-fileinput/js/fileinput.js}"
|
type="text/javascript"></script>
|
<script th:src="@{/plugin/bootstrap-fileinput/js/locales/zh.js}"
|
type="text/javascript"></script>
|
</head>
|
<body>
|
<div class="ibox-content">
|
<form class="form-horizontal" id="dataform" onsubmit="javascript:return false;">
|
<input autocomplete="off" type="hidden" name="tokenUrl" th:value="${tokenUrl}">
|
<input autocomplete="off" type="hidden" name="token" th:value="${token}">
|
<input autocomplete="off" type="hidden" name="id" th:value="${obj.id}">
|
<div class="form-group">
|
<label class="col-sm-2 control-label">广告标题
|
<span class="text-danger">*</span>
|
</label>
|
<div class="col-sm-4">
|
<input autocomplete="off" type="text" class="form-control" name="title"
|
maxLength="120" dataType="*1-120"
|
th:value="${obj.title}" nullmsg="广告标题不能为空">
|
</div>
|
<label class="col-sm-2 control-label">跳转路径
|
</label>
|
<div class="col-sm-4">
|
<input autocomplete="off" type="text" class="form-control" name="jumpPath"
|
maxLength="250" dataType="*1-250" ignore="ignore"
|
th:value="${obj.jumpPath}" >
|
</div>
|
</div>
|
<div class="form-group">
|
<label class="col-sm-2 control-label">所属分类
|
</label>
|
<div class="col-sm-4">
|
<select class="form-control autoFull"
|
th:data-url="@{/admin/shopAdvertis/getAllAdvertisingType}" data-value="adtId"
|
data-filed="adtName" th:data-def="${obj.typeId}" name="typeId">
|
<option value=''>--请选择所属分类--</option>
|
</select>
|
<!--<input autocomplete="off" type="text" class="form-control" name="typeId"-->
|
<!--th:value="${obj.typeId}" nullmsg="所属分类不能为空">-->
|
</div>
|
<label class="col-sm-2 control-label">排序
|
</label>
|
<div class="col-sm-4">
|
<input autocomplete="off" type="text" class="form-control" name="sort"
|
ignore="ignore"
|
th:value="${obj.sort}" nullmsg="排序不能为空">
|
</div>
|
</div>
|
<div class="form-group">
|
<label class="col-sm-2 control-label">备注
|
</label>
|
<div class="col-sm-10">
|
<textarea class="form-control" name="remarks"
|
maxLength="500" dataType="*1-500"
|
ignore="ignore"
|
th:text="${obj?.remarks}" nullmsg="备注不能为空"></textarea>
|
</div>
|
</div>
|
<div class="form-group">
|
<label class="col-sm-2 control-label">图片路径
|
<!--<span class="text-danger">*</span>-->
|
</label>
|
|
<!--<div class="col-sm-5">
|
<input autocomplete="off" type="text" readonly="true" class="form-control" name="imgUrl"
|
maxLength="250" th:value="${obj.imgUrl}">
|
<form enctype="multipart/form-data">
|
<!–<label>French Input</label> –>
|
<input autocomplete="off" id="file-zh" name="file-zh" type="file">
|
<!– <hr style="border: 2px dotted">
|
<label>Spanish Input</label>
|
<input autocomplete="off" id="file-es" name="file-es[]" type="file" multiple> –>
|
</form>
|
</div>-->
|
<div class="col-sm-10">
|
<input autocomplete="off" value="" name="imgUrl" id="imgUrl"
|
class="form-control upload-input" type="text" /> <a style="width: 10%" class="btn btn-primary radius upload-a">选择图片
|
</a>
|
</div>
|
<!--<div class="col-sm-12" id="imgUrlDiv">
|
|
</div>-->
|
</div>
|
<div class="form-group" id="showImgUrl">
|
<label class="col-sm-2 control-label">
|
|
</label>
|
<div class="col-sm-10">
|
<img id="imgUrlDiv" style="width: 50%"/>
|
</div>
|
</div>
|
<div class="form-group ">
|
<div class="col-sm-12 text-center">
|
<a href="javascript:;" onclick="myForm.submit()"
|
class="btn btn-success radius"><i class="fa fa-check"></i> 保存</a> <a
|
class="btn btn-danger radius" href="javascript:;" onclick="MTools.closeForm()"><i
|
class="fa fa-close"></i> 关闭</a>
|
</div>
|
</div>
|
</form>
|
</div>
|
</body>
|
<script type="text/javascript" th:src="@{/js/systools/MJsBase.js}"></script>
|
<script th:inline="javascript">
|
var invokeUrl = basePath + "/admin/multipleUploadFile/doUpload";
|
MUI.initImgUpload(".upload-input");
|
$('#file-zh').fileinput({
|
language: 'zh',
|
uploadUrl: invokeUrl,
|
allowedFileExtensions: ['jpg', 'png', 'gif'],
|
maxFileCount: 1,
|
// minImageWidth: 50, //图片的最小宽度
|
// minImageHeight: 50,//图片的最小高度
|
// maxImageWidth: 100,//图片的最大宽度
|
// maxImageHeight: 100,//图片的最大高度
|
}).on("fileuploaded", function (event, data, previewId, index) {
|
$('input[name=imgUrl]').val(data.response.path)
|
});
|
|
MTools.autoFullSelect();
|
$(".select2").select2();
|
|
/*<![CDATA[*/
|
var obj =/*[[${obj}]]*/
|
/*]]>*/
|
|
var invokeUrl = basePath + "/admin/shopAdvertis/addShopAdvertis";
|
if (obj.id != null) {
|
invokeUrl = basePath + "/admin/shopAdvertis/modifyShopAdvertis";
|
if (obj.imgUrl) {
|
/*var html = '<img src="' + obj.imgUrl + '"/>'
|
$('#imgUrlDiv').html(html)*/
|
$('#imgUrlDiv').attr("src",obj.imgUrl);
|
}
|
}
|
var myForm = MForm.initForm({
|
invokeUrl: invokeUrl,
|
afterSubmit: function () {
|
parent.myGrid.serchData();
|
},
|
});
|
</script>
|
</body>
|
</html>
|
