From 610211fb6ca69e66276ccf99c30f1814e4e2bc4a Mon Sep 17 00:00:00 2001
From: Helius <wangdoubleone@gmail.com>
Date: Fri, 27 May 2022 14:46:40 +0800
Subject: [PATCH] fix

---
 src/main/resources/templates/febs/views/modules/product/categoryUpdate.html |  113 ++++++++++++++++++++++++++++++++++----------------------
 1 files changed, 69 insertions(+), 44 deletions(-)

diff --git a/src/main/resources/templates/febs/views/modules/product/categoryUpdate.html b/src/main/resources/templates/febs/views/modules/product/categoryUpdate.html
index 95564fc..6c75df5 100644
--- a/src/main/resources/templates/febs/views/modules/product/categoryUpdate.html
+++ b/src/main/resources/templates/febs/views/modules/product/categoryUpdate.html
@@ -1,28 +1,31 @@
 <style>
-    #user-add {
+    #categary-update {
         padding: 20px 25px 25px 0;
     }
 
-    #user-add .layui-treeSelect .ztree li a, .ztree li span {
+    #categary-update .layui-treeSelect .ztree li a, .ztree li span {
         margin: 0 0 2px 3px !important;
     }
-    #user-add #data-permission-tree-block {
+    #categary-update #data-permission-tree-block {
         border: 1px solid #eee;
         border-radius: 2px;
         padding: 3px 0;
     }
-    #user-add .layui-treeSelect .ztree li span.button.switch {
+    #categary-update .layui-treeSelect .ztree li span.button.switch {
         top: 1px;
         left: 3px;
     }
+    #categary-update img{
+        max-width:100px
+    }
 
 </style>
-<div class="layui-fluid" id="user-add">
+<div class="layui-fluid" id="categary-update">
     <form class="layui-form" action="" lay-filter="categary-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="${member.id}">
+                <input type="text" name="id" data-th-value="${goodsCategoryVo.id}">
             </div>
         </div>
         <div class="layui-form-item">
@@ -32,14 +35,30 @@
                        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-block">
-                <select name="parentId"
-                        xm-select-direction="down"
-                        xm-select="user-update-category"
-                        xm-select-skin="default">
+            <label class="layui-form-label">父类:</label>
+            <div class="layui-input-inline">
+                <select name="parentId" class="categary-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">
@@ -56,7 +75,7 @@
 </div>
 
 <script data-th-inline="javascript">
-    layui.use(['febs', 'form', 'formSelects', 'validate', 'treeSelect', 'eleTree', 'laydate'], function () {
+    layui.use(['febs', 'form', 'formSelects', 'validate', 'treeSelect', 'eleTree', 'laydate','upload'], function () {
         var $ = layui.$,
             febs = layui.febs,
             layer = layui.layer,
@@ -65,8 +84,9 @@
             form = layui.form,
             laydate = layui.laydate,
             eleTree = layui.eleTree,
-            member = [[${member}]],
-            $view = $('#user-add'),
+            goodsCategoryVo = [[${goodsCategoryVo}]],
+            $view = $('#categary-update'),
+            upload = layui.upload,
             validate = layui.validate;
 
         form.render();
@@ -76,46 +96,51 @@
 
         formSelects.render();
 
-        formSelects.config('user-update-category', {
-            searchUrl: ctx + 'admin/goodsCategory/categorys',
-            response: {
-                statusCode: 200
-            },
-            beforeSuccess: function (id, url, searchVal, result) {
-                var data = result.data;
-                var tranData = [];
-                for (var i = 0; i < data.length; i++) {
-                    tranData.push({
-                        name: data[i].name,
-                        value: data[i].id
-                    })
-                }
-                result.data = tranData;
-                return result;
-            },
-            success: function () {
-                formSelects.value('user-update-category', member.parentId);
-            },
-            error: function (id, url, searchVal, err) {
-                console.error(err);
-                febs.alert.error('获取分类列表失败');
+        //普通图片上传
+        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-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-update-form", {
-                "id": member.id,
-                "name": member.name,
-                "parentId": member.parentId,
-                "isRecommend": member.isRecommend
+                "id": goodsCategoryVo.id,
+                "name": goodsCategoryVo.name,
+                "parentId": goodsCategoryVo.parentId,
+                "image": goodsCategoryVo.image,
+                "isRecommend": goodsCategoryVo.isRecommend
             });
         }
 
         form.on('submit(categary-update-form-submit)', function (data) {
-            febs.post(ctx + 'admin/goodsCategory/addCategory', data.field, function () {
+            febs.post(ctx + 'admin/goodsCategory/updateCategory', data.field, function () {
                 layer.closeAll();
-                febs.alert.success('新增成功');
+                febs.alert.success('操作成功');
                 $('#febs-user').find('#reset').click();
             });
             return false;

--
Gitblit v1.9.1