index-BeITLi3I.js 5.3 KB

1
  1. import{d as V,u as $,b as E,e as a,p as R,Q as U,A as F,B as b,c as u,a as t,f as p,w as n,j as C,m as O,v as q,y as Q,r as L,o as h,F as G,i as J,t as v,I as K,g,k as W}from"./index-B9UwUtN4.js";import{x as X}from"./vue3-datatable-33agO3sn.js";const Y=t("li",{class:"before:content-['/'] ltr:before:mr-2 rtl:before:ml-2 text-primary"},[t("span",null,"盘点列表")],-1),Z={class:"panel pb-0 mt-6"},ee={class:"flex md:items-center md:flex-row flex-col mb-5 gap-5"},te={class:"flex items-center gap-5 ltr:ml-auto rtl:mr-auto"},se={class:"dropdown"},oe={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"},ae=t("span",{class:"ltr:mr-1 rtl:ml-1"},"选择",-1),re={class:"whitespace-nowrap"},ne={class:"flex items-center px-4 py-1"},le={class:"cursor-pointer mb-0"},ie=["id","value","onChange","checked"],de=["for"],ce={class:"datatable"},ue=["onClick"],me=V({__name:"index",setup(pe){$({title:"Column Chooser Table"});const _=Q(),A=E(),m=a(""),w=a([]);a([]);const d=a([]);a([]);const l=a([]),j=a([]),f=a([{field:"sn",title:"盘点单编号",isUnique:!0,hide:!1},{field:"inventory_time",title:"盘点日期",hide:!1},{field:"warehouse_id",title:"仓库",hide:!1},{field:"status",title:"状态",hide:!1},{field:"actions",title:"操作",hide:!0}]),r=a([{page_no:1,page_size:10}]),k=a(0),M=e=>{console.log(`${e} items per page`)},N=e=>{r.page_no=e,x(),console.log(`current page: ${e}`)},z=e=>{if(e&&d.value&&d.value.data){const o=d.value.data.find(i=>i.id===e);return o?o.name:""}},B=e=>{if(e&&l.value&&l.value.data&&l.value.data.data){const o=l.value.data.data.find(i=>i.id===e);return o?o.name:""}},I=e=>{if(e)return e=="HAS_HANDLE"?"已处理":"未处理"};R(()=>{x(),S()});const x=async()=>{U.getInventory(r).then(e=>{r.page_no=e.data.page_no,r.page_size=e.data.page_size,k.value=e.data.data_total,w.value=e.data.data})},S=async()=>{d.value=await F.warehouseList({}),l.value=await b.getExpressList(r),j.value=await b.getPage({dictType:"transfer_status"})},D=async e=>{_.replace({name:"addInventory",params:{id:e.value.id}})},P=()=>{_.replace({name:"home"})};return(e,o)=>{var y;const i=L("Popper"),H=L("el-pagination");return h(),u("div",null,[t("ul",{class:"flex space-x-2 rtl:space-x-reverse"},[t("li",null,[t("a",{href:"javascript:;",class:"hover:underline",onClick:P},"首页")]),Y]),t("div",Z,[t("div",ee,[t("div",te,[t("div",se,[p(i,{placement:C(A).rtlClass==="rtl"?"bottom-end":"bottom-start",offsetDistance:"0",class:"align-middle"},{content:n(()=>[t("ul",re,[(h(!0),u(G,null,J(f.value,(s,c)=>(h(),u("li",{key:c},[t("div",ne,[t("label",le,[t("input",{type:"checkbox",class:"form-checkbox",id:`chk-${c}`,value:s.field,onChange:T=>s.hide=!T.target.checked,checked:!s.hide},null,40,ie),t("span",{for:`chk-${c}`,class:"ltr:ml-2 rtl:mr-2"},v(s.title),9,de)])])]))),128))])]),default:n(()=>[t("button",oe,[ae,p(K,{class:"w-5 h-5"})])]),_:1},8,["placement"])]),t("div",null,[O(t("input",{"onUpdate:modelValue":o[0]||(o[0]=s=>m.value=s),type:"text",class:"form-input",placeholder:"Search..."},null,512),[[q,m.value]])])])]),t("div",ce,[p(C(X),{rows:w.value,columns:f.value,totalRows:(y=w.value)==null?void 0:y.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>'},{warehouse_id:n(s=>[g(v(z(s.value.warehouse_id)),1)]),send_type:n(s=>[g(v(B(s.value.send_type)),1)]),status:n(s=>[g(v(I(s.value.status)),1)]),actions:n(s=>[s.value.status!=="HAS_HANDLE"?(h(),u("button",{key:0,onClick:c=>D(s),class:"btn btn-primary m-0"},"编辑",8,ue)):W("",!0)]),isActive:n(()=>[]),_:1},8,["rows","columns","totalRows","search"]),p(H,{class:"p-2 flex justify-end dark:bg-[#0e1726]","current-page":r.value.page_no,"onUpdate:currentPage":o[1]||(o[1]=s=>r.value.page_no=s),"page-size":r.value.page_size,small:!0,layout:"total, prev, pager, next",total:k.value,onSizeChange:M,onCurrentChange:N},null,8,["current-page","page-size","total"])])])])}}});export{me as default};