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-83689119.js";import{k as z}from"./index-c61a73ff.js";import{m as N}from"./message-9ae1daa3.js";import{_ as b}from"./DialogForm.vue_vue_type_script_setup_true_lang-239ec3a6.js";import{u as B}from"./hooks-55e29a46.js";import{S as D}from"./search-4b9e88d3.js";import{A as I}from"./add-circle-line-438b436c.js";import"./more-2-fill-4bb0933c.js";const A=r=>z.request("post","/getCardList",{data:r}),E={class:"main"},P={class:"w-full flex justify-between mb-4"},M=`
|
|
<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(r){const c={name:"",status:"",description:"",type:"",mark:""},e=Vue.ref({current:1,pageSize:12,total:0}),u=Vue.ref([]),s=Vue.ref(!0),V=async()=>{try{const{data:t}=await A();u.value=t.list,e.value={...e.value,total:t.list.length}}catch{}finally{setTimeout(()=>{s.value=!1},500)}};Vue.onMounted(()=>{V()});const l=Vue.ref(!1),i=Vue.ref({...c}),a=Vue.ref(""),m=t=>{e.value.pageSize=t,e.value.current=1},p=t=>{e.value.current=t},v=t=>{ElementPlus.ElMessageBox.confirm(t?`确认删除后${t.name}的所有产品信息将被清空, 且无法恢复`:"","提示",{type:"warning"}).then(()=>{N("删除成功",{type:"success"})}).catch(()=>{})},d=t=>{l.value=!0,Vue.nextTick(()=>{i.value={...t,status:t!=null&&t.isSetup?"1":"0"}})};return(t,n)=>{const g=Vue.resolveComponent("el-button"),f=Vue.resolveComponent("IconifyIconOffline"),_=Vue.resolveComponent("el-icon"),C=Vue.resolveComponent("el-input"),h=Vue.resolveComponent("el-empty"),w=Vue.resolveComponent("el-col"),x=Vue.resolveComponent("el-row"),k=Vue.resolveComponent("el-pagination"),y=Vue.resolveDirective("loading");return Vue.openBlock(),Vue.createElementBlock("div",E,[Vue.createElementVNode("div",P,[Vue.createVNode(g,{icon:Vue.unref(B)(Vue.unref(I)),onClick:n[0]||(n[0]=o=>l.value=!0)},{default:Vue.withCtx(()=>[Vue.createTextVNode(" 新建产品 ")]),_:1},8,["icon"]),Vue.createVNode(C,{style:{width:"300px"},modelValue:a.value,"onUpdate:modelValue":n[1]||(n[1]=o=>a.value=o),placeholder:"请输入产品名称",clearable:""},{suffix:Vue.withCtx(()=>[Vue.createVNode(_,{class:"el-input__icon"},{default:Vue.withCtx(()=>[Vue.withDirectives(Vue.createVNode(f,{icon:Vue.unref(D)},null,8,["icon"]),[[Vue.vShow,a.value.length===0]])]),_:1})]),_:1},8,["modelValue"])]),Vue.withDirectives((Vue.openBlock(),Vue.createElementBlock("div",{"element-loading-svg":M,"element-loading-svg-view-box":"-10, -10, 50, 50"},[Vue.withDirectives(Vue.createVNode(h,{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(x,{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,L)=>(Vue.openBlock(),Vue.createBlock(w,{key:L,xs:24,sm:12,md:8,lg:6,xl:4},{default:Vue.withCtx(()=>[Vue.createVNode(S,{product:o,onDeleteItem:v,onManageProduct:d},null,8,["product"])]),_:2},1024))),128))]),_:1}),Vue.createVNode(k,{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:m,onCurrentChange:p},null,8,["currentPage","page-size","total"])],64)):Vue.createCommentVNode("",!0)])),[[y,s.value]]),Vue.createVNode(b,{visible:l.value,"onUpdate:visible":n[3]||(n[3]=o=>l.value=o),data:i.value},null,8,["visible","data"])])}}});export{G as default};
|