diff --git a/super-screen/client/assets/images/homepage/water/sorrow.png b/super-screen/client/assets/images/homepage/water/sorrow.png
index 240b596..fbedc34 100644
Binary files a/super-screen/client/assets/images/homepage/water/sorrow.png and b/super-screen/client/assets/images/homepage/water/sorrow.png differ
diff --git a/super-screen/client/src/sections/water-prevention/components/emergency-left-top.js b/super-screen/client/src/sections/water-prevention/components/emergency-left-top.js
index 0840309..49f3119 100644
--- a/super-screen/client/src/sections/water-prevention/components/emergency-left-top.js
+++ b/super-screen/client/src/sections/water-prevention/components/emergency-left-top.js
@@ -3,28 +3,30 @@ import { Box } from '$components';
 
 function BasicInfo() {
 
+    const path = '/assets/files/'
     const data = [
-        { title: '一级应急响应', url: '' },
-        { title: '二级应急响应', url: '' },
-        { title: '三级应急响应', url: '' },
-        { title: '四级应急响应', url: '' },
+        { title: '一级应急响应' },
+        { title: '二级应急响应' },
+        { title: '三级应急响应' },
+        { title: '四级应急响应' },
 
     ]
-    return <Box title={"防汛预案"} subtitle={true} >
+    return <Box title={"防汛预案"} >
 
         <div className='prevent_doc'>
             <div className='doc_img'></div>
             {data.map(s => {
                 return <div className='doc_container'>
                     <div className='flex-row flex-item-center'>
+                        <div className='sorrow' />
                         <div className='doc_title'>{s.title}</div>
-                        <div className='preview_doc'>查看</div>
+                        <div className='preview_doc' onClick={() => { window.open(path + s.title + '.pdf') }}>查看</div>
                     </div>
                     <div className='doc_bg' />
                 </div>
             })}
         </div>
-    </Box>
+    </Box >
 }
 
 export default BasicInfo;
diff --git a/super-screen/client/src/sections/water-prevention/components/style.less b/super-screen/client/src/sections/water-prevention/components/style.less
index 9132f13..6136285 100644
--- a/super-screen/client/src/sections/water-prevention/components/style.less
+++ b/super-screen/client/src/sections/water-prevention/components/style.less
@@ -796,6 +796,17 @@
         width: 50%;
         height: 43px;
 
+
+        .sorrow {
+            width: 24px;
+            height: 24px;
+            background: url(/assets/images/homepage/water/sorrow.png);
+            background-repeat: no-repeat;
+            background-size: 100% 100%;
+            margin-right: 6px;
+            margin-left: 5px;
+        }
+
         .doc_title {
             font-family: SourceHanSansSC-Regular;
             font-weight: 400;
@@ -812,7 +823,7 @@
             display: flex;
             align-items: center;
             justify-content: center;
-
+            cursor: pointer;
         }
     }