| 12 |
- import{L as v,i as A,a2 as I,l as R,al as o,o as r,a as i,Z as c,T as t,F as k,ac as V,ae as q,b as f,Y as L,X as x,W as _,U as j,S as p,_ as E}from"./vue.e1d8f8c6.js";import{_ as M}from"./index.6ed0cd31.js";const W={key:0,class:"table-search-container"},X=v({name:"makeTableDemoSearch"}),Y=v({...X,props:{search:{type:Array,default:()=>[]}},emits:["search"],setup(d,{emit:h}){const m=d,u=A(),l=I({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 R(()=>{U()}),(s,n)=>{const C=o("el-input"),D=o("el-date-picker"),F=o("el-option"),z=o("el-select"),g=o("el-form-item"),b=o("el-col"),B=o("SvgIcon"),y=o("el-button"),N=o("el-row"),$=o("el-form");return m.search.length>0?(r(),i("div",W,[c($,{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,V(d.search,(e,w)=>j((r(),p(b,{xs:24,sm:12,md:8,lg:6,xl:4,class:"mb20",key:w},{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(z,{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,V(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)),[[E,w===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"},q({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,L(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 H=M(Y,[["__scopeId","data-v-e3a1ff11"],["__file","E:/code/wwwroot/local81.lzj/simple_storage/vue-next-admin/src/views/make/tableDemo/search.vue"]]);export{H as default};
|
