Demo03CourseForm-e24e4c4a.js 2.5 KB

1
  1. import{d as U,r as m,e as $,aM as q,o as g,c as D,z as F,a as d,x as R,w as a,f as e,y as h,F as j,I as z,R as H,C as G,G as J,J as K,H as M,i as P,K as X,_ as A,__tla as B}from"./index-8dc1e40a.js";import{a as E,__tla as L}from"./index-01f0fd0c.js";let x,N=Promise.all([(()=>{try{return B}catch{}})(),(()=>{try{return L}catch{}})()]).then(async()=>{x=A(U({__name:"Demo03CourseForm",props:{studentId:{type:null,required:!0}},setup(y,{expose:w}){const c=y,n=m(!1),l=m([]),i=$({studentId:[{required:!0,message:"\u5B66\u751F\u7F16\u53F7\u4E0D\u80FD\u4E3A\u7A7A",trigger:"blur"}],name:[{required:!0,message:"\u540D\u5B57\u4E0D\u80FD\u4E3A\u7A7A",trigger:"blur"}],score:[{required:!0,message:"\u5206\u6570\u4E0D\u80FD\u4E3A\u7A7A",trigger:"blur"}]}),p=m();q(()=>c.studentId,async t=>{if(l.value=[],t)try{n.value=!0,l.value=await E(t)}finally{n.value=!1}},{immediate:!0});const b=()=>{const t={id:void 0,studentId:void 0,name:void 0,score:void 0};t.studentId=c.studentId,l.value.push(t)};return w({validate:()=>p.value.validate(),getData:()=>l.value}),(t,O)=>{const u=z,_=H,f=G,v=J,V=K,I=M,k=P,C=X;return g(),D(j,null,[F((g(),R(I,{ref_key:"formRef",ref:p,model:d(l),rules:d(i),"label-width":"0px","inline-message":!0},{default:a(()=>[e(V,{data:d(l),class:"-mt-10px"},{default:a(()=>[e(u,{label:"\u5E8F\u53F7",type:"index",width:"100"}),e(u,{label:"\u540D\u5B57","min-width":"150"},{default:a(({row:s,$index:o})=>[e(f,{prop:`${o}.name`,rules:d(i).name,class:"mb-0px!"},{default:a(()=>[e(_,{modelValue:s.name,"onUpdate:modelValue":r=>s.name=r,placeholder:"\u8BF7\u8F93\u5165\u540D\u5B57"},null,8,["modelValue","onUpdate:modelValue"])]),_:2},1032,["prop","rules"])]),_:1}),e(u,{label:"\u5206\u6570","min-width":"150"},{default:a(({row:s,$index:o})=>[e(f,{prop:`${o}.score`,rules:d(i).score,class:"mb-0px!"},{default:a(()=>[e(_,{modelValue:s.score,"onUpdate:modelValue":r=>s.score=r,placeholder:"\u8BF7\u8F93\u5165\u5206\u6570"},null,8,["modelValue","onUpdate:modelValue"])]),_:2},1032,["prop","rules"])]),_:1}),e(u,{align:"center",fixed:"right",label:"\u64CD\u4F5C",width:"60"},{default:a(({$index:s})=>[e(v,{onClick:o=>{return r=s,void l.value.splice(r,1);var r},link:""},{default:a(()=>[h("\u2014")]),_:2},1032,["onClick"])]),_:1})]),_:1},8,["data"])]),_:1},8,["model","rules"])),[[C,d(n)]]),e(k,{justify:"center",class:"mt-3"},{default:a(()=>[e(v,{onClick:b,round:""},{default:a(()=>[h("+ \u6DFB\u52A0\u5B66\u751F\u8BFE\u7A0B")]),_:1})]),_:1})],64)}}}),[["__file","/Users/RuHu.Xu/Desktop/mall-newfeifan-zx-admin/src/views/infra/demo/demo03/inner/components/Demo03CourseForm.vue"]])});export{N as __tla,x as default};