评估研判报告下载

src/views/pgypbggl/mbxx/queryMbxx.vue

@@ -17,14 +17,13 @@
         <span class="hbyp" @click="toDelete(scope.scope)">删除</span>
       </template>
     </right-content>
-    <el-dialog title="报告详情" :visible.sync="dialogFormVisible" width="70%">
+    <!-- <el-dialog title="报告详情" :visible.sync="dialogFormVisible" width="70%">
       <el-row :gutter="20">
         <el-col :span="12"><span>报告标题：</span>{{ xqData.bgbt }}</el-col>
         <el-col :span="12"
           ><span>报告状态：</span
           >{{ xqData.bgzt == 0 ? "未生效" : "已生效" }}</el-col
         >
-        <!-- <el-col :span="12"><span>报告内容：</span>{{ xqData.bgnr }}</el-col> -->
       </el-row>
       <el-row :gutter="20">
         <el-col :span="12"><span>发布时间：</span>{{ xqData.djsj }}</el-col>
@@ -52,6 +51,15 @@
           ></span
         ></el-col>
       </el-row>
+    </el-dialog> -->
+    <el-dialog title="报告内容" :visible.sync="dialogFormVisible" width="50%">
+      <el-button type="primary" @click="downloadReport" size='small'>下载报告</el-button>
+      <div id="export">
+        <span
+          style="margin-left: 37px; width: 800px"
+          v-html="xqData.bgnr"
+        ></span>
+      </div>
     </el-dialog>
   </div>
 </template>
@@ -62,7 +70,8 @@ import {
   getTbYwXnpgbg,
   updateTbYwXnpgbg,
 } from "@/api/pgypbggl.js";
-
+import base from "@/api/base";
+import axios from "axios";
 import rightContent from "@c/ptCxForm_components.vue";
 export default {
   name: "queryMbxx",
@@ -191,6 +200,7 @@ export default {
       };
       this.$router.push({ path: "/addMbxx", query: param });
     },
+
     showDetail(scope) {
       getTbYwXnpgbg({ xxzjbh: scope.row.xxzjbh }).then((res) => {
         if (res.code == 200) {
@@ -198,6 +208,12 @@ export default {
           this.dialogFormVisible = true;
         }
       });
+      // setTimeout(() => {
+      //   $("#export").wordExport();
+      // }, 1000);
+    },
+    downloadReport () {
+      $("#export").wordExport();
     },
     toDelete(scope) {
       this.$confirm("是否继续?", "提示", {
@@ -257,6 +273,13 @@ export default {
 };
 </script>
 <style scoped lang="scss">
+button.el-button.el-button--primary {
+    margin: 10px;
+    float: right;
+}
+#export {
+    margin: 0 0 50px;
+}
 .content-mbxx {
   margin-left: 20px;
   .hbyp {