https://longvan.net/_longvan_v2_/CW7tnv8R.js

1import I from"./DYDNlzoZ.js";import{d as P,u as A,v as R,C as F,r as g,O as Y,o as q,a8 as z,e as l,f as a,y as p,A as w,i as c,n as t,s as U,F as y,g as _,I as v,t as r,p as B,J as S,U as k,T as C,h as X,_ as J}from"./DnecDYb_.js";const G={key:0,class:"min-h-screen bg-gray-50 py-6 md:py-8 px-4 md:px-6 lg:px-8"},K={class:"container mx-auto max-w-7xl"},Q={class:"bg-white rounded-lg shadow-lg overflow-hidden"},W={class:"border-b border-gray-200 overflow-x-auto"},Z={class:"flex -mb-px min-w-max md:min-w-0","aria-label":"Tabs"},O=["onClick"],tt={class:"overflow-x-auto"},et={class:"hidden md:table w-full"},st={class:"divide-y divide-gray-200"},nt={class:"px-6 py-4"},ot=["onClick"],at={class:"px-6 py-4"},lt={class:"flex items-center gap-2"},rt={class:"text-sm text-gray-700"},ct={class:"px-6 py-4 text-gray-900 font-medium"},dt={class:"px-6 py-4 text-sm text-gray-600"},it={class:"px-6 py-4 text-gray-900"},ut={class:"px-6 py-4 relative"},gt=["onClick"],xt={key:0,class:"absolute right-0 mt-2 w-48 bg-white rounded-lg shadow-xl border border-gray-200 z-10"},ht={class:"py-1"},pt=["onClick"],yt=["onClick"],_t=["onClick"],vt={class:"md:hidden divide-y divide-gray-200"},bt={class:"space-y-3"},ft={class:"flex items-center justify-between"},mt=["onClick"],wt=["onClick"],kt={class:"flex items-center gap-2"},Ct={class:"text-sm text-gray-700"},Mt={class:"text-lg font-bold text-gray-900"},Tt={class:"text-sm text-gray-600"},$t={key:0,class:"mt-2 bg-gray-50 rounded-lg p-2"},Dt=["onClick"],Ht=["onClick"],Et=["onClick"],Nt={class:"md:hidden mt-4 flex justify-center gap-1.5"},Lt=P({__name:"index",setup(At){A();const{$sdk:Bt}=A(),V=R(),j=F(),M=g(null),b=g(!1),u=g(null),f=g(0),T=g([{name:"Tất cả",component:"AllOrdersTab"},{name:"Đang xử lý",component:"ProcessingOrdersTab"},{name:"Chờ thanh toán",component:"PendingPaymentTab"},{name:"Hoàn tất",component:"CompletedOrdersTab"},{name:"Đã huỷ",id:"CANCELED",component:"CanceledOrdersTab"}]);Y(()=>V.query.id,s=>{b.value=!!s}

1);const $=(s,o="dd-MM-yyyy")=>{if(!s)return"";const d=new Date(s),x={dd:("0"+d.getDate()).slice(-2),MM:("0"+(d.getMonth()+1)).slice(-2),yyyy:d.getFullYear().toString(),HH:("0"+d.getHours()).slice(-2),mm:("0"+d.getMinutes()).slice(-2),ss:("0"+d.getSeconds()).slice(-2)};return o.replace(/dd|MM|yyyy|HH|mm|ss/g,h=>x[h]??"")},D=s=>$(s,"HH:mm"),H=s=>$(s,"dd-MM-yyyy"),E=s=>{j.push({path:"/don-hang",query:{id:s.toString()}})},N=s=>s?s.toString().replace(/(\d)(?=(\d{3})+(?!\d))/g,"$1."):"0",L=s=>{u.value=u.value===s?null:s},m=()=>{u.value=null},i=(s,o)=>{m()};return q(()=>{document.addEventListener("click",m)}),z(()=>{document.removeEventListener("click",m)}),(s,o)=>{var x,h;const d=I;return a(),l("div",null,[c(b)?p("",!0):(a(),l("div",G,[t("div",K,[o[4]||(o[4]=U('<div class="flex items-center gap-3 mb-6 md:mb-8" data-v-d1644fae><div class="p-2 bg-green-100 rounded-lg" data-v-d1644fae><svg class="w-6 h-6 md:w-7 md:h-7 text-green-600" fill="none" stroke="currentColor" viewBox="0 0 24 24" data-v-d1644fae><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2" data-v-d1644fae></path></svg></div><h1 class="text-2xl md:text-3xl lg:text-4xl font-bold text-gray-900" data-v-d1644fae> Đơn hàng </h1></div>',1)),t("div",Q,[t("div",W,[t("nav",Z,[(a(!0),l(y,null,_(c(T),(e,n)=>(a(),l("button",{key:n,onClick:St=>f.value=n,class:v(["px-4 md:px-6 py-3 md:py-4 text-sm md:text-base font-medium whitespace-nowrap transition-all duration-200","border-b-2 focus:outline-none focus:ring-2 focus:ring-green-500 focus:ring-offset-2",c(f)===n?"border-green-500 text-green-600  bg-green-50 ":"border-transparent text-gray-600  hover:text-gray-900  hover:border-gray-300 "])},r(e.name),11,O))),128))])]),t("div",tt,[t("table",et,[o[2]||(o[2]=t("thead",{class:"bg-green-50 border-b border-gray-200"},[t("tr",null,[t("th",{class:"px-6 py-4 text-left text-sm font-bold text-green-600"}," Mã đơn hàng"),t("th",{class:"px-6 py-4 text-left text-sm font-bold text-green-600"}," Trạng thái"),t("th",{class:"px-6 py-4 text-left text-sm font-bold text-green-600"}," Số tiền"),t("th",{class:"px-6 py-4 text-left text-sm font-bold text-green-600"}," Thời gian"),t("th",{class:"px-6 py-4 text-left text-sm font-bold text-green-600"}," Thanh toán"),t("th",{class:"px-6 py-4 text-left text-sm font-bold text-green-600"}," Hành động")])],-1)),t("tbody",st,[(a(!0),l(y,null,_((x=c(M))==null?void 0:x.orders,e=>(a(),l("tr",{key:e.id,class:"hover:bg-gray-50 transition-colors duration-150"},[t("td",nt,[t("button",{onClick:n=>E(e.id),class:"text-green-600 hover:text-green-800 underline font-medium"}," #"+r(e.id),9,ot)]),t("td",at,[t("div",lt,[t("span",{class:v(["w-3 h-3 rounded-full border-2",e.statusId==="CANCELED"?"bg-gray-400 border-gray-400":"bg-white border-gray-400"])},null,2),t("span",rt,r(e.status),1)])]),t("td",ct,r(N(e.total_price))+"đ ",1),t("td",dt,[B(r(D(e.created_at)),1),o[0]||(o[0]=t("br",null,null,-1)),B(" "+r(H(e.created_at)),1)]),t("td",it,r(e.payment_status||0),1),t("td",ut,[t("button",{onClick:S(n=>L(e.id),["stop"]),class:"p-2 hover:bg-gray-100 rounded-lg transition-colors duration-150"},[...o[1]||(o[1]=[t("svg",{class:"w-5 h-5 text-gray-600",fill:"currentColor",viewBox:"0 0 24 24"},[t("circle",{cx:"12",cy:"5",r:"2"}),t("circle",{cx:"12",cy:"12",r:"2"}),t("circle",{cx:"12",cy:"19",r:"2"})],-1)])],8,gt),w(C,{name:"dropdown"},{default:k(()=>[c(u)===e.id?(a(),l("div",xt,[t("ul",ht,[t("li",null,[t("button",{onClick:n=>

1i("contact",e.id),class:"w-full text-left px-4 py-2 text-sm text-gray-700 hover:bg-gray-100 transition-colors duration-150"}," Liên hệ về đơn ",8,pt)]),t("li",null,[t("button",{onClick:n=>i("invoice",e.id),class:"w-full text-left px-4 py-2 text-sm text-gray-700 hover:bg-gray-100 transition-colors duration-150"}," Xuất hoá đơn ",8,yt)]),t("li",null,[t("button",{onClick:n=>i("cancel",e.id),class:"w-full text-left px-4 py-2 text-sm text-red-600 hover:bg-red-50 transition-colors duration-150"}," Yêu cầu huỷ ",8,_t)])])])):p("",!0)]),_:2},1024)])]))),128))])]),t("div",vt,[(a(!0),l(y,null,_((h=c(M))==null?void 0:h.orders,e=>(a(),l("div",{key:e.id,class:"p-4 hover:bg-gray-50 transition-colors duration-150"},[t("div",bt,[t("div",ft,[t("button",{onClick:n=>E(e.id),class:"text-green-600 font-[500] text-lg underline"}," #"+r(e.id),9,mt),t("button",{onClick:S(n=>L(e.id),["stop"]),class:"p-2 hover:bg-gray-100 rounded-lg transition-colors duration-150"},[...o[3]||(o[3]=[t("svg",{class:"w-5 h-5 text-gray-600",fill:"currentColor",viewBox:"0 0 24 24"},[t("circle",{cx:"12",cy:"5",r:"2"}),t("circle",{cx:"12",cy:"12",r:"2"}),t("circle",{cx:"12",cy:"19",r:"2"})],-1)])],8,wt)]),t("div",kt,[t("span",{class:v(["w-3 h-3 rounded-full border-2",e.statusId==="CANCELED"?"bg-gray-400 border-gray-400":"bg-white border-gray-400"])},null,2),t("span",Ct,r(e.status),1)]),t("div",Mt,r(N(e.total_price))+"đ ",1),t("div",Tt,r(D(e.created_at))+" - "+r(H(e.created_at)),1),w(C,{name:"dropdown"},{default:k(()=>[c(u)===e.id?(a(),l("div",$t,[t("button",{onClick:n=>

1i("contact",e.id),class:"w-full text-left px-3 py-2 text-sm text-gray-700 hover:bg-white rounded transition-colors duration-150"}," Liên hệ về đơn ",8,Dt),t("button",{onClick:n=>i("invoice",e.id),class:"w-full text-left px-3 py-2 text-sm text-gray-700 hover:bg-white rounded transition-colors duration-150"}," Xuất hoá đơn ",8,Ht),t("button",{onClick:n=>i("cancel",e.id),class:"w-full text-left px-3 py-2 text-sm text-red-600 hover:bg-red-50 rounded transition-colors duration-150"}," Yêu cầu huỷ ",8,Et)])):p("",!0)]),_:2},1024)])]))),128))])])]),t("div",Nt,[(a(!0),l(y,null,_(c(T),(e,n)=>(a(),l("span",{key:`indicator-${n}`,class:v(["h-1.5 rounded-full transition-all duration-300",c(f)===n?"w-8 bg-green-500":"w-1.5 bg-gray-300 "])},null,2))),128))])])])),w(C,{name:"slide-fade"},{default:k(()=>[c(b)?(a(),X(d,{key:0})):p("",!0)]),_:1})])}}}),It=Object.assign(J(Lt,[["__scopeId","data-v-d1644fae"]]),{__name:"Receipt"});export{It as default};