<!DOCTYPE HTML>
|
<html xmlns:th="http://www.thymeleaf.org">
|
<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;">
|
<div class="form-group">
|
<label class="col-sm-2 control-label">父级属性</label>
|
<div class="col-sm-10">
|
<!--<select class="form-control select2 " size="1" name="parentId"
|
id="parentId" style="width: 100%">
|
<option value="0">一级属性</option>
|
<option th:each="shop : ${obj}" th:value="${shop.attrId}" th:text="${shop.attrName}">
|
|
</option>
|
|
</select>-->
|
<select class="form-control select2" size="1" name="parentId"
|
id="parentId">
|
</select>
|
</div>
|
</div>
|
<div class="form-group">
|
<label class="col-sm-2 control-label">属性名称
|
<span class="text-danger">*</span>
|
</label>
|
<div class="col-sm-10">
|
<input autocomplete="off" name="attrName" id="attrName" type="text"
|
class="form-control" value="" datatype="*" nullmsg="属性名称不能为空">
|
</div>
|
</div>
|
|
<!--<div class="form-group">
|
<label class="col-sm-2 control-label">上传图片</label>
|
<div class="col-sm-10">
|
<input autocomplete="off" name="attrUrl" type="text" class="form-control"
|
id="attrUrl">
|
</div>
|
</div>-->
|
|
<div class="form-group">
|
<label class="col-sm-2 control-label">编码属性
|
<span class="text-danger">*</span>
|
</label>
|
<div class="col-sm-10">
|
<input autocomplete="off" id="attrCode" type="text" name="attrCode" class="form-control "
|
datatype="/^[0-9a-zA-Z_]{1,50}$/" errormsg="仅支持数字、字母及'_'" nullmsg="属性编码不能为空">
|
<div class="Validform_checktip"></div>
|
</div>
|
</div>
|
<div class="form-group">
|
<label class="col-sm-2 control-label">编码排序
|
|
</label>
|
<div class="col-sm-10">
|
<input autocomplete="off" id="sort" type="number" name="sort" class="form-control "
|
>
|
<div class="Validform_checktip"></div>
|
</div>
|
</div>
|
<div class="form-group">
|
<label class="col-sm-2 control-label">备注</label>
|
<div class="col-sm-10">
|
<textarea id="attrMark" name="attrMark" class="form-control "></textarea>
|
<div class="Validform_checktip"></div>
|
</div>
|
</div>
|
<div class="form-group">
|
<label class="col-sm-2 control-label">图片
|
</label>
|
|
<!--<div class="col-sm-10">
|
<input autocomplete="off" type="text" readonly="true" class="form-control" name="attrUrl"
|
maxLength="250">
|
<form enctype="multipart/form-data">
|
<input autocomplete="off" id="file-zh" name="file-zh" class="file" type="file">
|
</form>
|
</div>-->
|
<div class="col-sm-10">
|
<input autocomplete="off" value="" name="attrUrl" id="attrUrl"
|
class="form-control upload-input" type="text" /> <a style="width: 10%"
|
class="btn btn-primary radius upload-a">选择图片
|
</a>
|
</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 url = basePath + "/admin/multipleUploadFile/doUpload";
|
|
/*$('#file-zh').fileinput({
|
language: 'zh',
|
uploadUrl: url,
|
allowedFileExtensions: ['jpg', 'png', 'gif'],
|
maxFileCount: 1,
|
// minImageWidth: 50, //图片的最小宽度
|
// minImageHeight: 50,//图片的最小高度
|
// maxImageWidth: 100,//图片的最大宽度
|
// maxImageHeight: 100,//图片的最大高度
|
}).on("fileuploaded", function (event, data, previewId, index) {
|
$('input[name=attrUrl]').val(data.response.path)
|
});*/
|
|
MUI.initImgUpload(".upload-input");
|
$(".select2").select2();
|
var myForm = null;
|
$(function() {
|
myForm = MForm.initForm({
|
invokeUrl :basePath+ "/admin/shopProductAttribute/addShopProductAttribute",
|
afterSubmit : function() {
|
parent.initFunctionList();
|
}
|
});
|
initSeclect("#parentId");
|
});
|
|
function initSeclect(seler,def){
|
$.AjaxProxy().invoke(basePath+"/admin/shopProductAttribute/all",
|
function(loj) {
|
$(seler).createSelectTree(
|
loj.attr("result").rows,
|
{ id : "attrId",
|
parent : "parentId",
|
value : "attrName",
|
append : false,
|
defaultValue : def,
|
defaultHtml : '<option value="0" selected="selected">一级属性</option>'
|
});
|
});
|
}
|
</script>
|
</body>
|
</html>
|