组件版设计器结合jsLPSolver实现规划求解 - part3

接上文：组件版设计器结合jsLPSolver实现规划求解 - part2
本篇文章主要介绍如何将jsLPSolver与弹窗结合，实现规划求解。

1、
在part1中为了更便于理解问题，我们做了一个表，如下图：

那么首先就先将这些数据初始化在designer中。
代码如下：

1. var sheet = spread.getActiveSheet();
   
2.                 var arr = [["飞机", "容量", "数量", "容纳人数", "费用"], ["美国", 30000, 1, 16, 9000], ["英国", 20000, 1, 8, 5000], ["总", null, null, null, null]];
   
3.                 sheet.setArray(1, 1, arr);
   
4.                 sheet.setFormula(4, 2, "=C3*D3+C4*D4");
   
5.                 sheet.getRange(1, 1, 4, 5).setBorder(new GC.Spread.Sheets.LineBorder("black", GC.Spread.Sheets.LineStyle.thin), { all:true });
   
6.                 sheet.getRange(1, 1, 1, 5).backColor("green").foreColor("white");

复制代码

2、
在弹窗中内输入数据后，点击确认按钮可以获取到我们填写的数据（result）。
此时结合jsLPSolver, 将获取的数据进行计算，获取最优值。
这里需要注意，为了灵活应用选择的数据，需要对 jsLPSolver 中model进行json拼接，
然后执行Solve方法。
代码如下：

1. // 定义option，初始化显示
   
2.     var option = {
   
3.         radioValue: "max",
   
4.         compare1: "max",
   
5.         compare2: "max",
   
6.         compare3: "max",
   
7.         target1: "请输入最优目标值1（容量）",
   
8.         target2: "请输入最优目标值2（容量）",
   
9.         optimalQuantity1: "最终计算值1单元格",
   
10.         optimalQuantity2: "最终计算值2单元格",
    
11.         person1: "请输入可容纳人数",
    
12.         person2: "请输入可容纳人数",
    
13.         cost1: "请输入运输成本",
    
14.         cost2: "请输入运输成本",
    
15.         dialogOption: {
    
16.             activeTab: "solverTab"
    
17.         }
    
18.     }

复制代码

1. // 点击弹窗确认按钮后执行的代码逻辑
   
2.     GC.Spread.Sheets.Designer.showDialog("newTab", option, (result) => {
   
3.         console.log(result);
   
4.         var sheet = spread.getActiveSheet();
   
5.         var range1 = sheet.getRange(getRangeStr(result.target1));
   
6.         var range2 = sheet.getRange(getRangeStr(result.target2));
   
7.         var range3 = sheet.getRange(getRangeStr(result.optimalQuantity1));// 最终计算美国飞机数量
   
8.         var range4 = sheet.getRange(getRangeStr(result.person1));
   
9.         var range5 = sheet.getRange(getRangeStr(result.cost1));
   
10.         var range6 = sheet.getRange(getRangeStr(result.optimalQuantity2));// 最终计算英国飞机数量
    
11.         var range7 = sheet.getRange(getRangeStr(result.person2));
    
12.         var range8 = sheet.getRange(getRangeStr(result.cost2));
    
13. 
    
14.         sheet.suspendPaint();
    
15.         var target1value = sheet.getValue(range1.row, range1.col);
    
16.         var target2value = sheet.getValue(range2.row, range2.col);
    
17.         var person1value = sheet.getValue(range4.row, range4.col);
    
18.         var cost1value = sheet.getValue(range5.row, range5.col);
    
19.         var person2value = sheet.getValue(range7.row, range7.col);
    
20.         var cost2value = sheet.getValue(range8.row, range8.col);
    
21.         sheet.resumePaint();
    
22. 
    
23.         // 赋值给model
    
24.         var att1 = "capacity";
    
25.         var att2 = "plane";
    
26.         var att3 = "person";
    
27.         var att4 = "cost";
    
28.         //约束条件 类型
    
29.         var cons1Type = result.compare1; // 或max、min、equal
    
30.         var cons2Type = result.compare2;
    
31.         var cons3Type = result.compare3;
    
32.         var cons1Value = Number(result.quantityNumber);//44
    
33.         var cons2Value = Number(result.personNumber);//512
    
34.         var cons3Value = Number(result.costNumber);//300000
    
35.         //优化类型
    
36.         var onTypeValue = result.radioValue;
    
37. 
    
38.         var myModel = {};
    
39.         // 优化，对应的变量名，如：利润 profit
    
40.         myModel.optimize = att1;
    
41.         // 优化类型，max 或 min
    
42.         myModel.opType = onTypeValue;
    
43. 
    
44.         // 变量，根据实际情况动态添加
    
45.         myModel.variables = {};
    
46. 
    
47.         var var1 = {};
    
48.         var1[att1] = target1value;
    
49.         var1[att2] = 1;
    
50.         var1[att3] = person1value;
    
51.         var1[att4] = cost1value;
    
52.         myModel.variables.var1Name = var1;
    
53. 
    
54.         var var2 = {};
    
55.         var2[att1] = target2value;
    
56.         var2[att2] = 1;
    
57.         var2[att3] = person2value;
    
58.         var2[att4] = cost2value;
    
59.         myModel.variables.var2Name = var2;
    
60. 
    
61.         // 约束条件
    
62.         myModel.constraints = {};
    
63. 
    
64.         var cons1Name = {};
    
65.         cons1Name[cons1Type] = cons1Value;
    
66.         myModel.constraints[att2] = cons1Name;
    
67. 
    
68.         var cons2Name = {};
    
69.         cons2Name[cons2Type] = cons2Value;
    
70.         myModel.constraints[att3] = cons2Name;
    
71. 
    
72.         var cons3Name = {};
    
73.         cons3Name[cons3Type] = cons3Value;
    
74.         myModel.constraints[att4] = cons3Name;
    
75. 
    
76.         var myResult = mySolver.Solve(myModel);
    
77.         console.log(myResult)
    
78.         //解析结果，给单元格赋值
    
79.         sheet.suspendPaint();
    
80.         sheet.setValue(range3.row, range3.col, myResult.var1Name);
    
81.         sheet.setValue(range6.row, range6.col, myResult.var2Name);
    
82.         sheet.resumePaint();
    
83.     })

复制代码

输入数据测试一下（操作步骤请参考下方动图）:
打印输出 result 可以看到，我们在弹窗中填写/选择的数据已经获取到。
打印输出 myResult，可以获取到最佳分配方案和最优值。

3、
最后我们使用setValue方法将myResult赋值，实现自动完成规划求解。

1. sheet.suspendPaint();
   
2.         sheet.setValue(range3.row, range3.col, myResult.var1Name);
   
3.         sheet.setValue(range6.row, range6.col, myResult.var2Name);
   
4.         sheet.resumePaint();

复制代码

完整操作步骤见下方动图，完整demo请参考附件demo（Vue版本）

本篇文章只是做简单示例，有很多因素暂未考虑，仅作参考作用。
大家可以结合自己业务情况进一步调研完善下。