| <style> | 
|     #categary-app-update { | 
|         padding: 20px 25px 25px 0; | 
|     } | 
|   | 
|     #categary-app-update .layui-treeSelect .ztree li a, .ztree li span { | 
|         margin: 0 0 2px 3px !important; | 
|     } | 
|     #categary-app-update #data-permission-tree-block { | 
|         border: 1px solid #eee; | 
|         border-radius: 2px; | 
|         padding: 3px 0; | 
|     } | 
|     #categary-app-update .layui-treeSelect .ztree li span.button.switch { | 
|         top: 1px; | 
|         left: 3px; | 
|     } | 
|     #categary-app-update img{ | 
|         max-width:100px | 
|     } | 
|   | 
| </style> | 
| <div class="layui-fluid" id="categary-app-update"> | 
|     <form class="layui-form" action="" lay-filter="categary-app-update-form"> | 
|         <div class="layui-form-item febs-hide"> | 
|             <label class="layui-form-label febs-form-item-require">id:</label> | 
|             <div class="layui-input-block"> | 
|                 <input type="text" name="id" data-th-value="${goodsCategoryVo.id}"> | 
|             </div> | 
|         </div> | 
|         <div class="layui-form-item"> | 
|             <label class="layui-form-label febs-form-item-require">名称:</label> | 
|             <div class="layui-input-block"> | 
|                 <input type="text" name="name" | 
|                        lay-verify="name" autocomplete="off" class="layui-input" > | 
|             </div> | 
|         </div> | 
|   | 
| <!--        <div class="layui-form-item">--> | 
| <!--            <label class="layui-form-label">父类:</label>--> | 
| <!--            <div class="layui-input-inline">--> | 
| <!--                <select name="parentId" class="categary-app-update-category" id="categarySelect">--> | 
| <!--                    <option value="">请选择</option>--> | 
| <!--                </select>--> | 
| <!--            </div>--> | 
| <!--        </div>--> | 
|         <div class="layui-form-item"> | 
|             <label class="layui-form-label">图片:</label> | 
|             <div class="layui-upload"> | 
|                 <button type="button" class="layui-btn" id="test1">上传图片</button> | 
|                 <div class="layui-input-block"> | 
|                     <div class="layui-upload-list"> | 
|                         <img class="layui-upload-img" id="imageUrls" width="100%" > | 
|                     </div> | 
|                 </div> | 
|             </div> | 
|         </div> | 
|         <div class="layui-form-item"> | 
|             <label class="layui-form-label">图片链接:</label> | 
|             <div class="layui-input-block"> | 
|                 <input type="text" id="imageUrl" name="image" class="layui-input" readonly> | 
|             </div> | 
|         </div> | 
|         <div class="layui-form-item"> | 
|             <label class="layui-form-label febs-form-item-require">排序:</label> | 
|             <div class="layui-input-block"> | 
|                 <input type="number" name="indexNum" | 
|                        lay-verify="indexNum" autocomplete="off" class="layui-input" > | 
|             </div> | 
|         </div> | 
|         <div class="layui-form-item febs-hide"> | 
|             <button class="layui-btn" lay-submit="" lay-filter="categary-app-update-form-submit" id="submit"></button> | 
|         </div> | 
|     </form> | 
| </div> | 
|   | 
| <script data-th-inline="javascript"> | 
|     layui.use(['febs', 'form', 'formSelects', 'validate', 'treeSelect', 'eleTree', 'laydate','upload'], function () { | 
|         var $ = layui.$, | 
|             febs = layui.febs, | 
|             layer = layui.layer, | 
|             formSelects = layui.formSelects, | 
|             treeSelect = layui.treeSelect, | 
|             form = layui.form, | 
|             laydate = layui.laydate, | 
|             eleTree = layui.eleTree, | 
|             goodsCategoryVo = [[${goodsCategoryVo}]], | 
|             $view = $('#categary-app-update'), | 
|             upload = layui.upload, | 
|             validate = layui.validate; | 
|   | 
|         form.render(); | 
|         laydate.render({ | 
|             elem: '#febs-form-group-date' | 
|         }); | 
|   | 
|         formSelects.render(); | 
|   | 
|         //普通图片上传 | 
|         var uploadInst = upload.render({ | 
|             elem: '#test1' | 
|             ,url: ctx + 'admin/goods/uploadFileBase64' //改成您自己的上传接口 | 
|             ,before: function(obj){ | 
|                 //预读本地文件示例,不支持ie8 | 
|                 obj.preview(function(index, file, result){ | 
|                     $('#imageUrls').attr('src', result); //图片链接(base64) | 
|                 }); | 
|             } | 
|             ,done: function(res){ | 
|                 febs.alert.success(res.data.src); | 
|                 $("#imageUrl").val(res.data.src); | 
|             } | 
|         }); | 
|   | 
|         //(下拉框) | 
|         // $.get(ctx + 'admin/goodsCategory/categorys/tree', function (data) { | 
|         //     for (var k in data) | 
|         //     { | 
|         //         $(".categary-app-update-category").append("<option value='" + data[k].parentId + "'>" + data[k].name + "</option>"); | 
|         //     } | 
|         //     layui.use('form', function () { | 
|         //         var form = layui.form; | 
|         //         $("#categarySelect").val(goodsCategoryVo.parentId) | 
|         //         form.render(); | 
|         //     }); | 
|         // }); | 
|         initUserValue(); | 
|   | 
|         function initUserValue() { | 
|             $('#imageUrls').attr('src', goodsCategoryVo.image); | 
|             form.val("categary-app-update-form", { | 
|                 "id": goodsCategoryVo.id, | 
|                 "name": goodsCategoryVo.name, | 
|                 // "parentId": goodsCategoryVo.parentId, | 
|                 "image": goodsCategoryVo.image, | 
|                 "indexNum": goodsCategoryVo.indexNum | 
|             }); | 
|         } | 
|   | 
|         form.on('submit(categary-app-update-form-submit)', function (data) { | 
|             febs.post(ctx + 'admin/goodsCategory/updateAppCategory', data.field, function () { | 
|                 layer.closeAll(); | 
|                 febs.alert.success('操作成功'); | 
|                 $('#febs-app-category').find('#reset').click(); | 
|             }); | 
|             return false; | 
|         }); | 
|     }); | 
| </script> |