mirror of
https://github.com/pure-admin/vue-pure-admin.git
synced 2025-06-08 01:17:23 +08:00
11 lines
3.3 KiB
JavaScript
11 lines
3.3 KiB
JavaScript
import{d as N,r as s,o as T,b as l,i as $,j as m,h as j,f as n,w as r,u as d,m as v,ap as _,F as h,ab as U,e as u,g as E,k as F,c as O,bA as R,n as q}from"./index-3eff57df.js";import G from"./Card-e627174c.js";import{a as H}from"./list-84e9c2cd.js";import{m as J}from"./message-06c300cd.js";import{_ as K}from"./DialogForm.vue_vue_type_script_setup_true_lang-4c892eca.js";import{u as Q}from"./hooks-adba4fcf.js";import{d as W}from"./search-cc37b371.js";import{d as X}from"./add-circle-line-a03ff6bd.js";import"./more-2-fill-a666858a.js";const Y={class:"main"},Z={class:"w-full flex justify-between mb-4"},ee=`
|
|
<path class="path" d="
|
|
M 30 15
|
|
L 28 17
|
|
M 25.61 25.61
|
|
A 15 15, 0, 0, 1, 15 30
|
|
A 15 15, 0, 1, 1, 27.99 7.5
|
|
L 15 15
|
|
" style="stroke-width: 4px; fill: rgba(0, 0, 0, 0)"/>
|
|
`,me=N({name:"ListCard",__name:"index",setup(te){const w={name:"",status:"",description:"",type:"",mark:""},e=s({current:1,pageSize:12,total:0}),p=s([]),g=s(!0),C=async()=>{try{const{data:t}=await H();p.value=t.list,e.value={...e.value,total:t.list.length}}catch{}finally{setTimeout(()=>{g.value=!1},500)}};T(()=>{C()});const c=s(!1),f=s({...w}),i=s(""),y=t=>{e.value.pageSize=t,e.value.current=1},b=t=>{e.value.current=t},x=t=>{R.confirm(t?`确认删除后${t.name}的所有产品信息将被清空, 且无法恢复`:"","提示",{type:"warning"}).then(()=>{J("删除成功",{type:"success"})}).catch(()=>{})},z=t=>{c.value=!0,q(()=>{f.value={...t,status:t!=null&&t.isSetup?"1":"0"}})};return(t,o)=>{const L=l("el-button"),k=l("IconifyIconOffline"),S=l("el-icon"),I=l("el-input"),V=l("el-empty"),D=l("el-col"),A=l("el-row"),M=l("el-pagination"),P=$("loading");return u(),m("div",Y,[j("div",Z,[n(L,{icon:d(Q)(d(X)),onClick:o[0]||(o[0]=a=>c.value=!0)},{default:r(()=>[E(" 新建产品 ")]),_:1},8,["icon"]),n(I,{style:{width:"300px"},modelValue:i.value,"onUpdate:modelValue":o[1]||(o[1]=a=>i.value=a),placeholder:"请输入产品名称",clearable:""},{suffix:r(()=>[n(S,{class:"el-input__icon"},{default:r(()=>[v(n(k,{icon:d(W)},null,8,["icon"]),[[_,i.value.length===0]])]),_:1})]),_:1},8,["modelValue"])]),v((u(),m("div",{"element-loading-svg":ee,"element-loading-svg-view-box":"-10, -10, 50, 50"},[v(n(V,{description:"暂无数据"},null,512),[[_,p.value.slice(e.value.pageSize*(e.value.current-1),e.value.pageSize*e.value.current).filter(a=>a.name.toLowerCase().includes(i.value.toLowerCase())).length===0]]),e.value.total>0?(u(),m(h,{key:0},[n(A,{gutter:16},{default:r(()=>[(u(!0),m(h,null,F(p.value.slice(e.value.pageSize*(e.value.current-1),e.value.pageSize*e.value.current).filter(a=>a.name.toLowerCase().includes(i.value.toLowerCase())),(a,B)=>(u(),O(D,{key:B,xs:24,sm:12,md:8,lg:6,xl:4},{default:r(()=>[n(G,{product:a,onDeleteItem:x,onManageProduct:z},null,8,["product"])]),_:2},1024))),128))]),_:1}),n(M,{class:"float-right",currentPage:e.value.current,"onUpdate:currentPage":o[2]||(o[2]=a=>e.value.current=a),"page-size":e.value.pageSize,total:e.value.total,"page-sizes":[12,24,36],background:!0,layout:"total, sizes, prev, pager, next, jumper",onSizeChange:y,onCurrentChange:b},null,8,["currentPage","page-size","total"])],64)):U("",!0)])),[[P,g.value]]),n(K,{visible:c.value,"onUpdate:visible":o[3]||(o[3]=a=>c.value=a),data:f.value},null,8,["visible","data"])])}}});export{me as default};
|