search.0fac2751.js 3.1 KB

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