给大家分享下效果:
1、销售订单:功能关键点(从商品档案选择并关联区域价格表、子表自动累计金额至主表)
商品档案

价格表
销售订单界面
批量选择商品录入
金额自动计算
点击选择商品按钮前端事件代码:
/ @param {} btn 按钮本身 @param {} event 事件对象 @param {} eOpts /function(btn,event,eOpts){ var func1 = JE.getFunc('XSDD'); var jeformview=func1.formview; var vals=jeformview.form.getValues(); var ZBID=vals.XSDD_ID; var ID = vals.XSDD_ID; var QY = vals.QY; if(JE.isNotEmpty(ZBID)){ //弹出查询选择 JE.selectWin({ title:'请选择商品', type:'grid', whereSql:"AND QY='"+QY+"' ", multiSelect:true,//是否多选 configInfo:'V_SPDA,SPBM~SPMC~DW~XSJ~TCL~BS~SPDA_ID,,M',//查询选择配置信息 callback:function(sels){ var ID2 = sels[0].data.SPDA_ID; //取得选中数据的主键 var func = JE.getFunc('XSDDMX'); //获取从表grid var grid = func.gridview; //判断是否有数据 //debugger; var data = [];//定义空数组 //循环商品数据 Ext.each(sels,function(sel){ var obj=JE.ajax({ url:'/je/doSave', params:{ tableCode:"XSDDMX", SPBM:sel.data.SPBM, XSDD_ID:ID, SPMC:sel.data.SPMC, DW:sel.data.DW, DJ:sel.data.XSJ, TCL:sel.data.TCL, BS:sel.data.BS, } }); }); grid.reload(); return true; } }); } else { JE.alert("请先保存主表再进行操作。"); }}
2、销售出货:功能关键点(从销售订单选择未发货商品记录)
销售出货界面
根据客户信息匹配未出货订单明细
添加出货明细按钮代码:
function(btn,event,eOpts){ var func1 = JE.getFunc('CKD'); var jeformview=func1.formview; var vals=jeformview.form.getValues(); var ZBID=vals.CKD_ID; var ID = vals.CKD_ID; var KHBM = vals.KHBM; if(JE.isNotEmpty(ZBID)){ //弹出查询选择 JE.selectWin({ title:'请选择要出货的订单商品', type:'grid', whereSql:"AND KHBM='"+KHBM+"' ", multiSelect:true,//是否多选 configInfo:'V_DDSPMX,SPBM~SPMC~DW~BM~SL~DJ~JE~BS~TCL~TCJE~DPHK~HKJE~KHSPBM~BJ~XSDDMX_ID,,M',//查询选择配置信息 callback:function(sels){ var ID2 = sels[0].data.XSDDMX_ID; //取得选中数据的主键 var func = JE.getFunc('CKMX'); //获取从表grid var grid = func.gridview; //判断是否有数据 //debugger; var data = [];//定义空数组 //循环商品数据 Ext.each(sels,function(sel){ var obj=JE.ajax({ url:'/je/doSave', params:{ tableCode:"CKMX", SPBM:sel.data.SPBM, CKD_ID:ID, SPMC:sel.data.SPMC, DW:sel.data.DW, BM:sel.data.BM, SL:sel.data.SL, DJ:sel.data.DJ, JE:sel.data.JE, BS:sel.data.BS, TCL:sel.data.TCL, DPHK:sel.data.DPHK, HKJE:sel.data.HKJE, KHSPBM:sel.data.KHSPBM, BJ:sel.data.BJ, TCJE:sel.data.TCJE, XSDDMX_ID:sel.data.XSDDMX_ID, CKBM:"CK008", CKMC:"仓库1" } }); }); grid.reload(); return true; } }); } else { JE.alert("请先保存主表再进行操作。"); }}
整个开发从建表、界面排版、字典建立、搜索设置及后台数据交互,全程在WEB端完成,不需要接触后端,总耗时约3个小时。这对一个刚接触和学习低代码框架的新手来说,我还是挺满意的,按目前来看他完成一个简单的进销存,后续还有报表及多联打印格式设置,评估下来2周时间能完成并具备上线条件。
这大大节省了像我们这种微小企业的前期人力成本,招入进来能快速上手项目,员工也不会觉得心累,工作起来更有信心。这就是优秀低代码框架的魅力!