用友NC2111和BIPV3高级版前后端客开方案部分基础

前端

1、前端请求方式

前端通过nc-lightapp-front中自带的ajax进行请求,以下是前端请求示例

ajax({
   
		url: '/nccloud/uapbd/docking/send.do',
		data: {
   pk:'111'},
		success: (res) = {
   
				console.log(res);
			}
		}
	});

2、客开方案

2.1 前端搭建步骤

1. 在src目录下新建文件夹Extend，客开代码存放在此，下面以客开请购单页面示例。

2. 首先进去应用注册节点搜索请购单，在请购单维护界面进行参数注册，增加一行参数名称为sec_develop，参数值为Y的参数。

3. 在Extend下创建文件pu/pu/400400400/400400400_card(模块名/模块名/应用编码/页面编码)

4. 在400400400_card下创建index.js,用户客开事件的加载入口，以下是里面可配置的一些参数

   window.NCCExtend = {
        
        // 控制当前编辑前后的与业务的编辑前后的执行顺序
       // after 代表在之后
       // before 代表在之前
       // replace 代表替换原来的编辑前后事件 只执行当前的
       defaultFxConfig: {
        
           onEditTableAfterEvent: 'after', // after before replace remian
           onEditTableBeforeEvent: 'before',
           onFormAfterEvent: 'after', // after before replace remian
           onFormBeforeEvent: 'before',
           onCardTableAfterEvent: 'after', // after before replace remian
           onCardTableBeforeEvent: 'before',
       }, 
       // 页面初始化后的UI控制回调
       UIExtend: UIExtend,
       // // 所有的ajax请取都会走这个回调
       // dataAlreadyLoaded: dataAlreadyLoaded,
       // createButtonApp生成的按钮的编辑后回调
       afterBtnClick: afterBtnClick,
       // createButtonApp生成的按钮的编辑前回调
       beforeBtnClick: beforeBtnClick,
       // // 当前页面挂载完成
       // currentPageDidMount: currentPageDidMount,
       // // 当前页面注销
       // beforeUnMountEvent: beforeUnMountEvent,
       // // 当前页面的meta请取完成
       // templateAlreadyLoaded: templateAlreadyLoaded,
       // // cardtable 的编辑后
       // onCardTableAfterEvent,
       // // cardtable 的编辑前
       // onCardTableBeforeEvent,
       // // form 的编辑后
       // onFormAfterEvent,
       // // form 的编辑前
       // onFormBeforeEvent,
       // // form 更新
       // updateForm,
       // 页面渲染
       pageRenderExtend:pageRenderExtend,
       // // CardTable 更新
       // updateCardTable,
       // // editTable 更新
       // updateEditTable,
       // // EditTable 的编辑后
       // // onEditTableAfterEvent,
       // // EditTable 的编辑前
       // // onEditTableBeforeEvent
   }
   

5. 在400400400_card下创建event文件里面写客开的事件方法

6. 在config.json中增加客开入口路径，示例如下

   "extendBuildEntryPath": [
       "./src/Extend/*/*/*/*/index.js"
   ]
   

2.2 event客开的事件方法部分示例

• afterBtnClick按钮点击后事件：id是按钮的编码，params是页面上的方法

  export default function afterBtnClick(id, params) {
       
      const {
       output} = params;
      switch (id) {
       
          case "test":   
              console.log('点击后事件调用成功！');          
              break;
          default:
      }
  }
  

• beforeBtnClick按钮点击前事件：可以用于拦截方法返回false改按钮的原生方法不执行

  export default function beforeBtnClick(id, params) {
       
      switch (id) {