mirror of
https://github.com/pure-admin/vue-pure-admin.git
synced 2025-06-08 01:17:23 +08:00
11 lines
3.9 KiB
JavaScript
11 lines
3.9 KiB
JavaScript
import S from"./Card-1403059d.js";import{a as z}from"./list-3e287078.js";import{m as L}from"./message-6f31e976.js";import{_ as N}from"./DialogForm.vue_vue_type_script_setup_true_lang-6d11c564.js";import{u as b}from"./hooks-a12c1294.js";import{S as B}from"./search-4b9e88d3.js";import{A as D}from"./add-circle-line-438b436c.js";import"./more-2-fill-4bb0933c.js";import"./index-fa5d6b3f.js";const I={class:"main"},A={class:"w-full flex justify-between mb-4"},E=`
|
|
<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)"/>
|
|
`,G=Vue.defineComponent({name:"ListCard",__name:"index",setup(P){const s={name:"",status:"",description:"",type:"",mark:""},e=Vue.ref({current:1,pageSize:12,total:0}),u=Vue.ref([]),r=Vue.ref(!0),c=async()=>{try{const{data:t}=await z();u.value=t.list,e.value={...e.value,total:t.list.length}}catch{}finally{setTimeout(()=>{r.value=!1},500)}};Vue.onMounted(()=>{c()});const l=Vue.ref(!1),i=Vue.ref({...s}),a=Vue.ref(""),V=t=>{e.value.pageSize=t,e.value.current=1},m=t=>{e.value.current=t},p=t=>{ElementPlus.ElMessageBox.confirm(t?`确认删除后${t.name}的所有产品信息将被清空, 且无法恢复`:"","提示",{type:"warning"}).then(()=>{L("删除成功",{type:"success"})}).catch(()=>{})},v=t=>{l.value=!0,Vue.nextTick(()=>{i.value={...t,status:t!=null&&t.isSetup?"1":"0"}})};return(t,n)=>{const d=Vue.resolveComponent("el-button"),g=Vue.resolveComponent("IconifyIconOffline"),f=Vue.resolveComponent("el-icon"),_=Vue.resolveComponent("el-input"),C=Vue.resolveComponent("el-empty"),h=Vue.resolveComponent("el-col"),w=Vue.resolveComponent("el-row"),x=Vue.resolveComponent("el-pagination"),k=Vue.resolveDirective("loading");return Vue.openBlock(),Vue.createElementBlock("div",I,[Vue.createElementVNode("div",A,[Vue.createVNode(d,{icon:Vue.unref(b)(Vue.unref(D)),onClick:n[0]||(n[0]=o=>l.value=!0)},{default:Vue.withCtx(()=>[Vue.createTextVNode(" 新建产品 ")]),_:1},8,["icon"]),Vue.createVNode(_,{style:{width:"300px"},modelValue:a.value,"onUpdate:modelValue":n[1]||(n[1]=o=>a.value=o),placeholder:"请输入产品名称",clearable:""},{suffix:Vue.withCtx(()=>[Vue.createVNode(f,{class:"el-input__icon"},{default:Vue.withCtx(()=>[Vue.withDirectives(Vue.createVNode(g,{icon:Vue.unref(B)},null,8,["icon"]),[[Vue.vShow,a.value.length===0]])]),_:1})]),_:1},8,["modelValue"])]),Vue.withDirectives((Vue.openBlock(),Vue.createElementBlock("div",{"element-loading-svg":E,"element-loading-svg-view-box":"-10, -10, 50, 50"},[Vue.withDirectives(Vue.createVNode(C,{description:"暂无数据"},null,512),[[Vue.vShow,u.value.slice(e.value.pageSize*(e.value.current-1),e.value.pageSize*e.value.current).filter(o=>o.name.toLowerCase().includes(a.value.toLowerCase())).length===0]]),e.value.total>0?(Vue.openBlock(),Vue.createElementBlock(Vue.Fragment,{key:0},[Vue.createVNode(w,{gutter:16},{default:Vue.withCtx(()=>[(Vue.openBlock(!0),Vue.createElementBlock(Vue.Fragment,null,Vue.renderList(u.value.slice(e.value.pageSize*(e.value.current-1),e.value.pageSize*e.value.current).filter(o=>o.name.toLowerCase().includes(a.value.toLowerCase())),(o,y)=>(Vue.openBlock(),Vue.createBlock(h,{key:y,xs:24,sm:12,md:8,lg:6,xl:4},{default:Vue.withCtx(()=>[Vue.createVNode(S,{product:o,onDeleteItem:p,onManageProduct:v},null,8,["product"])]),_:2},1024))),128))]),_:1}),Vue.createVNode(x,{class:"float-right",currentPage:e.value.current,"onUpdate:currentPage":n[2]||(n[2]=o=>e.value.current=o),"page-size":e.value.pageSize,total:e.value.total,"page-sizes":[12,24,36],background:!0,layout:"total, sizes, prev, pager, next, jumper",onSizeChange:V,onCurrentChange:m},null,8,["currentPage","page-size","total"])],64)):Vue.createCommentVNode("",!0)])),[[k,r.value]]),Vue.createVNode(N,{visible:l.value,"onUpdate:visible":n[3]||(n[3]=o=>l.value=o),data:i.value},null,8,["visible","data"])])}}});export{G as default};
|