vue-intergrall-plugins 1.0.80 → 1.0.81

package/src/lib-components/Messages/InteratividadeFormulario.vue

@@ -1,121 +1,38 @@
 <template>
   <div class="interatividade">
-    <div v-if="Object.keys(infoCanal).length > 0">
-      <!-- CHIPS -->
-      <div class="d-flex overflow-hidden mt-10 w-100 d-flex flex-wrap">
-        <div
-          v-if="situation || deadline.text"
-          class="d-flex-center flex-column w-100 border-radius-10 border-1 bg-dark-white-2 border-color-gray p-10 mb-10"
-          :style="`${
-            situation && situation.cor ? `border: 1px solid ${situation.cor}` : ''
-          }`"
-        >
-          <div class="d-flex w-100 mb-5">
-            <strong
-              v-if="situation"
-              class="text-ellipsis text-left fs-_85"
-              v-text="`${dictionary.chip_situacao}:`"
-            ></strong>
-            <span
-              v-if="situation"
-              :style="`color: ${situation.cor}`"
-              class="ml-5 text-left fs-_85 text-shadow"
-              v-text="verificaInfos(situation)"
-            ></span>
-          </div>
-          <div class="d-flex w-100" v-if="deadline.text">
-            <strong
-              v-text="`${deadline.title}:`"
-              class="text-ellipsis text-left fs-_75"
-            ></strong>
-            <span class="ml-5 text-nowrap text-left fs-_75" v-text="deadline.text"></span>
-          </div>
-        </div>
-      </div>
-    </div>
     <!-- TABELA INTERATIVIDADE HO -->
     <template v-if="informacao.length">
-      <div class="interatividade-form-header d-flex justify-content-between">
-        {{ dictionary.msg_abertura_reclamacao }}
-        <span class="d-flex-center">
-          <fa-icon :icon="['fas', 'calendar']" class="mr-5" />
-          {{ formataDataHora(infoCanal.DATA_ABERTURA) }}
-        </span>
-      </div>
       <div class="interatividade-form-body">
-        <div
-          v-for="form in informacao"
-          :key="form.TIPO_TEXTO"
-          class="interatividade-info-form"
-        >
-          <p
-            v-if="form.TIPO_TEXTO < 1000"
-            v-text="form.DESC_TIPO_TEXTO"
-            class="interatividade-titulo-form"
-          ></p>
-          <p
-            v-if="form.TIPO_TEXTO < 1000"
-            v-text="form.TEXTO"
-            class="interatividade-description-form"
-          ></p>
+        <div v-for="form in informacao" :key="form.TIPO_TEXTO" class="interatividade-info-form">
+          <p v-if="form.TIPO_TEXTO < 1000" v-text="form.DESC_TIPO_TEXTO" class="interatividade-titulo-form"></p>
+          <p v-if="form.TIPO_TEXTO < 1000" v-text="form.TEXTO" class="interatividade-description-form"></p>
         </div>
         <div v-if="informacaoAdicional.length" class="interatividade-form-header">
           {{ dictionary.msg_info_adicional }}
         </div>
         <div class="interatividade-form-body">
-          <div
-            v-for="form in informacaoAdicional"
-            :key="form.TIPO_TEXTO"
-            class="interatividade-add-info-form"
-          >
+          <div v-for="form in informacaoAdicional" :key="form.TIPO_TEXTO" class="interatividade-add-info-form">
             <div class="divisor-form-info-aditional">
               <div class="info-aditional">
-                <p
-                  v-if="form.TIPO_TEXTO > 999"
-                  v-text="form.DESC_TIPO_TEXTO + ': '"
-                  class="interatividade-titulo-form"
-                ></p>
+                <p v-if="form.TIPO_TEXTO > 999" v-text="form.DESC_TIPO_TEXTO + ': '" class="interatividade-titulo-form">
+                </p>
               </div>
               <div class="info-aditional">
-                <p
-                  v-if="form.TIPO_TEXTO > 999"
-                  v-text="form.TEXTO"
-                  class="interatividade-description-form"
-                ></p>
+                <p v-if="form.TIPO_TEXTO > 999" v-text="form.TEXTO" class="interatividade-description-form"></p>
               </div>
             </div>
           </div>
         </div>
         <h3 class="m-5 text-bold" v-text="`Anexos`"></h3>
         <div class="d-flex flex-wrap align-items-center">
-          <div
-            v-for="({ name, type, mkuDownload, mku }, fileIndex) in anexos"
-            :key="`file-${fileIndex}`"
-            class="mb-5 mx-5 d-flex"
-          >
-            <img
-              class="box-shadow max-w-75px max-h-75px cursor-pointer"
-              @click="openFile(mku, type)"
-              v-if="!type"
-              :src="`${dominio}/callcenter/docs.php?mku=${mku}`"
-              :alt="name"
-              :title="name"
-            />
-            <fa-icon
-              v-else
-              :icon="returnCurrentIcon(type)"
-              @click="openFile(mku, type)"
-              :class="returnCurrentClass(type)"
-              :title="name"
-            />
-            <a
-              class="d-flex align-items-end ml-3 text-dark"
-              :href="`${dominio}/callcenter/docs.php?mku=${mkuDownload}`"
-              :download="`${name}`"
-              target="_blank"
-              rel="noreferrer noopener"
-              :title="`Download ${name}`"
-            >
+          <div v-for="({ name, type, mkuDownload, mku }, fileIndex) in anexos" :key="`file-${fileIndex}`"
+            class="mb-5 mx-5 d-flex">
+            <img class="box-shadow max-w-75px max-h-75px cursor-pointer" @click="openFile(mku, type)" v-if="!type"
+              :src="`${dominio}/callcenter/docs.php?mku=${mku}`" :alt="name" :title="name" />
+            <fa-icon v-else :icon="returnCurrentIcon(type)" @click="openFile(mku, type)"
+              :class="returnCurrentClass(type)" :title="name" />
+            <a class="d-flex align-items-end ml-3 text-dark" :href="`${dominio}/callcenter/docs.php?mku=${mkuDownload}`"
+              :download="`${name}`" target="_blank" rel="noreferrer noopener" :title="`Download ${name}`">
               <fa-icon :icon="['fas', 'download']" />
             </a>
           </div>
@@ -127,7 +44,7 @@
 </template>
 <script>
 import InteratividadePopup from "./InteratividadePopup";
-import { formataData, formataDataHora } from "../../services/textFormatting";
+import { formataDataHora } from "../../services/textFormatting";
 
 export default {
   components: { InteratividadePopup },
@@ -142,11 +59,6 @@ export default {
       type: Object,
       required: true,
     },
-    infoCanal: {
-      type: [Object, Array],
-      required: false,
-      default: {},
-    },
     dominio: {
       type: String,
       required: true,
@@ -160,30 +72,6 @@ export default {
       required: false,
     },
   },
-  computed: {
-    situation() {
-      try {
-        const { SITUACAO } = this.infoCanal;
-        return SITUACAO ? SITUACAO : null;
-      } catch (e) {
-        console.error("Erro ao gerar a situacao do atendimento");
-        console.error(e);
-      }
-    },
-    deadline() {
-      try {
-        const { PRAZO, NOME_CAMPO_PRAZO } = this.infoCanal;
-        return {
-          text: PRAZO ? formataData(PRAZO) : "---",
-          title: NOME_CAMPO_PRAZO ? NOME_CAMPO_PRAZO : this.dictionary.tit_prazo,
-        };
-      } catch (e) {
-        console.error("Erro ao gerar o prazo do atendimento");
-        console.error(e);
-        return {};
-      }
-    },
-  },
   mounted() {
     if (this.validateInterativity()) {
       this.verifyInfoAditional();
@@ -191,9 +79,8 @@ export default {
   },
   methods: {
     returnCurrentClass(isDoc) {
-      return `fs-2 cursor-pointer ${
-        typeof isDoc == "string" && isDoc.indexOf("pdf") > -1 ? "text-red" : "text-blue"
-      }`;
+      return `fs-2 cursor-pointer ${typeof isDoc == "string" && isDoc.indexOf("pdf") > -1 ? "text-red" : "text-blue"
+        }`;
     },
     returnCurrentIcon(isDoc) {
       return typeof isDoc == "string" && isDoc.indexOf("pdf") > -1
@@ -260,10 +147,12 @@ export default {
   align-items: center;
   justify-content: space-around;
 }
+
 .info-aditional {
   border-bottom: 1px solid #ccc;
   width: 49%;
 }
+
 .interatividade-form-header {
   background-color: #efefef;
   margin-top: 5px;
@@ -279,6 +168,7 @@ export default {
   font-weight: 700;
   font-size: 14.4px;
 }
+
 .interatividade-form-body {
   padding: 0px 10px;
   background: white;
@@ -288,9 +178,11 @@ export default {
   border-bottom-right-radius: 10px;
   padding-bottom: 10px;
 }
+
 .interatividade {
   margin: 10px 0;
 }
+
 .interatividade-titulo-form {
   white-space: nowrap;
   text-overflow: ellipsis;
@@ -301,106 +193,138 @@ export default {
   padding: 0;
   padding-top: 5px;
 }
+
 .interatividade-description-form {
   overflow: hidden;
   max-width: 100%;
   margin: 0;
   padding: 0;
 }
+
 .text-dark {
   color: #333;
 }
+
 .ml-3 {
   margin-left: 3px;
 }
+
 .flex-wrap {
   flex-wrap: wrap;
 }
+
 .align-items-center {
   align-items: center;
 }
+
 .d-flex {
   display: flex;
 }
+
 .align-items-end {
   align-items: flex-end;
 }
+
 .flex-column {
   flex-direction: column;
 }
+
 .text-bold {
   font-weight: bold;
 }
+
 .m-5 {
   margin: 5px;
 }
+
 .mb-5 {
   margin-bottom: 5px;
 }
+
 .mx-5 {
   margin-left: 5px;
   margin-right: 5px;
 }
+
 .cursor-pointer {
   cursor: pointer;
 }
+
 .bg-dark-white-2 {
   background-color: #f7f7f7;
 }
+
 .border-radius-10 {
   border-radius: 10px;
 }
+
 .w-100 {
   width: 100%;
 }
+
 .overflow-hidden {
   overflow: hidden;
 }
+
 .mt-10 {
   margin-top: 10px;
 }
+
 .flex-wrap {
   flex-wrap: wrap;
 }
+
 .d-flex {
   display: flex;
 }
+
 .p-10 {
   padding: 10px;
 }
+
 .mb-5 {
   margin-bottom: 5px;
 }
+
 .mb-10 {
   margin-bottom: 10px;
 }
+
 .d-flex-center {
   display: flex;
   justify-content: center;
   align-items: center;
 }
+
 .fs-_85 {
   font-size: 13.6px;
 }
+
 .text-ellipsis {
   text-overflow: ellipsis;
 }
+
 .text-left {
   text-align: left;
 }
+
 .text-ellipsis {
   white-space: nowrap;
   overflow: hidden;
 }
+
 .ml-5 {
   margin-left: 5px;
 }
+
 .text-shadow {
   text-shadow: 0 0 #000;
 }
+
 .justify-content-between {
   justify-content: space-between;
 }
+
 .mr-5 {
   margin-right: 5px;
 }