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