Mudanças entre as edições de "Paginateste2"

De wiki.eliteSoft.com.br
Ir para: navegação, pesquisa
 
(8 revisões intermediárias pelo mesmo usuário não estão sendo mostradas)
Linha 1: Linha 1:
<html>
 
<head>
 
<title>Abas</title>
 
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
 
<style type="text/css">
 
<!--
 
.unsel {
 
  border-bottom-width: thin;
 
  border-bottom-style: solid;
 
  border-bottom-color: #0000FF; <!-- Cor da borda da aba -->
 
  font-style: normal;
 
}
 
.sel {
 
  border-top-width: thin;
 
  border-right-width: thin;
 
  border-bottom-width: 0px;
 
  border-left-width: thin;
 
  border-top-style: solid;
 
  border-right-style: solid;
 
  border-bottom-style: none;
 
  border-left-style: solid;
 
  border-top-color: #0000FF;<!-- cor da borda da aba-->
 
  border-right-color: #0000FF;<!-- cor da borda da aba-->
 
  border-left-color: #0000FF;<!-- cor da borda da aba-->
 
  font-weight: bold;
 
  background-color: #66CCFF;<!-- cor de fundo-->
 
}
 
.divsel {
 
  visibility: visible;
 
  position: absolute;
 
  left: 10px;<!-- distância do conteúdo em relação à esquerda do browser-->
 
  top: 57px;<!-- distância do conteúdo em relação ao topo-->
 
  height: 520px;<!-- altura do conteúdo-->
 
  width: 984px;<!-- largura do conteúdo-->
 
  background-color: #66CCFF;<!-- cor de fundo do conteúdo-->
 
  right: 10px;
 
  bottom: 10px;
 
}
 
  
.divunsel {
 
  visibility: hidden;
 
}
 
-->
 
</style>
 
</head>
 
  
<body>
+
<div class="NavFrame" style="border-style: none; padding: 0px; font-size: 106%; border-radius:11px;">
<div align="center" id="aba">
+
 
  <script language="JavaScript">
+
<div class="NavFrame" style="border-style: none; TEXT-align: left; border: #a7d7f9 solid 2px;-moz-border-radius: 10px; padding: 5px; font-size: 85%; border-radius:11px;">
      function sel(idaba){
+
 
        var aba=document.getElementById(idaba);
+
<div class="NavHead" style="{{Round corners}}; background: #104E8B; TEXT-align: center; padding: 2px; font-size: 160%; border-radius:11px;"><font face="arial" color="#FFFFFF" size="+1">'''Modulo Desktop - Atendimentos - Relação de Atendimentos'''</font></div>
        var nAbas="5"; <!-- colocar o número de abas  1-->
+
 
        for(var i="1";i<nAbas;i++){
+
<div class="NavContent" style="background: class="collapsible collapsed wikitable"; #FFFFFF; display: none; font-size: 100%; border-radius:11px;>
            var id="aba"+i;
+
 
            document.getElementById(id).className="unsel";
+
 
        }
+
<div class="NavFrame" style="border-style: none; padding: 0px; font-size: 106%; border-radius:11px;">
        aba.className="sel";
+
 
       
+
<div class="NavFrame" style="border-style: none; TEXT-align: left; border: #a7d7f9 solid 2px;-moz-border-radius: 10px; padding: 5px; font-size:100%; border-radius:11px;">  
        for(var u="1";u<nAbas;u++){
+
[[arquivo:InformacoesLogo.jpg|left]]
            var idt="textaba"+u;
+
 
            document.getElementById(idt).className="divunsel";
+
 
        }
+
Através do módulo "'''Relação de Atendimentos'''", é possível que os atendentes possam registrar cada ligação e informação do cliente, ajudando na resolução de problemas. Após criar o atendimento é possível, encaminhar para outros usuários, registrar testes efetuados e também gerar uma ordem de serviço até que o atendimento seja resolvido. E todas estas informações ficarão registradas no Integrator, sendo possível consultá-las.
        var iddiv="text"+idaba;
+
 
        document.getElementById(iddiv).className="divsel";
+
 
      }
+
 
  </script>
+
</div></div>
  <table width="100%" border="0" align="center" cellspacing="0" id="t_abas">
+
 
      <tr id="tr_abas">
+
1) Acessar o Integrator Desktop da versão 5, informar o usuário e a senha aos seus respectivos campos, após, selecionar a opção “Entrar”.
        <td width="16,67%" class="unsel">&nbsp;</td>
+
 
        <td id="aba1" width="16,67%" class="sel" onClick="sel(this.id)">Cliente</td><!-- colocar as abas aqui. Cuidado para não mudar as id das abas: formata: aba+número. ver exemplo-->
+
[[Arquivo:TelaIntegratorDeskV5.png]]
        <td id="aba2" width="16,67%" class="unsel" onClick="sel(this.id)">Novo Cliente</td>
+
 
        <td id="aba3" width="16,67%" class="unsel" onClick="sel(this.id)">Painel de Configuração</td>
+
2) Na Área de Trabalho selecione a opção "Atendimentos", dê um clique duplo ou apertar o enter para visualizar a tela "'''Relação de Atendimentos'''".
        <td id="aba4" width="16,67%" class="unsel" onClick="sel(this.id)">Financeiro</td>
+
 
        <td width="16,67%" class="unsel">&nbsp;</td>
+
[[Arquivo:AtendimentosPainel.png|1100px]]
      </tr>
+
 
  </table>
+
3) Na tela '''"Relação de Atendimentos"''' é possível realizar busca através de vários filtros.
</div>
+
 
<div id="textaba1" class="divsel">Conteúdo da aba1 aqui</div><!-- colocar aqui o conteúdo das abas. Atenção para seguir o mesmo modelo de id.-->
+
[[Arquivo:AtendimentosTelaInicial.png|1100px]]
<div id="textaba2" class="divunsel">Conteúdo da aba2 aqui</div>
+
 
<div id="textaba3" class="divunsel">Conteúdo da aba3 aqui</div>
+
3.1) Caso queira buscar pelo filtro "Clientes":
<div id="textaba4" class="divunsel">Conteúdo da aba4 aqui</div>
+
 
</body>
+
[[Arquivo:AtendimentosBuscaCli1(2).jpg]]
</html>
+
 
 +
* Clique na [[Arquivo:AtendimentoBusca.jpg]] para digitar o cliente a ser filtrado;
 +
* Após dê enter e selecione a opção [[Arquivo:OrigemAtendimentosExpandir1.png]] expandirá uma lista de clientes;
 +
* Escolha o(s) cliente(s) desejado.
 +
 
 +
 
 +
[[#Modulo Desktop - Atendimentos - Relação de Atendimentos|Topo]]
 +
 
 +
</div></div></div>

Edição atual tal como às 09h59min de 12 de novembro de 2012