自定义 SAP 采购订单屏幕

由于这是我的第一篇博客文章，因此我想使用Liquid UI在SAP Easy Access屏幕上向您展示简化的SAP流程。Liquid UI 是一个企业平台，供 SAP 用户创建简化且自动化的 SAP 业务流程。此外，您可以整合屏幕/选项卡，并将多个事务合并到一个无缝的业务流程中，以简化工作流程。

通常，SAP 用户面临着以下挑战：

提高运营效率
在整个车队维护过程中实现透明度和可见性
简化复杂的屏幕和数据输入过程
跟踪 SAP 系统中的复杂工作订单
维护整个交易过程的安全性

Liquid UI：

适用于 SAP GUI 的 Liquid UI 通过简化关键任务（如手动输入通知、工作订单、部件保证、里程表读数和其他业务流程）来提供自定义和简化的 SAP 流程。在这里，Liquid UI使用基于Javascript的Web脚本WS来自定义SAP屏幕。Web 脚本使用面向对象的编程概念来重用各种 SAP 屏幕脚本文件中的脚本、对象和函数。

SAP 定制的事务处理流程有助于对工作流程进行适当的检查和维护，从而提高效率。

简化的 SAP 流程

在此方案中，您将学习如何在 SAP 轻松访问屏幕上创建启动板，从该屏幕将导航到各种自定义的采购订单和采购申请屏幕。只需完成以下步骤，即可了解 SAP 屏幕上的自定义项以及自定义项后的工作过程。

自定义 SAP 轻松访问屏幕
1. 删除 Activex 容器
2. 添加分组框
3. 添加六个按钮以导航到各种采购订单屏幕
自定义采购订单屏幕
1. 添加条件化脚本以在相应的采购订单屏幕中应用所需的 UI 更改
2. UI 更改，例如更改标题，以及删除相应屏幕上不必要的字段
简化的 SAP 流程

步骤 1：自定义 SAP 轻松访问屏幕

现在，创建此文件（SAPLSMTR_NAVIGATION。E0100.sjs）中的脚本文件夹中，用于自定义 SAP 轻松访问屏幕，并在文件中添加以下脚本。

1、首先，使用 del 命令在 SAP 轻松访问屏幕上删除映像容器。

在 SAP 轻松访问屏幕上删除映像容器

2、然后添加一个分组框来放置按钮，从而创建一个启动板以导航到采购订单屏幕。

//Creates a groupbox with “Purchase Order/Purchase Requisition” as a title
box([1,1],[7,36], "Purchase Order/Purchase Requisition");

在屏幕上创建的组框中添加六个按钮，以浏览六个不同的采购订单和申请屏幕，如下所示。

<span style="background-color:#f5f2f0"><span style="color:black"><code class="language-javascript"><span style="color:slategray">//Creates pushbuttons that navigates you to Purchase Order screens</span>
<span style="color:#dd4a68">pushbutton</span><span style="color:#999999">(</span><span style="color:#999999">[</span><span style="color:#990055">2</span><span style="color:#999999">,</span><span style="color:#990055">3</span><span style="color:#999999">]</span><span style="color:#999999">,</span> <span style="color:#669900">"ME21N"</span><span style="color:#999999">,</span> <span style="color:#669900">'/nME21N'</span><span style="color:#999999">,</span> <span style="color:#999999">{</span><span style="color:#669900">'size'</span><span style="color:#999999">:</span><span style="color:#999999">[</span><span style="color:#990055">1</span><span style="color:#999999">,</span><span style="color:#990055">15</span><span style="color:#999999">]</span><span style="color:#999999">}</span><span style="color:#999999">)</span><span style="color:#999999">;</span>
<span style="color:#dd4a68">pushbutton</span><span style="color:#999999">(</span><span style="color:#999999">[</span><span style="color:#990055">4</span><span style="color:#999999">,</span><span style="color:#990055">3</span><span style="color:#999999">]</span><span style="color:#999999">,</span> <span style="color:#669900">"ME22N"</span><span style="color:#999999">,</span> <span style="color:#669900">'/nME22N'</span><span style="color:#999999">,</span> <span style="color:#999999">{</span><span style="color:#669900">'size'</span><span style="color:#999999">:</span><span style="color:#999999">[</span><span style="color:#990055">1</span><span style="color:#999999">,</span><span style="color:#990055">15</span><span style="color:#999999">]</span><span style="color:#999999">}</span><span style="color:#999999">)</span><span style="color:#999999">;</span>
<span style="color:#dd4a68">pushbutton</span><span style="color:#999999">(</span><span style="color:#999999">[</span><span style="color:#990055">6</span><span style="color:#999999">,</span><span style="color:#990055">3</span><span style="color:#999999">]</span><span style="color:#999999">,</span> <span style="color:#669900">"ME23N"</span><span style="color:#999999">,</span> <span style="color:#669900">'/nME23N'</span><span style="color:#999999">,</span> <span style="color:#999999">{</span><span style="color:#669900">'size'</span><span style="color:#999999">:</span><span style="color:#999999">[</span><span style="color:#990055">1</span><span style="color:#999999">,</span><span style="color:#990055">15</span><span style="color:#999999">]</span><span style="color:#999999">}</span><span style="color:#999999">)</span><span style="color:#999999">;</span>
<span style="color:#dd4a68">pushbutton</span><span style="color:#999999">(</span><span style="color:#999999">[</span><span style="color:#990055">2</span><span style="color:#999999">,</span><span style="color:#990055">20</span><span style="color:#999999">]</span><span style="color:#999999">,</span> <span style="color:#669900">"ME51N"</span><span style="color:#999999">,</span> <span style="color:#669900">'/nME51N'</span><span style="color:#999999">,</span> <span style="color:#999999">{</span><span style="color:#669900">'size'</span><span style="color:#999999">:</span><span style="color:#999999">[</span><span style="color:#990055">1</span><span style="color:#999999">,</span><span style="color:#990055">15</span><span style="color:#999999">]</span><span style="color:#999999">}</span><span style="color:#999999">)</span><span style="color:#999999">;</span>
<span style="color:#dd4a68">pushbutton</span><span style="color:#999999">(</span><span style="color:#999999">[</span><span style="color:#990055">4</span><span style="color:#999999">,</span><span style="color:#990055">20</span><span style="color:#999999">]</span><span style="color:#999999">,</span> <span style="color:#669900">"ME52N"</span><span style="color:#999999">,</span> <span style="color:#669900">'/nME52N'</span><span style="color:#999999">,</span> <span style="color:#999999">{</span><span style="color:#669900">'size'</span><span style="color:#999999">:</span><span style="color:#999999">[</span><span style="color:#990055">1</span><span style="color:#999999">,</span><span style="color:#990055">15</span><span style="color:#999999">]</span><span style="color:#999999">}</span><span style="color:#999999">)</span><span style="color:#999999">;</span>
<span style="color:#dd4a68">pushbutton</span><span style="color:#999999">(</span><span style="color:#999999">[</span><span style="color:#990055">6</span><span style="color:#999999">,</span><span style="color:#990055">20</span><span style="color:#999999">]</span><span style="color:#999999">,</span> <span style="color:#669900">"ME53N"</span><span style="color:#999999">,</span> <span style="color:#669900">'/nME53N'</span><span style="color:#999999">,</span> <span style="color:#999999">{</span><span style="color:#669900">'size'</span><span style="color:#999999">:</span><span style="color:#999999">[</span><span style="color:#990055">1</span><span style="color:#999999">,</span><span style="color:#990055">15</span><span style="color:#999999">]</span><span style="color:#999999">}</span><span style="color:#999999">)</span><span style="color:#999999">;</span></code></span></span>

步骤2：自定义采购订单屏幕

现在，使用 WS 脚本向采购订单屏幕添加一些自定义项。由于采购订单和申请屏幕具有相同的脚本文件名，因此我们可以根据交易代码对这些屏幕进行条件化并添加所需的自定义项，从而单独识别这些屏幕。在这里，我通过将所需文本附加到现有标题来更改屏幕标题，并删除了不必要的字段，如相应屏幕上的工具栏按钮和输入字段，如下所示。您可以根据业务需求对 SAP 屏幕进行更改。

创建此文件（SAPLMEGUI.E0014.sjs）中的脚本文件夹中，用于自定义采购订单屏幕，并添加以下脚本以显示各种自定义的采购订单屏幕。

<span style="background-color:#f5f2f0"><span style="color:black"><code class="language-javascript"><span style="color:slategray">// User Interface</span>
<span style="color:#0077aa">if</span><span style="color:#999999">(</span>_transaction <span style="background-color:rgba(255, 255, 255, 0.5)"><span style="color:#9a6e3a">==</span></span> <span style="color:#669900">'ME21N'</span> <span style="background-color:rgba(255, 255, 255, 0.5)"><span style="color:#9a6e3a">||</span></span> _transaction <span style="background-color:rgba(255, 255, 255, 0.5)"><span style="color:#9a6e3a">==</span></span> <span style="color:#669900">'ME22N'</span> <span style="background-color:rgba(255, 255, 255, 0.5)"><span style="color:#9a6e3a">||</span></span> _transaction <span style="background-color:rgba(255, 255, 255, 0.5)"><span style="color:#9a6e3a">==</span></span> <span style="color:#669900">'ME23N'</span> <span style="background-color:rgba(255, 255, 255, 0.5)"><span style="color:#9a6e3a">||</span></span>_transaction <span style="background-color:rgba(255, 255, 255, 0.5)"><span style="color:#9a6e3a">==</span></span> <span style="color:#669900">'ME51N'</span> <span style="background-color:rgba(255, 255, 255, 0.5)"><span style="color:#9a6e3a">||</span></span> _transaction <span style="background-color:rgba(255, 255, 255, 0.5)"><span style="color:#9a6e3a">==</span></span> <span style="color:#669900">'ME52N'</span> <span style="background-color:rgba(255, 255, 255, 0.5)"><span style="color:#9a6e3a">||</span></span> _transaction <span style="background-color:rgba(255, 255, 255, 0.5)"><span style="color:#9a6e3a">==</span></span> <span style="color:#669900">'ME53N'</span> <span style="color:#999999">)</span> <span style="color:#999999">{</span><span style="color:slategray">// Differentiate between Purchase Order(PO) and Purchase Requisition(PR) screens</span><span style="color:#0077aa">if</span><span style="color:#999999">(</span><span style="background-color:rgba(255, 255, 255, 0.5)"><span style="color:#9a6e3a"><</span></span><span style="color:#669900">'F[Doc. date]'</span><span style="background-color:rgba(255, 255, 255, 0.5)"><span style="color:#9a6e3a">></span></span><span style="color:#999999">.</span>isValid<span style="color:#999999">)</span> <span style="color:#999999">{</span>                                 <span style="color:slategray">// PO Transaction</span><span style="color:#0077aa">if</span><span style="color:#999999">(</span><span style="background-color:rgba(255, 255, 255, 0.5)"><span style="color:#9a6e3a">!</span></span><span style="background-color:rgba(255, 255, 255, 0.5)"><span style="color:#9a6e3a"><</span></span><span style="color:#669900">'F[Doc. date]'</span><span style="background-color:rgba(255, 255, 255, 0.5)"><span style="color:#9a6e3a">></span></span><span style="color:#999999">.</span>isprotected<span style="color:#999999">)</span> <span style="color:#999999">{</span>                     <span style="color:slategray">// Create PO Transaction</span><span style="color:slategray">// Create PO Interface Code goes here</span><span style="color:#dd4a68">title</span><span style="color:#999999">(</span>_title <span style="background-color:rgba(255, 255, 255, 0.5)"><span style="color:#9a6e3a">+</span></span> <span style="color:#669900">' - Liquid UI Screen'</span><span style="color:#999999">)</span><span style="color:#999999">;</span><span style="color:#dd4a68">del</span><span style="color:#999999">(</span><span style="color:#669900">'P[Personal Setting]'</span><span style="color:#999999">)</span><span style="color:#999999">;</span>   <span style="color:slategray">// Toolbar Pushbutton</span><span style="color:#dd4a68">del</span><span style="color:#999999">(</span><span style="color:#669900">'F[Vendor]'</span><span style="color:#999999">)</span><span style="color:#999999">;</span><span style="color:#999999">}</span> <span style="color:#0077aa">else</span> <span style="color:#999999">{</span>                                     <span style="color:slategray">// Change or Display PO Transaction</span><span style="color:#0077aa">if</span><span style="color:#999999">(</span><span style="background-color:rgba(255, 255, 255, 0.5)"><span style="color:#9a6e3a"><</span></span><span style="color:#669900">'P[Check]'</span><span style="background-color:rgba(255, 255, 255, 0.5)"><span style="color:#9a6e3a">></span></span><span style="color:#999999">.</span>isValid<span style="color:#999999">)</span> <span style="color:#999999">{</span>                       <span style="color:slategray">// Change PO Transaction</span><span style="color:slategray">// Change PO Interface Code goes here</span><span style="color:#dd4a68">title</span><span style="color:#999999">(</span>_title <span style="background-color:rgba(255, 255, 255, 0.5)"><span style="color:#9a6e3a">+</span></span> <span style="color:#669900">' - Liquid UI Screen'</span><span style="color:#999999">)</span><span style="color:#999999">;</span><span style="color:#999999">}</span> <span style="color:#0077aa">else</span> <span style="color:#999999">{</span>                                    <span style="color:slategray">// Display PO Transaction</span><span style="color:slategray">// Display PO Interface Code goes here</span><span style="color:#dd4a68">title</span><span style="color:#999999">(</span>_title <span style="background-color:rgba(255, 255, 255, 0.5)"><span style="color:#9a6e3a">+</span></span> <span style="color:#669900">' - Liquid UI Screen'</span><span style="color:#999999">)</span><span style="color:#999999">;</span><span style="color:#999999">}</span><span style="color:#999999">}</span><span style="color:#999999">}</span> <span style="color:#0077aa">else</span> <span style="color:#999999">{</span><span style="color:#dd4a68">title</span><span style="color:#999999">(</span>_title <span style="background-color:rgba(255, 255, 255, 0.5)"><span style="color:#9a6e3a">+</span></span> <span style="color:#669900">' - Liquid UI Screen'</span><span style="color:#999999">)</span><span style="color:#999999">;</span><span style="color:slategray">// PR Transaction</span><span style="color:#999999">}</span>
</code></span></span>

Step3：简化采购订单屏幕的 SAP 流程

现在，检查简化的 SAP 流程，该流程可从“轻松访问”屏幕直接导航到相应的自定义采购订单屏幕。

保存屏幕脚本文件后，刷新 SAP 轻松访问屏幕，您将看到其中的以下更改。

2.单击启动板上的 ME21N 按钮导航到“采购订单”屏幕，您可以在其中找到 WS 脚本中定义的修改后的屏幕标题。3. 然后，如果单击启动板上的 ME51N 按钮，您将导航到“采购订单”屏幕。在这里，您将找到在 WS 脚本中定义的修改后的屏幕标题。

同样，您可以单击导航到相应屏幕的组框中添加的其他按钮。此外，您可以使用 WS 脚本根据需要在 PO 屏幕中进行更改。

希望你喜欢这篇文章。

我很高兴能够添加更详细的博客文章，介绍更简化的交易流程，这将有助于SAP用户。