complete ticket agent page

myems-web/src/components/MyEMS/Ticket/TicketAgent.js

@@ -77,6 +77,8 @@ const TicketAggent = ({ setRedirect, setRedirectUrl, t }) => {
 
   // ticket id
   const [ticketId, setTicketId] = useState(0);
+  // ticket body
+  const [ticketBody, setTicketBody] = useState({});
 
   useEffect(() => {
     let isResponseOK = false;
@@ -372,6 +374,14 @@ const TicketAggent = ({ setRedirect, setRedirectUrl, t }) => {
     console.log('submitApplication', target);
     hiddenModal();
     // Patch the agent ticket
+    ticketFields.value.field_list.map(item => {
+      let item_key = item.field_key;
+      let value = item.field_value;
+      let temp = {}
+      temp[item_key] = value;
+      setTicketBody({ ...ticketBody, ...temp });
+    });
+
     let isResponseOK = false;
     fetch(APIBaseURL + '/ticket/agent/' + ticketId, {
       method: 'PATCH',
@@ -379,9 +389,7 @@ const TicketAggent = ({ setRedirect, setRedirectUrl, t }) => {
         'Content-type': 'application/json'
       },
       body: JSON.stringify({
-        title: '123',
-        repair_reason: '123',
-        tl_agree_text: '223',
+        ...ticketBody,
         transition_id: ticketTransitionField.value[0].transition_id
       })
     })
@@ -404,13 +412,16 @@ const TicketAggent = ({ setRedirect, setRedirectUrl, t }) => {
         console.log(err);
       });
   };
-  let confirmButton = () => {
-    message.info('Clicked on Yes.');
-  };
 
   const text = `
 Hello world
 `;
+
+  let onFieldChange = (index, { target }) => {
+    console.log('fieldChange', target.value);
+    setTicketBody({ ...ticketBody, index: target.value });
+  };
+
   useEffect(() => {
     console.log('ticketList', ticketList);
   }, [ticketList]);
@@ -435,6 +446,10 @@ Hello world
     console.log('ticketId', ticketId);
   }, [ticketId]);
 
+  useEffect(() => {
+    console.log('ticketBody', ticketBody);
+  }, [ticketBody]);
+
   return (
     <Fragment>
       <div>
@@ -534,6 +549,7 @@ Hello world
                           <Form.Item key={index} label={item.field_name} name={item.field_name}>
                             <Input
                               defaultValue={item.field_value}
+                              onChange={onFieldChange.bind(this, item.field_key)}
                               disabled={item.field_attribute == 1 ? true : false}
                             />
                           </Form.Item>
@@ -549,10 +565,6 @@ Hello world
                               disabled={item.field_attribute == 1 ? true : false}
                             />
                           </Form.Item>
-                          // <InputGroup key={index}>
-                          //   <InputGroupText>{item.field_name}</InputGroupText>
-                          //   <textarea value={item.field_value} disabled />
-                          // </InputGroup>
                         );
                         break;
                       default: