vue-intergrall-plugins 0.0.233 → 0.0.234

package/dist/vue-intergrall-plugins.ssr.js

@@ -10721,6 +10721,9 @@ var InteratividadePopup = __vue_component__$h;var script$b = {
       if (_typeof(text) === 'object') {
         return text.desc;
       }
+    },
+    formataDataHora: function formataDataHora$1(date) {
+      return formataDataHora(date);
     }
   }
 };/* script */
@@ -10736,16 +10739,21 @@ var __vue_render__$b = function __vue_render__() {
 
   return _c('div', {
     staticClass: "interatividade"
-  }, [_vm._ssrNode((Object.keys(_vm.infoCanal).length > 0 ? "<div data-v-61f7a677><div class=\"d-flex overflow-hidden mt-10 w-100 d-flex flex-wrap\" data-v-61f7a677>" + (_vm.situation || _vm.deadline.text ? "<div class=\"d-flex-center flex-column w-100 border-radius-10 border-1 bg-dark-white-2 border-color-gray p-10 mb-10\"" + _vm._ssrStyle(null, "" + (_vm.situation && _vm.situation.cor ? "border: 1px solid " + _vm.situation.cor : ''), null) + " data-v-61f7a677><div class=\"d-flex w-100 mb-5\" data-v-61f7a677>" + (_vm.situation ? "<strong class=\"text-ellipsis text-left fs-_85\" data-v-61f7a677>" + _vm._ssrEscape(_vm._s(_vm.dictionary.chip_situacao + ":")) + "</strong>" : "<!---->") + " " + (_vm.situation ? "<span class=\"ml-5 text-left fs-_85 text-shadow\"" + _vm._ssrStyle(null, "color: " + _vm.situation.cor, null) + " data-v-61f7a677>" + _vm._ssrEscape(_vm._s(_vm.verificaInfos(_vm.situation))) + "</span>" : "<!---->") + "</div> " + (_vm.deadline.text ? "<div class=\"d-flex w-100\" data-v-61f7a677><strong class=\"text-ellipsis text-left fs-_75\" data-v-61f7a677>" + _vm._ssrEscape(_vm._s(_vm.deadline.title + ":")) + "</strong> <span class=\"ml-5 text-nowrap text-left fs-_75\" data-v-61f7a677>" + _vm._ssrEscape(_vm._s(_vm.deadline.text)) + "</span></div>" : "<!---->") + "</div>" : "<!---->") + "</div></div>" : "<!---->") + " "), _vm.informacao.length ? [_vm._ssrNode("<div class=\"interatividade-form-header\" data-v-61f7a677>" + _vm._ssrEscape("\n      " + _vm._s(_vm.dictionary.msg_abertura_reclamacao) + "\n    ") + "</div> "), _vm._ssrNode("<div class=\"interatividade-form-body\" data-v-61f7a677>", "</div>", [_vm._ssrNode(_vm._ssrList(_vm.informacao, function (form) {
-    return "<div class=\"interatividade-info-form\" data-v-61f7a677>" + (form.TIPO_TEXTO < 1000 ? "<p class=\"interatividade-titulo-form\" data-v-61f7a677>" + _vm._ssrEscape(_vm._s(form.DESC_TIPO_TEXTO)) + "</p>" : "<!---->") + " " + (form.TIPO_TEXTO < 1000 ? "<p class=\"interatividade-description-form\" data-v-61f7a677>" + _vm._ssrEscape(_vm._s(form.TEXTO)) + "</p>" : "<!---->") + "</div>";
-  }) + " " + (_vm.informacaoAdicional.length ? "<div class=\"interatividade-form-header\" data-v-61f7a677>" + _vm._ssrEscape("\n        " + _vm._s(_vm.dictionary.msg_info_adicional) + "\n      ") + "</div>" : "<!---->") + " <div class=\"interatividade-form-body\" data-v-61f7a677>" + _vm._ssrList(_vm.informacaoAdicional, function (form) {
-    return "<div class=\"interatividade-add-info-form\" data-v-61f7a677><div class=\"divisor-form-info-aditional\" data-v-61f7a677><div class=\"info-aditional\" data-v-61f7a677>" + (form.TIPO_TEXTO > 999 ? "<p class=\"interatividade-titulo-form\" data-v-61f7a677>" + _vm._ssrEscape(_vm._s(form.DESC_TIPO_TEXTO + ': ')) + "</p>" : "<!---->") + "</div> <div class=\"info-aditional\" data-v-61f7a677>" + (form.TIPO_TEXTO > 999 ? "<p class=\"interatividade-description-form\" data-v-61f7a677>" + _vm._ssrEscape(_vm._s(form.TEXTO)) + "</p>" : "<!---->") + "</div></div></div>";
-  }) + "</div> <h3 class=\"m-5 text-bold\" data-v-61f7a677>" + _vm._ssrEscape(_vm._s("Anexos")) + "</h3> "), _vm._ssrNode("<div class=\"d-flex flex-wrap align-items-center\" data-v-61f7a677>", "</div>", _vm._l(_vm.anexos, function (ref, fileIndex) {
+  }, [_vm._ssrNode((Object.keys(_vm.infoCanal).length > 0 ? "<div data-v-ace67658><div class=\"d-flex overflow-hidden mt-10 w-100 d-flex flex-wrap\" data-v-ace67658>" + (_vm.situation || _vm.deadline.text ? "<div class=\"d-flex-center flex-column w-100 border-radius-10 border-1 bg-dark-white-2 border-color-gray p-10 mb-10\"" + _vm._ssrStyle(null, "" + (_vm.situation && _vm.situation.cor ? "border: 1px solid " + _vm.situation.cor : ''), null) + " data-v-ace67658><div class=\"d-flex w-100 mb-5\" data-v-ace67658>" + (_vm.situation ? "<strong class=\"text-ellipsis text-left fs-_85\" data-v-ace67658>" + _vm._ssrEscape(_vm._s(_vm.dictionary.chip_situacao + ":")) + "</strong>" : "<!---->") + " " + (_vm.situation ? "<span class=\"ml-5 text-left fs-_85 text-shadow\"" + _vm._ssrStyle(null, "color: " + _vm.situation.cor, null) + " data-v-ace67658>" + _vm._ssrEscape(_vm._s(_vm.verificaInfos(_vm.situation))) + "</span>" : "<!---->") + "</div> " + (_vm.deadline.text ? "<div class=\"d-flex w-100\" data-v-ace67658><strong class=\"text-ellipsis text-left fs-_75\" data-v-ace67658>" + _vm._ssrEscape(_vm._s(_vm.deadline.title + ":")) + "</strong> <span class=\"ml-5 text-nowrap text-left fs-_75\" data-v-ace67658>" + _vm._ssrEscape(_vm._s(_vm.deadline.text)) + "</span></div>" : "<!---->") + "</div>" : "<!---->") + "</div></div>" : "<!---->") + " "), _vm.informacao.length ? [_vm._ssrNode("<div class=\"interatividade-form-header d-flex justify-content-between\" data-v-ace67658>", "</div>", [_vm._ssrNode(_vm._ssrEscape("\n      " + _vm._s(_vm.dictionary.msg_abertura_reclamacao) + "\n      ")), _vm._ssrNode("<span class=\"d-flex-center\" data-v-ace67658>", "</span>", [_c('fa-icon', {
+    staticClass: "mr-5",
+    attrs: {
+      "icon": ['fas', 'calendar']
+    }
+  }), _vm._ssrNode(_vm._ssrEscape("\n        " + _vm._s(_vm.formataDataHora(_vm.infoCanal.DATA_ABERTURA)) + "\n      "))], 2)], 2), _vm._ssrNode(" "), _vm._ssrNode("<div class=\"interatividade-form-body\" data-v-ace67658>", "</div>", [_vm._ssrNode(_vm._ssrList(_vm.informacao, function (form) {
+    return "<div class=\"interatividade-info-form\" data-v-ace67658>" + (form.TIPO_TEXTO < 1000 ? "<p class=\"interatividade-titulo-form\" data-v-ace67658>" + _vm._ssrEscape(_vm._s(form.DESC_TIPO_TEXTO)) + "</p>" : "<!---->") + " " + (form.TIPO_TEXTO < 1000 ? "<p class=\"interatividade-description-form\" data-v-ace67658>" + _vm._ssrEscape(_vm._s(form.TEXTO)) + "</p>" : "<!---->") + "</div>";
+  }) + " " + (_vm.informacaoAdicional.length ? "<div class=\"interatividade-form-header\" data-v-ace67658>" + _vm._ssrEscape("\n        " + _vm._s(_vm.dictionary.msg_info_adicional) + "\n      ") + "</div>" : "<!---->") + " <div class=\"interatividade-form-body\" data-v-ace67658>" + _vm._ssrList(_vm.informacaoAdicional, function (form) {
+    return "<div class=\"interatividade-add-info-form\" data-v-ace67658><div class=\"divisor-form-info-aditional\" data-v-ace67658><div class=\"info-aditional\" data-v-ace67658>" + (form.TIPO_TEXTO > 999 ? "<p class=\"interatividade-titulo-form\" data-v-ace67658>" + _vm._ssrEscape(_vm._s(form.DESC_TIPO_TEXTO + ': ')) + "</p>" : "<!---->") + "</div> <div class=\"info-aditional\" data-v-ace67658>" + (form.TIPO_TEXTO > 999 ? "<p class=\"interatividade-description-form\" data-v-ace67658>" + _vm._ssrEscape(_vm._s(form.TEXTO)) + "</p>" : "<!---->") + "</div></div></div>";
+  }) + "</div> <h3 class=\"m-5 text-bold\" data-v-ace67658>" + _vm._ssrEscape(_vm._s("Anexos")) + "</h3> "), _vm._ssrNode("<div class=\"d-flex flex-wrap align-items-center\" data-v-ace67658>", "</div>", _vm._l(_vm.anexos, function (ref, fileIndex) {
     var name = ref.name;
     var type = ref.type;
     var mkuDownload = ref.mkuDownload;
     var mku = ref.mku;
-    return _vm._ssrNode("<div class=\"mb-5 mx-5 d-flex\" data-v-61f7a677>", "</div>", [!type ? _vm._ssrNode("<img" + _vm._ssrAttr("src", _vm.dominio + "/callcenter/docs.php?mku=" + mku) + _vm._ssrAttr("alt", name) + _vm._ssrAttr("title", name) + " class=\"box-shadow max-w-75px max-h-75px cursor-pointer\" data-v-61f7a677>", "</img>") : _c('fa-icon', {
+    return _vm._ssrNode("<div class=\"mb-5 mx-5 d-flex\" data-v-ace67658>", "</div>", [!type ? _vm._ssrNode("<img" + _vm._ssrAttr("src", _vm.dominio + "/callcenter/docs.php?mku=" + mku) + _vm._ssrAttr("alt", name) + _vm._ssrAttr("title", name) + " class=\"box-shadow max-w-75px max-h-75px cursor-pointer\" data-v-ace67658>", "</img>") : _c('fa-icon', {
       class: _vm.returnCurrentClass(type),
       attrs: {
         "icon": _vm.returnCurrentIcon(type),
@@ -10756,12 +10764,12 @@ var __vue_render__$b = function __vue_render__() {
           return _vm.openFile(mku, type);
         }
       }
-    }), _vm._ssrNode(" "), _vm._ssrNode("<a" + _vm._ssrAttr("href", _vm.dominio + "/callcenter/docs.php?mku=" + mkuDownload) + _vm._ssrAttr("download", "" + name) + " target=\"_blank\" rel=\"noreferrer noopener\"" + _vm._ssrAttr("title", "Download " + name) + " class=\"d-flex align-items-end ml-3 text-dark\" data-v-61f7a677>", "</a>", [_c('fa-icon', {
+    }), _vm._ssrNode(" "), _vm._ssrNode("<a" + _vm._ssrAttr("href", _vm.dominio + "/callcenter/docs.php?mku=" + mkuDownload) + _vm._ssrAttr("download", "" + name) + " target=\"_blank\" rel=\"noreferrer noopener\"" + _vm._ssrAttr("title", "Download " + name) + " class=\"d-flex align-items-end ml-3 text-dark\" data-v-ace67658>", "</a>", [_c('fa-icon', {
       attrs: {
         "icon": ['fas', 'download']
       }
     })], 1)], 2);
-  }), 0), _vm._ssrNode(" " + (!_vm.anexos.length ? "<p class=\"text-center mb-5\" data-v-61f7a677>" + _vm._ssrEscape(_vm._s("Sem anexos")) + "</p>" : "<!---->"))], 2)] : _vm._e()], 2);
+  }), 0), _vm._ssrNode(" " + (!_vm.anexos.length ? "<p class=\"text-center mb-5\" data-v-ace67658>" + _vm._ssrEscape(_vm._s("Sem anexos")) + "</p>" : "<!---->"))], 2)] : _vm._e()], 2);
 };
 
 var __vue_staticRenderFns__$b = [];
@@ -10769,8 +10777,8 @@ var __vue_staticRenderFns__$b = [];
 
 var __vue_inject_styles__$b = function __vue_inject_styles__(inject) {
   if (!inject) return;
-  inject("data-v-61f7a677_0", {
-    source: ".show-x-enter-active[data-v-61f7a677],.show-x-leave-enter[data-v-61f7a677]{opacity:1;transform:translateX(0);transition:all .2s linear}.show-x-enter[data-v-61f7a677],.show-x-leave-to[data-v-61f7a677]{opacity:0;transform:translateX(5%)}.divisor-form-info-aditional[data-v-61f7a677]{display:flex;align-items:center;justify-content:space-around}.info-aditional[data-v-61f7a677]{border-bottom:1px solid #ccc;width:49%}.interatividade-form-header[data-v-61f7a677]{background-color:#efefef;margin-top:5px;border-top-right-radius:10px;border-top-left-radius:10px;padding-left:10px;padding-right:10px;padding-top:5px;padding-bottom:5px;justify-content:space-between;display:flex;color:#333;font-weight:700;font-size:.9rem}.interatividade-form-body[data-v-61f7a677]{padding:0 10px;background:#fff;border-right:1px solid #efefef;border-left:1px solid #efefef;border-bottom-left-radius:10px;border-bottom-right-radius:10px;padding-bottom:10px}.interatividade[data-v-61f7a677]{margin:10px 0}.interatividade-titulo-form[data-v-61f7a677]{white-space:nowrap;text-overflow:ellipsis;font-weight:700;overflow:hidden;max-width:100%;margin:0;padding:0;padding-top:5px}.interatividade-description-form[data-v-61f7a677]{overflow:hidden;max-width:100%;margin:0;padding:0}.interatividade-lista[data-v-61f7a677]{width:100%;min-width:200px;border-radius:15px;background-color:#fff;color:#333;margin:10px 0}.interatividade-lista-conteudo[data-v-61f7a677]{padding:10px;border-bottom:1px solid #d7d7d7}.interatividade-lista-titulo[data-v-61f7a677]{font-weight:700;font-size:1.2em;margin-bottom:10px}.interatividade-lista-rodape[data-v-61f7a677]{color:#818181;margin-top:5px}.interatividade-lista-link[data-v-61f7a677]{width:100%;text-align:center;padding:10px;color:#006eff;cursor:pointer;transition:color .2s ease-in-out}.interatividade-lista-link[data-v-61f7a677]:hover{color:#00628f}.text-blue[data-v-61f7a677]{color:#294ed3}.text-red[data-v-61f7a677]{color:#e74c3c}.text-dark[data-v-61f7a677]{color:#333}.ml-3[data-v-61f7a677]{margin-left:3px}.fs-2[data-v-61f7a677]{font-size:2rem}.flex-wrap[data-v-61f7a677]{flex-wrap:wrap}.align-items-center[data-v-61f7a677]{align-items:center}.d-flex[data-v-61f7a677]{display:flex}.align-items-end[data-v-61f7a677]{align-items:flex-end}.flex-column[data-v-61f7a677]{flex-direction:column}.text-bold[data-v-61f7a677]{font-weight:700}.m-5[data-v-61f7a677]{margin:5px}.mb-5[data-v-61f7a677]{margin-bottom:5px}.mx-5[data-v-61f7a677]{margin-left:5px;margin-right:5px}.cursor-pointer[data-v-61f7a677]{cursor:pointer}.bg-dark-white-2[data-v-61f7a677]{background-color:#f7f7f7}.border-radius-10[data-v-61f7a677]{border-radius:10px}.w-100[data-v-61f7a677]{width:100%}.overflow-hidden[data-v-61f7a677]{overflow:hidden}.mt-10[data-v-61f7a677]{margin-top:10px}.flex-wrap[data-v-61f7a677]{flex-wrap:wrap}.d-flex[data-v-61f7a677]{display:flex}.p-10[data-v-61f7a677]{padding:10px}.mb-5[data-v-61f7a677]{margin-bottom:5px}.mb-10[data-v-61f7a677]{margin-bottom:10px}.mx-10[data-v-61f7a677]{margin-left:10px;margin-right:10px}.d-flex-center[data-v-61f7a677]{display:flex;justify-content:center;align-items:center}.fs-_85[data-v-61f7a677]{font-size:.85rem}.text-ellipsis[data-v-61f7a677]{text-overflow:ellipsis}.text-left[data-v-61f7a677]{text-align:left}.text-ellipsis[data-v-61f7a677]{white-space:nowrap;overflow:hidden}.ml-5[data-v-61f7a677]{margin-left:5px}.text-shadow[data-v-61f7a677]{text-shadow:0 0 #000}",
+  inject("data-v-ace67658_0", {
+    source: ".show-x-enter-active[data-v-ace67658],.show-x-leave-enter[data-v-ace67658]{opacity:1;transform:translateX(0);transition:all .2s linear}.show-x-enter[data-v-ace67658],.show-x-leave-to[data-v-ace67658]{opacity:0;transform:translateX(5%)}.divisor-form-info-aditional[data-v-ace67658]{display:flex;align-items:center;justify-content:space-around}.info-aditional[data-v-ace67658]{border-bottom:1px solid #ccc;width:49%}.interatividade-form-header[data-v-ace67658]{background-color:#efefef;margin-top:5px;border-top-right-radius:10px;border-top-left-radius:10px;padding-left:10px;padding-right:10px;padding-top:5px;padding-bottom:5px;justify-content:space-between;display:flex;color:#333;font-weight:700;font-size:.9rem}.interatividade-form-body[data-v-ace67658]{padding:0 10px;background:#fff;border-right:1px solid #efefef;border-left:1px solid #efefef;border-bottom-left-radius:10px;border-bottom-right-radius:10px;padding-bottom:10px}.interatividade[data-v-ace67658]{margin:10px 0}.interatividade-titulo-form[data-v-ace67658]{white-space:nowrap;text-overflow:ellipsis;font-weight:700;overflow:hidden;max-width:100%;margin:0;padding:0;padding-top:5px}.interatividade-description-form[data-v-ace67658]{overflow:hidden;max-width:100%;margin:0;padding:0}.interatividade-lista[data-v-ace67658]{width:100%;min-width:200px;border-radius:15px;background-color:#fff;color:#333;margin:10px 0}.interatividade-lista-conteudo[data-v-ace67658]{padding:10px;border-bottom:1px solid #d7d7d7}.interatividade-lista-titulo[data-v-ace67658]{font-weight:700;font-size:1.2em;margin-bottom:10px}.interatividade-lista-rodape[data-v-ace67658]{color:#818181;margin-top:5px}.interatividade-lista-link[data-v-ace67658]{width:100%;text-align:center;padding:10px;color:#006eff;cursor:pointer;transition:color .2s ease-in-out}.interatividade-lista-link[data-v-ace67658]:hover{color:#00628f}.text-blue[data-v-ace67658]{color:#294ed3}.text-red[data-v-ace67658]{color:#e74c3c}.text-dark[data-v-ace67658]{color:#333}.ml-3[data-v-ace67658]{margin-left:3px}.fs-2[data-v-ace67658]{font-size:2rem}.flex-wrap[data-v-ace67658]{flex-wrap:wrap}.align-items-center[data-v-ace67658]{align-items:center}.d-flex[data-v-ace67658]{display:flex}.align-items-end[data-v-ace67658]{align-items:flex-end}.flex-column[data-v-ace67658]{flex-direction:column}.text-bold[data-v-ace67658]{font-weight:700}.m-5[data-v-ace67658]{margin:5px}.mb-5[data-v-ace67658]{margin-bottom:5px}.mx-5[data-v-ace67658]{margin-left:5px;margin-right:5px}.cursor-pointer[data-v-ace67658]{cursor:pointer}.bg-dark-white-2[data-v-ace67658]{background-color:#f7f7f7}.border-radius-10[data-v-ace67658]{border-radius:10px}.w-100[data-v-ace67658]{width:100%}.overflow-hidden[data-v-ace67658]{overflow:hidden}.mt-10[data-v-ace67658]{margin-top:10px}.flex-wrap[data-v-ace67658]{flex-wrap:wrap}.d-flex[data-v-ace67658]{display:flex}.p-10[data-v-ace67658]{padding:10px}.mb-5[data-v-ace67658]{margin-bottom:5px}.mb-10[data-v-ace67658]{margin-bottom:10px}.mx-10[data-v-ace67658]{margin-left:10px;margin-right:10px}.d-flex-center[data-v-ace67658]{display:flex;justify-content:center;align-items:center}.fs-_85[data-v-ace67658]{font-size:.85rem}.text-ellipsis[data-v-ace67658]{text-overflow:ellipsis}.text-left[data-v-ace67658]{text-align:left}.text-ellipsis[data-v-ace67658]{white-space:nowrap;overflow:hidden}.ml-5[data-v-ace67658]{margin-left:5px}.text-shadow[data-v-ace67658]{text-shadow:0 0 #000}.justify-content-between[data-v-ace67658]{justify-content:space-between}.mr-5[data-v-ace67658]{margin-right:5px}",
     map: undefined,
     media: undefined
   });
@@ -10778,10 +10786,10 @@ var __vue_inject_styles__$b = function __vue_inject_styles__(inject) {
 /* scoped */
 
 
-var __vue_scope_id__$b = "data-v-61f7a677";
+var __vue_scope_id__$b = "data-v-ace67658";
 /* module identifier */
 
-var __vue_module_identifier__$b = "data-v-61f7a677";
+var __vue_module_identifier__$b = "data-v-ace67658";
 /* functional template */
 
 var __vue_is_functional_template__$b = false;
@@ -11667,7 +11675,8 @@ var script$5 = {
           cod: "3",
           desc: "Em analise pelo fornecedor",
           cor: "#03A64A"
-        }
+        },
+        DATA_ABERTURA: "2022-05-03 09:43:43"
       },
       mapOptions: {
         zoomControl: true,
@@ -12107,7 +12116,7 @@ var __vue_staticRenderFns__$5 = [];
 
 var __vue_inject_styles__$5 = function __vue_inject_styles__(inject) {
   if (!inject) return;
-  inject("data-v-cfb6e160_0", {
+  inject("data-v-352d39fe_0", {
     source: ":root{--message-color:#373737}.fade-enter-active,.fade-leave-active{transition:opacity .5s}.fade-enter,.fade-leave-to{opacity:0}.mensagem{padding:14px 7px;border-radius:2.5px;min-width:150px;min-height:60px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;position:relative;max-width:80%;margin-bottom:10px;font-size:.85rem;word-break:break-word}.mensagem.max-w-60{max-width:60%}.mensagem.mapa{width:100%}.mensagem.hist-msg{animation:show 1s}.mensagem a{margin-right:5px;font-weight:550;color:inherit;text-decoration:none}.mensagem a:hover{text-decoration:underline}.message p{white-space:pre-wrap}.mensagem-anexo a,.mensagem-div-mapa a{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.reply{cursor:pointer;position:absolute;right:53px;bottom:5px;font-size:.6rem;color:#67a332;width:.9rem;height:.9rem;display:flex;justify-content:center;align-items:center;border-radius:50%;background-color:#fff}.reply svg{margin-top:-1px;margin-right:-1px}.reply-with-2-icons{right:30px}.check{cursor:pointer;position:absolute;right:10px;bottom:2px;font-size:.7rem}.check.visualizado,.check.visualizado svg{color:#006daa}.check.verde,.check.verde svg{color:#4f772d}.check.vermelho,.check.vermelho svg{color:#ba181b}.check.cinza,.check.cinza svg{color:#999}.check.preto,.check.preto svg{color:#666}.star{cursor:pointer;position:absolute;right:30px;bottom:2px;font-size:.4rem;width:11.2px}.default-stick-size{width:180px;height:auto}.horario-envio{margin-right:15px;font-size:.7rem;position:absolute;left:10px;bottom:2px}.autor-mensagem{position:absolute;font-size:.6rem;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:90%;font-weight:700;top:2px}.mensagem__principal{width:100%;display:flex;justify-content:flex-end}.mensagem__principal>.mensagem::after{content:\"\";width:0;height:0;position:absolute;border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid var(--message-color);bottom:5px;right:-10px;transform:rotate(-90deg)}.mensagem__principal>.mensagem{background-color:var(--message-color);color:#fff}.mensagem__principal>.mensagem .horario-envio{color:#fff}.mensagem__principal>.mensagem .autor-mensagem{right:5px;color:#fff}.mensagem__outros{width:100%;display:flex}.mensagem__outros>.mensagem{background-color:#fff;color:#333}.mensagem__outros>.mensagem::after{content:\"\";width:0;height:0;position:absolute;border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid #fff;bottom:5px;left:-10px;transform:rotate(90deg)}.mensagem__outros>.autor-mensagem{left:5px;color:#333}.mensagem-div-mapa{width:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;margin-bottom:5px}.msg-mapa{width:100%;min-height:225px;height:100%;box-sizing:initial}.msg-mapa img{max-width:none!important}.info-mapa{list-style-type:none}.info-mapa li.title{font-size:.85em}.info-mapa li.address,.info-mapa li.url{font-size:.7em}.info-mapa li.url{font-size:.7em}.tooltip-list{margin:0;padding:0;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}",
     map: undefined,
     media: undefined
@@ -12119,7 +12128,7 @@ var __vue_inject_styles__$5 = function __vue_inject_styles__(inject) {
 var __vue_scope_id__$5 = undefined;
 /* module identifier */
 
-var __vue_module_identifier__$5 = "data-v-cfb6e160";
+var __vue_module_identifier__$5 = "data-v-352d39fe";
 /* functional template */
 
 var __vue_is_functional_template__$5 = false;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vue-intergrall-plugins",
-  "version": "0.0.233",
+  "version": "0.0.234",
   "description": "",
   "main": "dist/vue-intergrall-plugins.ssr.js",
   "browser": "dist/vue-intergrall-plugins.esm.js",

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

@@ -90,7 +90,7 @@ export default {
       center: {},
       marker: {},
       infos: [],
-      infoCanalTeste: {PRAZO: "2022-05-05", SITUACAO: {cod: "3", desc: "Em analise pelo fornecedor", cor: "#03A64A"}},
+      infoCanalTeste: {PRAZO: "2022-05-05", SITUACAO: {cod: "3", desc: "Em analise pelo fornecedor", cor: "#03A64A"}, DATA_ABERTURA: "2022-05-03 09:43:43"},
       mapOptions: {
         zoomControl: true,
         mapTypeControl: false,

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

@@ -21,8 +21,12 @@
     </div>
     <!-- TABELA INTERATIVIDADE HO -->
     <template v-if="informacao.length">
-      <div class="interatividade-form-header">
+      <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">
@@ -61,7 +65,7 @@
 </template>
 <script>
 import InteratividadePopup from './InteratividadePopup'
-import { formataData } from '../../services/textFormatting';
+import { formataData, formataDataHora } from '../../services/textFormatting';
 
 export default {
   components: {InteratividadePopup},
@@ -171,6 +175,9 @@ export default {
       if(typeof text === 'object'){
         return text.desc;
       }
+    },
+    formataDataHora(date){
+      return formataDataHora(date);
     }
   }
 }
@@ -377,4 +384,10 @@ export default {
   .text-shadow {
     text-shadow: 0 0 #000;
   }
+  .justify-content-between{
+    justify-content: space-between;
+  }
+  .mr-5 {
+    margin-right: 5px;
+  }
 </style>