vue面板怎么嵌入平台ext功能面板

凯特-郭智雄

一、展示效果

二、实现思路

• 将vue面板通过ext加载
  

三、相关代码

1.     //根据功能编码获得功能数据
   
2.     const funcData = JE.getFuncData('CRM_YXGL_XSSJ');
   
3.     //获得功能的主键code
   
4.     const { pkName } = funcData.info;
   
5.     //拼接主键查询添加
   
6.     funcData.j_query = [{
   
7.         code: pkName, value: 'bU6BWfGZx8prmHtXnlj', type: '=', cn: 'and',
   
8.     }];
   
9.     //创建功能面板
   
10.     const panel = Ext.create('JE.core.view.MainView', {
    
11.         height: 250, //面板的宽度
    
12.         width: 1000, //面板的高度
    
13.         showView: 'form', //初始化面板的类型
    
14.         funcData,
    
15.         autoBuild: true,
    
16.     });
    
17.     //获得vue面板的dom
    
18.     const dom = $('.pf-extcs')[0];
    
19.     setTimeout(() => {
    
20.         //吧ext面板渲染都vue上
    
21.         panel.render(dom);
    
22.     }, 10);

复制代码