提交修改

src/views/Home/InfoDlg/BjDlg/index.js

@@ -0,0 +1,39 @@
+import React from 'react';
+import DpTab from '../../../../layouts/mui/DpTab';
+import Dialog from '@material-ui/core/Dialog';
+import DialogContent from '@material-ui/core/DialogContent';
+import DpPaperComponent from '../../../../layouts/mui/DpPaperCompanent';
+import DpTabs from '../../../../layouts/mui/DpTabs';
+import DpAppBar from '../../../../layouts/mui/DpAppBar';
+import DpBackgroundDrop from '../../../../layouts/mui/DpBackdrop';
+import DpCloseButton from '../../../../layouts/mui/DpCloseButton';
+
+function HDStDlg({ record, onClose }) {
+  const [value, setValue] = React.useState(0);
+
+  return (
+    <Dialog
+      open={true}
+      onClose={onClose}
+      maxWidth="xl"
+      style={{ borderRadius: 0 }}
+      PaperComponent={DpPaperComponent}
+      BackdropComponent={DpBackgroundDrop}
+    >
+      <div className="boxhead"></div>
+      <DialogContent style={{ padding: 0, width: '60rem', overflowX: 'hidden' }}>
+        <DpAppBar position="sticky">
+          <DpTabs value={value} indicatorColor="primary" onChange={(_, v) => setValue(v)}>
+            <DpTab label="报警列表" />
+          </DpTabs>
+          <DpCloseButton onClick={onClose} />
+        </DpAppBar>
+
+        <img  src='/assets/报警列表.jpg' style={{width:'100%', height:'33rem',marginTop:'0rem'}}/>
+      </DialogContent>
+      <div className="boxfoot"></div>
+    </Dialog>
+  )
+}
+
+export default React.memo(HDStDlg);

src/views/Home/InfoDlg/PdfDlg/index.js

@@ -21,15 +21,15 @@ function HDStDlg({ record, onClose }) {
       BackdropComponent={DpBackgroundDrop}
     >
       <div className="boxhead"></div>
-      <DialogContent style={{ padding: 0, width: '60rem', overflowX: 'hidden' }}>
+      <DialogContent style={{ padding: 0, width: '80rem', overflowX: 'hidden',height:'80rem' }}>
         <DpAppBar position="sticky">
           <DpTabs value={value} indicatorColor="primary" onChange={(_, v) => setValue(v)}>
-            <DpTab label="报警列表" />
+            <DpTab label="文件预览" />
           </DpTabs>
           <DpCloseButton onClick={onClose} />
         </DpAppBar>
+        <iframe src={`${process.env.PUBLIC_URL}/assets/${record.planName}.pdf`} width="100%" height="100%"></iframe>
 
-        <img  src='/assets/报警列表.jpg' style={{width:'100%', height:'33rem',marginTop:'0rem'}}/>
       </DialogContent>
       <div className="boxfoot"></div>
     </Dialog>

src/views/Home/InfoDlg/index.js

@@ -31,6 +31,7 @@ import ByjcDlg from './ByjcDlg'
 import PdfDlg from './PdfDlg'
 import SyjcDlg from './SyjcDlg'
 import SljcDlg from './SljcDlg'
+import BjDlg from './BjDlg'
 
 
 function InfoDlg() {
@@ -105,7 +106,7 @@ function InfoDlg() {
   }else if (layerId === 'PdfLayer') {
     return <PdfDlg record={properties} onClose={handleClose} />
   }else if (layerId === 'BjLayer') {
-    return <PdfDlg record={properties} onClose={handleClose} />
+    return <BjDlg record={properties} onClose={handleClose} />
   }