App端 WebWidget 已支持功能

App端目前已支持页面的参数与事件如下

进入页面主动获取数据 getAppParamData 调用示例

import { useClient } from "@newcoretech/widget-react";

function SideBarPlugin() {
  const client = useClient();

 useEffect(() => {
    client.get("getAppParamData").then((res) => {
    alert(JSON.stringify(res.data, null, 2))
});

    return () => {
      
    };
  }, []);

Iterceptor事件 onConfirmPreCheck 调用示例

import { useClient } from "@newcoretech/widget-react";

function BackgroundPlugin() {
  const client = useClient();

  useEffect(() => {
    // Your background plugin logic here
    client.addInterceptor("onConfirmPreCheck", async (data): Promise<{ success: boolean; message?: string }> => {
      if (data && typeof data === "object") {
        // 使用传送过来的 data进行逻辑处理，返回处理结果
        return { success: true };
      }
      return { success: false, message: "Invalid data format" };
    });
    /// 发送初始化成功事件给APP，APP收到后再调用onConfirmPreCheck
    client.trigger("initSuccess", {});
    /// 报工页 需要支持点击报工校验 使用这个
   // client.trigger("supportOnConfirmPreCheck", true);
    return () => {client.removeInterceptor("onConfirmPreCheck");
    };
  }, []);

  return null;
}

场景：任务指导支持SideBar（SOP集成PLM图纸）

feature：["app.production.taskGuide"]

参数：暂无

可触发事件：暂无

响应事件：暂无

获取数据方法：

getAppParamData —— 主动调用此方法获取所需数据

您那边主动获取所需数据示例client.get("getAppParamData").then((res) => {
alert(JSON.stringify(res.data, null, 2))
});

传输数据res.data实例值

{
  "itemId": "7194275789660209152",
  "itemCode": "000103.1",
  "procedureId": "20000773",
  "procedureCode": "1232"
}

ℹ️ 说明
页面加载完成后自己使用 client.get("getAppParamData")获取数据信息。请使用 on/off 进行订阅与清理；

场景：APP销售出库任务列表页出库自定义校验

feature：["app.inventoryTask.saleOutList"]

参数：暂无

可触发事件：暂无

响应事件：暂无

Interceptor事件：

onConfirmPreCheck —— 点击批量出库时触发

使用示例见顶部 Iterceptor事件 onConfirmPreCheck 调用示例

传输数据实例值

{
  "outRecordList": [
    {
      "recordId": 1234,
      "orderNumber": "xxx",
      "delivery": {},
      "item": {} // 物料信息
    }
  ]
}

ℹ️ 说明
勾选任务，点击批量出库时会触发 onConfirmPreCheck 获取自定义的校验结果，校验失败时终止出库流程，弹出错误信息。请使用 on/off 进行订阅与清理；

场景：APP备料（领料、补料）出库任务列表页出库自定义校验

feature：["app.inventoryTask.materialOutList"]

参数：暂无

可触发事件：暂无

响应事件：暂无

Interceptor事件：

onConfirmPreCheck —— 点击批量出库时触发

使用示例见顶部 Iterceptor事件 onConfirmPreCheck 调用示例

传输数据示例值（只列出部分关键信息，还有其他一些字段信息）

{
  "outRecordList": [
    {
      "recordId": 1234,
      "workOrderInfo": {},
      "procedureId": 20325562,
      "name": "产测工序1",
      "applyQuantity": 100.0, // 计划出库数
      "confirmedQuantity": 10.0, // 已出库数
      "item": {} // 物料信息
    }
  ],
  "type": type, /// 任务类型，0=备料，1=领料，3=补料，默认备料
}

ℹ️ 说明
勾选任务，点击批量出库时会触发 onConfirmPreCheck 获取自定义的校验结果，校验失败时终止出库流程，弹出错误信息。请使用 on/off 进行订阅与清理；

场景：APP备料（领料、补料）出库任务确认仓库页出库校验及 SideBar应用

feature：["app.inventoryTask.materialOutConfirmWarehouse"]

参数：暂无

可触发事件：暂无

响应事件：暂无

获取数据方法：

getAppParamData —— 主动调用此方法获取所需数据

Interceptor事件：

onConfirmPreCheck —— 点击确定时或 重新分配后触发

使用示例见顶部 Iterceptor事件 onConfirmPreCheck 调用示例

getAppParamData 和 onConfirmPreCheck传输数据相同，示例值（只列出部分关键信息，还有其他一些字段信息）

{
  "outRecordList": [
    {
      "recordId": 1234,
      "workOrderInfo": {},
      "procedureId": 20325562,
      "name": "产测工序1",
      "applyQuantity": 100.0, // 计划出库数
      "confirmedQuantity": 10.0, // 已出库数
      "item": {},
      "allocationItems": [
        // 单个出库分配信息 指定仓库库位、出库数
        {
          "warehouseId": 1001,
          "warehouseName": "一号成品仓",
          "warehouseBinId": 2001,
          "warehouseBinName": "A区-01货架",
          "stockBatchNumber": "B20260228001", 
          "stockBatchId": 3001,  // 出库批次
          "quantity": 20.0,  // 
          "assistQuantity": 20.0,
          "qrCode": "QR202602280001",
          "selectSnList": [
            // 出库SN
            {
              "id": 1,
              "number": "sn01"
            }
          ],
          
![Screenshot_20260408_141517.png](https://api.apifox.com/api/v1/projects/6220739/resources/640041/image-preview)
        }
      ]
    }
  ],
  "type": type, /// 任务类型，0=备料，1=领料，3=补料，默认备料
}

ℹ️ 说明
1，勾选任务，点击确定时或 重新分配后触发 onConfirmPreCheck 获取自定义的校验结果，校验失败时终止出库流程，弹出错误信息。
2，点击页面右上角图标进入SideBar应用时，页面加载完成后自己调用 client.get("getAppParamData")获取数据信息。
请使用 on/off 进行订阅与清理；

场景：物料库存详情页支持SideBar

feature：["app.inventory.detailPage"]

参数：暂无

可触发事件：暂无

响应事件：暂无

获取数据方法：

getAppParamData —— 主动调用此方法获取所需数据

您那边主动获取所需数据示例client.get("getAppParamData").then((res) => {
alert(JSON.stringify(res.data, null, 2))
});

传输数据res.data 部分示例值

{
  "itemId": "7194275789660209152",
  "name": "测试物料",
  "code": "000103",
  ...
}

ℹ️ 说明
页面加载完成后自己使用 client.get("getAppParamData")获取数据信息。请使用 on/off 进行订阅与清理；

场景：订单详情页支持SideBar

feature：["app.order.detailPage"]

参数：暂无

可触发事件：暂无

响应事件：暂无

获取数据方法：

getAppParamData —— 主动调用此方法获取所需数据

您那边主动获取所需数据示例client.get("getAppParamData").then((res) => {
alert(JSON.stringify(res.data, null, 2))
});

传输数据res.data 部分示例值

{
  "orderDetail": {},  // 订单信息
  "orderProductInfo": {},  // 订单产品列表信息
  "orderCustomFields": {},  // 订单自定义字段信息
  "orderPaymentData": {},  // 订单付款记录信息
  "orderReturnDetail": {},  // 订单退货记录
  "orderDeliveryDetail": {},  // 订单发货以及废弃的记录
  "productionProcess": {},  // 订单生产进度记录
}

ℹ️ 说明
页面加载完成后自己使用 client.get("getAppParamData")获取数据信息。请使用 on/off 进行订阅与清理；

场景：APP采购入库任务列表页出库自定义校验

feature：["app.inventoryTask.purchaseInList"]

参数：暂无

可触发事件：暂无

响应事件：暂无

Interceptor事件：

onConfirmPreCheck —— 点击批量出库时触发

使用示例见顶部 Iterceptor事件 onConfirmPreCheck 调用示例

传输数据示例值（只列出部分关键信息，还有其他一些字段信息）

{
  "recordList": [
    {
      "recordId": 14863305,
      "batchId": 12205844,
      "applyQuantity": 100.0, // 计划出库数
      "processedQuantity": 10.0, // 已处理
      "taskType": "PURCHASE_IN",
      "item": {}, // 物料信息
      "operator": {},
      "extendData": {
         "supplier": {}, // 供应商
         "receiptOrder": {},// 收料单
         "procurementOrder": {}, // 采购单
      },
    }
  ],
}

ℹ️ 说明
勾选任务，点击批量出库时会触发 onConfirmPreCheck 获取自定义的校验结果，校验失败时终止出库流程，弹出错误信息。请使用 on/off 进行订阅与清理；

场景：APP采购入库任务确认仓库页入库校验及 SideBar应用

feature：["app.inventoryTask.purchaseInConfirmWarehouse"]

参数：暂无

可触发事件：暂无

响应事件：暂无

获取数据方法：

getAppParamData —— 主动调用此方法获取所需数据

Interceptor事件：

onConfirmPreCheck —— 点击确定时触发

使用示例见顶部 Iterceptor事件 onConfirmPreCheck 调用示例

getAppParamData 和 onConfirmPreCheck传输数据相同，示例值（只列出部分关键信息，还有其他一些字段信息）

{
  "recordList": [
    {
      "recordId": 14863305,
      "batchId": 12205844,
      "applyQuantity": 100.0, // 计划出库数
      "processedQuantity": 10.0, // 已处理
      "taskType": "PURCHASE_IN",
      "item": {}, // 物料信息
      "operator": {},
      "extendData": {
         "supplier": {}, // 供应商
         "receiptOrder": {},// 收料单
         "procurementOrder": {}, // 采购单
      },
      "allocationItems": {}, // 入库分配信息
    }
  ],
}

ℹ️ 说明
1，勾选任务，点击确定时触发 onConfirmPreCheck 获取自定义的校验结果，校验失败时终止入库流程，弹出错误信息。
2，点击页面右上角图标进入SideBar应用时，页面加载完成后自己调用 client.get("getAppParamData")获取数据信息。
请使用 on/off 进行订阅与清理；

场景：APP生产报工页面支持SideBar应用

feature：["app.production.procedureJobBooking"]

参数：暂无

可触发事件：

update ——background应用使用调用client.trigger("update", data)更新报工数自定义字段信息

响应事件：

onExtendFieldValueChanged ——background应用使用，监听自定义字段变动

获取数据方法：

getAppParamData —— 主动调用此方法获取所需数据

Interceptor事件：

onConfirmPreCheck —— background应用点击报工时触发

background应用 onExtendFieldValueChanged、update、onConfirmPreCheck 使用见APP 报工页自定义字段支持SideBar说明
使用示例见顶部 getAppParamData调用示例

getAppParamData 和 onConfirmPreCheck 传输数据相同，示例值（只列出部分关键信息，还有其他一些字段信息），具体详细字段见文档报工页交互数据相关json数据

{
  "jbkDetail": {}, // 报工详情
  "procedureDetail": {}, // 工序任务详情
  "jbkParams": {}, // 报工入参
  "selectMachine": {}, // 选择的设备
}

ℹ️ 说明
1，点击页面右上角图标进入SideBar应用时，页面加载完成后自己调用 client.get("getAppParamData")获取数据信息。
请使用 on/off 进行订阅与清理；

App端 WebWidget 已支持功能

App端目前 已支持页面的参数与事件如下#

场景：任务指导支持SideBar（SOP集成PLM图纸）#

场景：APP销售出库任务列表页出库自定义校验#

场景：APP备料（领料、补料）出库任务列表页出库自定义校验#

场景：APP备料（领料、补料）出库任务确认仓库页 出库校验 及 SideBar应用#

场景：物料库存详情页支持SideBar#

场景：订单详情页支持SideBar#

场景：APP采购入库任务列表页出库自定义校验#

场景：APP采购入库任务确认仓库页 入库校验 及 SideBar应用#

场景：APP生产报工页面支持SideBar应用#

App端目前已支持页面的参数与事件如下

场景：任务指导支持SideBar（SOP集成PLM图纸）

场景：APP销售出库任务列表页出库自定义校验

场景：APP备料（领料、补料）出库任务列表页出库自定义校验

场景：APP备料（领料、补料）出库任务确认仓库页出库校验及 SideBar应用

场景：物料库存详情页支持SideBar

场景：订单详情页支持SideBar

场景：APP采购入库任务列表页出库自定义校验

场景：APP采购入库任务确认仓库页入库校验及 SideBar应用

场景：APP生产报工页面支持SideBar应用