You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
2 lines
8.9 KiB
2 lines
8.9 KiB
3 years ago
|
import{d as L,r as d,m as ae,a as G,o as s,j as x,f as E,b as u,w as l,F as j,n as J,g as f,q as K,s as te,t as H,c as h,v as Q,x as W,i as t,y as ne,z as X,A as oe,_ as ee,B as se,C as re,D as ie,G as C,H as Z}from"./index.901da429.js";const ce={class:"zb-pro-table"},de={class:"header"},pe={class:"search"},_e={class:"footer"},me={class:"operator"},fe={class:"table"},ve={key:0},ge={class:"pagination"},be=L({__name:"index",props:{columns:{type:Array,default:()=>[]},data:{type:Array,default:()=>[]},loading:{type:Boolean,default:!1}},emits:["reset","onSubmit","selection-change"],setup(w,{emit:_}){const T=w,k=d(),B=d(1),r=d(!1),N=o=>{console.log(`${o} items per page`)},A=o=>{console.log(`current page: ${o}`),B.value=o},p=ae(()=>JSON.parse(JSON.stringify(T.data)).splice((B.value-1)*10,10));d(!1);let z={},b=[];for(let o of T.columns)o.inSearch&&(z[o.name]=null),o.inSearch&&b.push(o);const D=d(b),v=G(z),$=()=>{console.log("submit!",v),_("onSubmit",v)},M=o=>{D.value.forEach(m=>{v[m.name]=null}),_("reset")};return(o,m)=>{const O=t("el-input"),P=t("el-option"),R=t("el-select"),q=t("el-form-item"),Y=t("el-form"),a=t("el-button"),n=t("arrow-down"),V=t("arrow-up"),g=t("el-icon"),i=t("el-table-column"),I=t("el-table"),U=t("el-pagination"),S=ne("loading");return s(),x("div",ce,[E("div",de,[u(Y,{inline:!0,class:"search-form",model:v,ref_key:"ruleFormRef",ref:k},{default:l(()=>[(s(!0),x(j,null,J(D.value,(e,F)=>W((s(),h(q,{key:F,label:e.label},{default:l(()=>[e.valueType==="input"?(s(),h(O,{key:0,modelValue:v[e.name],"onUpdate:modelValue":y=>v[e.name]=y,placeholder:`\u8BF7\u8F93\u5165${e.label}`},null,8,["modelValue","onUpdate:modelValue","placeholder"])):X("",!0),e.valueType==="select"?(s(),h(R,{key:1,style:{width:"100%"},modelValue:v[e.name],"onUpdate:modelValue":y=>v[e.name]=y,placeholder:`\u8BF7\u9009\u62E9${e.label}`},{default:l(()=>[(s(!0),x(j,null,J(e.options,y=>(s(),h(P,{key:y.value,label:y.label,value:y.value},null,8,["label","value"]))),128))]),_:2},1032,["modelValue","onUpdate:modelValue","placeholder"])):X("",!0)]),_:2},1032,["label"])),[[oe,r.value?r.value:F<2]])),128))]),_:1},8,["model"]),E("div",pe,[u(a,{type:"primary",onClick:$,icon:K(te)},{default:l(()=>[f("\u67E5\u8BE2")]),_:1},8,["icon"]),u(a,{onClick:m[0]||(m[0]=e=>M(k.value))},{default:l(()=>[f("\u91CD\u7F6E")]),_:1}),u(a,{link:"",type:"primary",onClick:m[1]||(m[1]=e=>r.value=!r.value)},{default:l(()=>[f(H(r.value?"\u5408\u5E76":"\u5C55\u5F00"),1),u(g,null,{default:l(()=>[r.value?(s(),h(V,{key:1})):(s(),h(n,{key:0}))]),_:1})]),_:1})])]),E("div",_e,[E("div",me,[Q(o.$slots,"btn",{},void 0,!0)]),E("div",fe,[W((s(),h(I,{class:"zb-table",onSelectionChange:m[2]||(m[2]=e=>_("selection-change",e)),data:K(p),border:!0},{default:l(()=>[(s(!0),x(j,null,J(w.columns,e=>(s(),x(j,null,[e.type?(s(),h(i,{key:0,type:e.type,width:e.width,align:e.align!=null?e.align:"center",fixed:e.fixed,label:e.label},null,8,["type","width","align","fixed","label"])):(s(),h(i,{key:1,prop:e.name,width:e.width,align:e.align!=null?e.align:"center",fixed:e.fixed,label:e.label},{default:l(F=>[e.slot?Q(o.$slots,e.name,{key:1,item:e,row:F.row},void 0,!0):(s(),x("span",ve,H(F.row[e.name]),1))]),_:2},1032,["prop","width","align","fixed","label"]))],64))),256))]),_:3},8,["data"])),[[S,w.loading]])]),E("div",ge,[u(U,{currentPage:B.value,"onUpdate:currentPage":m[3]||(m[3]=e=>B.value=e),"page-size":10,background:"",layout:"total, sizes, prev, pager, next, jumper",total:w.data.length,onSizeChange:N,onCurrentChange:A},null,8,["currentPage","total"])])])])}}});const ye=ee(be,[["__scopeId","data-v-9e323fdc"]]),he={style:{display:"flex","justify-content":"flex-end"}},Ee={class:"dialog-footer"},De=L({name:"comprehensive"}),Fe=L({...De,setup(w){const _=d(!0),T=d(null),k=[];for(let a=0;a<100;a++)k.push({date:"2016-05-02",name:"\u738B\u4E94"+a,price:1+a,province:"\u4E0A\u6D77",admin:"admin",sex:a%2?1:0,checked:!0,id:a+1,age:0,city:"\u666E\u9640\u533A",address:"\u4E0A\u6D77\u5E02\u666E\u4E0A\u6D77",zip:200333});const B=[{type:"selection",width:60,fixed:"left"},{name:"name",label:"\u59D3\u540D",inSearch:!0,valueType:"input",
|