Diferenças

Aqui você vê as diferenças entre duas revisões dessa página.

--- cadastro_modelo_contrato [2022/01/22 10:25]
duarte
+++ cadastro_modelo_contrato [2022/05/07 10:15]
duarte
@@ Linha 1: / Linha 1: @@
 <html>
+  <style type="text/css">
+    .home {
+      margin: 0 auto 100px auto;
+      font-family: Verdana, Geneva, Tahoma, sans-serif;
+    }
-<head>
+    .paragrafo {
-    <meta charset="UTF-8" />
+      text-align: justify;
-    <meta name="viewport" content="width=device-width, user-scalable=0" />
+    }
-    <style type="text/css">
+    h1 {
+      font-size: 34px;
+    }
-        body {
+    h2 {
-        font-size: 20px;
+      font-size: 28px;
-        color: var(--font-color);
+    }
-        }
-        p {
+    h3 {
-            font-size: 20px;
+      font-size: 25px;
-            text-align: justify;
+    }
-            text-justify: inter-word;
-        }
-        strong { font-size: 1rem; }
+    p {
+      font-size: 16px;
+    }
-        table {
+    .legenda {
-            width: 80%;
+      font-size: 12px;
-            margin-left: auto;
+      font-style: italic;
-            margin-right: auto;
+      margin: 0px 0px 40px 0px;
-        }
+      padding: 0px;
+      text-align: center;
+    }
-        th { width: 50%; }
+    .imgConfig {
+      width: 80%;
+      padding: 1.5px;
+      -webkit-box-shadow: 9px 7px 5px rgba(50, 50, 50, 0.5);
+      --moz-box-shadow: 9px 7px 5px rgba(50, 50, 50, 0.5);
+      -box-shadow: 9px 7px 5px rgba(224, 178, 178, 0.5);
+      display: block;
+      margin: 30px auto 60px auto;
+    }
-        hr { border-top: 1px dashed black; }
+    .important {
+      background-image: url("http://wiki.sgp.net.br/lib/exe/fetch.php?media=icons:important.png");
+      background-color: #fffecd;
+    }
-        ul { padding-left: 0; }
-        li { font-size: 18px; }
+    .tip {
+      background-image: url("http://wiki.sgp.net.br/lib/exe/fetch.php?media=icons:tip.png");
+      background-color: #daffda;
+    }
-        .paragrafo {
+    .warning {
-        font-size:  0.85rem;
+      background-image: url("http://wiki.sgp.net.br/lib/exe/fetch.php?media=icons:warning.png");
+      background-color: #fddedd;
+    }
-        padding: 15px;
+    .noteTip {
-        text-align: justify-all;
-        }
-        .textNote {
-        font-size: 0.8rem;
-        padding-top: 10px;
-        text-align: justify-all;
-        }
-        .noteTip {
         display: flex;
         align-items: center;
@@ Linha 94: / Linha 107: @@
         }
-        .video-box {
+    .flex-container {
-        display:flex;
+      display: flex;
-        justify-content:center;
+      gap: 50px
-        align-items:center;
+    }
+  </style>
+</head>
-        }
-        hr.separador {
+<body>
-        border: 0;
+  <center><h1>Cadastro de Contrato de Impressão</h1></center>
-        height: 1px;
-        background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
-        }
-        /* ================================================== */
+  <p class="paragrafo">
-        /* ============== START SOMBRAS CONFIG ============== */
+    Quando for tentado imprimir um contrato de impressão em um cliente, ele tentará imprimir do grupo de contrato que foi definido no <b>Plano de Internet</b> que o cliente atualmente está utilizando.
+  </p>
-        #shadow-box {
+  <p class="paragrafo">
-        display: block;
+    No exemplo abaixo, o cliente está contemplado com um plano de <b>100MB FIBRA</b>, portanto o Grupo de contratos de impressão para esse cliente será o de "<b>Contrato de Internet para Fibra</b>", anteriormente selecionado no plano.
-        margin-left: auto;
+  </p>
-        margin-right: auto;
-        margin-bottom: 20px;
-        -webkit-box-shadow: 9px 7px 5px rgba(50, 50, 50, 0.5);
-        --moz-box-shadow:   9px 7px 5px rgba(50, 50, 50, 0.5);
-        -box-shadow:        9px 7px 5px rgba(50, 50, 50, 0.5);
-        }
-        /* =============== END SOMBRAS CONFIG =============== */
+  <img
-        /* ================================================== */
+    class="imgConfig"
+    src="https://wiki.sgp.net.br/lib/exe/fetch.php?t=1642859370&w=500&h=369&tok=d3c49c&media=contratos:contratos_de_impressao_imprimir.jpg"
+    alt="Imprimir Contrato de Impressão"
+  />
-    </style>
+  <img
-</head>
+    class="imgConfig"
+    src="https://wiki.sgp.net.br/lib/exe/fetch.php?t=1642858400&w=500&h=385&tok=f94837&media=contratos:contratos_de_impressao_pre_verificacao_parte_1.jpg"
+    alt="Pre Verificação Parte 1"
+  />
-<body>
+  <p class="paragrafo">
-    <center><h1>Cadastro de Contrato de Impressão</h1></center>
+    Outra opção, caso o contrato de impressão do cliente não deva ser igual ao contrato padrão do Plano de Internet do mesmo, seria definir manualmente qual grupo de contrato de impressão o SGP utilizará para o Contrato de Serviço do cliente em questão.
-    <p>
+  </p>
-        Os contratos de impressão (Prestação de Serviço, Adesão, Comodato, dentre outros) são configurados no caminho <b>Financeiro -> Cadastros -> Contratos</b>. Quando for tentado imprimir um contrato de impressão em um cliente, ele tentará imprimir do grupo de contrato que foi definido no <b>Plano de Internet</b> que o cliente atualmente está utilizando.
-    </p>
+  <img
-    <center>
+    class="imgConfig"
-        <img id="shadow-box" src="https://wiki.sgp.net.br/lib/exe/fetch.php?t=1642857147&w=464&h=500&tok=a59fd1&media=contratos:acessar_contratos_de_impressao.gif" alt="Acessar Contratos de Impressão">
+    src="https://wiki.sgp.net.br/lib/exe/fetch.php?t=1642858400&w=500&h=362&tok=888cde&media=contratos:contratos_de_impressao_pre_verificacao_parte_2.jpg"
-    </center><br><br>
+    alt="Pre Verificação Parte 2"
-    <p>
+  />
-        Nessa página, constarão os grupos de contratos de impressão do SGP que atualmente estão criados e podem ser modificados. Basta selecionar o ícone de lápis à direita para começar a modificação.
-    </p>
+  <p class="paragrafo">
-    <center>
+    Os contratos de impressão (Prestação de Serviço, Adesão, Comodato, dentre outros) são configurados no caminho <b>Financeiro -> Cadastros -> Contratos</b>.
-        <img id="shadow-box" src="https://wiki.sgp.net.br/lib/exe/fetch.php?t=1642857165&w=500&h=195&tok=20c34e&media=contratos:contratos_de_impressao_parte_1.jpg" alt="Contratos de Impressão Parte 1">
+  </p>
-    </center><br><br>
-    <p>
+  <img
-        Ao acessar o grupo de contratos que gostaria de editar, dois modos de configuração são possíveis, sendo eles via <b>HTML</b> ou <b>Anexação de Contratos em formato .docx</b>.
+    class="imgConfig"
-    </p>
+    src="https://wiki.sgp.net.br/lib/exe/fetch.php?media=contratos:acessar_contratos_de_impressao.gif"
-    <center>
+    alt="Acesso à Contratos de Impressão"
-        <img id="shadow-box" src="https://wiki.sgp.net.br/lib/exe/fetch.php?t=1642857399&w=500&h=241&tok=ca245f&media=contratos:contratos_de_impressao_parte_2.jpg" alt="Contratos de Impressão Parte 2">
+  />
-    </center><br><br>
-    <p>
+  <p class="paragrafo">
-        Alterações de contrato de impressão feitos pelo campo <b>HTML</b> devem ser realizados totalmente em HTML (Botão "Código-Fonte" no topo esquerdo da janela), para que sejam evitados problemas de formatação e tamanho de caracteres/tabelas. Recomenda-se a utilização desse campo apenas caso possua conhecimento para tal de tipo de edição.
+    Na página seguinte, alguns contratos já estarão disponíveis para edição. Basta selecionar para editar no ícone de Lápis à direita.
-    </p>
+  </p>
-    <center>
-        <img id="shadow-box" src="https://wiki.sgp.net.br/lib/exe/fetch.php?t=1642857502&w=500&h=218&tok=69ad74&media=contratos:contratos_de_impressao_parte_3.jpg" alt="Contratos de Impressão Parte 3">
+  <img
-    </center><br><br>
+    class="imgConfig"
-    <p>
+    src="https://wiki.sgp.net.br/lib/exe/fetch.php?media=contratos:contratos_de_impressao_parte_1.jpg"
-        Os contratos em .docx podem ser configurados e formatados, anteriormente, no próprio Word, para depois serem apenas anexados nos contratos de impressão, já estando prontos para impressão nos clientes.
+    alt="Contratos de Impressão Disponíveis"
-    </p>
+  />
-    <center><div class="noteBase noteTip"><p>
-        Caso sejam definidos contratos em ambos os campos (Anexação e HTML), o documento anexado em .docx será priorizado pelo SGP.
+  <p class="paragrafo">
-    </p></div></center><br>
+    De início, ao começar as modificações no Contrato de Impressão escolhido, são apresentados campos em que os contratos podem ser confeccionados via <b>HTML</b>, utilizando-se do botão <b>Código-Fonte</b>.
-    <center>
+  </p>
-        <img id="shadow-box" src="https://wiki.sgp.net.br/lib/exe/fetch.php?t=1642857601&w=500&h=440&tok=d49e90&media=contratos:contratos_de_impressao_parte_4.jpg" alt="Contratos de Impressão Parte 4">
-    </center><br><br>
+  <center>
-    <p>
+    <div class="noteBase noteTip">
-        Abaixo da opção de <b>Salvar</b>, existem as variáveis atualmente disponíveis no SGP e que podem ser utilizadas no contrato. Elas podem ser utilizadas de duas formas, sendo elas da mesma forma que consta no SGP (Nome completamente em maíusculo com underline) ou entre chaves completamente em minúsculo, conforme exemplos a seguir:
+      <p>
-    </p>
+        É importante salientar que caso não possua conhecimento para modificação de texto utilizando-se de HTML, opte por utilizar a anexação de documentos em formato .docx, advindos do Microsoft Word, que será explicado logo à seguir. Isso evitará que seu contrato fique desconfigurado, ou com as tabelas de tamanhos diversos.
-    <ul>
+      </p>
-        <li><b>CLIENTE_CONTRATO_ID</b></li><br>
+    </div>
-        <li><b>{cliente_contrato_id}</b></li><br>
+  </center><br>
-    </ul>
+  <img
+    class="imgConfig"
+    src="https://wiki.sgp.net.br/lib/exe/fetch.php?media=contratos:contratos_de_impressao_parte_3.jpg"
+    alt="Anexação de Documentos"
+  />
+  <p class="paragrafo">
+    Ao decorrer da página, haverá a opção de Anexar seu contrato de impressão em arquivo de formato .docx, que funcionará de forma similar ao contrato HTML, porém com a facilidade de modificar e criar tabelas pelo seu editor de texto escolhido.
+  </p>
+  <p class="paragrafo">
+    É importante salientar que, ao configurar o contrato em HTML e anexa-lo também via .docx, apenas o contrato em .docx será considerado para impressão no cliente.
+  </p>
+  <img
+    class="imgConfig"
+    src="https://wiki.sgp.net.br/lib/exe/fetch.php?media=contratos:contratos_de_impressao_parte_4.jpg"
+    alt="Salvar e Variáveis"
+  />
+  <p class="paragrafo">
+    Logo abaixo da última área de configuração do Grupo de Contratos, haverá o botão para <b>Salvar</b> as alterações realizadas, seguido de todas as variáveis que são aceitas pelo SGP para configuração de seu Contrato de Impressão.
+  </p>
+  <p class="paragrafo">
+    As variáveis podem ser utilizadas de duas formas, sendo elas da mesma forma que consta no SGP (Nome completamente em maíusculo com underlines) ou entre chaves completamente em minúsculo, conforme exemplos a seguir:
+  </p>
+  <ul>
+    <li><b>CLIENTE_CONTRATO_ID</b></li><br>
+    <li><b>{cliente_contrato_id}</b></li><br>
+</ul>
+  <p class="paragrafo">
+    A utilização dessas variáveis, tanto em seu contrato configurado em HTML quanto em .docx, fará com que o SGP troque-as pelos seus respectivos valores a depender do cliente em que o contrato de impressão estará sendo impresso. A seguir, demonstraremos um exemplo com base em um cliente da base.
+  </p>
+  <p class="paragrafo">
+    Foi configurado o contrato de impressão <b>de Adesão,</b> no grupo "<b>Contrato de Internet para Fibra</b>", um texto base com algumas variáveis disponíveis, e após isso, fizemos a impressão pelo cliente <b>Kevin</b>, retornando o seguinte contrato, com as variáveis alteradas, no canto inferior direito.
+  </p>
+  <img
+    class="imgConfig"
+    src="https://wiki.sgp.net.br/lib/exe/fetch.php?t=1651929266&w=499&h=417&tok=039291&media=contratos:contratos_de_impressao_parte_5.1.jpg"
+    alt="Contrato de Adesão Impresso Parte 1"
+  />
+  <img
+    class="imgConfig"
+    src="https://wiki.sgp.net.br/lib/exe/fetch.php?t=1651929251&w=499&h=416&tok=73eb27&media=contratos:contratos_de_impressao_parte_5.2.jpg"
+    alt="Contrato de Adesão Impresso Parte 2"
+  />
+  <p class="paragrafo">
+    O ideal é que, a medida que o contrato seja criado em HTML ou .docx, as variáveis vão sendo adicionadas aos poucos, a medida que forem sendo necessárias, para que o contrato torne-se personalizado para cada cliente.
+  </p>
 </body>
 </html>

Tools

menus and quick search

quick search

site status

Ferramentas da página

meta data for this page

Diferenças