解决接机牌预览

src/views/reservation/Detail.jsx

@@ -47,25 +47,24 @@ function Detail() {
   const [isModalOpen, setIsModalOpen] = useState(false);
   const [confirmLoading, setConfirmLoading] = useState(false);
   const [confirmText, setConfirmText] = useState('');
+  const [dataLoading, setDataLoading] = useState(false);
   const { notification } = App.useApp();
   const { reservationId } = useParams();
   const { reservationStore } = useStore();
-  const [dataLoading, setDataLoading] = useState(false);
   const { reservationDetail, confirmationList } = reservationStore;
 
   const reservationUrl = 
-    'https://view.officeapps.live.com/op/embed.aspx?wdPrint=false&wdHideGridlines=true&wdHideComments=true&src=' + 
+    'https://view.officeapps.live.com/op/embed.aspx?wdPrint=1&wdHideGridlines=0&wdHideComments=1&wdEmbedCode=0&src=' + 
     encodeURIComponent('https://www.chinahighlights.com/public/reservationW220420009.doc');
 
   const nameCardUrl = 
     'https://view.officeapps.live.com/op/embed.aspx?wdPrint=false&wdHideGridlines=true&wdHideComments=true&src=' + 
-    encodeURIComponent('https://www.chinahighlights.com/public/NameCard.doc');
+    encodeURIComponent('https://www.chinahighlights.com/public/W220420009.doc');
 
   const showConfirmModal = (confirm) => { 
     setIsModalOpen(true);
     setConfirmText(confirm.PCI_ConfirmText);
     reservationStore.editConfirmation(confirm);
-    console.info(confirm);
   };
 
   const handleOk = () => {
@@ -108,15 +107,15 @@ function Detail() {
           value={confirmText}
           onChange={(e) => setConfirmText(e.target.value)}
           autoSize={{
-            minRows: 3,
-            maxRows: 5,
+            minRows: 5,
+            maxRows: 8,
           }}
         />
       </Modal>
     <Space direction="vertical" style={{ width: '100%' }}>
     <Row gutter={{ md: 24 }}>
         <Col span={20}>
-      <Title level={4}>Reference Number: {reservationDetail.referenceNumber}; Arrival date: {reservationDetail.arrivalDate}; Tour guide: {reservationDetail.tourGuide}</Title>
+      <Title level={4}>Reference Number: {reservationDetail.referenceNumber}; Arrival date: {reservationDetail.arrivalDate};</Title>
         </Col>
         <Col span={4}>
       <Button type="link" onClick={() => navigate('/reservation/newest')}>Back</Button>
@@ -124,10 +123,10 @@ function Detail() {
       </Row>
       <Row gutter={{ md: 24 }}>
         <Col span={12} style={{height: '100%'}} >
-        <iframe id="msdoc-iframe" title="msdoc-iframe" src={reservationUrl} frameborder="0" style={{ width: '100%', height: '600px' }}></iframe>
+        <iframe id="msdoc-iframe-reservation" title="msdoc-iframe-reservation" src={reservationUrl} frameBorder="0" style={{ width: '100%', height: '600px' }}></iframe>
         </Col>
         <Col span={12} style={{height: '100%'}} >
-        <iframe id="msdoc-iframe" title="msdoc-iframe" src={nameCardUrl} frameborder="0" style={{ width: '100%', height: '600px' }}></iframe>
+        <iframe id="msdoc-iframe-name-card" title="msdoc-iframe-name-card" src={nameCardUrl} frameBorder="0" style={{ width: '100%', height: '600px' }}></iframe>
         </Col>
       </Row>
       <Row>