Bläddra i källkod

fix: 流程新建、编辑表单项填充初始值

lanjianrong 3 år sedan
förälder
incheckning
a9baa45a0e
1 ändrade filer med 22 tillägg och 5 borttagningar
  1. 22 5
      src/pages/Project/Verification/index.tsx

+ 22 - 5
src/pages/Project/Verification/index.tsx

@@ -77,6 +77,7 @@ const FlowList = () => {
               visible: true,
               current: { dataID: record.ID, name: record.name, readPretty: true }
             })
+            tRef
           }}>
           {record.stickyTop ? (
             <span className="w-30px text-center rounded-md border border-hex-0089ff bg-hex-e9f5ff px-1">
@@ -118,6 +119,9 @@ const FlowList = () => {
                 modalVisible: true,
                 current: { dataID: record.ID, name: record.name }
               })
+              setTimeout(() => {
+                formRef.current?.setFieldsValue({ name: record.name })
+              }, 80)
             }}>
             编辑名称
           </span>
@@ -177,9 +181,13 @@ const FlowList = () => {
           actions: [
             <Button
               type="primary"
-              onClick={() =>
-                setState({ ...state, modalType: ApprovalModalType.ADD, modalVisible: true })
-              }
+              onClick={() => {
+                setState({
+                  ...state,
+                  modalType: ApprovalModalType.ADD,
+                  modalVisible: true
+                })
+              }}
               key="add_flow_btn">
               新建流程
             </Button>
@@ -202,7 +210,12 @@ const FlowList = () => {
         modalProps={{
           width: '30%'
         }}
-        onVisibleChange={visible => setState({ ...state, modalVisible: visible })}
+        onVisibleChange={visible => {
+          setState({ ...state, modalVisible: visible })
+          setTimeout(() => {
+            if (!visible) formRef.current?.resetFields()
+          }, 80)
+        }}
         title={`${state.modalType === ApprovalModalType.ADD ? '新建' : '编辑'}审批流程`}
         formRef={formRef}
         onFinish={async values => {
@@ -220,7 +233,11 @@ const FlowList = () => {
             return false
           }
         }}>
-        <ProFormText name="name" label="名称" rules={[{ required: true }]} />
+        <ProFormText
+          name="name"
+          label="名称"
+          rules={[{ required: true, message: '请输入流程名称' }]}
+        />
       </ModalForm>
     </PageContainer>
   )