index-Csn5aiUD.js 10 KB

1
  1. import{d as ae,u as le,b as re,e as r,p as ne,J as D,A as ie,B as A,c as d,a as o,f as n,w as a,j as v,K as de,m as I,v as E,y as ce,r as x,o as c,F as O,i as q,t as u,I as F,g as w,k as W}from"./index-B9UwUtN4.js";import{x as Y}from"./vue3-datatable-33agO3sn.js";const ue=o("li",{class:"before:content-['/'] ltr:before:mr-2 rtl:before:ml-2 text-primary"},[o("span",null,"出入明细")],-1),pe={key:0,class:"panel pb-0 mt-6"},he={class:"flex md:items-center md:flex-row flex-col mb-5 gap-5"},we={class:"flex items-center gap-5 ltr:ml-auto rtl:mr-auto"},me={class:"dropdown"},ve={type:"button",class:"whitespace-nowrap flex items-center border font-semibold border-[#e0e6ed] dark:border-[#253b5c] rounded-md px-4 py-2 text-sm dark:bg-[#1b2e4b] dark:text-white-dark"},ge=o("span",{class:"ltr:mr-1 rtl:ml-1"},"选择",-1),_e={class:"whitespace-nowrap"},fe={class:"flex items-center px-4 py-1"},ke={class:"cursor-pointer mb-0"},be=["id","value","onChange","checked"],xe=["for"],ye={class:"datatable"},Ce=["onClick"],Le={key:1,class:"panel pb-0 mt-6"},je={class:"flex md:items-center md:flex-row flex-col mb-5 gap-5"},Ae={class:"flex items-center gap-5 ltr:ml-auto rtl:mr-auto"},Me={class:"dropdown"},ze={type:"button",class:"whitespace-nowrap flex items-center border font-semibold border-[#e0e6ed] dark:border-[#253b5c] rounded-md px-4 py-2 text-sm dark:bg-[#1b2e4b] dark:text-white-dark"},Be=o("span",{class:"ltr:mr-1 rtl:ml-1"},"选择",-1),Se={class:"whitespace-nowrap"},Ne={class:"flex items-center px-4 py-1"},Te={class:"cursor-pointer mb-0"},Ve=["id","value","onChange","checked"],Pe=["for"],Ue={class:"datatable"},Re=["onClick"],Ee=ae({__name:"index",setup($e){le({title:"Column Chooser Table"});const y=ce(),M=re(),m=r(""),f=r([]),z=r([]);r([]);const k=r([]),H=r([]),g=r([]),_=r([]),B=r([{field:"sn",title:"入库单号",isUnique:!0,hide:!1},{field:"warehouse_id",title:"仓库名称",hide:!1},{field:"type",title:"入库类型",hide:!1},{field:"order_id_list",title:"订单编号",hide:!1},{field:"has_submit",title:"状态",hide:!1},{field:"memo",title:"备注",hide:!1},{field:"actions",title:"操作",hide:!0}]),S=r([{field:"sn",title:"出库单号",isUnique:!0,hide:!1},{field:"warehouse_id",title:"仓库名称",hide:!1},{field:"type",title:"出库类型",hide:!1},{field:"order_id_list",title:"订单编号",hide:!1},{field:"has_submit",title:"状态",hide:!1},{field:"notes",title:"备注",hide:!1},{field:"actions",title:"操作",hide:!0}]),l=r([{page_no:1,page_size:10}]),b=r(0);let h=r("first");const J=t=>{t.props.name=="first"?L():V(),h.value=t.props.name},N=t=>{console.log(`${t} items per page`)},T=t=>{l.page_no=t,h.value=="first"?L():V(),console.log(`current page: ${t}`)},K=t=>{y.replace({name:"inStorage",params:{id:t.value.id}})},G=t=>{y.replace({name:"outStorage",params:{id:t.value.id}})},C=t=>{if(t&&k.value&&k.value.data){const s=k.value.data.find(p=>p.id===t);return s?s.name:""}},Q=t=>{if(t)return t==="Y"?"已入库":"未入库"},X=t=>{if(t)return t==="Y"?"已出库":"未出库"},Z=t=>{if(t&&g.value&&g.value.data&&g.value.data.data){const s=g.value.data.data.find(p=>p.value===t);return s?s.label:""}},ee=t=>{if(t&&_.value&&_.value.data&&_.value.data.data){const s=_.value.data.data.find(p=>p.value===t);return s?s.label:""}};ne(()=>{L(),te()});const L=async()=>{D.getWarehouseEntry(l).then(t=>{l.page_no=t.data.page_no,l.page_size=t.data.page_size,b.value=t.data.data_total,f.value=t.data.data})},V=async()=>{D.getWarehouseOut(l).then(t=>{l.page_no=t.data.page_no,l.page_size=t.data.page_size,b.value=t.data.data_total,z.value=t.data.data})},te=async()=>{k.value=await ie.warehouseList({}),H.value=await A.getExpressList(l),g.value=await A.getPage({dictType:"warehouse_entry_type"}),_.value=await A.getPage({dictType:"out_warehouse_type"})},oe=()=>{y.replace({name:"home"})};return(t,s)=>{var R,$;const p=x("el-tab-pane"),se=x("el-tabs"),P=x("Popper"),U=x("el-pagination");return c(),d("div",null,[o("ul",{class:"flex space-x-2 rtl:space-x-reverse pb-2"},[o("li",null,[o("a",{href:"javascript:;",class:"hover:underline",onClick:oe},"首页")]),ue]),n(se,{modelValue:v(h),"onUpdate:modelValue":s[0]||(s[0]=e=>de(h)?h.value=e:h=e),type:"card",class:"demo-tabs",onTabClick:J},{default:a(()=>[n(p,{label:"入库明细",name:"first"}),n(p,{label:"出库明细",name:"second"})]),_:1},8,["modelValue"]),v(h)=="first"?(c(),d("div",pe,[o("div",he,[o("div",we,[o("div",me,[n(P,{placement:v(M).rtlClass==="rtl"?"bottom-end":"bottom-start",offsetDistance:"0",class:"align-middle"},{content:a(()=>[o("ul",_e,[(c(!0),d(O,null,q(B.value,(e,i)=>(c(),d("li",{key:i},[o("div",fe,[o("label",ke,[o("input",{type:"checkbox",class:"form-checkbox",id:`chk-${i}`,value:e.field,onChange:j=>e.hide=!j.target.checked,checked:!e.hide},null,40,be),o("span",{for:`chk-${i}`,class:"ltr:ml-2 rtl:mr-2"},u(e.title),9,xe)])])]))),128))])]),default:a(()=>[o("button",ve,[ge,n(F,{class:"w-5 h-5"})])]),_:1},8,["placement"])]),o("div",null,[I(o("input",{"onUpdate:modelValue":s[1]||(s[1]=e=>m.value=e),type:"text",class:"form-input",placeholder:"Search..."},null,512),[[E,m.value]])])])]),o("div",ye,[n(v(Y),{rows:f.value,columns:B.value,totalRows:(R=f.value)==null?void 0:R.length,sortable:!0,search:m.value,style:{"min-height":"500px"},skin:"whitespace-nowrap bh-table-hover",firstArrow:'<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-4.5 h-4.5 rtl:rotate-180"> <path d="M13 19L7 12L13 5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path opacity="0.5" d="M16.9998 19L10.9998 12L16.9998 5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> </svg>',lastArrow:'<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-4.5 h-4.5 rtl:rotate-180"> <path d="M11 19L17 12L11 5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path opacity="0.5" d="M6.99976 19L12.9998 12L6.99976 5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> </svg> ',previousArrow:'<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-4.5 h-4.5 rtl:rotate-180"> <path d="M15 5L9 12L15 19" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> </svg>',nextArrow:'<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-4.5 h-4.5 rtl:rotate-180"> <path d="M9 5L15 12L9 19" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> </svg>'},{in_warehouse_id:a(e=>[w(u(C(e.value.in_warehouse_id)),1)]),warehouse_id:a(e=>[w(u(C(e.value.warehouse_id)),1)]),type:a(e=>[w(u(Z(e.value.type)),1)]),has_submit:a(e=>[w(u(Q(e.value.has_submit)),1)]),actions:a(e=>[e.value.has_submit=="N"?(c(),d("button",{key:0,onClick:i=>K(e),class:"btn btn-primary"},"编辑",8,Ce)):W("",!0)]),isActive:a(()=>[]),_:1},8,["rows","columns","totalRows","search"]),n(U,{class:"p-2 flex justify-end dark:bg-[#0e1726]","current-page":l.value.page_no,"onUpdate:currentPage":s[2]||(s[2]=e=>l.value.page_no=e),"page-size":l.value.page_size,small:!0,layout:"total, prev, pager, next",total:b.value,onSizeChange:N,onCurrentChange:T},null,8,["current-page","page-size","total"])])])):(c(),d("div",Le,[o("div",je,[o("div",Ae,[o("div",Me,[n(P,{placement:v(M).rtlClass==="rtl"?"bottom-end":"bottom-start",offsetDistance:"0",class:"align-middle"},{content:a(()=>[o("ul",Se,[(c(!0),d(O,null,q(S.value,(e,i)=>(c(),d("li",{key:i},[o("div",Ne,[o("label",Te,[o("input",{type:"checkbox",class:"form-checkbox",id:`chk-${i}`,value:e.field,onChange:j=>e.hide=!j.target.checked,checked:!e.hide},null,40,Ve),o("span",{for:`chk-${i}`,class:"ltr:ml-2 rtl:mr-2"},u(e.title),9,Pe)])])]))),128))])]),default:a(()=>[o("button",ze,[Be,n(F,{class:"w-4 h-5"})])]),_:1},8,["placement"])]),o("div",null,[I(o("input",{"onUpdate:modelValue":s[3]||(s[3]=e=>m.value=e),type:"text",class:"form-input",placeholder:"Search..."},null,512),[[E,m.value]])])])]),o("div",Ue,[n(v(Y),{rows:z.value,columns:S.value,totalRows:($=f.value)==null?void 0:$.length,sortable:!0,style:{"min-height":"500px"},search:m.value,skin:"whitespace-nowrap bh-table-hover",firstArrow:'<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-4.5 h-4.5 rtl:rotate-180"> <path d="M13 19L7 12L13 5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path opacity="0.5" d="M16.9998 19L10.9998 12L16.9998 5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> </svg>',lastArrow:'<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-4.5 h-4.5 rtl:rotate-180"> <path d="M11 19L17 12L11 5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path opacity="0.5" d="M6.99976 19L12.9998 12L6.99976 5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> </svg> ',previousArrow:'<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-4.5 h-4.5 rtl:rotate-180"> <path d="M15 5L9 12L15 19" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> </svg>',nextArrow:'<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-4.5 h-4.5 rtl:rotate-180"> <path d="M9 5L15 12L9 19" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> </svg>'},{warehouse_id:a(e=>[w(u(C(e.value.warehouse_id)),1)]),has_submit:a(e=>[w(u(X(e.value.has_submit)),1)]),type:a(e=>[w(u(ee(e.value.type)),1)]),actions:a(e=>[e.value.type!=="SALE_OUT"?(c(),d("button",{key:0,onClick:i=>G(e),class:"btn btn-primary"},"编辑",8,Re)):W("",!0)]),_:1},8,["rows","columns","totalRows","search"]),n(U,{class:"p-2 flex justify-end dark:bg-[#0e1726]","current-page":l.value.page_no,"onUpdate:currentPage":s[4]||(s[4]=e=>l.value.page_no=e),"page-size":l.value.page_size,small:!0,layout:"total, prev, pager, next",total:b.value,onSizeChange:N,onCurrentChange:T},null,8,["current-page","page-size","total"])])]))])}}});export{Ee as default};