Edytowanie szablon rezerwacji tablicy harmonogramu w uniwersalnym planowaniu zasobów

Kiedy wymaganie jest zaplanowane do zasobu, system tworzy rekord rezerwacji. Plansza z harmonogramem wyświetla rezerwacje pogrupowane według zasobów. Pola wyświetlane w rezerwacji na tablicy harmonogramu są nazywane szablonem rezerwacji, który można dostosować za pomocą pól z encji systemowych.

Edytowanie szablonu rezerwacja zlecenia pracy

Każda encja z możliwością planowania może mieć inny szablon rezerwacji. Po zaplanowaniu wymagania dotyczącego zlecenia pracy szablon rezerwacji ukazuje dla Rezerwacja zasobu, który można zarezerwować jego Nazwę i Czas trwania.

Domyślną wartością jest następująca wstawka:

<div>{SchedulableEntityDisplayName} - {name}<br />Duration: <strong class="bold">{duration}</strong></div>

Aby edytować kod HTML sterujący szablonem rezerwacji, przejdź do sekcji Typy harmonogramów w ustawieniach planszy. Wybierz encję, dla której chcesz zmienić szablon rezerwacji. Jeśli ustawienia zostaną otwarte na karcie tablicy harmonogramu, zmień tylko te ustawienia. Aby wprowadzić zmiany we wszystkich zakładkach, wybierz Edytuj domyślne i tam zastosuj swoje zmiany. Ustaw Szablon rezerwacji na Wł. i zmień kod HTML.

W polu Szablon rezerwacji nadpisz szablon rezerwacji, wprowadzając HTML i CSS, które mogą odwoływać się do pól z encji Zasoby rezerwowalne i powiązanych encji. Pamiętaj, aby przetestować dostosowane szablony rezerwacji na wielu przeglądarkach i uwzględnić najlepsze praktyki dotyczące dostępności. JavaScript nie jest obsługiwane w szablonie rezerwacji.

Porada

Użyj tylko jednostek systemowych. Ściąganie wartości z encji niestandardowych nie jest obsługiwane.

Do pól z encji Rezerwacja zasobu, który można zarezerwować można odwoływać się bezpośrednio za pomocą nazwy pola w nawiasach klamrowych. Przykład: {duration}.

Aby wyświetlić pole z połączonej encji, znajdź nazwę relacji N:1 i dodaj kropkę (.), a po niej nazwę pola encji docelowej. Na przykład ścieżka relacji zamówienia pracy to msdyn_msdyn_workorder_bookableresourcebooking_WorkOrder, a pole typu zdarzenia głównego to msdyn_primaryincidenttype. W wyniku tego można odwoływać się do pola {msdyn_msdyn_workorder_bookableresourcebooking_WorkOrder.msdyn_primaryincidenttype}. Dodaj więcej węzłów relacji, łącząc je z dodatkowym okresem.

Szablony niestandardowe dotyczą wyłącznie etykietek narzędzi w widoku godzinowym tablicy harmonogramu i nie mają wpływu na widoki dzienne, tygodniowe ani miesięczne.

Przykład szablonu rezerwacji niestandardowej

Na przykład tworzymy niestandardowy szablon rezerwacji dla encji zlecenia pracy. Następująca wstawka ściąga wartości z zlecenia pracy związanego z rezerwacją.

<div style="line-height: 11px !important; width: 99%; overflow: hidden; display: block; text-overflow: ellipsis;">
    WO: 
    <b>{msdyn_msdyn_workorder_bookableresourcebooking_WorkOrder.msdyn_name}</b><br/>
    Account: <b>{msdyn_msdyn_workorder_bookableresourcebooking_WorkOrder.msdyn_account_msdyn_workorder_ServiceAccount.name}</b><br/>
    Incident: <b>{msdyn_msdyn_workorder_bookableresourcebooking_WorkOrder.msdyn_primaryincidenttype}</b><br/>
    Duration: <b>{duration} minutes</b><br/>
</div>

Uwaga

Odwoływanie się do atrybutów terminu w szablonie rezerwacji tablicy harmonogramu nie jest obsługiwane, ponieważ dane szablonu terminu zależą od skojarzonej rezerwacji.

Aby odwoływać się do tych atrybutów, upewnij się, że z terminami są skojarzone rezerwacje, a następnie wyłącz ustawienie Uwzględnij terminy w obszarze Parametry planowania. Wyłączenie tego ustawienia ukrywa wszystkie terminy, dla których nie powiązano rezerwacji z zasobami z możliwością rezerwacji na tablicy harmonogramu.

Zaawansowane style szablonu rezerwacji przy użyciu CSS

Do niestandardowego szablonu rezerwacji można dodawać style CSS. Przejdź do Harmonogram zasobów > Administracja > Parametry harmonogramu i ustaw Wyłącz czyszczenie szablonów HTML na wartość Tak, by uwzględnić zestawienia CSS w szablonach rezerwacji.

W tym przykładzie poszerzamy przykład niestandardowego szablonu rezerwacji z poprzedniej sekcji. Używamy CSS do dodawania ikon klientów i ikon usług opartych na wartościach warunkowych w rekordach klientów i zlecenia pracy. Dodano pole new_customerrating w encji Account i propaguje to pole do encji zlecenia pracy z liczbą całkowitą z zakresu od 1 do 10. Szablon rezerwacji ma wizualizację oceny klienta za pomocą gwiazdek. W celu reprezentowania rzeczywistych klasyfikacji klientów dodamy także pięć pomarańczowych gwiazdki, ale pokazuje tylko procent tych gwiazdki w odpowiadających im klasyfikacjach od 1 do 10 klientów.

Chcemy też, aby dyspozytor widział, czy zlecenie pracy to zgłoszenie serwisowe czy też jest to inny typ zadania. Konfigurator utworzył pole niestandardowe new_isservicecall dla encji zlecenie pracy, wartości są równe 0 lub 1. Korzystając z tej samej metody jak przedtem, najpierw rysujemy szary klucz jako tło, nakładamy pomarańczowy klucz na nim i ograniczamy jego rozmiar do 0% (new_isservicecall = 0) lub 100% (new_isservicecall = 1).

Dodaj poniższy HTML i CSS do pola Szablon rezerwacji w Ustawieniach karty tablicy harmonogramu.

<div style="line-height: 11px !important; width: 99%; overflow: hidden; display: block; text-overflow: ellipsis;">
<div class="back-stars" style="color: #AAAAAA; position: relative; display:inline-block;">
    <i class="fa fa-star" aria-hidden="true"></i>
    <i class="fa fa-star" aria-hidden="true"></i>
    <i class="fa fa-star" aria-hidden="true"></i>
    <i class="fa fa-star" aria-hidden="true"></i>
    <i class="fa fa-star" aria-hidden="true"></i>
<div class="customerrating" style="width:{msdyn_msdyn_workorder_bookableresourcebooking_WorkOrder.msdyn_account_msdyn_workorder_ServiceAccount.new_customerrating}0%; color: #FFBC0B; position: absolute; top: 0; left:0; overflow: hidden; display:-webkit-box">
    <i class="fa fa-star" aria-hidden="true"></i>
    <i class="fa fa-star" aria-hidden="true"></i>
    <i class="fa fa-star" aria-hidden="true"></i>
    <i class="fa fa-star" aria-hidden="true"></i>
    <i class="fa fa-star" aria-hidden="true"></i>
</div>
</div>
<div class="repair-back" style="color: #AAAAAA; position: relative; display:inline-block; padding-left:10px; vertical-align:text-top;">
    <i class="fa fa-wrench" aria-hidden="true"></i>
<div class="repair" style="width:{msdyn_msdyn_workorder_bookableresourcebooking_WorkOrder.new_isservicecall}00%; color: #FFBC0B; position: absolute; top: 0; left:0; padding-left:10px; overflow: hidden; display:-webkit-box">
    <i class="fa fa-wrench" aria-hidden="true"></i>
</div>
</div>
<br/>
WO:
<b>{msdyn_msdyn_workorder_bookableresourcebooking_WorkOrder.msdyn_name}</b><br/>
Account: <b>{msdyn_msdyn_workorder_bookableresourcebooking_WorkOrder.msdyn_account_msdyn_workorder_ServiceAccount.name}</b><br/>
Incident: <b>{msdyn_msdyn_workorder_bookableresourcebooking_WorkOrder.msdyn_primaryincidenttype}</b><br/>
Duration: <b>{duration} minutes</b><br/>
</div>

Szablon rezerwacji na tablicy ogłoszeń zawiera teraz wizualną reprezentację oceny klienta i rodzaju pracy.