Helius
2022-05-19 7e6bbd05a75b07cb0717812d0b51aad128361012
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,