| 12 |
- import{L as V,i as E,a2 as F,al as l,o,a as u,Z as r,T as a,F as w,ac as y,b as c,X as v,S as d,W as _,Y as L}from"./vue.e1d8f8c6.js";import{E as f,_ as S}from"./index.5ec7a9d7.js";const j={class:"layout-pd"},A={key:0,class:"color-danger"},M={class:"pl5"},W=c("i",{class:"iconfont icon-quanxian"},null,-1),X=c("i",{class:"iconfont icon-shouye_dongtaihui"},null,-1),Y={class:"flex-margin"},Z=V({name:"pagesTableRules"}),G=V({...Z,setup(H){const b=E(),p=F({tableData:{data:[],header:[{prop:"a1",width:"",label:"一级分类",isRequired:!0,type:"select"},{prop:"a2",width:"",label:"二级分类",isRequired:!0,type:"select"},{prop:"a3",width:"",label:"三级分类",isRequired:!0,type:"select"},{prop:"a4",width:"",label:"四级分类",isRequired:!0,type:"date"},{prop:"a5",width:"",label:"五级分类",isRequired:!0,type:"input"},{prop:"a6",width:"",label:"六级分类",isTooltip:!0,type:"dialog"},{prop:"a7",width:"",label:"演示级分类",type:"input"},{prop:"a8",width:"",label:"颜色是分类",type:"input"}],option:[{value:"选项1",label:"黄金糕"},{value:"选项2",label:"双皮奶"},{value:"选项3",label:"蚵仔煎"}]}}),g=i=>{if(p.tableData.data.length<=0)return f.warning("请先点击增加一行");i&&i.validate(s=>{if(!s)return f.warning("表格项必填未填");f.success("全部验证通过")})},k=()=>{p.tableData.data.push({a1:"",a2:"",a3:"",a4:"",a5:"",a6:"",a7:"",a8:""})};return(i,s)=>{const R=l("el-tooltip"),x=l("el-option"),q=l("el-select"),D=l("el-date-picker"),m=l("el-input"),U=l("el-form-item"),C=l("el-table-column"),T=l("el-table"),$=l("el-form"),h=l("el-button"),z=l("el-row"),B=l("el-card");return o(),u("div",j,[r(B,{shadow:"hover",header:"表单表格验证"},{default:a(()=>[r($,{ref_key:"tableRulesRef",ref:b,model:p.tableData,size:"default"},{default:a(()=>[r(T,{data:p.tableData.data,border:"",class:"module-table-uncollected"},{default:a(()=>[(o(!0),u(w,null,y(p.tableData.header,(e,N)=>(o(),d(C,{key:N,"show-overflow-tooltip":"",prop:e.prop,width:e.width,label:e.label},{header:a(()=>[e.isRequired?(o(),u("span",A,"*")):_("v-if",!0),c("span",M,L(e.label),1),e.isTooltip?(o(),d(R,{key:1,effect:"dark",content:"这是tooltip",placement:"top"},{default:a(()=>[W]),_:1})):_("v-if",!0)]),default:a(n=>[r(U,{prop:`data.${n.$index}.${e.prop}`,rules:[{required:e.isRequired,message:"不能为空",trigger:`${e.type}`=="input"?"blur":"change"}]},{default:a(()=>[e.type==="select"?(o(),d(q,{key:0,modelValue:n.row[e.prop],"onUpdate:modelValue":t=>n.row[e.prop]=t,placeholder:"请选择"},{default:a(()=>[(o(!0),u(w,null,y(p.tableData.option,t=>(o(),d(x,{key:t.value,label:t.label,value:t.value},null,8,["label","value"]))),128))]),_:2},1032,["modelValue","onUpdate:modelValue"])):e.type==="date"?(o(),d(D,{key:1,modelValue:n.row[e.prop],"onUpdate:modelValue":t=>n.row[e.prop]=t,type:"date",placeholder:"选择日期",style:{width:"100%"}},null,8,["modelValue","onUpdate:modelValue"])):e.type==="input"?(o(),d(m,{key:2,modelValue:n.row[e.prop],"onUpdate:modelValue":t=>n.row[e.prop]=t,placeholder:"请输入内容"},null,8,["modelValue","onUpdate:modelValue"])):e.type==="dialog"?(o(),d(m,{key:3,modelValue:n.row[e.prop],"onUpdate:modelValue":t=>n.row[e.prop]=t,readonly:"",placeholder:"请输入内容"},{suffix:a(()=>[X]),_:2},1032,["modelValue","onUpdate:modelValue"])):_("v-if",!0)]),_:2},1032,["prop","rules"])]),_:2},1032,["prop","width","label"]))),128))]),_:1},8,["data"])]),_:1},8,["model"]),r(z,{class:"flex mt15"},{default:a(()=>[c("div",Y,[r(h,{size:"default",type:"success",onClick:s[0]||(s[0]=e=>g(b.value))},{default:a(()=>[v("表格验证")]),_:1}),r(h,{size:"default",type:"primary",onClick:k},{default:a(()=>[v("新增一行")]),_:1})])]),_:1})]),_:1})])}}}),K=S(G,[["__file","E:/code/wwwroot/local81.lzj/simple_storage/vue-next-admin/src/views/pages/tableRules/index.vue"]]);export{K as default};
|
