Pular para conteúdo

Configurações em databases usando JVue

Customizações em uma linha expandida da tabela

image.png

image.png

image.png

JSON Exemplo (defaultTab > ticketTable)

{
  "qtTableProps": {
  "showExpand": true,
  "hideDownloadBtn": "{{ $me.userProfileId === 100028 }}",
  "expandedComponent": {
    "tds": [
      {
        "components": [
          {
            "is": "SlotCSM",
            "style": {
              "width": "800px",
              "margin": "auto"
            },
            "children": [
              {
                "slug": "chat",
                "props": {
                  "height": "600px",
                  "ticket": "(expanded-panel){{ { ...$item, ChatRoom: { id: $item.ticketChatId } } }}",
                  "MessageList": {
                    "showMessageInput": "{{ true }}"
                  }
                }
              }
            ]
          }
        ]
      }
    ]
  }
}
}

Customizações no header da tabela

Untitled

Customizações em uma célula

Untitled

Untitled

Untitled

JSON Exemplo

{
  "tabs": [
    {
      "path": "ticketTable",
      "slug": "ticketTable",
      "text": "",
      "filter": {
        "status": "Pré-cadastrado",
        "$TicketType.id$": 100047
      },
      "tabTitle": "Pré-cadastrados",
      "createTicketsInBatch": {
        "extraInfo": {
          "userId": "{{ $me.id }}",
          "version": "(ticketTable){{ $importBatch.middleFieldValues.version }}"
        },
        "middleField": [
          {
            "is": "v-text-field",
            "hint": "Este nome pode auxiliar na identificação de importações específicas no Histórico de Importações.",
            "dense": true,
            "label": "Nome da importação (opcional)",
            "v-model": "version",
            "outlined": true,
            "persistent-hint": true
          }
        ],
        "resumeField": {
          "slot": {
            "children": [
              {
                "slug": "csmTable",
                "props": {
                  "data": "(ticketTable){{ $importBatch?.result?.data?.data || [] }}",
                  "fields": "(ticketTable){{ $importBatch?.result?.data?.fields || [] }}"
                }
              }
            ]
          },
          "resumeInsertSheet": {
            "alert": true,
            "title": "(ticketTable){{ $importBatch?.result?.data?.processCounter + ' processos importados com sucesso' }}",
            "subtitle": "Confira abaixo a quantidade de processos importados por cliente.",
            "alertIcon": "mdi-clock",
            "alertText": "As informações de capa serão capturadas em até 60 dias úteis. Você pode acompanhar os resultados da importação no <strong>Histórico de importações.</strong>"
          }
        },
        "sheetColumns": [
          {
            "text": "Número do processo",
            "type": "text",
            "value": "Numero_do_processo",
            "sheetColumn": "Número do processo",
            "showInTable": true
          },
          {
            "text": "Data de recebimento",
            "type": "text",
            "value": "Data_de_recebimento",
            "sheetColumn": "Data de recebimento",
            "showInTable": true
          },
          {
            "text": "Responsável pelo cadastro",
            "type": "text",
            "value": "Responsavel_pelo_cadastro",
            "sheetColumn": "Responsável pelo cadastro",
            "showInTable": true
          },
          {
            "text": "Cliente",
            "type": "text",
            "value": "Cliente",
            "sheetColumn": "Cliente",
            "showInTable": true
          },
          {
            "text": "Processo eletrônico",
            "type": "text",
            "value": "Processo_eletronico",
            "sheetColumn": "Processo eletrônico",
            "showInTable": true
          }
        ],
        "exampleSheetLink": "https://storage.googleapis.com/beyond-quoti.appspot.com/CSM/martorelli-ccc/Acordos_Modelo.xlsx",
        "webhookSaveAction": "https://workflow.quoti.cloud/webhook/bulk-create-process"
      }
    },
    {
      "path": "ticketTable",
      "slug": "ticketTable",
      "text": "",
      "filter": {
        "status": "Ativo",
        "$TicketType.id$": 100047
      },
      "tabTitle": "Ativos"
    },
    {
      "path": "ticketTable",
      "slug": "ticketTable",
      "text": "",
      "filter": {
        "status": "Arquivados",
        "$TicketType.id$": 100047
      },
      "tabTitle": "Arquivados"
    }
  ],
  "defaultTab": {
    "order": [
      [
        "TicketGoals.expireAt",
        "ASC"
      ]
    ],
    "fields": [
      {
        "name": "id",
        "label": "id",
        "sortable": true
      },
      {
        "name": "ticketType100047AdditionalInfo.Numero_do_processo",
        "label": "Nº do processo",
        "sortable": false,
        "headerComponents": [
          {
            "is": "v-rating",
            "style": {
              "color": "red"
            },
            "value": 3
          }
        ]
      },
      {
        "name": "ticketType100047AdditionalInfo.Cliente_name",
        "label": "Cliente",
        "sortable": true,
        "components": [
          {
            "is": "v-chip",
            "close": true,
            "style": {
              "color": "primary"
            },
            "v-html": "(qt-table-cell){{ $value }}"
          }
        ],
        "headerComponents": [
          {
            "is": "span",
            "close": true,
            "style": {
              "color": "red"
            },
            "v-html": "(qt-table-header){{ $text }}"
          }
        ]
      },
      {
        "name": "createdAt",
        "label": "Data de recebimento",
        "convert": "{{ (input) => { return (input => {return $$moment(input).format('LLL')})(input) } }}",
        "sortable": false,
        "components": [
          {
            "is": "div",
            "qtChildren": [
              {
                "is": "h3",
                "style": {
                  "color": "red"
                },
                "v-text": "teste 1"
              },
              {
                "is": "div",
                "qtChildren": [
                  {
                    "is": "h3",
                    "style": {
                      "color": "red"
                    },
                    "v-text": "teste 2"
                  }
                ]
              }
            ]
          }
        ],
        "headerComponents": [
          {
            "is": "qt-tooltip",
            "top": true,
            "text": "Informações do Levi",
            "v-model": false,
            "qtChildren": [
              {
                "is": "span",
                "v-text": "btn do Levi 3",
                "#activator": " { on, attrs } "
              }
            ]
          }
        ]
      },
      {
        "name": "ticketType100047AdditionalInfo.Prazo_para_cadastro",
        "label": "Prazo para cadastro",
        "convert": "{{ ()=>{return 3} }}",
        "sortable": true,
        "components": [
          {
            "is": "span",
            "qtChildren": [
              "aaaa"
            ]
          }
        ]
      },
      {
        "name": "ticketType100047AdditionalInfo.Responsavel_pelo_cadastro_name",
        "label": "Responsável",
        "convert": "{{ () => {return 1} }}",
        "sortable": true,
        "components": [
          {
            "is": "v-rating",
            "style": {
              "color": "red"
            },
            "value": 1
          }
        ]
      },
      {
        "name": "ticketType100047AdditionalInfo.Status_pre_cadastro",
        "label": "Pré-cadastro",
        "convert": "{{ () => {return 100185} }}",
        "sortable": true,
        "components": [
          {
            "is": "qt-autocomplete",
            "v-if": true,
            "style": {
              "color": "red",
              "width": "250px"
            }
          }
        ]
      },
      {
        "name": "updatedAt",
        "type": "date",
        "label": "Última atualização",
        "sortable": true
      },
      {
        "name": "status",
        "label": "Salvar",
        "sortable": true,
        "components": [
          {
            "is": "v-btn",
            "v-if": "{{ true }}",
            "color": "primary",
            "style": {},
            "@click": "{{ (event) => { console.log('aa', event)} }}",
            "v-text": "Botão do Vini"
          }
        ]
      }
    ],
    "params": {
      "includeQueue": false,
      "additionalInfos": [
        {
          "ticketTypeId": 100047
        }
      ],
      "columnsToSearch": [
        "id",
        "createdAt",
        "updatedAt",
        "$ticketType100047AdditionalInfo.Numero_do_processo$",
        "$ticketType100047AdditionalInfo.Cliente$",
        "$ticketType100047AdditionalInfo.Prazo_para_cadastro$",
        "$ticketType100047AdditionalInfo.Responsavel_pelo_cadastro$",
        "$ticketType100047AdditionalInfo.status_pre_cadastro$"
      ],
      "includeSharedGroup": false,
      "includeTicketGoals": true,
      "includeAdditionalInfos": true
    },
    "createBtn": {
      "name": "Cadastrar"
    },
    "attributes": [
      "id",
      [
        "TicketType.name",
        "type"
      ],
      [
        "ticketRecipient.name",
        "ticketRecipientName"
      ],
      [
        "ticketAssignedToUser.name",
        "ticketAssignedToUserName"
      ],
      [
        "ticketCreator.name",
        "ticketCreatedByName"
      ],
      [
        "Category.name",
        "category"
      ],
      "description",
      "status",
      "createdAt",
      "updatedAt",
      "isAppointment",
      "scheduleDate",
      "duration",
      [
        "TicketGoals.expire_at",
        "goalsExpiresAt"
      ],
      [
        "TicketGoals.finished_at",
        "goalsFinishedAt"
      ],
      [
        "TicketGoals.paused_at",
        "goalsPausedAt"
      ]
    ],
    "ticketTable": {
      "qtTableProps": {
        "showExpand": false,
        "expandedComponent": {
          "tds": [
            {
              "components": [
                {
                  "props": {
                    "is": "qt-form-response",
                    "mode": "only-fields",
                    "style": {
                      "width": "100%"
                    },
                    "formId": 100265,
                    "sendBtn": "Salvar 1",
                    "showSaveBtn": true,
                    "formResponseId": 113021,
                    "enableUpdateResponses": true,
                    "useQtDatabasesEndpoints": true
                  }
                }
              ]
            }
          ]
        }
      }
    },
    "filterConfig": {
      "hideQueue": true,
      "hideCategory": true,
      "hideCreatedBy": true,
      "hideRecipient": true,
      "hideCreatedByt": true,
      "hideTicketType": true,
      "hideSectorTicket": true,
      "hideSearchByTitle": true,
      "assignedToUserWhere": {
        "userProfileId": 100024
      },
      "listAvailableToOrder": [
        {
          "name": "Tempo de criação",
          "value": "created_at"
        },
        {
          "name": "Última atualização",
          "value": "updatedAt"
        }
      ],
      "statusFromTicketTypes": [
        100046
      ]
    },
    "createDialogTitle": "Adicionar processos"
  },
  "ticketAgentOverview": {
    "general": {
      "extraTabsMaxWidth": 70,
      "extraTabsMinWidth": 20,
      "isExtraTabsResize": true,
      "initialExtraTabsWidth": 35
    },
    "listOneParams": {
      "additionalInfos": [
        {
          "ticketTypeId": 100047
        }
      ]
    }
  }
}