案例-销售订单子表excel导入

yonyouhmm

案例整理自其他客开老师的开发成果
一、场景
客开实现在销售订单新增时，通过excel导入子表数据，然后再点保存。
注意事项，标准版此种客开方案对单次导入的数据量有要求，每次最好不要超过200

二、开发步骤
1、引入三方js插件
从网上下载即可

2、设计器增加按钮
按钮增加后如果预览看不到
先在设计器-页面配置中调整显示

然后去“角色管理”菜单，给当前用户的角色勾选按钮权限
3、前端脚本

1. loadJsXlsx(viewModel);
   
2. //分录导入--单击
   
3. createInput(viewModel);
   
4. 
   
5. function loadJsXlsx(viewModel) {
   
6.     //动态引入js-xlsx库
   
7.     var secScript = document.createElement('script');
   
8.     //保存传入的viewModel对象
   
9.     // window.viewModelInfo = viewModel;
   
10. 
    
11.     secScript.setAttribute('type', 'text/javascript');
    
12.     //传入文件地址 subId:应用ID
    
13.     secScript.setAttribute('src', `/iuap-yonbuilder-runtime/opencomponentsystem/public/SCMSA/xlsx.core.min.js?domainKey=developplatform`);
    
14.     document.body.insertBefore(secScript, document.body.lastChild);
    
15. }
    
16. 
    
17. function createInput(viewModel) {
    
18.     var fileInput = document.createElement('input');
    
19.     fileInput.id = 'file_input_info';
    
20.     fileInput.type = 'file';
    
21.     fileInput.style = 'display:none';
    
22.     document.body.insertBefore(fileInput, document.body.lastChild);
    
23. 
    
24.     //给文件input注册改变事件
    
25.     document.getElementById('file_input_info').addEventListener('change', function (e) {
    
26.         var files = e.target.files;
    
27. 
    
28.         if (files.length == 0) return;
    
29. 
    
30.         var filesData = files[0];
    
31. 
    
32.         readWorkbookFromLocalFile(filesData, function (workbook) {
    
33.             readWorkbook(workbook, viewModel);
    
34.             document.getElementById('file_input_info').value = "";
    
35.         });
    
36.     });
    
37. }
    
38. 
    
39. //触发文件点击事件
    
40. function selectFile() {
    
41.     document.getElementById('file_input_info').click();
    
42. }
    
43. 
    
44. //读取本地excel文件
    
45. function readWorkbookFromLocalFile(file, callback) {
    
46.     var reader = new FileReader();
    
47. 
    
48.     reader.onload = function (e) {
    
49.         var localData = e.target.result;
    
50.         var workbook = XLSX.read(localData, { type: 'binary' });
    
51.         if (callback) callback(workbook);
    
52.     };
    
53.     reader.readAsBinaryString(file);
    
54. }
    
55. 
    
56. //读取excel里面数据，进行缓存
    
57. function readWorkbook(workbook, viewModel) {
    
58.     var sheetNames = workbook.SheetNames; // 工作表名称集合
    
59.     const workbookDatas = [];
    
60.     let sheetNamesItem = sheetNames[0];
    
61.     workbookDatas[0] = XLSX.utils.sheet_to_json(workbook.Sheets[sheetNamesItem]);
    
62.     let workbookData = workbookDatas[0];
    
63.     let DataCount = workbookData.length;
    
64. 
    
65.     //循环获取的excel物料编码值，获取物料对应信息
    
66.     let QryMatInParm = [];
    
67.     for (let i = 0; i < DataCount; i++) {
    
68. 
    
69.         let workbookDataInfo = workbookData[i];
    
70. 
    
71.         let ProductCode = workbookDataInfo.商品编码;
    
72.         QryMatInParm.push(ProductCode);
    
73.     }
    
74. 
    
75.     let RtMatInfo = [];
    
76.     //根据物料编码集合获取物料的信息
    
77.     cb.rest.invokeFunction("SCMSA.BackScript.SOQueryMatInfo", { codes: QryMatInParm },
    
78.         function (err, res) {
    
79.             console.log(err);
    
80.             console.log(res);
    
81.             RtMatInfo = res["res"];
    
82. 
    
83.             //批量插入行传入参数
    
84.             let InParms = [];
    
85. 
    
86.             //获取单据日期
    
87.             const PlanDate = viewModel.get('vouchdate').getValue();
    
88. 
    
89.             //组织
    
90.             const salesOrgId = viewModel.get('salesOrgId').getValue();
    
91.             const salesOrgId_code = viewModel.get('salesOrgId_code').getValue();
    
92.             const salesOrgId_name = viewModel.get('salesOrgId_name').getValue();
    
93. 
    
94.             for (let i = 0; i < DataCount; i++) {
    
95.                 let InParm = {};
    
96.                 let workbookDataInfo = workbookData[i];
    
97. 
    
98.                 let ProductCode = "";
    
99.                 ProductCode = workbookDataInfo.商品编码;
    
100.                 InParm.realProductCode = ProductCode;
     
101.                 InParm.productCode = ProductCode;
     
102. 
     
103.                 //根据物料获取物料的信息
     
104.                 const MatResult = RtMatInfo.find(item => item.code == ProductCode);
     
105. 
     
106.                 if (MatResult !== undefined) {
     
107.                     //商品名称
     
108.                     const name = MatResult.name;
     
109.                     InParm.productName = name;
     
110. 
     
111.                     //商品id
     
112.                     let productId = MatResult.id;
     
113.                     // productId="1944077975384227800";
     
114.                     InParm.productId = productId;
     
115.                     // InParm.realProductCode = productId;
     
116. 
     
117.                     //销售单位
     
118.                     const batchUnit = MatResult.batchUnitName;
     
119.                     InParm.productAuxUnitName = batchUnit;
     
120. 
     
121.                     //计价单位
     
122.                     const batchPriceUnit = MatResult.batchPriceUnitName;
     
123.                     InParm.productUnitName = batchPriceUnit;
     
124. 
     
125.                     //税率
     
126.                     const outTaxrate = MatResult.outTaxrate;
     
127.                     const outTaxrateName = MatResult.outTaxrateName;
     
128.                     const outTaxrateCode = MatResult.outTaxrateCode;
     
129.                     if (outTaxrate !== undefined) {
     
130.                         InParm.taxId = outTaxrate;
     
131. 
     
132.                     }
     
133. 
     
134.                     if (outTaxrate !== undefined) {
     
135.                         InParm.taxRate = outTaxrateName;
     
136.                     }
     
137. 
     
138.                     if (outTaxrate !== undefined) {
     
139.                         InParm.taxCode = outTaxrateCode;
     
140.                     }
     
141.                 }
     
142. 
     
143.                 //计划发货日期
     
144.                 InParm.consignTime = PlanDate;
     
145. 
     
146.                 //库存组织
     
147.                 InParm.stockOrgId_name = salesOrgId_name;
     
148.                 InParm.stockOrgId_code = salesOrgId_code;
     
149.                 InParm.stockOrgId = salesOrgId;
     
150. 
     
151.                 //开票组织
     
152.                 InParm.settlementOrgId_name = salesOrgId_name;
     
153.                 InParm.settlementOrgId_code = salesOrgId_code;
     
154.                 InParm.settlementOrgId = salesOrgId;
     
155. 
     
156.                 // InParm.subQty = workbookDataInfo.数量;
     
157.                 InParms.push(InParm);
     
158.             }
     
159. 
     
160.             //获取表格现有行数
     
161.             let AllRows = viewModel.getGridModel("orderDetails").getRows();
     
162.             let RowCount = AllRows.length;
     
163. 
     
164.             viewModel.getGridModel("orderDetails").insertRows(RowCount, InParms);
     
165. 
     
166.             let BatchSetArr = [];
     
167.             for (let j = 0; j < DataCount; j++) {
     
168.                 let workbookDataInfo1 = workbookData[j];
     
169.                 const subQty = workbookDataInfo1.数量;
     
170. 
     
171.                 let IndexRow = j + RowCount;
     
172.                 //批量更新数量字段
     
173.                 viewModel.getGridModel("orderDetails").setCellValue(IndexRow, "subQty", subQty, true);
     
174. 
     
175.                 let BatchSetObj = {};
     
176.                 BatchSetObj.rowIndex = j;
     
177.                 BatchSetObj.cellName = "subQty";
     
178.                 BatchSetObj.value = subQty;
     
179.                 BatchSetObj.check = true;
     
180.                 BatchSetArr.push(BatchSetObj);
     
181.             }
     
182. 
     
183.             //设置表头本币信息
     
184.             viewModel.get('orderPrices!natCurrency').setValue('1915846150329466908');
     
185.             viewModel.get('orderPrices!domesticName').setValue('人民币');
     
186.             viewModel.get('orderPrices!domesticCode').setValue('CNY');
     
187.             // viewModel.getGridModel("orderDetails").setCellValues(BatchSetArr);
     
188.         });
     
189. }
     
190. //点击按钮上传excel
     
191. viewModel.get('button138jf').on('click', function (data) {
     
192.         selectFile();
     
193.     });

复制代码

4、api函数

1. let AbstractAPIHandler = require('AbstractAPIHandler');
   
2. class MyAPIHandler extends AbstractAPIHandler {
   
3.     execute(request) {
   
4.         const matCodes = request.codes;
   
5.         let CodeCount = matCodes.length;
   
6.         let TotCodeStr = "";
   
7.         for (let i = 0; i < CodeCount; i++) {
   
8.             const MatCode = matCodes[i];
   
9.             TotCodeStr += "'" + MatCode + "',"
   
10.         }
    
11. 
    
12.         TotCodeStr += "'final'";
    
13. 
    
14.         //物料详情信息
    
15. 
    
16.         let QryInfos = ObjectStore.queryByYonQL("select id,code,name"
    
17.             + " from pc.product.Product where code in(" + TotCodeStr + ")", "productcenter");
    
18.         QryInfos.forEach(function (QryInfo) {
    
19.             let QryUnitInfos = ObjectStore.queryByYonQL("select batchPriceUnit,batchUnit,outTaxrate"
    
20.                 + " from pc.product.ProductDetail where productId ='" + QryInfo.id + "'", "productcenter");
    
21.                
    
22.             const batchUnitId= QryUnitInfos[0].batchUnit;
    
23.             const batchPriceUnitId= QryUnitInfos[0].batchPriceUnit;
    
24.             const outTaxrateId= QryUnitInfos[0].outTaxrate;
    
25.             
    
26.             QryInfo.batchPriceUnit = batchPriceUnitId;
    
27.             QryInfo.batchUnit = batchUnitId;
    
28.             QryInfo.outTaxrate = outTaxrateId;
    
29.             
    
30.             //根据销售单位id获取单位名称和编码
    
31.         let QrybatchUnitInfos = ObjectStore.queryByYonQL("select code,name from pc.unit.Unit where id='" + batchUnitId + "'");
    
32.         const batchUnitName = QrybatchUnitInfos[0].name;
    
33.         const batchUnitCode = QrybatchUnitInfos[0].code;
    
34.         QryInfo.batchUnitName=batchUnitName;
    
35.          QryInfo.batchUnitCode=batchUnitCode;
    
36.          
    
37.          //根据计量单位id获取单位名称和编码
    
38.           let QrybatchPriceUnitInfos = ObjectStore.queryByYonQL("select code,name from pc.unit.Unit where id='" + batchPriceUnitId + "'");
    
39.         const batchPriceUnitName = QrybatchPriceUnitInfos[0].name;
    
40.         const batchPriceUnitCode = QrybatchPriceUnitInfos[0].code;
    
41.         QryInfo.batchPriceUnitName=batchPriceUnitName;
    
42.          QryInfo.batchPriceUnitCode=batchPriceUnitCode;
    
43.          
    
44.          if(outTaxrateId!==undefined){
    
45.             //根据税率id获取税率编码和名称
    
46.         let QryoutTaxrateInfos = ObjectStore.queryByYonQL("select code,ntaxrate from archive.taxArchives.TaxRateArchive where id='" + outTaxrateId + "'");
    
47.         const outTaxrateName = QryoutTaxrateInfos[0].ntaxrate;
    
48.         const outTaxrateCode = QryoutTaxrateInfos[0].code;
    
49.         QryInfo.outTaxrateName=outTaxrateName;
    
50.          QryInfo.outTaxrateCode=outTaxrateCode;
    
51.          }
    
52.         });
    
53. 
    
54.         return { res: QryInfos };
    
55.     }
    
56. }
    
57. exports({ "entryPoint": MyAPIHandler });

复制代码