自定义 SAP 采购订单屏幕

最新推荐文章于 2024-08-15 00:20:04 发布

Liquid UI

最新推荐文章于 2024-08-15 00:20:04 发布

阅读量749

点赞数

文章标签： ui sap 自动化

原文链接：https://blogs.sap.com/2022/02/22/customized-sap-purchase-order-screens/

版权

本文介绍了如何利用LiquidUI平台为SAPGUI创建自定义和简化的采购流程。通过删除ActiveX容器，添加分组框和按钮，用户可以从SAP EasyAccess屏幕直接导航到六个不同的采购订单和申请屏幕。同时，使用基于Javascript的Web脚本WS对屏幕进行条件化定制，包括更改标题和删除不必要的字段，从而提高操作效率和界面清晰度。

摘要由CSDN通过智能技术生成

由于这是我的第一篇博客文章，因此我想使用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>