search.cf32b8a2.js 3.0 KB

123
  1. import{M as S,j as A,a3 as I,m as R,am as o,o as r,a as i,_ as c,U as t,F as k,ad as w,af as q,b as _,Z as M,Y as x,X as f,V as j,T as p,$ as L}from"./vue.aade88c7.js";import{_ as X}from"./index.f6b6c69f.js";const Y={key:0,class:"table-search-container"},Z=S({name:"makeTableDemoSearch"}),E=S({...Z,props:{search:{type:Array,default:()=>[]}},emits:["search"],setup(d,{emit:h}){const m=d,u=A(),l=I({form:{},isToggle:!1}),T=n=>{n&&n.validate(s=>{if(s)h("search",l.form);else return!1})},U=n=>{n&&(n.resetFields(),h("search",l.form))},C=()=>{if(m.search.length<=0)return!1;m.search.forEach(n=>l.form[n.prop]="")};return R(()=>{C()}),(n,s)=>{const v=o("el-input"),F=o("el-date-picker"),$=o("el-option"),B=o("el-select"),b=o("el-form-item"),g=o("el-col"),D=o("SvgIcon"),y=o("el-button"),N=o("el-row"),z=o("el-form");return m.search.length>0?(r(),i("div",Y,[c(z,{ref_key:"tableSearchRef",ref:u,model:l.form,size:"default","label-width":"100px",class:"table-form"},{default:t(()=>[c(N,null,{default:t(()=>[(r(!0),i(k,null,w(d.search,(e,V)=>j((r(),p(g,{xs:24,sm:12,md:8,lg:6,xl:4,class:"mb20",key:V},{default:t(()=>[e.type!==""?(r(),p(b,{key:0,label:e.label,prop:e.prop,rules:[{required:e.required,message:`${e.label}不能为空`,trigger:e.type==="input"?"blur":"change"}]},{default:t(()=>[e.type==="input"?(r(),p(v,{key:0,modelValue:l.form[e.prop],"onUpdate:modelValue":a=>l.form[e.prop]=a,placeholder:e.placeholder,clearable:"",style:{width:"100%"}},null,8,["modelValue","onUpdate:modelValue","placeholder"])):e.type==="date"?(r(),p(F,{key:1,modelValue:l.form[e.prop],"onUpdate:modelValue":a=>l.form[e.prop]=a,type:"date",placeholder:e.placeholder,style:{width:"100%"}},null,8,["modelValue","onUpdate:modelValue","placeholder"])):e.type==="select"?(r(),p(B,{key:2,modelValue:l.form[e.prop],"onUpdate:modelValue":a=>l.form[e.prop]=a,placeholder:e.placeholder,style:{width:"100%"}},{default:t(()=>[(r(!0),i(k,null,w(e.options,a=>(r(),p($,{key:a.value,label:a.label,value:a.value},null,8,["label","value"]))),128))]),_:2},1032,["modelValue","onUpdate:modelValue","placeholder"])):f("",!0)]),_:2},1032,["label","prop","rules"])):f("",!0)]),_:2},1024)),[[L,V===0||l.isToggle]])),128)),c(g,{xs:24,sm:12,md:8,lg:6,xl:4,class:"mb20"},{default:t(()=>[c(b,{class:"table-form-btn","label-width":d.search.length<=1?"10px":"100px"},q({default:t(()=>[_("div",null,[c(y,{size:"default",type:"primary",onClick:s[1]||(s[1]=e=>T(u.value))},{default:t(()=>[x("查询 ")]),_:1}),c(y,{size:"default",type:"info",class:"ml10",onClick:s[2]||(s[2]=e=>U(u.value))},{default:t(()=>[x(" 重置 ")]),_:1})])]),_:2},[d.search.length>1?{name:"label",fn:t(()=>[_("div",{class:"table-form-btn-toggle ml10",onClick:s[0]||(s[0]=e=>l.isToggle=!l.isToggle)},[_("span",null,M(l.isToggle?"收筛选":"展筛选"),1),c(D,{name:l.isToggle?"ele-ArrowUp":"ele-ArrowDown"},null,8,["name"])])]),key:"0"}:void 0]),1032,["label-width"])]),_:1})]),_:1})]),_:1},8,["model"])])):f("",!0)}}});const J=X(E,[["__scopeId","data-v-b5549c8e"]]);export{J as default};
  2. //# sourceMappingURL=search.cf32b8a2.js.map