目录
介绍
创建制造商用户界面
订单面板
订单详情面板
在Actoin中的应用程序
下一步
这是有关Teams中Power Apps开发的三部分系列文章中的第三篇文章。
介绍本系列的前两篇文章使用Teams中的Dataverse创建了我们的服务器数据控制中心。我们再次在Teams中创建了一个带有内置审批系统的客户用户界面(UI)。我们的应用程序甚至在Teams频道上发布消息，通知制造商有订单可供处理。我们的警报看起来很棒！
我们的制造团队需要一个UI，以便他们可以转发订单进行处理。我们将保持简单，但可以随意尝试。
创建制造商用户界面我们已经将这个制造商UI页面限制为制造团队成员。我们不希望任何人查看这些订单。完成后，它看起来像这样：
查看订单页面应该与应用程序的其余部分具有相同的标题。从您的其他页面之一复制并调整它。
订单面板我们从左边的订单库开始。
我们需要：
- 文本属性设置为“订单”的标签
- 为我们的画廊提供背景的矩形
- 画廊
名称
galProcessingOrders
布局
标题
数据源
HVAC_Orders
字段
ThisItem.OrderID
项
Filter(HVAC_Orders, OrderStatus = 'OrderStatus (HVAC_Orders)'.'Ready for Processing')
模板填充
If(ThisItem.IsSelected, RGBA(224,224,237,1))
一些额外的东西可以对您的应用程序产生很大的影响。模板填充和在选择时突出显示图库项目等功能可以毫不费力地改善用户体验。添加此项以我们提供的RGB颜色突出显示选定的顺序。
订单详情面板制造商选择要审核的订单后，中间面板会提供额外的订单详细信息。
然后制造商可以将订单发送给处理团队，在订单消息中添加注释。
我们已经演示了如何向Teams频道发布消息。现在，让我们看看如何向我们的处理部门发送电子邮件。
为此，我们使用了连接器Office 365 Outlook，我们在本系列的第一部分中添加了该连接器。
我们来详细看看这个OnSelect函数的email部分：
```
Office365Outlook.SendEmailV2(
"Example_Processing_Email@Example_HVAC_Company.com",
"Ready for Processing: Order " & galProcessingOrders.Selected.OrderID,
Order_Header.Text & ": " & Concat(
galOrderDetailsforProcessing.AllItems,
ProductName & ", Quantity: " & Quantity,
", "
) & ". Additional Notes: " & txtNotes.Value
);
```这里的Concat函数将我们图库中的信息转换为文本以填充电子邮件正文。我们还添加了一个文本输入框，txtNotes，带有一个Text属性设置为“Notes:”的标签。
我们将此注释框附加到我们的电子邮件中，以便我们的制造商可以为处理器添加自定义消息。我们通过添加& txtNotes.Value完成。
尽管我们对处理部门的电子邮件地址进行了硬编码，但这可以轻松地从表格、SharePoint 或其他连接器（如Office365Users）中进行查找。有很多可能性。
一旦我们点击发送进行处理，应用程序就会从与当前用户关联的电子邮件帐户发送一封电子邮件。
我们需要：
- 为中间部分提供背景的大矩形，带有边框
- 带有Text属性设置为"Order Details for " & galProcessingOrders.Selected.CustomerName标签的较小矩形
- 画廊
名称
galOrderDetailsforProcessing
布局
标题和副标题
数据源
HVAC_Ordered_Items
字段
产品名称和数量
项
Filter(HVAC_Ordered_Items, OrderID=galProcessingOrders.Selected.OrderID)
- Text属性设置为Notes的标签：
- 一个文本输入框
名称
txtNotes
工具提示
“在此处向处理团队写附加说明”
- 发送处理的按钮
文本
“发送处理”
OnSelect
修补（
HVAC_订单，
galProcessingOrders.Selected,
{OrderStatus: ' OrderStatus (HVAC_Orders)' .Processing}
);
Office365Outlook.Sen
& txtNotes.Value
);
重置（txtNotes）；
通知（
“订单发送处理”，
成功，
1000
)
此按钮将Dataverse表中的订单标记为正在处理，向处理团队发送电子邮件，并向我们的用户发送成功通知一秒钟。
您现在应该将这个中间部分组合在一起并将Visible设置为!IsBlank(galProcessingOrders)。
我们的应用程序已准备好发布！单击页面右上角的“发布到团队”。
在Actoin中的应用程序让我们来看看我们的应用程序的一些页面截图。
从仪表板或主页面，我们可以导航到Create New Order。
在我们将商品添加到我们的订单并将其发送以供批准后，应用程序会将我们返回到主页面，并带有一条包含我们订单号的消息。
在每个阶段，我们的Dataverse表都会正确更新：
管理团队的成员可以查看订单，然后将它们批量发送到右侧的面板，准备提交给制造商。或者他们可以拒绝订单。
在他们的团队频道收到通知后，制造商现在可以打开应用程序、查看订单、发表评论并将订单发送给处理团队。
下一步总之，我们想提请您注意一些功能和最终提示，这些功能和最终提示非常有助于使您的Teams中的Power Apps体验出色。
首先，有一些示例应用程序，例如Employee Ideas，它们非常适合探索、了解可能性以及对一般应用程序设计有很好的了解。
您还可以使用应用程序检查器，它会突出显示您的应用程序的任何问题。
在编写大量逻辑或编码时，我们建议您在顶部公式栏中完成您的代码并单击格式化文本：它会为您很好地格式化所有内容。选择一个对象，它会在应用程序和公式栏中对它进行颜色编码。
Microsoft提供Teams、Dataverse和Power Apps支持。各种平台上都有全面的在线资料，我们专门的开发人员群渴望在在线论坛上帮助任何有需要的人。
希望您喜欢在Teams中使用Power Apps的第一次体验。您可以像创建PowerPoint一样轻松快速地创建功能强大的应用程序。组织可以轻松地向Teams添加功能，以帮助他们完成日常工作流程。
我们构建的HVAC制造商订单应用程序应该为您提供一个跳板进行实验。扩展本教程有很多可能性。您可以创建一个查看订单页面供客户查看和修改他们的订单，或者从供应商页面创建一个订单供处理团队补充他们的供应品。
可能性是无穷无尽的——它们都可以在Power Apps中轻松快速地实现，而无需离开Teams。要开始为Teams创建独特的Power App，请探索Power Apps和Microsoft Teams集成。
查看我们的低代码应用程序开发7步指南，立即开始使用Power Apps。
https://www.codeproject.com/Articles/5303171/Build-a-Teams-Power-App-for-Manufacturing-3-Create
