| 123 |
- import{E as _}from"./index.72328493.js";import{M as k,j as E,a3 as F,am as a,o,a as u,_ as r,U as l,F as y,ad as w,b as c,Y as V,T as d,X as f,Z as M}from"./vue.aade88c7.js";const j={class:"layout-pd"},A={key:0,class:"color-danger"},L={class:"pl5"},S=c("i",{class:"iconfont icon-quanxian"},null,-1),X=c("i",{class:"iconfont icon-shouye_dongtaihui"},null,-1),Y={class:"flex-margin"},Z=k({name:"pagesTableRules"}),J=k({...Z,setup(G){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 _.warning("请先点击增加一行");i&&i.validate(s=>{if(!s)return _.warning("表格项必填未填");_.success("全部验证通过")})},v=()=>{p.tableData.data.push({a1:"",a2:"",a3:"",a4:"",a5:"",a6:"",a7:"",a8:""})};return(i,s)=>{const R=a("el-tooltip"),q=a("el-option"),x=a("el-select"),U=a("el-date-picker"),m=a("el-input"),D=a("el-form-item"),C=a("el-table-column"),T=a("el-table"),$=a("el-form"),h=a("el-button"),B=a("el-row"),N=a("el-card");return o(),u("div",j,[r(N,{shadow:"hover",header:"表单表格验证"},{default:l(()=>[r($,{ref_key:"tableRulesRef",ref:b,model:p.tableData,size:"default"},{default:l(()=>[r(T,{data:p.tableData.data,border:"",class:"module-table-uncollected"},{default:l(()=>[(o(!0),u(y,null,w(p.tableData.header,(e,z)=>(o(),d(C,{key:z,"show-overflow-tooltip":"",prop:e.prop,width:e.width,label:e.label},{header:l(()=>[e.isRequired?(o(),u("span",A,"*")):f("",!0),c("span",L,M(e.label),1),e.isTooltip?(o(),d(R,{key:1,effect:"dark",content:"这是tooltip",placement:"top"},{default:l(()=>[S]),_:1})):f("",!0)]),default:l(n=>[r(D,{prop:`data.${n.$index}.${e.prop}`,rules:[{required:e.isRequired,message:"不能为空",trigger:`${e.type}`=="input"?"blur":"change"}]},{default:l(()=>[e.type==="select"?(o(),d(x,{key:0,modelValue:n.row[e.prop],"onUpdate:modelValue":t=>n.row[e.prop]=t,placeholder:"请选择"},{default:l(()=>[(o(!0),u(y,null,w(p.tableData.option,t=>(o(),d(q,{key:t.value,label:t.label,value:t.value},null,8,["label","value"]))),128))]),_:2},1032,["modelValue","onUpdate:modelValue"])):e.type==="date"?(o(),d(U,{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:l(()=>[X]),_:2},1032,["modelValue","onUpdate:modelValue"])):f("",!0)]),_:2},1032,["prop","rules"])]),_:2},1032,["prop","width","label"]))),128))]),_:1},8,["data"])]),_:1},8,["model"]),r(B,{class:"flex mt15"},{default:l(()=>[c("div",Y,[r(h,{size:"default",type:"success",onClick:s[0]||(s[0]=e=>g(b.value))},{default:l(()=>[V("表格验证")]),_:1}),r(h,{size:"default",type:"primary",onClick:v},{default:l(()=>[V("新增一行")]),_:1})])]),_:1})]),_:1})])}}});export{J as default};
- //# sourceMappingURL=index.57a632b2.js.map
|
