分开展示每次变更确认内容

src/views/reservation/Detail.jsx

@@ -24,7 +24,7 @@ function Detail() {
     },
     {
       title: 'Confirmation Details',
-      dataIndex: 'PCI_ConfirmText',
+      render: detailTextRender
     },
     {
       title: 'Attachments',
@@ -39,6 +39,15 @@ function Detail() {
       render: confirmRender
     },
   ];
+
+  function detailTextRender(text, confirm) {
+    const formattedText = confirm.PCI_ConfirmText;//.replace(/\;/g, "\n——————————————————————\n");
+    return (
+      <div style={{whiteSpace: 'pre-line'}}>
+      {formattedText}
+      </div>
+    );
+  }
     
   function attachmentRender(text, confirm) {
     return (
@@ -82,13 +91,14 @@ function Detail() {
 
   const showConfirmModal = (confirm) => { 
     setIsModalOpen(true);
-    setConfirmText(confirm.PCI_ConfirmText);
+    const formattedText = confirm.PCI_ConfirmText;//.replace(/\;/g, "\n——————————————————————\n");
+    setConfirmText(formattedText);
     reservationStore.editConfirmation(confirm);
   };
 
   const handleOk = () => {
     setConfirmLoading(true);
-    reservationStore.submitConfirmation(confirmText + ';' +newConfirmText)
+    reservationStore.submitConfirmation(confirmText + '\n——————————————————————\n' +newConfirmText)
       .finally(() => {
         setNewConfirmText('');
         setIsModalOpen(false);
@@ -124,8 +134,13 @@ function Detail() {
       >
         <Title level={4}>Confirm</Title>
         <Paragraph>
-          <blockquote>{confirmText}</blockquote>
+          <blockquote>
+            <div style={{whiteSpace: 'pre-line'}}>
+              {confirmText}
+            </div>
+          </blockquote>
         </Paragraph>
+
         <TextArea
           value={newConfirmText}
           onChange={(e) => setNewConfirmText(e.target.value)}
@@ -168,4 +183,4 @@ function Detail() {
   );
 }
 
-export default observer(Detail);
+export default observer(Detail);