'commit'

2 years ago · 7df1f08e15
parent 4b1cc54b1a
commit 7df1f08e15
2 changed files with 162 additions and 2 deletions
--- a/WebRoot/html/ypzs/component/lay-module/skuTable.js
+++ b/WebRoot/html/ypzs/component/lay-module/skuTable.js
@ -707,8 +707,8 @@ layui.define(['jquery', 'form', 'upload', 'layer', 'sortable'], function (export
        }

        makeSkuName(sku, conf) {
-            // return 'skus[' + (this.options.skuNameType === 0 ? sku.id : sku.title) + '][' + conf.field + ']';
-            return sku.id;
+             return 'skus[' + (this.options.skuNameType === 0 ? sku.id : sku.title) + '][' + conf.field + ']';
+            //return sku.id;
        }

        getSpecData() {
--- a/WebRoot/html/ypzs/view/taskManageEdit.html
+++ b/WebRoot/html/ypzs/view/taskManageEdit.html
@ -0,0 +1,160 @@
+<!doctype html>
+<html lang="zh">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport"
+        content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
+    <meta http-equiv="X-UA-Compatible" content="ie=edge">
+    <title>动态SKU表</title>
+    <!-- 引入 layui.css -->
+    <link rel="stylesheet" href="../component/pear/css/pear.css" />
+</head>
+
+<body>
+
+    <div>
+        <form action="" class="layui-form">
+
+
+            <div class="layui-card-body">
+                <div class="layui-inline" style="margin: 5px 0 0 65px">
+                    <label class="layui-form-label" style="width: 85px;">任务名称：</label>
+                    <div class="layui-input-inline" style="margin-right: 8px;">
+                        <input type="text" autocomplete="off" lay-verify="required" id="taskName" name="taskName"
+                            placeholder="请输入任务名称" class="layui-input" style="width: 500px;">
+                    </div>
+                    <font color="red" style="font-weight: bold;">*</font>
+                </div>
+
+            </div>
+
+
+
+
+
+
+            <!--商品规格表-->
+            <div id="fairy-spec-table"></div>
+            <!--商品库存表-->
+            <div id="fairy-sku-table"></div>
+
+            <div class="bottom">
+                <div class="button-container">
+                    <button class="layui-btn" lay-submit lay-filter="submit">提 交<i
+                            class="layui-icon layui-icon-right"></i></button>
+
+                </div>
+            </div>
+        </form>
+    </div>
+    <!-- 引入 layui.js -->
+    <script src="../component/layui/layui2.7.6.js"></script>
+    <script src="../component/pear/pear.js"></script>
+    <script>
+        layui.config({
+            base: '../component/lay-module/',
+        }).use(['form', 'skuTable', 'jquery'], function () {
+            var form = layui.form, skuTable = layui.skuTable;
+            var $ = layui.jquery;
+            var objSpecData;
+            var objResData = {};
+
+
+            $.ajax({
+                url: "/FengHuang/yp/getTask?task_id=2",
+                async: false,
+                type: 'GET',
+                success: function (result) {
+                    $("#taskName").val(result.task_name);
+                }
+            });
+
+
+
+            $.ajax({
+                url: "/FengHuang/yp/getBx?task_id=2",
+                async: false,
+                type: 'GET',
+                success: function (result) {
+
+                    var childs = [];
+                    result.data.forEach((item) => {
+                        var obj = {};
+                        obj.id = item.bx_id;
+                        obj.title = item.bx_name;
+                        obj.checked = item.selected;
+                        childs.push(obj);
+                        if (item.selected) {
+                            objResData["skus[" + item.bx_id + "][limit]"] = item.limit;
+                        }
+                    });
+                    objSpecData = [
+                        {
+                            id: "1",
+                            title: "班型",
+                            child: childs
+                        }
+                    ];
+                }
+            });
+
+
+            var obj = skuTable.render({
+                isAttributeValue: 1,
+                specTableElemId: 'fairy-spec-table',
+                skuTableElemId: 'fairy-sku-table',
+                sortable: true,
+                rowspan: true,
+                requestSuccessCode: 200,
+
+
+                //多规格配置项
+                multipleSkuTableConfig: {
+                    thead: [
+                        { title: '人数限制', icon: 'layui-icon-cols' }
+                    ],
+                    tbody: [
+                        { type: 'input', field: 'limit', value: '', verify: 'required|number', reqtext: '人数限制不能为空' }
+                    ]
+                },
+                productId: '',
+                specData: objSpecData,
+                skuData: objResData
+                //skuDataUrl: './json/skuData.json',
+            });
+
+            form.on('submit(submit)', function (data) {
+
+                layer.alert(JSON.stringify(data.field), { title: '提交的数据' });
+
+                var taskName = "";
+                var bxids = "";
+                var limits = "";
+
+                Object.keys(data.field).forEach((key) => {
+                    if (key === "taskName") {
+                        taskName = data.field[key];
+                    } else {
+                        bxids += key + ","
+                        limits += data.field[key] + ","
+                    }
+                });
+
+
+                $.ajax({
+                    url: "/FengHuang/yp/addTask",
+                    data: { "task_name": taskName, "bx_ids": bxids.substr(0, bxids.length - 1), "limits": limits.substr(0, limits.length - 1) },
+                    type: 'POST',
+                    success: function (result) {
+                        console.log(result);
+                    }
+                });
+
+                return false;
+            });
+        });
+    </script>
+</body>
+
+</html>