index-c2d4597e.js
4.03 KB
var d=(e,u,r)=>new Promise((c,l)=>{var m=t=>{try{o(r.next(t))}catch(p){l(p)}},a=t=>{try{o(r.throw(t))}catch(p){l(p)}},o=t=>t.done?c(t.value):Promise.resolve(t.value).then(m,a);o((r=r.apply(e,u)).next())});import{B as v}from"./BasicForm-53100365.js";import"./componentMap-4d1c941b.js";import{u as _}from"./useForm-86d11f60.js";import{d as h,k as A,a8 as i,_ as B,a9 as E,aa as s,f as n,E as k}from"./vue-5a35c3f5.js";import"./RadioButtonGroup-72b65d2e.js";import q from"./PersonTable-05b963c2.js";import{P as C}from"./index-f532aa07.js";import{as as b}from"./antd-6b087f69.js";import{_ as F}from"./index.js";import"./FormItem-ffc5ecef.js";import"./helper-95474dfc.js";import"./BasicForm.vue_vue_type_style_index_0_lang-3479a052.js";import"./uniqBy-0cd5a663.js";import"./index-c1c2669a.js";import"./useWindowSizeFn-cc2fb57c.js";import"./useFormItem-9ea791b8.js";import"./uuid-31b8b5a4.js";import"./download-3d468407.js";import"./base64Conver-39fc0d26.js";import"./index-1ca3bd8a.js";import"./IconPicker-6bbd557c.js";import"./index-9a895eb5.js";import"./BasicTable-7dbd57c0.js";import"./TableImg.vue_vue_type_style_index_0_lang-6e828edc.js";import"./sortable.esm-4ae27e0b.js";import"./merge-4fa735fa.js";import"./onMountedOrActivated-52afb7a7.js";import"./useTable-e28259fb.js";import"./useContentViewHeight-d0a5c58e.js";const f=[{label:"付晓晓",value:"1"},{label:"周毛毛",value:"2"}],P=[{label:"私密",value:"1"},{label:"公开",value:"2"}],y=[{field:"f1",component:"Input",label:"仓库名",required:!0},{field:"f2",component:"Input",label:"仓库域名",required:!0,componentProps:{addonBefore:"http://",addonAfter:"com"},colProps:{offset:2}},{field:"f3",component:"Select",label:"仓库管理员",componentProps:{options:f},required:!0,colProps:{offset:2}},{field:"f4",component:"Select",label:"审批人",componentProps:{options:f},required:!0},{field:"f5",component:"RangePicker",label:"生效日期",required:!0,colProps:{offset:2}},{field:"f6",component:"Select",label:"仓库类型",componentProps:{options:P},required:!0,colProps:{offset:2}}],T=[{field:"t1",component:"Input",label:"任务名",required:!0},{field:"t2",component:"Input",label:"任务描述",required:!0,colProps:{offset:2}},{field:"t3",component:"Select",label:"执行人",componentProps:{options:f},required:!0,colProps:{offset:2}},{field:"t4",component:"Select",label:"责任人",componentProps:{options:f},required:!0},{field:"t5",component:"TimePicker",label:"生效日期",required:!0,componentProps:{style:{width:"100%"}},colProps:{offset:2}},{field:"t6",component:"Select",label:"任务类型",componentProps:{options:P},required:!0,colProps:{offset:2}}],S=h({name:"FormHightPage",components:{BasicForm:v,PersonTable:q,PageWrapper:C,[b.name]:b},setup(){const e=A(null),[u,{validate:r}]=_({layout:"vertical",baseColProps:{span:6},schemas:y,showActionButtonGroup:!1}),[c,{validate:l}]=_({layout:"vertical",baseColProps:{span:6},schemas:T,showActionButtonGroup:!1});function m(){return d(this,null,function*(){try{e.value&&console.log("table data:",e.value.getDataSource());const[a,o]=yield Promise.all([r(),l()]);console.log("form data:",a,o)}catch(a){}})}return{register:u,registerTask:c,submitAll:m,tableRef:e}}});function R(e,u,r,c,l,m){const a=i("BasicForm"),o=i("a-card"),t=i("PersonTable"),p=i("a-button"),g=i("PageWrapper");return B(),E(g,{class:"high-form",title:"高级表单",content:" 高级表单常见于一次性输入和提交大批量数据的场景。"},{rightFooter:s(()=>[n(p,{type:"primary",onClick:e.submitAll},{default:s(()=>[k(" 提交 ")]),_:1},8,["onClick"])]),default:s(()=>[n(o,{title:"仓库管理",bordered:!1},{default:s(()=>[n(a,{onRegister:e.register},null,8,["onRegister"])]),_:1}),n(o,{title:"任务管理",bordered:!1,class:"!mt-5"},{default:s(()=>[n(a,{onRegister:e.registerTask},null,8,["onRegister"])]),_:1}),n(o,{title:"成员管理",bordered:!1,class:"!mt-5"},{default:s(()=>[n(t,{ref:"tableRef"},null,512)]),_:1})]),_:1})}const pe=F(S,[["render",R],["__scopeId","data-v-8681cace"],["__file","E:/allcode/erp/test7901/order-erp-front/src/views/demo/page/form/high/index.vue"]]);export{pe as default};