👨🏻‍💻👩🏻‍💻 Use Ant Design like a Pro!
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 

1 lines
5.1 KiB

(globalThis.utooChunk_ant_design_pro||(globalThis.utooChunk_ant_design_pro=[])).push(["object"==typeof document?document.currentScript:void 0,193898,e=>{"use strict";var r=e.i(289993);e.s(["ProFormDependency",()=>r.default])},486231,e=>{"use strict";var r=e.i(391398),a=e.i(203112),t=e.i(188235),l=e.i(992625),i=e.i(193898),o=e.i(865925),s=e.i(614248),n=e.i(739217),d=e.i(688008),m=e.i(784680),u=e.i(952020),c=e.i(946077),p=e.i(92076);e.i(113297);var f=e.i(134124);async function h(e){return(0,f.request)("/api/basicForm",{method:"POST",data:e})}let x=(0,e.i(827830).createStyles)(({token:e})=>({optional:{color:e.colorTextSecondary,fontStyle:"normal"}}));var g=()=>{let{styles:e}=x(),{mutate:f}=(0,u.useMutation)({mutationFn:h,onSuccess:()=>{p.message.success("提交成功")}}),g=async e=>{f(e)};return(0,r.jsx)(a.PageContainer,{content:"表单页用于向用户收集或验证信息,基础表单常见于数据项较少的表单场景。",children:(0,r.jsx)(c.Card,{variant:"borderless",children:(0,r.jsxs)(t.ProForm,{requiredMark:!1,style:{margin:"auto",marginTop:8,maxWidth:600},name:"basic",layout:"vertical",initialValues:{public:"1"},onFinish:g,children:[(0,r.jsx)(d.ProFormText,{width:"md",label:"标题",name:"title",rules:[{required:!0,message:"请输入标题"}],placeholder:"给目标起个名字"}),(0,r.jsx)(l.ProFormDateRangePicker,{label:"起止日期",width:"md",name:"date",rules:[{required:!0,message:"请选择起止日期"}],placeholder:["开始日期","结束日期"]}),(0,r.jsx)(m.ProFormTextArea,{label:"目标描述",width:"xl",name:"goal",rules:[{required:!0,message:"请输入目标描述"}],placeholder:"请输入你的阶段性工作目标"}),(0,r.jsx)(m.ProFormTextArea,{label:"衡量标准",name:"standard",width:"xl",rules:[{required:!0,message:"请输入衡量标准"}],placeholder:"请输入衡量标准"}),(0,r.jsx)(d.ProFormText,{width:"md",label:(0,r.jsxs)("span",{children:["客户",(0,r.jsx)("em",{className:e.optional,children:"(选填)"})]}),tooltip:"目标的服务对象",name:"client",placeholder:"请描述你服务的客户,内部客户直接 @姓名/工号"}),(0,r.jsx)(d.ProFormText,{width:"md",label:(0,r.jsxs)("span",{children:["邀评人",(0,r.jsx)("em",{className:e.optional,children:"(选填)"})]}),name:"invites",placeholder:"请直接 @姓名/工号,最多可邀请 5 人"}),(0,r.jsx)(o.ProFormDigit,{label:(0,r.jsxs)("span",{children:["权重",(0,r.jsx)("em",{className:e.optional,children:"(选填)"})]}),name:"weight",placeholder:"请输入",min:0,max:100,width:"xs",fieldProps:{formatter:e=>`${e||0}%`,parser:e=>Number(e?e.replace("%",""):"0")}}),(0,r.jsx)(s.ProFormRadio.Group,{options:[{value:"1",label:"公开"},{value:"2",label:"部分公开"},{value:"3",label:"不公开"}],label:"目标公开",help:"客户、邀评人默认被分享",name:"publicType"}),(0,r.jsx)(i.ProFormDependency,{name:["publicType"],children:({publicType:e})=>(0,r.jsx)(n.ProFormSelect,{width:"md",name:"publicUsers",fieldProps:{style:{margin:"8px 0",display:e&&"2"===e?"block":"none"}},options:[{value:"1",label:"同事甲"},{value:"2",label:"同事乙"},{value:"3",label:"同事丙"}]})})]})})})};e.s(["default",()=>g],486231)},865925,e=>{"use strict";var r=e.i(191788),a=e.i(661682),a=a,t=e.i(440656),l=e.i(967595),i=e.i(391398);let o=r.default.forwardRef(({fieldProps:e,min:r,proFieldProps:o,max:s,...n},d)=>(0,i.jsx)(t.ProConfigProvider,{valueTypeMap:{digit:{render:(e,r)=>(0,i.jsx)(a.default,{...r,text:e,placeholder:r.placeholder}),formItemRender:(e,r)=>(0,i.jsx)(a.default,{...r,text:e,placeholder:r.placeholder})}},children:(0,i.jsx)(l.default,{valueType:"digit",fieldProps:{min:r,max:s,...e},ref:d,fieldConfig:{defaultProps:{width:"100%"}},proFieldProps:o,...n})}));e.s(["ProFormDigit",()=>o],865925)},992625,e=>{"use strict";var r=e.i(191788),a=e.i(819201),t=e.i(839587),t=t,l=e.i(440656),i=e.i(568061),o=e.i(967595),s=e.i(391398);let n=r.default.forwardRef(({fieldProps:e,proFieldProps:n,valueType:d,...m},u)=>{let c=(0,r.useContext)(i.default),p=(0,r.useMemo)(()=>{let r=e?{...e}:{};return"dateTimeRange"===d&&void 0===r.showTime&&(r.showTime=!0),r},[e,d]),f=(0,r.useMemo)(()=>{if(p.format)return p.format;switch(d){case"dateTimeRange":return"YYYY-MM-DD HH:mm:ss";case"dateWeekRange":return"YYYY-wo";case"dateMonthRange":return"YYYY-MM";case"dateQuarterRange":return"YYYY-[Q]Q";case"dateYearRange":return"YYYY";default:return"YYYY-MM-DD"}},[p.format,d]),h=(0,r.useCallback)((e,r)=>{let a=r.fieldProps??p,l="dateTimeRange"===d?a?.format??"YYYY-MM-DD HH:mm:ss":a?.format;return(0,s.jsx)(t.default,{...r,format:l,text:e})},[p,d]);return(0,s.jsx)(l.ProConfigProvider,{valueTypeMap:{[d]:{render:h,formItemRender:h}},children:(0,s.jsx)(o.default,{fieldProps:{getPopupContainer:c.getPopupContainer,...p},valueType:d,proFieldProps:n,fieldConfig:{valueType:d,customLightMode:!0,lightFilterLabelFormatter:e=>(0,a.dateArrayFormatter)(e,f)},...m,ref:u})})}),d="dateRange",m=r.default.forwardRef(({fieldProps:e,proFieldProps:r,...t},l)=>(0,s.jsx)(n,{ref:l,fieldProps:{...e},valueType:d,proFieldProps:r,fieldConfig:{valueType:d,customLightMode:!0,lightFilterLabelFormatter:r=>(0,a.dateArrayFormatter)(r,e?.format||"YYYY-MM-DD")},...t}));e.s(["ProFormDateRangePicker",()=>m],992625)}]);