From 7e6bbd05a75b07cb0717812d0b51aad128361012 Mon Sep 17 00:00:00 2001 From: Helius <wangdoubleone@gmail.com> Date: Thu, 19 May 2022 18:43:42 +0800 Subject: [PATCH] fix some problem --- src/main/resources/templates/febs/views/modules/goods/detailGoods.html | 144 +++++++++++++++++++++++++++++++++-------------- 1 files changed, 101 insertions(+), 43 deletions(-) diff --git a/src/main/resources/templates/febs/views/modules/goods/detailGoods.html b/src/main/resources/templates/febs/views/modules/goods/detailGoods.html index 45ccc21..c8e74a8 100644 --- a/src/main/resources/templates/febs/views/modules/goods/detailGoods.html +++ b/src/main/resources/templates/febs/views/modules/goods/detailGoods.html @@ -38,15 +38,13 @@ <input type="text" name="goodsNo" class="layui-input" readonly> </div> </div> - </div><div class="layui-row layui-col-space10 layui-form-item"> + </div> + <div class="layui-row layui-col-space10 layui-form-item"> <div class="layui-col-lg6"> <label class="layui-form-label febs-form-item-require">所属分类:</label> <div class="layui-input-block"> - <select name="categoryId" - lay-verify="required" - xm-select-direction="down" - xm-select="user-add-goods" - xm-select-skin="default"> + <select name="parentId" class="categary-update-category" id="categarySelect" readonly> + <option value="">请选择</option> </select> </div> </div> @@ -77,28 +75,28 @@ <input type="text" name="goodsIntrodution" autocomplete="off" class="layui-input" > </div> </div> - <div class="layui-row layui-col-space10 layui-form-item"> - <div class="layui-col-lg6"> - <label class="layui-form-label">规格:</label> - <div class="layui-input-block"> - <input type="text" name="addMallGoodsSkuDtos" autocomplete="off" class="layui-input" id="attrName"> - </div> - </div> - <div class="layui-col-lg6"> - <button type="button" class="layui-btn layui-btn-normal layui-btn-xs" id="test3" >添加</button> - </div> - </div> +<!-- <div class="layui-row layui-col-space10 layui-form-item">--> +<!-- <div class="layui-col-lg6">--> +<!-- <label class="layui-form-label">规格:</label>--> +<!-- <div class="layui-input-block">--> +<!-- <input type="text" name="addMallGoodsSkuDtos" autocomplete="off" class="layui-input" id="attrName">--> +<!-- </div>--> +<!-- </div>--> +<!-- <div class="layui-col-lg6">--> +<!-- <button type="button" class="layui-btn layui-btn-normal layui-btn-xs" id="test3" >添加</button>--> +<!-- </div>--> +<!-- </div>--> <div id="attrWrap"></div> <div class="layui-form-item"> <label class="layui-form-label">缩略图链接:</label> <div class="layui-input-block"> - <input type="text" id="thumb" name="thumb" autocomplete="off" class="layui-input" readonly> + <img alt="缩略图" data-th-src="${mailGoodsDetail.thumb}" style="width: 100px"> </div> </div> <div class="layui-form-item"> <label class="layui-form-label">商品详情:</label> <div class="layui-input-block"> - <textarea id="lay_edit" lay-verify="goodsDetails" name = "goodsDetails" class="layui-textarea"></textarea> + <textarea id="lay_edit" lay-verify="goodsDetails" name = "goodsDetails" class="layui-textarea">[[${mailGoodsDetail.goodsDetails}]]</textarea> </div> </div> <div class="layui-row layui-col-space10 layui-form-item"> @@ -114,7 +112,7 @@ </div> <script data-th-inline="javascript"> - layui.use(['febs', 'form', 'formSelects', 'validate', 'treeSelect', 'eleTree'], function () { + layui.use(['febs', 'form', 'formSelects', 'validate', 'treeSelect', 'eleTree','layedit'], function () { var $ = layui.$, febs = layui.febs, layer = layui.layer, @@ -125,43 +123,103 @@ mailGoodsDetail = [[${mailGoodsDetail}]], $view = $('#goods-detail'), validate = layui.validate, + layedit = layui.layedit, _deptTree; form.render(); - formSelects.config('user-add-goods', { - 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-add-goods', result.id); - }, - error: function (id, url, searchVal, err) { - console.error(err); - febs.alert.error('获取分类列表失败'); + //(下拉框) + $.get(ctx + 'admin/goodsCategory/categorys/allTree', 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(mailGoodsDetail.categoryId) + form.render(); + }); + }); + + layedit.set({ //设置图片接口 + uploadImage: { + url: 'admin/goods/uploadFileBase64', //接口url + type: 'post', + } + }); + //创建一个编辑器 + var index = layedit.build('lay_edit',{ + height: 300 + }); + //提交时把值同步到文本域中 + form.verify({ + //content富文本域中的lay-verify值 + goodsDetails: function(value) { + return layedit.sync(index); } }); initUserValue(); + function appendSku(sku,skuIndex){ + var index = skuIndex; + let attrNameVal = sku.skuName; + let stockVal = sku.stock; + let skuVolume = sku.skuVolume; + let originalPrice = sku.originalPrice; + let presentPrice = sku.presentPrice; + let skuImage = sku.skuImage; + $('#attrWrap').append(` + <div class="layui-form-item"> + <label class="layui-form-label">规格详情:</label> + <div class="layui-input-block layui-form-item item"> + <div style="float:left" > + <div> + <input type="text" class="layui-input" value="` + attrNameVal + `" readonly > + </div> + </div> + <div style="float:left" > + <div> + <img class="layui-upload-img" src="` + skuImage + `" style="width: 100px" readonly> + </div> + </div> + <div style="float:left" > + <div> + <input type="text" value="` + stockVal + `" placeholder="库存" autocomplete="off" class="layui-input" readonly> + </div> + </div> + <div style="float:left" > + <div> + <input type="text" value="` + skuVolume + `" placeholder="销售数量" autocomplete="off" class="layui-input" readonly> + </div> + </div> + <div style="float:left" > + <div> + <input type="text" value="` + originalPrice + `" placeholder="原价" autocomplete="off" class="layui-input" readonly> + </div> + </div> + <div style="float:left" > + <div> + <input type="text" value="` + presentPrice + `" placeholder="现价" autocomplete="off" class="layui-input" readonly> + </div> + </div> + </div> + </div> + `) + } + function initUserValue() { + var skuIndex = 0; + let skuLength = mailGoodsDetail.mailGoodsSkuDetailVo.length; + for(var skuIndex = 0; skuIndex < skuLength; skuIndex++){ + appendSku(mailGoodsDetail.mailGoodsSkuDetailVo[skuIndex],skuIndex); + } + form.val("goods-detail-form", { "id": mailGoodsDetail.id, "goodsNo": mailGoodsDetail.goodsNo, "categoryId": mailGoodsDetail.categoryId, + "mailGoodsSkuDetailVo": mailGoodsDetail.mailGoodsSkuDetailVo, "unit": mailGoodsDetail.unit, "originalPrice": mailGoodsDetail.originalPrice, "presentPrice": mailGoodsDetail.presentPrice, -- Gitblit v1.9.1