2 lines
6.2 KiB
JavaScript
2 lines
6.2 KiB
JavaScript
import{S as b}from"./SectionTitle-CrHOP_mf.js";import{I as k}from"./IconoLlama-BavanhPF.js";import{_ as q,r as d,c as F,o as E,X as B,d as n,l as y,w as I,e as a,F as M,f as V,b as r,m as D,i as h,t as w,z as N,s as P}from"./index-BmU8V2V2.js";const A="/assets/facturagas-Dq_VP1fx.png",R={class:"flex flex-wrap"},S={class:"w-full md:w-3/5"},U={class:"w-full md:w-2/5 md:pl-6"},T={class:"mb-6"},L=["onClick"],j={class:"flex items-center"},z={class:"text-lg font-medium"},Q={key:0,xmlns:"http://www.w3.org/2000/svg",class:"h-6 w-6",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor"},X={key:1,xmlns:"http://www.w3.org/2000/svg",class:"h-6 w-6",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor"},K={key:0,class:"p-4"},Y={__name:"KnowBillView",setup(G){const p=d(null),c=d(null),i=d([{question:"1. Código Usuario",answer:"Identificación única del usuario ante la empresa.",open:!1,hidden:!1},{question:"2. Número de Factura",answer:"Pertenece a la asignación y numeración de la factura para el mes causado.",open:!1,hidden:!1},{question:"3. Total a Pagar",answer:"Es la sumatoria del valor a pagar por todos los conceptos facturados.",open:!1,hidden:!1},{question:"4. Dias Facturados - Periodo Facturado - Fecha Ultimo Pago:",answer:"Correspondiente a los días transcurridos durante el período a facturar, Rango de fechas que indica los días de consumo y fecha de último pago registrado en el sistema comercial de la Empresa.",open:!1,hidden:!1},{question:"5. Valores en reclamación",answer:"Es el valor pendiente por encontrarse en reclamación o investigación.",open:!1,hidden:!1},{question:"6. Datos del Suscriptor",answer:"Corresponde a los datos básicos del Usuario (Nombres, Apellidos, Dirección, Barrio y Localidad del Suscriptor o Propietario del Servicio.)",open:!1,hidden:!1},{question:"7. Estrato-Clase de Uso-Ciclo-Nro de Medidor",answer:"Corresponde a la clasificación de los Inmuebles como: Estrato socioeconómico,Uso,Ciclo y Nro de Medidor.",open:!1,hidden:!1},{question:"8. Ruta, Atraso, Intereses de Mora",answer:"Corresponde a la ubicación, atrasos en facturas y el interés aprobado por la superintendencia Bancaria.",open:!1,hidden:!1},{question:"9. Datos del Consumo",answer:"Comprende la factura actual, la factura anterior y el Factor de Corrección a aplicarse en el mes. Además de cobro de consumo promedio, consumo corregido, poder caloriflco y etc.",open:!1,hidden:!1},{question:"10. Tarifa de Consumos por Rangos",answer:"Comparando el valor a pagar por cada metro cúbico consumido según el rango de consumo.",open:!1,hidden:!1},{question:"11. Gráfica de Consumos",answer:"Representación gráfica de los consumos generados durante los seis (6) meses anteriores.",open:!1,hidden:!1},{question:"12. Consumos Anteriores M3",answer:"Comportamiento del consumo en Metros Cúbicos de los últimos meses frente al promedio de los últimos (6) meses.",open:!1,hidden:!1},{question:"13. Componentes Tarifarios",answer:"Cada uno de los factores que componen la tarifa.",open:!1,hidden:!1},{question:"14. Descripción del Cobro",answer:"Corresponde a la descripción y Valor de los Conceptos Facturados.",open:!1,hidden:!1},{question:"15. Total a Pagar",answer:"Sumatoria de los conceptos facturados.",open:!1,hidden:!1},{question:"16. Estado de Crédito",answer:"Corresponde a la descripción de los Créditos Facturados.",open:!1,hidden:!1},{question:"17. Mensajes",answer:"Corresponde a información de Interés general para el Usuario.",open:!1,hidden:!1},{question:"18. Desprendible de Pago",answer:"Comprobante para la Empresa del pago recibido.",open:!1,hidden:!1},{question:"19. Fecha limite de pago oportuno",answer:"Fecha establecida para la suspensión del servicio y fecha expedición de factura.",open:!1,hidden:!1}]),g=d([{x1:84.1,x2:86.2,y1:3.8,y2:5.4,index:0},{x1:86.9,x2:89,y1:88.9,y2:89.9,index:0},{x1:46.3,x2:48.4,y1:13.1,y2:14.7,index:1},{x1:10.9,x2:13,y1:11.4,y2:13,index:2},{x1:4.5,x2:6.6,y1:66.9,y2:68.5,index:2},{x1:86.9,x2:89,y1:96.1,y2:97.81,index:2},{x1:72.3,x2:74.5,y1:12.7,y2:14.3,index:3},{x1:43.4,x2:45.6,y1:18.3,y2:20,index:4},{x1:15.3,x2:17.4,y1:9,y2:10.7,index:5},{x1:54.1,x2:56.3,y1:14.2,y2:15.8,index:6},{x1:36,x2:38.2,y1:14.3,y2:16,index:7},{x1:93.2,x2:95.3,y1:19.6,y2:21.3,index:8},{x1:82,x2:84.1,y1:33.2,y2:34.8,index:10},{x1:82,x2:84.1,y1:38,y2:39.6,index:11},{x1:65,x2:67.1,y1:35.7,y2:37.4,index:12},{x1:31,x2:33.1,y1:30.9,y2:32.5,index:13},{x1:13.6,x2:15.7,y1:83,y2:84.6,index:14},{x1:4.4,x2:6.5,y1:56,y2:57.7,index:15},{x1:25.8,x2:28,y1:94.2,y2:95.9,index:17},{x1:20.6,x2:22.7,y1:14.2,y2:15.8,index:18}]),f=F(()=>P.contrast),C=o=>{i.value.forEach((e,s)=>{e.open=s===o,e.hidden=!1})},v=o=>{i.value.forEach((e,s)=>{e.open=s===o,e.hidden=s!==o})},m=()=>{i.value.forEach(o=>{o.open=!1,o.hidden=!1})},_=o=>{if(!c.value)return;const e=c.value.getBoundingClientRect(),s=o.clientX-e.left,l=o.clientY-e.top,u=s/e.width*100,x=l/e.height*100;for(const t of g.value)if(u>=t.x1&&u<=t.x2&&x>=t.y1&&x<=t.y2){v(t.index);break}};return E(()=>{document.addEventListener("click",o=>{p.value.contains(o.target)||m()})}),B(()=>{document.removeEventListener("click",m)}),(o,e)=>(r(),n("div",{class:"faq-container mx-auto py-8 px-4 sm:px-6 lg:px-8 max-w-7xl",ref_key:"containerRef",ref:p},[y(b,null,{default:I(()=>e[0]||(e[0]=[D("Conozca su factura")])),_:1}),a("div",R,[a("div",S,[a("img",{src:A,onClick:_,ref_key:"facturaImage",ref:c,alt:"Conozca su factura",class:"w-full cursor-pointer"},null,512)]),a("div",U,[e[3]||(e[3]=a("p",{class:"text-left text-gray-500 mb-4 text-md"}," Haga clic en cada item para ver más información. ",-1)),a("div",T,[(r(!0),n(M,null,V(i.value,(s,l)=>(r(),n("div",{key:l,class:h(["faq-item mb-2",{hidden:s.hidden}])},[a("div",{onClick:u=>C(l),class:h([{"bg-black":f.value,"bg-white":!f.value},"cursor-pointer shadow-[0_5px_5px_rgba(0,0,0,0.1)] rounded-lg p-4 flex items-center justify-between"])},[a("div",j,[y(k),a("span",z,w(s.question),1)]),s.open?(r(),n("svg",Q,e[1]||(e[1]=[a("path",{"stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"2",d:"M5 15l7-7 7 7"},null,-1)]))):(r(),n("svg",X,e[2]||(e[2]=[a("path",{"stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"2",d:"M19 9l-7 7-7-7"},null,-1)])))],10,L),s.open?(r(),n("div",K,[a("p",null,w(s.answer),1)])):N("",!0)],2))),128))])])])],512))}},O=q(Y,[["__scopeId","data-v-b0bbcf36"]]);export{O as default};
|