使用说明:

<div class='test2'></div>
<!--PS: 禁止在此div标签内写任何代码,因为调用插件后,会覆盖掉标签内的东西-->
<script>
    $('.test2').html(skuEditor.getEditorDOM({
        // 见下方
    }));
    // 如有初始化需求,需再调用initData方法
</script>

skuEditor对外提供了几个方法:

• getEditorDOM()

  • 返回sku编辑器的DOM
  • 参数: Object

  // 示例
  {
      categoryID: 123,    //分类id
  }
  

• getSkuList()

  • 返回值：

    • 1：[Number] 说明用户选择了添加规格图片但是存在没有图片的规格值

    • sku数据：示例如下

  • // 示例:
    [
        {
            "price": 23,
            "quantity": 34,
            "cost": 1,
            "sn": 123,
            "weight": 13,
            "specList": [
                {
                    "spec_name": "颜色",
                    "spec_id":1,
                    "spec_value": "黄色",
                    "spec_value_id": 41,
                    "spec_image":"http://xxx.com/1.jpg",
                    "spec_type": 1 
                },
                {
                    "spec_name": "尺寸",
                    "spec_id":1,
                    "spec_value": "XXS",
                    "spec_value_id": 10,
                    "spec_image":"http://xxx.com/1.jpg",
                    "spec_type": 1                
                },
                {
                    "spec_name": "容量",
                    "spec_id":1,
                    "spec_value": "16GB",
                    "spec_value_id": 62,
                    "spec_image":"http://xxx.com/1.jpg",
                    "spec_type": 1                    
                },
                {
                    "spec_name": "选择尺码",
                    "spec_id":1,
                    "spec_value": "36",
                    "spec_value_id": 67,
                    "spec_image":"http://xxx.com/1.jpg",
                    "spec_type": 1
                }
            ]
        }
    ]
    

    • spec_type(说明)

      规格类型： 0文字 1图片

  • 参数: 无参

• initData()

  • 初始化数据

  • 参数: {data: ... , quantity:...}

    • quantity: 总库存数据

    • data: sku数组

  • // data示例:
    [
        {
            "price": 23,
            "quantity": 34,
            "cost": 1,
            "sn": 123,
            "weight": 13,
            "specList": [
                {
                    "spec_name": "颜色",
                    "spec_id":1,
                    "spec_value": "黄色",
                    "spec_value_id": 41,
                    "spec_image":"http://xxx.com/1.jpg",
                    "spec_type": 1 
                },
                {
                    "spec_name": "尺寸",
                    "spec_id":1,
                    "spec_value": "XXS",
                    "spec_value_id": 10,
                    "spec_image":"http://xxx.com/1.jpg",
                    "spec_type": 1                
                },
                {
                    "spec_name": "容量",
                    "spec_id":1,
                    "spec_value": "16GB",
                    "spec_value_id": 62,
                    "spec_image":"http://xxx.com/1.jpg",
                    "spec_type": 1                    
                },
                {
                    "spec_name": "选择尺码",
                    "spec_id":1,
                    "spec_value": "36",
                    "spec_value_id": 67,
                    "spec_image":"http://xxx.com/1.jpg",
                    "spec_type": 1
                }
            ]
        }
    ]
    

• generateSN(sn,mode)

  • sn: 商品编号
    • 类型: Number
  • mode: 模式
    • 类型：String
    • 可选值：'draft'
      • 如果为draft，不弹出下面的弹框，直接自动生成货号。不对各项sku输入进行有效性检测.然后返回 true
• • 弹出 '是否自动生成货号' 的弹框
  • 返回值
    • true: 用户点击了弹出框的是(Boolean)
    • false: 用户点击了弹出框的否(Boolean)
    • all: 没有出现弹出框,即货号input全有值(String)

• skuHasChanged()

  • 描述: 此时页面中的sku数据,相对于用户初始化的数据是否有变化(仅针对编辑时使用)
  • 返回值: 0|1
    • 0: 无变化
    • 1: 有变化