|
|
@@ -56,7 +56,7 @@
|
|
|
<div id="content_2">
|
|
|
<div class="layui-fluid">
|
|
|
<div style="display:none;"><span id="list-name">网站设置</span> > <span id="list-project"></span></div>
|
|
|
- <form method="post" target="f1" class="form1" role="form" autocomplete="off">
|
|
|
+ <form method="post" class="layui-form form1" target="f1" role="form" autocomplete="off">
|
|
|
<input type="hidden" name="function" id="function" value="msg"/>
|
|
|
<input type="hidden" name="url" id="url" />
|
|
|
<input type="hidden" name="project" id="project" />
|
|
|
@@ -78,15 +78,21 @@
|
|
|
|
|
|
<script class="include" system="" path="inc/" file="script">include()</script>
|
|
|
<script id="update_script">
|
|
|
+ var skuTable;
|
|
|
+ var form;
|
|
|
layui.config({
|
|
|
base: '../script/lib/layui/admin/' //静态资源所在路径
|
|
|
+ ,version:true
|
|
|
}).extend({
|
|
|
index: 'lib/index', //主入口模块
|
|
|
- formSelects: 'plugin/formselects/formselects'
|
|
|
- }).use(['index', 'contlist', 'table', 'form', 'formSelects'], function(){
|
|
|
+ formSelects: 'plugin/formselects/formselects',
|
|
|
+ skuTable: 'plugin/skuTable',
|
|
|
+ sortable: 'plugin/sortable'
|
|
|
+ }).use(['index', 'contlist', 'table', 'form', 'formSelects', 'skuTable'], function(){
|
|
|
var table = layui.table;
|
|
|
- var form = layui.form;
|
|
|
+ form = layui.form;
|
|
|
var formSelects = layui.formSelects;
|
|
|
+ skuTable = layui.skuTable;
|
|
|
|
|
|
/*
|
|
|
$('select').each(function() {
|
|
|
@@ -95,6 +101,142 @@
|
|
|
}
|
|
|
});
|
|
|
*/
|
|
|
+ /*
|
|
|
+ var obj = skuTable.render({
|
|
|
+ //规格类型 0统一规格 1多规格
|
|
|
+ isAttributeValue: 0,
|
|
|
+ //规格类型容器id
|
|
|
+ isAttributeElemId: 'fairy-is-attribute',
|
|
|
+ //规格表容器id
|
|
|
+ specTableElemId: 'fairy-spec-table',
|
|
|
+ //sku表容器id
|
|
|
+ skuTableElemId: 'fairy-sku-table',
|
|
|
+ //规格拖拽排序
|
|
|
+ sortable: false,
|
|
|
+ //sku表相同属性值是否合并行
|
|
|
+ rowspan: true,
|
|
|
+ //请求成功返回状态码值
|
|
|
+ requestSuccessCode: 200,
|
|
|
+ //上传接口地址
|
|
|
+ //接口要求返回格式参考 upload.json
|
|
|
+ uploadUrl: './json/upload.json',
|
|
|
+ //统一规格配置项
|
|
|
+ singleSkuTableConfig: {
|
|
|
+ thead: [
|
|
|
+ {title: '销售价(元)', icon: 'layui-icon-cols'},
|
|
|
+ {title: '市场价(元)', icon: 'layui-icon-cols'},
|
|
|
+ {title: '成本价(元)', icon: 'layui-icon-cols'},
|
|
|
+ {title: '库存', icon: 'layui-icon-cols'},
|
|
|
+ {title: '状态', icon: ''},
|
|
|
+ ],
|
|
|
+ tbody: [
|
|
|
+ {type: 'input', field: 'price', value: '', verify: 'required|number', reqtext: '销售价不能为空'},
|
|
|
+ {type: 'input', field: 'market_price', value: '0', verify: 'required|number', reqtext: '市场价不能为空'},
|
|
|
+ {type: 'input', field: 'cost_price', value: '0', verify: 'required|number', reqtext: '成本价不能为空'},
|
|
|
+ {type: 'input', field: 'stock', value: '0', verify: 'required|number', reqtext: '库存不能为空'},
|
|
|
+ {type: 'select', field: 'status', option: [{key: '启用', value: '1'}, {key: '禁用', value: '0'}], verify: 'required', reqtext: '状态不能为空'},
|
|
|
+ ]
|
|
|
+ },
|
|
|
+ //多规格配置项
|
|
|
+ multipleSkuTableConfig: {
|
|
|
+ thead: [
|
|
|
+ {title: '图片', icon: ''},
|
|
|
+ {title: '销售价(元)', icon: 'layui-icon-cols'},
|
|
|
+ {title: '市场价(元)', icon: 'layui-icon-cols'},
|
|
|
+ {title: '成本价(元)', icon: 'layui-icon-cols'},
|
|
|
+ {title: '库存', icon: 'layui-icon-cols'},
|
|
|
+ {title: '状态', icon: ''},
|
|
|
+ ],
|
|
|
+ tbody: [
|
|
|
+ {type: 'image', field: 'picture', value: '', verify: '', reqtext: ''},
|
|
|
+ {type: 'input', field: 'price', value: '', verify: 'required|number', reqtext: '销售价不能为空'},
|
|
|
+ {type: 'input', field: 'market_price', value: '0', verify: 'required|number', reqtext: '市场价不能为空'},
|
|
|
+ {type: 'input', field: 'cost_price', value: '0', verify: 'required|number', reqtext: '成本价不能为空'},
|
|
|
+ {type: 'input', field: 'stock', value: '0', verify: 'required|number', reqtext: '库存不能为空'},
|
|
|
+ {
|
|
|
+ type: 'select',
|
|
|
+ field: 'status',
|
|
|
+ option: [{key: '启用', value: '1'}, {key: '禁用', value: '0'}],
|
|
|
+ verify: '',
|
|
|
+ reqtext: ''
|
|
|
+ },
|
|
|
+ ]
|
|
|
+ },
|
|
|
+ //商品id 配合specDataUrl和skuDataUrl使用
|
|
|
+ productId: '11',
|
|
|
+ //规格数据, 一般从后台获取
|
|
|
+ specData: [
|
|
|
+ {
|
|
|
+ id: "1",
|
|
|
+ title: "颜色",
|
|
|
+ child: [
|
|
|
+ {id: "1", title: "红", checked: true},
|
|
|
+ {id: "2", title: "黄", checked: false},
|
|
|
+ {id: "3", title: "蓝", checked: false}
|
|
|
+ ]
|
|
|
+ }, {
|
|
|
+ id: "2",
|
|
|
+ title: "尺码",
|
|
|
+ child: [
|
|
|
+ {id: "4", title: "S", checked: true},
|
|
|
+ {id: "5", title: "M", checked: true},
|
|
|
+ {id: "6", title: "L", checked: false},
|
|
|
+ {id: "7", title: "XL", checked: false}
|
|
|
+ ]
|
|
|
+ }, {
|
|
|
+ id: "3",
|
|
|
+ title: "款式",
|
|
|
+ child: [
|
|
|
+ {id: "8", title: "男款", checked: true},
|
|
|
+ {id: "9", title: "女款", checked: true}
|
|
|
+ ]
|
|
|
+ }
|
|
|
+ ],
|
|
|
+ //获取规格数据接口地址，如果为空或者不配置则使用 specData 参数配置
|
|
|
+ //接口要求返回格式参考 specData.json
|
|
|
+ // specDataUrl: './json/specData.json',
|
|
|
+ //sku数据
|
|
|
+ //新增的时候为空对象
|
|
|
+ //编辑的时候可以从后台接收，会自动填充sku表，可以去掉注释看效果
|
|
|
+ //多规格格式
|
|
|
+ // skuData: {
|
|
|
+ // "skus[1-4-8][picture]": "https://www.baidu.com/img/flexible/logo/pc/result.png",
|
|
|
+ // "skus[1-4-8][price]": "100",
|
|
|
+ // "skus[1-4-8][market_price]": "200",
|
|
|
+ // "skus[1-4-8][cost_price]": "50",
|
|
|
+ // "skus[1-4-8][stock]": "18",
|
|
|
+ // "skus[1-4-8][status]": "0",
|
|
|
+ // "skus[1-4-9][picture]": "",
|
|
|
+ // "skus[1-4-9][price]": "0",
|
|
|
+ // "skus[1-4-9][market_price]": "0",
|
|
|
+ // "skus[1-4-9][cost_price]": "0",
|
|
|
+ // "skus[1-4-9][stock]": "0",
|
|
|
+ // "skus[1-4-9][status]": "1",
|
|
|
+ // "skus[1-5-8][picture]": "",
|
|
|
+ // "skus[1-5-8][price]": "0",
|
|
|
+ // "skus[1-5-8][market_price]": "0",
|
|
|
+ // "skus[1-5-8][cost_price]": "0",
|
|
|
+ // "skus[1-5-8][stock]": "0",
|
|
|
+ // "skus[1-5-8][status]": "1",
|
|
|
+ // "skus[1-5-9][picture]": "",
|
|
|
+ // "skus[1-5-9][price]": "0",
|
|
|
+ // "skus[1-5-9][market_price]": "0",
|
|
|
+ // "skus[1-5-9][cost_price]": "0",
|
|
|
+ // "skus[1-5-9][stock]": "0",
|
|
|
+ // "skus[1-5-9][status]": "1"
|
|
|
+ // },
|
|
|
+ //统一规格格式
|
|
|
+ // skuData: {
|
|
|
+ // 'price': '80',
|
|
|
+ // 'market_price': '100',
|
|
|
+ // 'cost_price': '60',
|
|
|
+ // 'stock': '999',
|
|
|
+ // 'status': '0',
|
|
|
+ // }
|
|
|
+ //获取SKU数据接口地址，如果为空或者不配置则使用skuData配置
|
|
|
+ //接口要求返回格式参考 skuData.json
|
|
|
+ // skuDataUrl: './json/skuData.json',
|
|
|
+ });*/
|
|
|
|
|
|
init();
|
|
|
});
|
rabin