From 331a8084c38261a6dfe1ee210a44d0649f86bb57 Mon Sep 17 00:00:00 2001
From: Jimmy Liow <18777396951@163.com>
Date: Thu, 11 May 2023 14:10:00 +0800
Subject: [PATCH] =?UTF-8?q?=E5=A2=9E=E5=8A=A0=E9=A2=84=E8=A7=88=20Word=20?=
 =?UTF-8?q?=E5=8A=9F=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 package.json                    |  1 +
 src/views/reservation/Print.jsx | 28 ++++++++++++++++++++++++++++
 2 files changed, 29 insertions(+)

diff --git a/package.json b/package.json
index 1a7b137..f5ed509 100644
--- a/package.json
+++ b/package.json
@@ -14,6 +14,7 @@
     "mobx-react": "^7.6.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
+    "react-file-viewer": "^1.2.1",
     "react-router-dom": "^6.10.0"
   },
   "devDependencies": {
diff --git a/src/views/reservation/Print.jsx b/src/views/reservation/Print.jsx
index 62a63e0..02f85d2 100644
--- a/src/views/reservation/Print.jsx
+++ b/src/views/reservation/Print.jsx
@@ -4,6 +4,7 @@ import { observer } from "mobx-react";
 import { toJS } from "mobx";
 import moment from "moment";
 import { Row, Col, Space, Table, Typography, List, Watermark } from 'antd';
+import FileViewer from 'react-file-viewer';
 import { useStore } from '../../stores/StoreContext.js';
 
 const { Title } = Typography;
@@ -49,6 +50,33 @@ function Print() {
   return (
     <Watermark content={['Global Highlights', 'Discovery Your Way!']}>
     <Space direction="vertical" style={{ width: '100%' }}>
+      <Row gutter={{ md: 24 }}>
+        <Col span={24}>
+          Stream
+          <FileViewer
+            fileType={'docx'}
+            filePath={'http://202.103.68.100:890/service-fileServer/DownloadPlanDoc?GRI_SN=331740&VEI_SN=32531'}
+            errorComponent={<span>Error</span>}/>
+        </Col>
+      </Row>
+      <Row gutter={{ md: 24 }}>
+        <Col span={24}>
+        reservationW220420009.doc
+          <FileViewer
+            fileType={'docx'}
+            filePath={'https://www.chinahighlights.com/public/reservationW220420009.doc'}
+            errorComponent={<span>Error</span>}/>
+        </Col>
+      </Row>
+      <Row gutter={{ md: 24 }}>
+        <Col span={24}>
+        SampleSpec.docx
+          <FileViewer
+            fileType={'docx'}
+            filePath={'https://www.chinahighlights.com/public/SampleSpec.docx'}
+            errorComponent={<span>Error</span>}/>
+        </Col>
+      </Row>
       <Row gutter={{ md: 24 }}>
         <Col span={24}>
           <Title level={3}>Booking for Mr. Prasanna Venkatesa Nathan(United States) trip</Title>