| <!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 type="text/javascript" | 
|             th:src="@{/js/function/public.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="artypeId" th:value="${obj.artypeId}"> | 
|         <div class="form-group"> | 
|             <label class="col-offset-1 col-sm-2 control-label">父级文章类别</label> | 
|             <div class="col-sm-4"> | 
|                 <select class="form-control  select2" size="1" name="artypeParentid" | 
|                         id="artypeParentid"> | 
|                 </select> | 
|             </div> | 
|   | 
|             <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="artypeName" | 
|                        maxLength="50" dataType="s1-50" | 
|                        th:value="${obj.artypeName}"nullmsg="文章类别名称不能为空"> | 
|             </div> | 
|         </div> | 
|         <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="artypeSort" | 
|                        dataType="/^\d*\.?\d+$/" | 
|                        errormsg="仅支持数字" | 
|                        th:value="${obj.artypeSort}"nullmsg="文章类别排序不能为空"> | 
|             </div> | 
|   | 
|             <label class="col-sm-2 control-label">文章类别描述 | 
|             </label> | 
|             <div class="col-sm-4"> | 
|                 <input autocomplete="off"   type="text" class="form-control" name="artypeDescribe" | 
|                        maxLength="100" dataType="s1-100" | 
|                        ignore="ignore" | 
|                        th:value="${obj.artypeDescribe}"nullmsg="文章类别描述不能为空"> | 
|             </div> | 
|         </div> | 
|         <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="artypeCode" | 
|                        maxLength="50"  dataType="/^[0-9a-zA-Z_]{1,50}$/" | 
|                        errormsg="仅支持数字、字母及'_'" | 
|                        th:value="${obj.artypeCode}"nullmsg="文章类别编号不能为空"> | 
|             </div> | 
|         </div> | 
|         <div class="form-group"> | 
|             <label class="col-sm-2 control-label">文章类别图片路径 | 
|             </label> | 
|   | 
|             <div class="col-sm-10"> | 
|                 <input autocomplete="off"   value="" name="artypeImgurl" id="artypeImgurl" | 
|                        class="form-control  upload-input" type="text" /> <a style="width: 10%" | 
|                 class="btn btn-primary radius upload-a">选择图片 | 
|             </a> | 
|             </div> | 
|             <!--<div class="col-sm-5"> | 
|                 <input autocomplete="off"   type="text" readonly="true" class="form-control" name="artypeImgurl" | 
|                        maxLength="250" th:value="${obj.artypeImgurl}" nullmsg="文章类别图片不能为空"> | 
|                 <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-5"> | 
|                 <img th:src="${obj.artypeImgurl}" style="width: 100%"/> | 
|             </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 type="text/javascript"> | 
|     var invokeUrl = basePath + "/admin/multipleUploadFile/doUpload"; | 
|   | 
|     /*$('#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=artypeImgurl]').val(data.response.path) | 
|     });*/ | 
|   | 
|     //MTools.autoFullSelect(); | 
|     MUI.initImgUpload(".upload-input"); | 
|     $(".select2").select2(); | 
|   | 
|     var myForm = null; | 
|     $(function() { | 
|         myForm = MForm.initForm({ | 
|             invokeUrl :basePath+ "/admin/shopArticleType/addShopArticleType", | 
|             afterSubmit : function() { | 
|                 parent.initArticleTypeList(); | 
|             } | 
|         }); | 
|         fnPublci.initArticleTypeSelect("#artypeParentid"); | 
|     }); | 
|   | 
| </script> | 
| </body> | 
| </html> |