作業オーダー編集ページで添付コンポーネントを更新するにはどうすればよいですか。

作業オーダーの添付コンポーネントを更新するには、次のステップに従います。

oj-sp-attachments-simpleコンポーネント(作業オーダー編集/詳細ページで使用)を使用するかわりに、oj-sp-attachmentsコンポーネント(SRで使用)を使用するには、次のステップに従います:

「作業オーダー」ページにナビゲートします。
「ユーザー・プロファイル」をクリックします。
「管理」セクションで「Visual Builder Studioの編集ページ」を選択します。
VSBにログオンします。
プロジェクト名を入力し、「作成」をクリックします。
VBSで、「Oracle CX Service UI拡張アプリ >サービス > fieldsvc >詳細」を展開してWO詳細ページにナビゲートします。
「詳細」タブをクリックします。
「構造」タブをクリックします。
HTML DOM構造で、containerLayout1を選択します。
プロパティ・パネルにレイアウト構造が表示されます。
コンテナ・レイアウトの重複レイアウトを作成します。
case1の名前をcase2に変更します。
追加アイコンをクリックし、NewAttachmentsという新しいセクションを追加します。
上矢印を使用して、NewAttachmentsセクションを移動し、PartsSummaryTemplateの下に配置します。
古いAttachmentTemplateセクションの横にある「削除」ボタンをクリックして削除します。
新しいNewAttachmentsセクションをクリックして開きます。
oj-collapsibleコンポーネントをセクション・テンプレートに追加します。
「添付ファイル」コンポーネントを追加します。

テンプレート内に次のコードを追加します:

<oj-collapsible>
    <div slot="header" class="oj-typography-heading-xs oj-sm-padding-3x-bottom">
       <span tabindex="0">
           <oj-bind-text value="[[$translations.fsvc['attachments']]]">
           </oj-bind-text>
       </span>
     </div>
     <oj-defer>
       <oj-sp-attachments class="oj-flex-item oj-sm-12 oj-md-12"
         category="MISC"
         view.endpoint="[[ 'oracle_cx_serviceUI:fsRestApiGroup/getall_customerWorkOrders-Attachment' ]]"
         view.endpoint-params="[[$variables.attachmentsEndpointParams1]]"
 
         background-tracker.endpoint="[[  'oracle_cx_serviceUI:applcoreApi/docTracker']]"
         background-upload.endpoint="[[ 'oracle_cx_serviceUI:applcoreApi/upload' ]]"
 
         create.endpoint="[[ 'oracle_cx_serviceUI:fsRestApiGroup/create_customerWorkOrders-Attachment' ]]"
         create.endpoint-params="[[$variables.attachmentsEndpointParams1]]"
 
         delete.endpoint="[[ 'oracle_cx_serviceUI:fsRestApiGroup/delete_customerWorkOrders-Attachment' ]]"
         delete.endpoint-params="[[$variables.attachmentsEndpointParams1]]"
         delete.endpoint-attachment-param-name="customerWorkOrders_Attachment_Id"
 
         download.endpoint="[[ 'oracle_cx_serviceUI:fsRestApiGroup/get_customerWorkOrders-Attachment-FileContents' ]]"
         download.endpoint-params="[[$variables.attachmentsEndpointParams1]]"
         download.endpoint-attachment-param-name="customerWorkOrders_Attachment_Id"
 
         edit.endpoint="[[ 'oracle_cx_serviceUI:fsRestApiGroup/update_customerWorkOrders-Attachment' ]]"
         edit.endpoint-params="[[$variables.attachmentsEndpointParams1]]"
         edit.endpoint-attachment-param-name="customerWorkOrders_Attachment_Id"
 
         categories.endpoint="[[ 'oracle_cx_serviceUI:applcoreApi/getAttachCategory' ]]"
    
         preview.endpoint="[[ 'oracle_cx_serviceUI:fsRestApiGroup/getall_customerWorkOrders-Attachment-AttachmentsPreview' ]]"
         preview.endpoint-params="[[$variables.attachmentsEndpointParams1]]"
         preview.endpoint-attachment-param-name="customerWorkOrders_Attachment_Id"
 
         display-options.category-for-create="SELECT_REQUIRED"
         display-options.preview-visibility="[[ 'hidden' ]]"
          
         display-options.add-visibility="[[ ($functions.canAddAttachment($application.user.permissions) && $functions.isWoEditFlagEnabled($base.variables.NewWO)) ? 'visible' : 'hidden']]"
         display-options.remove-visibility="[[  ($functions.canAddAttachment($application.user.permissions) && $functions.isWoEditFlagEnabled($base.variables.NewWO))? 'visible' : 'hidden' ]]"
         display-options.update-visibility="[[ ($functions.canAddAttachment($application.user.permissions) && $functions.isWoEditFlagEnabled($base.variables.NewWO))  ? 'visible' : 'hidden' ]]"
         display-options.download-visibility="[[ ($functions.canAddAttachment($application.user.permissions)) ? 'visible' : 'hidden' ]]"
         display-options.remove = "[[  !($functions.canAddAttachment($application.user.permissions)) || !$functions.canEditWO($application.user.permissions) || !$functions.isWoEditFlagEnabled($base.variables.NewWO)]]"
         display-options.add = "[[ !($functions.canAddAttachment($application.user.permissions)) || !$functions.canEditWO($application.user.permissions) || !$functions.isWoEditFlagEnabled($base.variables.NewWO)]]"
         display-options.update = "[[!($functions.canAddAttachment($application.user.permissions))  || !$functions.canEditWO($application.user.permissions) || !$functions.isWoEditFlagEnabled($base.variables.NewWO)]]"
         display-options.preview = "[[ !($functions.canAddAttachment($application.user.permissions))  ]]"
          
         entity-name="SVC_WORK_ORDERS">
       </oj-sp-attachments> 
     </oj-defer>
 </oj-collapsible>

detail-page-x.jsに次のコードを追加します:

define([], () => {
  'use strict';
 
  class PageModule {
      
     /**
      * Method to get the WONumber from CustomerWorkOrder object
      * @param wo : CustomerWorkOrder object
      */
     getWoNumber(wo) {
      let woNum;
      if(wo !== null && wo['@context']  && wo['@context'].key ){
        woNum = wo['@context'].key;
      }
      return woNum;
    }
 
    /**
    * Method to get the WONumber from CustomerWorkOrder object
    * @param wo : CustomerWorkOrder object
    */
    isWoEditFlagEnabled(wo) {
      let flag = false;
      if(wo !== null && wo.EditModeFlag  ){
        flag = wo.EditModeFlag;
      }
      return flag;
    }
     
    /**
     * Method to get check the Add Attachment access
     * @param permissions
     */
    canAddAttachment(permissions){
      return permissions.indexOf('SVC_VBCS_Add_Attachment_Access') > 0 ;
    }
   
    /**
     * Method to get check the WO Edit access
     * @param permissions
     */
    canEditWO(permissions){
      return permissions.indexOf('SVC_VBCS_Edit_Service_Work_Order_Access') > 0 ;
    }
  }
   
  return PageModule;
});

次のコードを使用して、オブジェクト型の新しい変数attachmentsEndpointParams1を追加します:
```
{
    "customerWorkOrders_Id": "[[$functions.getWoNumber($base.variables.NewWO)]]"
}
```

翻訳バンドルdetail-page-x.jsonに次のコードを追加します:

"translations": {
   "fsvc": {
     "path": "faResourceBundle/nls/oracle.apps.crm.service.fieldservice.resource"
   }
 }

保存する前に変更をプレビューします。