商品输入(组件 <sku-search>) (三种方式在组件内切换:商品ID / SKU编码 / 读取全部商品;列表可排序、跨页勾选)
已勾选 {{ 已选商品ID.length }} 个商品 复制选中ID
还没有勾选商品:请在上面的列表里勾选(或点「全选全部 N 条」)—— 一行都没勾选时组件给的是空数组,宿主拿到空数组不要硬提交。
商品ID:{{ 已选商品ID.join('、') }}
拿到商品ID数组后可以直接传给(都不用再让用户手输商品ID): 云捷.商品.批量下架 / 批量改运费模板 / 批量改发货模式云捷.营销.*.创建活动云捷.商机中心.批量提交 等。
这个模板演示了什么
· 静态引入组件(必须在 vue.min.js 之后): <script src="./组件/SKU搜索.js"></script>
· 模板里当标签用:<sku-search :shop-id="当前店铺ID" @change="SKU搜索变化($event)" @完成="SKU搜索完成($event)"></sku-search>
· 事件:change = 勾选中的商品ID数组(一行都没勾选 = 空数组,宿主自己提示用户去勾选); 完成 = 结果明细({ product_id, product_name, img, price, price_higher, stock_num, sell_num, status },价格单位是,展示要 ÷100)
· 其它常用 props::每页:最多页数:全部最多页数:间隔毫秒(同店铺该接口限流 2 秒);只有要检测"是否已参加活动"时才传 :enable-join-check="true" + :business-code + :start-time + :end-time
· 完整参数与行为见「参考/11-平台能力与组件库.md」4.1 / 4.2。