Adicionar hierarquia ao local de inspeção

O aplicativo de amostra Inspections permite que os usuários criem e realizem inspeções no aplicativo. Existem três aplicativos, um por pessoa, para executar, gerenciar e revisar o Inspections. Os três aplicativos são—Inspections, Gerenciar Inspeções e Revisar Inspeções.

Por padrão, o aplicativo Inspeção é projetado para uma única loja. Mas e se você fizer inspeções em várias lojas? Você desejará adicionar uma tabela para lojas ao aplicativo e permitir que o usuário selecione a loja na qual está realizando as inspeções para que você possa rastrear em qual loja a inspeção foi realizada.

Neste artigo, aprenderemos como atualizar o aplicativo para adicionar uma hierarquia de lojas para que as inspeções possam ser realizadas em diferentes lojas.

Assista a este vídeo para aprender como adicionar hierarquia ao local de inspeção:

Pré-requisitos

Para concluir esta lição, precisamos da capacidade de entrar no Microsoft Teams que estará disponível como parte da seleção de assinaturas do Microsoft 365 e também precisamos ter o aplicativo de exemplo Inspeções para o Teams instalado. Este aplicativo pode ser instalado a partir de https://aka.ms/TeamsInspection.

Editar o aplicativo Inspeção

1. Faça logon no Teams e, no painel esquerdo, clique com o botão direito do mouse no Power Apps e selecione Destacar aplicativo.

2. Selecione Build na faixa de opções superior.

3. Selecione a equipe na qual o aplicativo Inspeção está instalado.

4. Selecione o Inspeção para abrir o aplicativo no Power Apps Studio.

Adicionar uma nova tabela chamada Loja

1. Selecione Dados no painel esquerdo.

2. Selecione +Adicionar dados.

3. Selecione + Criar nova tabela.

4. Insira o nome da tabela "Loja" e selecione Criar.

5. Selecione o botão Adicionar Coluna para adicionar uma nova coluna.

6. Insira o nome da coluna como "Número da Loja" e selecione Criar.

7. Adicione alguns registros de exemplo à tabela e selecione Fechar.

   

Tela Atualizar Itens

Atualize a fórmula para os controles a seguir para permitir que a tela Itens mostre as inspeções.

1. Pesquise e selecione o rótulo lblIssues_Header na Exibição em árvore.

2. Selecione a propriedade Text.

3. Substitua a seção da fórmula a seguir.

   Remova a seção da fórmula:

   With(
   {
       varDefault: "Issues reported (" & CountRows(
           Filter(
               locSelectedInspection,
               Outcome = 'Inspection Outcome'.Issue
           )
       ) & ")",
       varOOBTextId: "_translateVariable_IssuesHeader",
       varParam0: "(" & CountRows(
           Filter(
               locSelectedInspection,
               Outcome = 'Inspection Outcome'.Issue
           )
       ) & ")"
   },
   

   Adicione seção de fórmula:

   With(
   {
       varDefault: "Issues reported (" & CountRows(
           Filter(
               galInspections.Selected.'Area Inspection Steps',
               Outcome = 'Inspection Outcome'.Issue
           ).'Area Inspection Step'
       ) & ")",
       varOOBTextId: "_translateVariable_IssuesHeader",
       varParam0: "(" & CountRows(
           Filter(
               galInspections.Selected.'Area Inspection Steps',
               Outcome = 'Inspection Outcome'.Issue
           ).'Area Inspection Step'
       ) & ")"
   },
   

4. Pesquise e selecione o rótulo lblNoIssues_Header na Exibição em árvore.

5. Selecione a propriedade Text.

6. Substitua a seção da fórmula a seguir.

   Remova a seção da fórmula:

   With(
   {
       varDefault: "No issues (" & CountRows(
           Filter(
               locSelectedInspection,
               Outcome = 'Inspection Outcome'.OK || Outcome = 'Inspection Outcome'.'N/A'
           )
       ) & ")",
       varOOBTextId: "_translateVariable_NoIssuesHeader",
       varParam0: "(" & CountRows(
           Filter(
               locSelectedInspection,
               Outcome = 'Inspection Outcome'.OK || Outcome = 'Inspection Outcome'.'N/A'
           )
       ) & ")"
   },
   

   Adicione seção de fórmula:

   With(
   {
       varDefault: "No issues (" & CountRows(
           Filter(
               galInspections.Selected.'Area Inspection Steps',
               Outcome = 'Inspection Outcome'.OK || Outcome = 'Inspection Outcome'.'N/A'
           ).'Area Inspection Step'
       ) & ")",
       varOOBTextId: "_translateVariable_NoIssuesHeader",
       varParam0: "(" & CountRows(
           Filter(
               galInspections.Selected.'Area Inspection Steps',
               Outcome = 'Inspection Outcome'.OK || Outcome = 'Inspection Outcome'.'N/A'
           ).'Area Inspection Step'
       ) & ")"
   },
   

7. Pesquise e selecione a galeria galNoIssuesAttachments na Exibição em árvore.

8. Selecione a propriedade Items.

9. Substitua a seção da fórmula a seguir.

   Remova a seção da fórmula:

   ThisItem.'Area Inspection Images'
   

   Adicione seção de fórmula:

   LookUp('Area Inspection Steps','Area Inspection Step'=ThisItem.'Area Inspection Step').'Area Inspection Images'
   

10. Pesquise e selecione a galeria galIssuesAttachments na Exibição em árvore.

11. Selecione a propriedade Items.

12. Substitua a seção da fórmula a seguir.

    Remova a seção da fórmula:

    ThisItem.'Area Inspection Images'
    

    Adicione seção de fórmula:

    LookUp('Area Inspection Steps','Area Inspection Step'=ThisItem.'Area Inspection Step').'Area Inspection Images'
    

13. Pesquise e selecione a galeria galNoIssues na Exibição em árvore.

14. Selecione a propriedade Items.

15. Substitua a seção da fórmula a seguir.

    Remova a seção da fórmula:

    Sort(
    Filter(
        locSelectedInspection,
        Outcome = 'Inspection Outcome'.OK || Outcome = 'Inspection Outcome'.'N/A'
    ),
    Value(Sequence),
    Ascending
    )
    

    Adicione seção de fórmula:

    Sort(
    Filter(
        galInspections.Selected.'Area Inspection Steps',
        Outcome = 'Inspection Outcome'.OK || Outcome = 'Inspection Outcome'.'N/A'
    ),
    Sequence,
    Ascending
    )
    

16. Pesquise e selecione a galeria galIssues na Exibição em árvore.

17. Selecione a propriedade Items.

18. Substitua a seção da fórmula a seguir.

    Remova a seção da fórmula:

    Sort(
    Filter(
        locSelectedInspection,
        Outcome = 'Inspection Outcome'.OK || Outcome = 'Inspection Outcome'.'N/A'
    ),
    Value(Sequence),
    Ascending
    )
    

    Adicione seção de fórmula:

    Sort(
    Filter(
        galInspections.Selected.'Area Inspection Steps',
        Outcome = 'Inspection Outcome'.OK || Outcome = 'Inspection Outcome'.'N/A'
    ),
    Sequence,
    Ascending
    )
    

Adicionar uma coluna para capturar Armazenamento na tabela de Inspeções de Área

1. Selecione Dados no menu de navegação esquerdo.

2. Localize a tabela Inspeções de Área e selecione ... (reticências).

3. Selecione Editar dados.

4. Selecione Adicionar Coluna e digite o nome da tabela como "Loja", digite "Pesquisar" e a tabela relacionada como "Loja".

5. Selecione Criar.

6. Selecione Fechar.

Adicione uma nova tela com uma Galeria de Lojas

1. Selecione o modo de exibição de árvore no painel à esquerda.

2. Selecione a tela + Novo no modo de exibição de árvore.

3. Selecione o layout em branco.

4. Renomeie a tela como "StoreSelectionScreen".

5. Atualize a propriedade Fill para gblAppStyles.Background.Fill.

6. Selecione + Inserir para adicionar uma galeria à nova tela.

7. Selecione Lojas como a fonte de dados.

8. Renomeie a galeria para "StoresGallery".

9. Defina as seguintes propriedades para a galeria StoresGallery.

   Propriedade	Valor
   Tamanho do modelo	108
   Tamanho da fonte	20
   Altura para Title4	45
   Tamanho da fonte para o rótulo Subtitle4	18
   Altura para o rótulo Subtitle4	45

10. Vá para a tela Itens e copie o botão Voltar na parte superior da tela.

11. Cole o botão copiado na nova tela.

12. Repita as etapas anteriores para copiar o rótulo lblIndividualAreasHeader da tela de itens que lê o texto como local para a nova tela.

13. Defina a propriedade Y do rótulo como btnBackToHome_1.Y+btnBackToHome_1.Height.

14. Defina as seguintes propriedades da galeria StoresGallery.

    Propriedade	Valor
    Y	btnBackToHome_1.Height+lblIndividualAreasHeader_1.Height
    Altura Parent.Height-btnBackToHome_1.Height- lblIndividualAreasHeader_1.Height
    OnSelect	Set(gblSelectedStore,ThisItem);Navigate('Items Screen')

15. Vá para os itens, selecione o botão Voltar para o início na parte superior e atualize as propriedades do botão a seguir.

    Propriedade	Valor
    OnSelect	Navigate(StoreSelectionScreen, ScreenTransition.Fade)
    Text	"Back to Store Selection"

16. Vá para a tela Etapas da Lista de Verificação.

17. Selecione a propriedade OnVisible da tela e atualize a função de patch para atualizar o aplicativo Inspeções de Área para adicionar o valor do armazenamento na fórmula.

    , Store: gblSelectedStore
    

    

Atualizar a navegação da Tela de Boas-vindas

1. No modo de exibição de árvore, selecione a Tela de Boas-vindas.

2. Selecione o botão Realizar uma Inspeção (btnInspect).

3. Atualize a função Navigate da propriedade OnSelect do botão para levá-lo à tela StoreSelectionScreen em vez da tela Items , com o restante da fórmula inalterado.

   Navigate(
   StoreSelectionScreen,
   ScreenTransition.Fade
   );
   

   

Publicar o aplicativo Inspeção

Todas as alterações no aplicativo Inspeção foram concluídas. O aplicativo agora pode ser publicado selecionando o botão Publicar no Teams no canto superior direito.

Editar o aplicativo Revisar Inspeções

1. Abra o Power Apps no Teams.

2. Selecione a guia Criar na faixa de opções superior.

3. Selecione a equipe na qual o aplicativo Inspeção está instalado.

4. Selecione Revisar Inspeções para abrir o aplicativo no editor.

5. Selecione Dados no painel esquerdo.

6. Selecione os dados +Adicionar e adicione a tabela Lojas a este banco de dados para este aplicativo.

7. Atualize a tabela Inspeções de Área para que a coluna Lojas seja mostrada na tabela.

Adicione um rótulo para exibir a loja no Inspeção

1. Abra o modo de exibição de árvore e selecione a Tela de Itens.

2. Sob o grupo grpInspectionSteps, selecione o rótulo chamado "lblInspection_SubmissionDetails" e atualize sua propriedade Text para a fórmula a seguir.

   If(
       DateDiff(
           Date(
               Year(galInspections.Selected.createdon),
               Month(galInspections.Selected.createdon),
               Day(galInspections.Selected.createdon)
               ),
           Today(),
           Days
               ) = 0,
   If(
       DateDiff(
           Date(
               Year(galInspections.Selected.createdon),
               Month(galInspections.Selected.createdon),
               Day(galInspections.Selected.createdon)
               ),
           Today(),
           Hours
               ) > 0,
       galInspections.Selected.Store.Name & " | Submitted by " &
       galInspections.Selected.createdby.'Full Name' & ", " & DateDiff(
       Date(
           Year(galInspections.Selected.createdon),
           Month(galInspections.Selected.createdon),
           Day(galInspections.Selected.createdon)
           ),
       Today(),
       Hours
               ) & " hrs ago",
   If(
       DateDiff(
           Date(
               Year(galInspections.Selected.createdon),
               Month(galInspections.Selected.createdon),
               Day(galInspections.Selected.createdon)
               ),
       Today(),
       Hours
       ) = 0,
   //"minutes ago"
   galInspections.Selected.Store.Name & " | Submitted by " &
   galInspections.Selected.createdby.'Full Name' & ", minutes ago"
   ,
   If(
       DateDiff(
       Date(
           Year(galInspections.Selected.createdon),
       Month(galInspections.Selected.createdon),
       Day(galInspections.Selected.createdon)
           ),
       Today(),
       Days
       ) = 1,
       //"yesterday",
       galInspections.Selected.Store.Name & " | Submitted by " &
       galInspections.Selected.createdby.'Full Name' & ", yesterday",
       galInspections.Selected.Store.Name & " | Submitted by " &
       galInspections.Selected.createdby.'Full Name' & ", " & DateDiff(
       Date(
           Year(galInspections.Selected.createdon),
           Month(galInspections.Selected.createdon),
           Day(galInspections.Selected.createdon)
           ),
       Today(),
       Days
       ) & " days ago"
   )
   )
   )
   )
   

Testar o aplicativo

1. Abra o aplicativo Inspeção na equipe em que ele está instalado.

2. Selecione a tela de boas-vindas no modo de exibição de árvore, se estiver executando dentro do Studio, e selecione Visualização.

3. Selecione Realizar uma Inspeção.

4. Verifique se a tela Seletor de Lojas abre.

5. Selecione uma loja. A próxima tela deve ser a tela Itens.

6. Selecione um local.

7. Selecione uma lista de verificação de inspeção de alimentos na próxima tela.

8. Selecione o botão Iniciar Inspeção.

9. Responda às perguntas que fazem parte da inspeção e selecione Revisar Inspeção.

10. Selecione Enviar Inspeção na próxima tela.

11. Agora, faça logon no aplicativo Revisar Inspeções selecionando a guia Revisar Inspeção na parte superior da equipe onde está instalado.

12. Selecione o local que você selecionou anteriormente para mostrar uma lista de inspeções realizadas.

13. Selecione a inspeção que foi enviada anteriormente.

14. A tela exibe o nome da loja.

    

Consulte também

• Entender a arquitetura de aplicativos de exemplo Inspeção
• Personalizar o aplicativo de exemplo Inspeção
• Personalizar aplicativos de exemplo
• Perguntas frequentes sobre aplicativos de exemplo
• Usar aplicativos de exemplo da loja do Teams

Observação

Você pode nos falar mais sobre suas preferências de idioma para documentação? Faça uma pesquisa rápida. (Observe que esta pesquisa está em inglês)

A pesquisa levará cerca de sete minutos. Nenhum dado pessoal é coletado (política de privacidade).