应急预案下载

src/views/geologyDisaster/details.vue

@@ -73,15 +73,17 @@
           </div>
         </el-tab-pane>
         <el-tab-pane label="应急预案" name="yjya">
-          <div class="xxdiv">
+          <div class="xxdiv echars">
             <div class="echartTitle">
               <div class="block-title">应急预案</div>
+              <div class="usable downloadBtn" @click="download({ path: yuanData.path })">下载</div>
             </div>
             <DesInfo :model="yuanData" :config="yjyaInfos" labelStyle="width: 70px;"></DesInfo>
             <div class="echartTitle">
               <div class="block-title">相关负责人</div>
             </div>
-            <tablePage class="tablePages" :cloumn="fzrHeader" :table="fzrtable" :indexed="false" layout="" :overtip="false">
+            <tablePage class="tablePages" :cloumn="fzrHeader" :table="fzrtable" :indexed="false" layout=""
+              :overtip="false">
             </tablePage>
             <!-- <DesInfo :column="2" :model="yuanData" :config="fzrInfo"></DesInfo> -->
             <div class="echartTitle">
@@ -167,7 +169,7 @@ export default {
       });
     },
     download(row) {
-      window.open(`${window.axiosURI}/file/upload/attachment${row.path}`); c
+      window.open(`${window.axiosURI}/file/upload/attachment${row.path}`);
     },
     preview(row) {
       window.open(` ${window.axiosURI}/file/upload/inline${row.path}`, "_blank");
@@ -356,4 +358,10 @@ export default {
     }
   }
 }
+
+.downloadBtn {
+  display: inline-block;
+  margin-right: 20px;
+
+}
 </style>