You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
165 lines
5.7 KiB
165 lines
5.7 KiB
<!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" 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;
|
|
|
|
$.ajax({
|
|
url: "/FengHuang/yp/getBx?task_id=0",
|
|
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);
|
|
});
|
|
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,
|
|
//skuDataUrl: './json/skuData.json',
|
|
});
|
|
|
|
form.on('submit(submit)', function (data) {
|
|
|
|
var taskName = "";
|
|
var bxids = "";
|
|
var limits = "";
|
|
|
|
var flag = true;
|
|
|
|
Object.keys(data.field).forEach((key) => {
|
|
if (key === "taskName") {
|
|
taskName = data.field[key];
|
|
} else {
|
|
bxids += key + ","
|
|
if (data.field[key] == 0) {
|
|
layer.msg("人数限制必须大于0", {
|
|
icon: 2,
|
|
time: 2000
|
|
});
|
|
flag = false;
|
|
}
|
|
limits += data.field[key] + ","
|
|
}
|
|
});
|
|
|
|
|
|
if (flag) {
|
|
$.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) {
|
|
if (result.success) {
|
|
layer.msg("保存成功！", {
|
|
icon: 1,
|
|
time: 1500
|
|
}, function () {
|
|
parent.layer.close(parent.layer.getFrameIndex(window.name));
|
|
parent.parentTableRender();
|
|
});
|
|
} else {
|
|
layer.msg(result.message, {
|
|
icon: 2,
|
|
time: 1000
|
|
});
|
|
}
|
|
}
|
|
});
|
|
}
|
|
|
|
return false;
|
|
});
|
|
});
|
|
</script>
|
|
</body>
|
|
|
|
</html> |