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