Mobiele factuurgoedkeuringen
Met de mobiele mogelijkheden kan een zakelijke gebruiker mobiele ervaringen ontwerpen. Voor geavanceerde scenario's kunnen ontwikkelaars met het platform de mogelijkheden desgewenst ook uitbreiden. De meest effectieve manier om een aantal van de nieuwe concepten over mobiele mogelijkheden te leren is het proces voor het ontwerpen van enkele scenario's te doorlopen. Dit artikel is bedoeld om een praktische aanpak te verschaffen voor het ontwerpen van mobiele scenario's door factuurgoedkeuringen van leveranciers voor mobiel gebruik als praktijkvoorbeeld te nemen. Aan de hand van dit artikel kunt u andere variaties van de scenario's ontwerpen en kunt u de informatie in dit onderwerp ook toepassen op andere scenario's die niet zijn gerelateerd aan facturen van leveranciers.
Vereisten
| Vereiste | Description |
|---|---|
| Vooraf gelezen mobiel handboek | Mobiel platform |
| Dynamics 365 Finance | Een omgeving met versie 1611 en Platformupdate 3 (november 2016) |
| Installeer hotfix KB 3204341. | Taakrecorder kan onterecht twee Sluiten-opdrachten voor vervolgkeuzelijstdialoogvensters registreren. Dit is opgenomen in Platformupdate 3 (update van november 2016). |
| Installeer hotfix KB 3207800. | Met deze hotfix kunnen bijlagen worden weergegeven op de mobiele client. Dit is opgenomen in Platformupdate 3 (update van november 2016). |
| Installeer hotfix KB 3208224. | De toepassingscode voor de mobiele toepassing voor leveranciersfactuurgoedkeuring. Dit is opgenomen in versie 7.0.1 (mei 2016). |
| Een Android-, iOS- of Windows-apparaat waarop de mobiele app is geïnstalleerd. | Zoek naar de app in de juiste store voor mobiele apps. |
Inleiding
Voor mobiele goedkeuringen van leveranciersfacturen zijn de drie hotfixes vereist die worden vermeld in de sectie 'Vereisten'. Deze hotfixes verschaffen geen werkgebied voor de factuurgoedkeuringen. Als u wilt weten wat een werkgebied is in de context van mobiel gebruik, leest u het mobiele handboek dat wordt vermeld in de sectie 'Vereisten'. Het werkgebied voor factuurgoedkeuringen moet worden ontworpen.
Elke organisatie organiseert en definieert bedrijfsprocessen op een andere manier. Voordat u een mobiele ervaring voor leveranciersfactuurgoedkeuringen ontwerpt, moet u rekening houden met de volgende aspecten van het bedrijfsproces. Het idee is om deze gegevenspunten zo veel mogelijk te gebruiken om de gebruikerservaring op het apparaat te optimaliseren.
Welke velden uit de factuurkoptekst wil de gebruiker zien in de mobiele ervaring en in welke volgorde?
Welke velden uit de factuurregels wil de gebruiker zien in de mobiele ervaring en in welke volgorde?
Hoeveel factuurregels bevat een factuur? Pas hier de 80-20-regel toe en optimaliseer voor 80 procent.
Willen gebruikers boekhoudingsverdelingen (factuurcodering) op het mobiele apparaat zien tijdens controles? Als het antwoord op deze vraag ja is, kunt u de volgende vragen overwegen:
- Hoeveel boekhoudingsverdelingen (totaalprijs, btw, toeslagen, opsplitsingen, enzovoort) zijn er voor een factuurregel? Pas de 80-20-regel opnieuw toe.
- Bevatten de facturen ook boekhoudingsverdelingen in de factuurkoptekst? In dat geval moeten deze boekhoudingsverdelingen dan beschikbaar zijn op het apparaat?
Notitie
In dit artikel wordt niet uitgelegd hoe boekhoudingsverdelingen kunnen worden bewerkt, omdat deze functionaliteit momenteel niet wordt ondersteund voor mobiele scenario's.
Willen gebruikers bijlagen voor de factuur op het apparaat zien?
Het ontwerp van de mobiele ervaring voor factuurgoedkeuringen verschilt, afhankelijk van de antwoorden op deze vragen. Het doel is de gebruikerservaring te optimaliseren voor het bedrijfsproces op mobiele apparaten in een organisatie. In de rest van dit artikel bekijken we twee scenariovariaties die zijn gebaseerd op verschillende antwoorden op de voorgaande vragen.
Zorg er als algemene richtlijn voor dat u tijdens het werken met de mobiele ontwerper de wijzigingen ´publiceert´ om te voorkomen dat de updates verloren gaan.
Een eenvoudig factuurgoedkeuringsscenario ontwerpen voor Contoso
| Scenariokenmerk | Beantwoorden |
|---|---|
| Welke velden uit de factuurkoptekst wil de gebruiker zien in de mobiele ervaring en in welke volgorde? |
|
| Welke velden uit de factuurregels wil de gebruiker zien in de mobiele ervaring en in welke volgorde? |
|
| Hoeveel factuurregels bevat een factuur? Pas hier de 80-20-regel toe en optimaliseer voor 80 procent. | 1 |
| Willen gebruikers boekhoudingsverdelingen (factuurcodering) op het mobiele apparaat zien tijdens controles? | Ja |
| Hoeveel boekhoudingsverdelingen (totaalprijs, btw, toeslagen, toeslagen, enzovoort) zijn er voor een factuurregel? Pas de 80-20-regel opnieuw toe. | Totaalprijs: 2 btw: 0 toeslagen: 0 |
| Bevatten de facturen ook boekhoudingsverdelingen in de factuurkoptekst? In dat geval moeten deze boekhoudingsverdelingen dan beschikbaar zijn op het apparaat? | Niet gebruikt |
| Willen gebruikers bijlagen voor de factuur op het apparaat zien? | Ja |
Het werkgebied maken
- In een browser en meld u aan bij de-toepassing.
- Nadat u bent aangemeld, voegt u &mode=mobile toe aan de URL, zoals weergegeven in het volgende voorbeeld, en vernieuwt u de pagina: https://<yoururl>/? cmp=usmf&mi=DefaultDashboard**&mode=mobile**
- Klik op de knop Instellingen (tandwiel) in de rechterbovenhoek van de pagina en klik op Mobiele app. De ontwerper van de mobiele app moet worden weergegeven meteen wanneer de taakrecorder verschijnt.
- Klik op Toevoegen om een nieuw werkgebied te maken. Geef voor dit voorbeeld het werkgebied de naam Mijn goedkeuringen.
- Voer een omschrijving in.
- Selecteer een werkgebiedkleur. De kleur van het werkgebied wordt gebruikt voor de algemene stijl van de mobiele ervaring voor dit werkgebied.
- Selecteer een pictogram voor het werkgebied.
- Klik op Gereed.
- Klik op Werkgebied publiceren om de wijzigingen op te slaan.
Leveranciersfacturen die aan mij zijn toegewezen
De eerste mobiele pagina die u moet ontwerpen, is de lijst met facturen die ter beoordeling zijn toegewezen aan de gebruiker. Als u deze mobiele pagina wilt ontwerpen, gebruikt u de pagina VendMobileInvoiceAssignedToMeListPage. Voordat u deze procedure voltooit, controleert u of er ten minste één leveranciersfactuur ter beoordeling aan u is toegewezen en of de factuurregel twee verdelingen heeft. Deze instelling voldoet aan de vereisten voor dit scenario.
Vervang in de URL de naam van de menuoptie door VendMobileInvoiceAssignedToMeListPage om de mobiele versie van de lijstpagina Aan mij toegewezen leveranciersfacturen in behandeling in de module Leveranciers te openen. Afhankelijk van het aantal facturen dat in uw systeem aan u is toegewezen, worden op deze pagina deze facturen weergegeven. Als u op zoek bent naar een specifieke factuur, kunt u het filter aan de linkerkant gebruiken. Voor dit voorbeeld is echter geen specifieke factuur vereist. Er moet alleen een bepaalde factuur aan u zijn toegewezen op basis waarvan u de mobiele pagina kunt ontwerpen. De nieuwe pagina's die beschikbaar zijn, zijn specifiek ontworpen voor het ontwikkelen van mobiele scenario's voor leveranciersfacturen. Daarom moet u deze pagina's gebruiken. De URL moet lijken op de volgende URL en nadat u deze hebt ingevoerd, moet de pagina die wordt weergegeven in de afbeelding verschijnen: https://<yourURL>/?cmp=usmf&mi=VendMobileInvoiceAssignedToMeListPage&mode=mobile
Klik op de knop Instellingen (tandwiel) in de rechterbovenhoek van de pagina en klik op Mobiele app.
Selecteer uw werkgebied en klik op Bewerken
Klik op Pagina toevoegen voor het maken van de eerste mobiele pagina.
Voer een naam in, zoals Mijn leveranciersfacturen, en een omschrijving, zoals Ter controle aan mij toegewezen leveranciersfacturen.
Klik op Gereed.
Klik in de mobiele ontwerper op het tabblad Velden op Velden selecteren. De kolommen op de lijstpagina moeten lijken op de volgende afbeelding.
Voeg de vereiste kolommen toe vanuit de lijstpagina die moet worden weergegeven voor de gebruikers op de mobiele pagina. De volgorde waarin u toevoegt, is de volgorde waarin de velden worden weergegeven voor de eindgebruiker. De enige manier om de volgorde van de velden te wijzigen is door alle velden opnieuw te selecteren. Op basis van de vereisten voor dit scenario zijn de volgende acht velden vereist. Sommige gebruikers vinden mogelijk dat acht velden te veel informatie is voor een mobiel apparaat. Daarom laten we alleen de belangrijkste velden in de mobiele lijstweergave zien. De resterende velden worden weergegeven in de detailweergave die wij later ontwerpen. Op dit moment voegen we de volgende velden toe. Klik op het plusteken (+) in deze kolommen om aan de mobiele pagina toe te voegen.
- Leveranciernaam
- Factuurtotaal
- Te factureren rekening
- Factuurnummer
- Factuurdatum
Nadat u de velden zijn toegevoegd, moet de mobiele pagina lijken op de volgende afbeelding.
U moet de volgende kolommen nu ook toevoegen, zodat we workflowacties later kunnen inschakelen.
- Voltooide taak weergeven
- Gedelegeerde taak weergeven
- Teruggeroepen taak weergeven
- Geweigerde taak weergeven
- Voltooiingstaak aanvraag weergeven
- Herindieningstaak weergeven
Klik op Gereed om de bewerkingsmodus af te sluiten.
Klik op Terug en vervolgens op Gereed om het werkgebied af te sluiten
Klik op Werkgebied publiceren om uw werk op te slaan.
Schakel Factuurtotaal in lijst met in behandeling zijnde leveranciersfacturen weergeven in het formulier voor leveranciersparameterformulier in onder Factuur. Houd er rekening mee dat alleen door het inschakelen van deze parameter factuurtotalen worden berekend voor weergave op de lijstpagina met in behandeling zijnde leveranciersfacturen. Dit is een nieuwe mogelijkheid als onderdeel van de vereiste hotfix 3208224.
Details leveranciersfactuur
Als u de pagina met factuurdetails wilt inschakelen voor mobiele apparaten, gebruikt u de pagina VendMobileInvoiceHeaderDetails. Houd er rekening mee dat, afhankelijk van het aantal facturen dat u in uw systeem hebt, op deze pagina de oudste factuur (de factuur die het eerst is gemaakt) wordt weergegeven. Als u op zoek bent naar een specifieke factuur, kunt u het filter aan de linkerkant gebruiken. Voor dit voorbeeld is echter geen specifieke factuur vereist. We hebben slechts enkele factuurgegevens nodig zodat we de mobiele pagina kunnen ontwerpen.
Vervang in de URL de naam van de menuoptie met VendMobileInvoiceHeaderDetails om het formulier te openen
Open de mobiele ontwerper met de knop Instellingen (tandwiel).
Klik op de knop Bewerken om de bewerkingsmodus in het werkgebied te starten.
Selecteer de pagina Mijn leveranciersfacturen die u eerder hebt gemaakt en klik vervolgens op Bewerken.
Klik op het tabblad Velden op de kolomkop Raster.
Klik op Eigenschappen > Pagina toevoegen. Opmerking: wanneer u klikt op de kop Raster en een pagina toevoegt, wordt de relatie met de detailpagina automatisch ingesteld.
Voer een paginatitel in, zoals Factuurdetails, en een omschrijving, zoals Koptekst- en regeldetails factuur weergeven.
Klik op Velden selecteren. Houd er rekening mee dat de volgorde waarin u toevoegt, de volgorde is waarin de velden worden weergegeven voor de eindgebruiker. De enige manier om de volgorde van de velden te wijzigen is door alle velden opnieuw te selecteren.
Op basis van de vereisten voor dit scenario voegt u de volgende velden uit de koptekst toe:
- Leveranciernaam
- Factuurtotaal
- Te factureren rekening
- Factuurnummer
- Factuurdatum
- Factuuromschrijving
- Vervaldatum
- Factuurvaluta
Voeg de volgende velden uit het regelraster op de pagina toe:
- Inkoopcategorie
- Hoeveelheid
- Eenheidsprijs
- Nettobedrag per regel
- 1099-bedrag
Nadat alle velden uit de vorige twee stappen zijn toegevoegd, klikt u op Gereed. De pagina moet lijken op de volgende afbeelding.
Klik op Gereed om de bewerkingsmodus af te sluiten.
Klik op Terug en vervolgens op Gereed om het werkgebied af te sluiten
Klik op Werkgebied publiceren om uw werk op te slaan.
Workflowacties
Voeg workflowacties toe met de pagina VendMobileInvoiceHeaderDetails. Als u deze pagina wilt openen, vervangt u de naam van de menuoptie in de URL, zoals u eerder hebt gedaan. Open de mobiele ontwerper vervolgens met de knop Instellingen (tandwiel). Voer de volgende stappen uit om workflowacties op de detailpagina toe te voegen. Er moeten dus facturen aan u zijn toegewezen die de correcte status hebben, zodat de workflowacties beschikbaar voor u kunnen worden gemaakt waarvoor u een ontwerp gaat ontwikkelen.
Workflowacties opnemen
- Klik op de knop Bewerken om de bewerkingsmodus in het werkgebied te starten.
- Selecteer de pagina Factuurdetails die u eerder hebt gemaakt en klik vervolgens op Bewerken.
- Klik op het tabblad Acties op Actie toevoegen.
- Voer een actietitel in, zoals Goedkeuren, en een omschrijving, zoals Factuur goedkeuren. Houd er rekening mee dat de titel van de actie die u hier invoert, de naam wordt van de actie die wordt weergegeven aan de gebruiker in de mobiele toepassing.
- Klik op Gereed.
- Klik op Velden selecteren.
- Doorloop het workflowproces op de pagina VendMobileInvoiceHeaderDetails en voer de actie uit die u wilt registreren. Zorg dat u workflowopmerkingen tijdens dit proces invoert, zodat er ook een veld met opmerkingen in de mobiele ervaring wordt opgenomen.
- Nadat de workflowactie is uitgevoerd, klikt u op Gereed om de taak Velden selecteren te voltooien.
- Klik op Gereed om de bewerkingsmodus af te sluiten.
- Klik op Terug en vervolgens op Gereed om het werkgebied af te sluiten
- Klik op Werkgebied publiceren om uw werk op te slaan.
- Herhaal de vorige stappen om alle vereiste workflowacties te registreren.
Een js-bestand maken.
Open Kladblok of Microsoft Visual Studio en plak de volgende code. Sla het rapport als een .js-bestand op. Deze code voert het volgende uit:
- De extra workflowgerelateerde kolommen worden verborgen die we eerder op de mobiele lijstpagina hebben toegevoegd. We hebben deze kolommen toegevoegd zodat de app die informatie in context heeft en de volgende stap kan worden uitgevoerd.
- Op basis van de workflowstap die actief is, wordt deze logica toegepast om slechts twee acties weer te geven.
Notitie
De namen van pagina's en andere besturingselementen in de code moet hetzelfde zijn als de namen in het werkgebied.
function main(metadataService, dataService, cacheService, $q) { return { appInit: function (appMetadata) { // Hide controls that need to be present, but not visible metadataService.configureControl('My-vendor-invoices', 'ShowAccept', { hidden: true }); metadataService.configureControl('My-vendor-invoices', 'ShowApprove', { hidden: true }); metadataService.configureControl('My-vendor-invoices', 'ShowReject', { hidden: true }); metadataService.configureControl('My-vendor-invoices', 'ShowDelegate', { hidden: true }); metadataService.configureControl('My-vendor-invoices', 'ShowRequestChange', { hidden: true }); metadataService.configureControl('My-vendor-invoices', 'ShowRecall', { hidden: true }); metadataService.configureControl('My-vendor-invoices', 'ShowComplete', { hidden: true }); metadataService.configureControl('My-vendor-invoices', 'ShowResubmit', { hidden: true }); }, pageInit: function (pageMetadata, params) { if (pageMetadata.Name == 'Invoice-details') { // Show/hide workflow actions based on workflow step metadataService.configureAction('Accept', { visible: true }); metadataService.configureAction('Approve', { visible: true }); metadataService.configureAction('Reject', { visible: true }); metadataService.configureAction('Delegate', { visible: true }); metadataService.configureAction('Request-change', { visible: true }); metadataService.configureAction('Recall', { visible: true }); metadataService.configureAction('Complete', { visible: true }); metadataService.configureAction('Resubmit', { visible: true }); var entityContextParts = params.pageContext.split(':'); var data = dataService.getEntityData(entityContextParts[0], entityContextParts[1]); var acceptControl = data.getPropertyValue('VendInvoiceInfoTable/showAccept'); var approveControl = data.getPropertyValue('VendInvoiceInfoTable/showApprove'); var rejectControl = data.getPropertyValue('VendInvoiceInfoTable/showReject'); var delegateControl = data.getPropertyValue('VendInvoiceInfoTable/showDelegate'); var requestChangeControl = data.getPropertyValue('VendInvoiceInfoTable/showRequestChange'); var recallControl = data.getPropertyValue('VendInvoiceInfoTable/showRecall'); var completeControl = data.getPropertyValue('VendInvoiceInfoTable/showComplete'); var resubmitControl = data.getPropertyValue('VendInvoiceInfoTable/showResubmit'); var showAcceptControl = Boolean(acceptControl == 1); var showApproveControl = Boolean(approveControl == 1); var showRejectControl = Boolean(rejectControl == 1); var showDelegateControl = Boolean(delegateControl == 1); var showRequestChangeControl = Boolean(requestChangeControl == 1); var showRecallControl = Boolean(recallControl == 1); var showCompleteControl = Boolean(completeControl == 1); var showResubmitControl = Boolean(resubmitControl == 1); metadataService.configureAction('Accept', { visible: showAcceptControl }); metadataService.configureAction('Approve', { visible: showApproveControl }); metadataService.configureAction('Reject', { visible: showRejectControl }); metadataService.configureAction('Delegate', { visible: showDelegateControl }); metadataService.configureAction('Request-change', { visible: showRequestChangeControl }); metadataService.configureAction('Recall', { visible: showRecallControl }); metadataService.configureAction('Complete', { visible: showCompleteControl }); metadataService.configureAction('Resubmit', { visible: showResubmitControl }); } }, }; }Het codebestand uploaden naar het werkgebied door het tabblad Logica te selecteren
Klik op Gereed om de bewerkingsmodus af te sluiten.
Klik op Terug en vervolgens op Gereed om het werkgebied af te sluiten
Klik op Werkgebied publiceren om uw werk op te slaan.
Leveranciersfactuurbijlagen
Klik op de knop Instellingen (tandwiel) in de rechterbovenhoek van de pagina en klik op Mobiele app.
Klik op de knop Bewerken om de bewerkingsmodus in het werkgebied te starten.
Selecteer de pagina Factuurdetails** die u eerder hebt gemaakt en klik vervolgens op **Bewerken.
Stel de optie Documentbeheer in op Ja zoals hieronder wordt weergegeven. Opmerking: als er geen vereisten zijn om bijlagen weer te geven op het mobiele apparaat, kunt u deze optie ingesteld laten op Nee. Dit is de standaardinstelling.
Klik op Gereed om de bewerkingsmodus af te sluiten.
Klik op Terug en vervolgens op Gereed om het werkgebied af te sluiten
Klik op Werkgebied publiceren om uw werk op te slaan.
Leveranciersfactuurregelverdelingen
Met vereisten voor dit scenario wordt bevestigd dat er alleen verdelingen op regelniveau zijn en dat een factuur altijd slechts één regel heeft. Omdat dit scenario eenvoudig is, moet de gebruikerservaring op het mobiele apparaat ook zo eenvoudig zijn dat de gebruiker geen detailanalyse hoeft uit te voeren op verschillende niveaus om de verdelingen weer te geven. Leveranciersfacturen hebben ook de optie om alle verdelingen uit de factuurkoptekst weer te geven. Deze ervaring is wat we nodig hebben voor het mobiele scenario. Daarom gebruiken we de pagina VendMobileInvoiceAllDistributionTree om dit deel van het mobiele scenario te ontwerpen.
Notitie
Op basis van de vereisten kunnen we bepalen welke specifieke pagina moet worden gebruikt en hoe de mobiele ervaring exact moet worden geoptimaliseerd voor de gebruiker bij het ontwerp van het scenario. In het tweede scenario gebruiken we een andere pagina om de verdelingen weer te geven, omdat de vereisten voor dat scenario verschillen.
Vervang in de URL de naam van de menuoptie, zoals u eerder hebt gedaan. De pagina die verschijnt, moet lijken op de volgende afbeelding.
Open de mobiele ontwerper met de knop Instellingen (tandwiel).
Klik op de knop Bewerken om de bewerkingsmodus in het werkgebied te starten. Opmerking: u ziet dat er automatisch twee nieuwe pagina's zijn gemaakt. Omdat u documentbeheer in het vorige gedeelte hebt ingeschakeld, worden deze pagina's gemaakt. U kunt deze nieuwe pagina's negeren.
Klik op Pagina toevoegen.
Voer een paginatitel in, zoals Boekhouding weergeven, en een omschrijving, zoals Boekhouding weergeven voor de factuur.
Klik op Gereed.
Selecteer op het tabblad VeldenVelden selecteren, selecteer de volgende velden op de pagina Verdelingen en klik op Gereed:
- Bedrag
- Valuta
- Grootboekrekening
Notitie
We hebben de kolom Omschrijving uit het raster Verdelingen niet geselecteerd, omdat de vereisten voor dit scenario hebben bevestigd dat de totaalprijs het enige bedrag is waarvoor er verdelingen zijn. De gebruiker heeft daarom geen ander veld nodig om het bedragtype te bepalen waarvoor de verdeling is bestemd. In het volgende scenario gebruiken we echter deze gegevens wel, omdat de vereisten voor dat scenario aangeven dat andere bedragtypen verdelingen hebben (bijvoorbeeld btw).
Klik op Gereed om de bewerkingsmodus af te sluiten.
Klik op Terug en vervolgens op Gereed om het werkgebied af te sluiten
Klik op Werkgebied publiceren om uw werk op te slaan.
Navigatie toevoegen aan de pagina 'Boekhouding weergeven'
De mobiele pagina Boekhouding weergeven is nu nog niet gekoppeld aan een van de mobiele pagina's die we tot nu toe hebben ontworpen. Omdat de gebruiker moet kunnen navigeren naar de pagina Boekhouding weergeven van de pagina Factuurdetails op het mobiele apparaat, moeten wij navigatie verschaffen vanaf de pagina Factuurdetails naar de pagina Boekhouding weergeven. We stellen deze navigatie in met behulp van aanvullende logica via JavaScript.
Open het .js-bestand dat u eerder hebt gemaakt en voeg de regels toe die in de volgende code zijn gemarkeerd. Deze code doet twee dingen:
- Dit helpt te garanderen dat gebruikers niet rechtstreeks van het werkgebied naar de pagina Boekhouding weergeven kunnen navigeren.
- Er wordt een navigatiebesturingselement ingesteld vanaf de pagina Factuurdetails naar de pagina Boekhouding weergeven.
Notitie
De namen van pagina's en andere besturingselementen in de code moet hetzelfde zijn als de namen in het werkgebied.
function main(metadataService, dataService, cacheService, $q) { return { appInit: function (appMetadata) { // Hide controls that need to be present, but not visible metadataService.configureControl('My-vendor-invoices', 'ShowAccept', { hidden: true }); metadataService.configureControl('My-vendor-invoices', 'ShowApprove', { hidden: true }); metadataService.configureControl('My-vendor-invoices', 'ShowReject', { hidden: true }); metadataService.configureControl('My-vendor-invoices', 'ShowDelegate', { hidden: true }); metadataService.configureControl('My-vendor-invoices', 'ShowRequestChange', { hidden: true }); metadataService.configureControl('My-vendor-invoices', 'ShowRecall', { hidden: true }); metadataService.configureControl('My-vendor-invoices', 'ShowComplete', { hidden: true }); metadataService.configureControl('My-vendor-invoices', 'ShowResubmit', { hidden: true }); // Hide pages not applicable for root navigation metadataService.hideNavigation('View-accounting'); //Link to view accounting metadataService.addLink('Invoice-details', 'View-accounting', 'View-accounting-nav-control', 'View accounting', true); }, pageInit: function (pageMetadata, params) { if (pageMetadata.Name == 'Invoice-details') { // Show/hide workflow actions based on workflow step metadataService.configureAction('Accept', { visible: true }); metadataService.configureAction('Approve', { visible: true }); metadataService.configureAction('Reject', { visible: true }); metadataService.configureAction('Delegate', { visible: true }); metadataService.configureAction('Request-change', { visible: true }); metadataService.configureAction('Recall', { visible: true }); metadataService.configureAction('Complete', { visible: true }); metadataService.configureAction('Resubmit', { visible: true }); var entityContextParts = params.pageContext.split(':'); var data = dataService.getEntityData(entityContextParts[0], entityContextParts[1]); var acceptControl = data.getPropertyValue('VendInvoiceInfoTable/showAccept'); var approveControl = data.getPropertyValue('VendInvoiceInfoTable/showApprove'); var rejectControl = data.getPropertyValue('VendInvoiceInfoTable/showReject'); var delegateControl = data.getPropertyValue('VendInvoiceInfoTable/showDelegate'); var requestChangeControl = data.getPropertyValue('VendInvoiceInfoTable/showRequestChange'); var recallControl = data.getPropertyValue('VendInvoiceInfoTable/showRecall'); var completeControl = data.getPropertyValue('VendInvoiceInfoTable/showComplete'); var resubmitControl = data.getPropertyValue('VendInvoiceInfoTable/showResubmit'); var showAcceptControl = Boolean(acceptControl == 1); var showApproveControl = Boolean(approveControl == 1); var showRejectControl = Boolean(rejectControl == 1); var showDelegateControl = Boolean(delegateControl == 1); var showRequestChangeControl = Boolean(requestChangeControl == 1); var showRecallControl = Boolean(recallControl == 1); var showCompleteControl = Boolean(completeControl == 1); var showResubmitControl = Boolean(resubmitControl == 1); metadataService.configureAction('Accept', { visible: showAcceptControl }); metadataService.configureAction('Approve', { visible: showApproveControl }); metadataService.configureAction('Reject', { visible: showRejectControl }); metadataService.configureAction('Delegate', { visible: showDelegateControl }); metadataService.configureAction('Request-change', { visible: showRequestChangeControl }); metadataService.configureAction('Recall', { visible: showRecallControl }); metadataService.configureAction('Complete', { visible: showCompleteControl }); metadataService.configureAction('Resubmit', { visible: showResubmitControl }); } }, }; }Het codebestand uploaden naar het werkgebied door het tabblad Logica te selecteren om de vorige code te overschrijven
Klik op Gereed om de bewerkingsmodus af te sluiten.
Klik op Terug en vervolgens op Gereed om het werkgebied af te sluiten
Klik op Werkgebied publiceren om uw werk op te slaan.
Validatie
Open op uw mobiele apparaat de app en maak verbinding met uw exemplaar. Zorg ervoor dat u zich aanmeldt bij het bedrijf waar leveranciersfacturen ter controle aan u zijn toegewezen. U moet de volgende acties kunnen uitvoeren:
- Zie het werkgebied Mijn goedkeuringen.
- Zoom in op het werkgebied Mijn goedkeuringen en bekijk de pagina Mijn leveranciersfacturen.
- Zoom in op de pagina Mijn leveranciersfacturen en bekijk de lijst met facturen die aan u zijn toegewezen.
- Zoom in op een van de facturen en bekijk de factuurkoptekstdetails en de factuurregeldetails.
- Bekijk op de detailpagina een koppeling naar bijlagen en gebruik deze koppeling om naar de lijst met bijlagen te navigeren en de bijlagen weer te geven.
- Bekijk op de detailpagina een koppeling naar de pagina Boekhouding weergeven en gebruik deze koppeling om naar de pagina met verdelingen te navigeren en geef de verdelingen weer.
- Klik op de detailpagina op het menu Acties onderaan en voer workflowacties uit die van toepassing op de workflowstap zijn.
Een complex factuurgoedkeuringsscenario ontwerpen voor Fabrikam
| Scenariokenmerk | Beantwoorden |
|---|---|
| Welke velden uit de factuurkoptekst wil de gebruiker zien in de mobiele ervaring en in welke volgorde? |
|
| Welke velden uit de factuurregels wil de gebruiker zien in de mobiele ervaring en in welke volgorde? |
|
| Hoeveel factuurregels bevat een factuur? Pas hier de 80-20-regel toe en optimaliseer voor 80 procent. | 5 |
| Willen gebruikers boekhoudingsverdelingen (factuurcodering) op het mobiele apparaat zien tijdens controles? | Ja |
| Hoeveel boekhoudingsverdelingen (totaalprijs, btw, toeslagen, toeslagen, enzovoort) zijn er voor een factuurregel? Pas de 80-20-regel opnieuw toe. | Totaalprijs: 2 btw: 2 toeslagen: 2 |
| Bevatten de facturen ook boekhoudingsverdelingen in de factuurkoptekst? In dat geval moeten deze boekhoudingsverdelingen dan beschikbaar zijn op het apparaat? | Niet gebruikt |
| Willen gebruikers bijlagen voor de factuur op het apparaat zien? | Ja |
Volgende stappen
De volgende variaties kunnen worden uitgevoerd voor scenario 1, op basis van de vereisten voor scenario 2. U kunt deze sectie gebruiken om de ervaring in uw mobiele app te verbeteren.
Omdat er meer factuurregels worden verwacht in scenario 2, helpen de volgende wijzigingen in het ontwerp de gebruikerservaring op het mobiele apparaat te optimaliseren:
- In plaats van factuurregels weer te geven op de detailpagina (zoals in scenario 1), kunnen gebruikers ervoor kiezen regels op een aparte mobiele pagina weer te geven.
- Omdat meer dan één factuurregel wordt verwacht in dit scenario als de pagina VendMobileInvoiceAllDistributionTree wordt gebruikt voor het ontwerpen van de pagina Verdelingen voor mobiele apparaten (zoals in scenario 1), kan dat verwarrend zijn voor de gebruiker om regels te relateren aan verdelingen. Gebruik daarom de pagina VendMobileInvoiceLineDistributionTree om de pagina Verdelingen te ontwerpen.
- In het ideale geval moeten de verdelingen worden weergegeven in de context van een factuurregel in dit scenario. Zorg er daarom voor dat de gebruiker kan inzoomen op een regel om de pagina Verdelingen te bekijken. Gebruik de paginakoppelingmogelijkheid om het inzoomen in te stellen, net als u voor de koptekst en detailpagina's in scenario 1 hebt gedaan.
Omdat meer dan één bedragtype wordt verwacht voor de verdelingen in scenario 2 (btw, toeslagen, enzovoort), is het nuttig om de omschrijving van het bedragtype weer te geven. (We hebben deze informatie in scenario 1 weggelaten.)
Feedback
Binnenkort beschikbaar: In de loop van 2024 zullen we GitHub-problemen geleidelijk uitfaseren als het feedbackmechanisme voor inhoud en deze vervangen door een nieuw feedbacksysteem. Zie voor meer informatie: https://aka.ms/ContentUserFeedback.
Feedback verzenden en weergeven voor