2 lines
5.5 KiB
JavaScript
2 lines
5.5 KiB
JavaScript
import{g as I,_ as U,p as z,B,C as v,r as F,c as O,d as n,l as g,w as x,e,i as M,v as $,x as d,y,h as o,E as _,G as w,t as E,z as C,I as G,b as m,m as V,s as L}from"./index-BmU8V2V2.js";import{S as j}from"./SectionTitle-CrHOP_mf.js";import{P as Q}from"./PrimaryButton-Bm01EosZ.js";import{u as H}from"./vee-validate-uNXg2txt.js";const J=async A=>{try{const{data:l}=await I.post("/fraude",A,{headers:{"Content-Type":"multipart/form-data"}});return l}catch(l){throw console.log(l),new Error("Error creating fraud")}},K={class:"mx-auto py-8 px-4 sm:px-6 lg:px-8 max-w-5xl"},W={class:"p-1 max-w-5xl mx-auto mb-8"},X={class:"grid grid-cols-1 md:grid-cols-3 gap-4 mb-4 items-start"},Y={class:"flex flex-col col-span-2"},Z={key:0,class:"text-red-400 text-sm mt-1"},ee={class:"grid grid-cols-1 md:grid-cols-3 gap-4 mb-4 items-start"},se={class:"flex flex-col col-span-2"},oe={key:0,class:"text-red-400 text-sm mt-1"},ae={class:"grid grid-cols-1 md:grid-cols-3 gap-4 mb-4 items-start"},te={class:"flex flex-col col-span-2"},le={key:0,class:"text-red-400 text-sm mt-1"},re={class:"grid grid-cols-1 md:grid-cols-3 gap-4 mb-4 items-start"},ie={class:"col-span-2 flex items-center gap-3"},ne={class:"grid grid-cols-1 md:grid-cols-3 gap-4 mb-8 items-start"},de={class:"col-span-2 md:col-span-2 flex items-center"},me={class:"grid grid-cols-1 md:grid-cols-3 gap-4"},ce={__name:"FraudView",setup(A){const l=z(),q=B({name:v().required().min(5),email:v().required("El correo electrónico es obligatorio").email("Debe ser un correo válido"),observation:v().required()}),i=F(null),{values:ue,defineField:c,errors:t,handleSubmit:P,resetForm:h,meta:pe}=H({validationSchema:q}),[u,D]=c("name"),[p,N]=c("email"),[b,S]=c("observation"),f=F(!1),R=P(r=>{if(!i.value){l.error("Debe adjuntar una imagen.");return}const s={quienreporta:r.name,email:r.email,observaciones:r.observation,ruta:i.value};J(s).then(()=>{l.success("Reporte enviado con exito"),h()}).catch(a=>{l.error("Error al reportar el fraude"),console.error(a)})}),T=r=>{i.value=r.target.files[0],console.log(i.value)},k=O(()=>L.contrast);return(r,s)=>(m(),n("div",K,[g(j,null,{default:x(()=>s[5]||(s[5]=[V("Reportar un fraude")])),_:1}),s[16]||(s[16]=e("div",{class:"content px-4"},[e("p",{class:"font-semibold text-2xl mt-4"},"Apreciado usuario"),e("p",{class:"mt-2"}," El hurto reiterado de infraestructura atenta contra la disponibilidad permanente del servicio y puede llegar a dejarlo sin servicio por un término indeterminado, ya que esta situación escapa a las labores habituales de mantenimiento que debe realizar la empresa. "),e("p",{class:"font-semibold text-2xl mt-4 mb-4"}," DENUNCIE cualquiera de las siguientes situaciones: ")],-1)),e("div",{class:M([{"bg-black":k.value,"bg-white":!k.value},"mb-8 rounded-xl p-4 shadow-[0_5px_25px_rgba(0,0,0,0.1)]"])},s[6]||(s[6]=[e("ul",{class:"list-disc pl-5 space-y-2"},[e("li",null," Presencia de personal ajeno a funciones de la empresa comercializadora o del operador de red en postes, ductos o manipulando cajas, tapas o cables eléctricos o telefónicos. "),e("li",null," Presencia de personal ajeno a funcionarios de la empresa comercializadora o del operador de red manipulando medidores o centros de medición. "),e("li",null,"Cajas o tapas levantadas o a la intemperie."),e("li",null,"Rollos de cable dejados a la intemperie."),e("li",null,"Cualquier otra actividad irregular en la red.")],-1)]),2),e("div",null,[g(j,null,{default:x(()=>s[7]||(s[7]=[V("FORMULARIO DE REPORTE")])),_:1}),e("div",W,[e("form",{onSubmit:s[4]||(s[4]=$((...a)=>o(R)&&o(R)(...a),["prevent"]))},[e("div",X,[s[8]||(s[8]=e("label",{for:"name",class:"font-semibold"},"Quién reporta",-1)),e("div",Y,[d(e("input",_({"onUpdate:modelValue":s[0]||(s[0]=a=>w(u)?u.value=a:null)},o(D),{id:"name",type:"text",class:["form-control-doble",{"border-red-500":o(t).name}]}),null,16),[[y,o(u)]]),o(t).name?(m(),n("span",Z,E(o(t).name),1)):C("",!0)])]),e("div",ee,[s[9]||(s[9]=e("label",{for:"email",class:"font-semibold"},"Correo electrónico",-1)),e("div",se,[d(e("input",_({"onUpdate:modelValue":s[1]||(s[1]=a=>w(p)?p.value=a:null)},o(N),{id:"email",type:"email",class:["form-control-doble",{"border-red-500":o(t).email}]}),null,16),[[y,o(p)]]),o(t).email?(m(),n("span",oe,E(o(t).email),1)):C("",!0)])]),e("div",ae,[s[10]||(s[10]=e("label",{for:"observation",class:"font-semibold"},"Observaciones",-1)),e("div",te,[d(e("textarea",_({"onUpdate:modelValue":s[2]||(s[2]=a=>w(b)?b.value=a:null)},o(S),{id:"observation",rows:"6",cols:"50",class:["form-control-doble",{"border-red-500":o(t).observation}]}),null,16),[[y,o(b)]]),o(t).observation?(m(),n("span",le,E(o(t).observation),1)):C("",!0)])]),e("div",re,[s[11]||(s[11]=e("label",{for:"file",class:"font-semibold"},"Adjuntar archivo o foto",-1)),e("div",ie,[e("input",{ref:"fileInput",type:"file",id:"file",class:"form-control",onChange:T},null,544)])]),e("div",ne,[s[14]||(s[14]=e("label",{class:"font-semibold"},"Acepto política de protección de datos",-1)),e("div",de,[e("label",null,[d(e("input",{"onUpdate:modelValue":s[3]||(s[3]=a=>f.value=a),id:"acepto_politica",class:"input",type:"checkbox"},null,512),[[G,f.value]]),s[12]||(s[12]=e("span",{class:"custom-checkbox drop-shadow-md"},null,-1))]),s[13]||(s[13]=e("span",{class:"ml-2"},[e("a",{href:"/protection-data",target:"_blank",class:"hover:underline"},"Ver política de protección de datos")],-1))])]),e("div",me,[g(Q,{type:"submit",disabled:!f.value},{default:x(()=>s[15]||(s[15]=[V(" ENVIAR REPORTE")])),_:1},8,["disabled"])])],32)])])]))}},xe=U(ce,[["__scopeId","data-v-20076456"]]);export{xe as default};
|