| <!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> |