feat:[试验管理][试验方法]导出

package.json

@@ -33,12 +33,15 @@
     "file-saver": "2.0.5",
     "fuse.js": "6.4.3",
     "highlight.js": "9.18.5",
+    "html2canvas": "^1.4.1",
     "js-beautify": "1.13.0",
     "js-cookie": "3.0.1",
     "jsencrypt": "3.0.0-rc.1",
+    "jspdf": "^4.0.0",
     "lodash": "^4.17.21",
     "moment": "^2.30.1",
     "nprogress": "0.2.0",
+    "pdf-lib": "^1.17.1",
     "quill": "2.0.2",
     "screenfull": "5.0.2",
     "sortablejs": "1.10.2",

src/api/business/study/studyMethod.js

@@ -26,4 +26,24 @@ export function studyMethod_read(data) {
     method: 'post',
     data: data
   })
-}
+}
+
+// 方法阅读汇总列表
+export function studyMethod_readList(query) {
+  return request({
+    url: '/system/business/studyMethod/read/list',
+    method: 'get',
+    params: query
+  })
+}
+
+
+
+// 方法阅读导出
+export function studyMethod_export(query) {
+  return request({
+    url: '/system/business/studyMethod/test',
+    method: 'get',
+    params: query
+  })
+}

src/lang/en/business/study/studyMethod.js

@@ -13,4 +13,8 @@ export default {
     qmhz: '签名汇总',
     yidu: '已读',
     weidu: '未读',
+    qmr: '签名人',
+    qmsj: '签名时间',
+    qmyy: '签名意义',
+    remark: '备注',
 }

src/lang/zh/business/study/studyMethod.js

@@ -13,4 +13,8 @@ export default {
     qmhz: '签名汇总',
     yidu: '已读',
     weidu: '未读',
+    qmr: '签名人',
+    qmsj: '签名时间',
+    qmyy: '签名意义',
+    remark: '备注',
 }

src/views/business/study/comp/syff/Xq.vue

@@ -10,7 +10,9 @@
         </div>
         <div class="right-top">
           <el-button @click="cancel()">{{ $t('form.cancel') }}</el-button>
-          <el-button type="primary" @click="yuedu" v-if="form.zt == 0">{{
+          <el-button type="primary" @click="handleExport" v-if="showExportBtn">{{
+            $t('page.business.study.studyMethod.daochu') }}</el-button>
+          <el-button type="primary" @click="yuedu" v-if="form.zt == 0 && !showExportBtn">{{
             $t('page.business.study.studyMethod.yuedu') }}</el-button>
         </div>
       </div>
@@ -29,14 +31,31 @@
                   class="el-icon-arrow-right el-icon--right"></i></el-button>
             </el-button-group>
           </div>
+          <div ref="contentToPdf">
+            <div class="content-title">
+              <div class="line"></div>
+              <div class="subtitle"> {{ $t('page.business.study.studyMethod.qmhz') }}</div>
+            </div>
+            <el-table v-loading="loading" :data="list">
+              <el-table-column :label="$t('page.business.study.studyMethod.qmr')" prop="qmrMc" />
+              <el-table-column :label="$t('page.business.study.studyMethod.qmsj')" prop="createTime" />
+              <el-table-column :label="$t('page.business.study.studyMethod.qmyy')" prop="qmyy" />
+              <el-table-column :label="$t('page.business.study.studyMethod.remark')" prop="remark" />
+            </el-table>
+          </div>
+
         </div>
+
       </div>
     </div>
-    <Yd ref="Yd" @callback="closeYd"/>
+    <Yd ref="Yd" @callback="closeYd" />
   </div>
 </template>
 
 <script>
+import { studyMethod_readList, studyMethod_export } from '@/api/business/study/studyMethod'
+import html2canvas from 'html2canvas';
+import { PDFDocument } from 'pdf-lib'
 import { mapGetters } from 'vuex'
 import pdf from 'vue-pdf'
 import Yd from './Yd.vue'
@@ -45,12 +64,15 @@ export default {
   components: { pdf, Yd },
   data() {
     return {
+      showExportBtn: false,
       pdfSrc: '',
       open: false,
       pageNum: 1,
       loadedRatio: 0, // 当前页面的加载进度，范围是0-1 ，等于1的时候代表当前页已经完全加载完成了
       totalPages: 0, //pdf总页数
       form: {},
+      list: [],
+      loading: false,
     }
   },
   computed: {
@@ -71,25 +93,42 @@ export default {
     },
 
     show(row) {
+      this.showExportBtn = false
       this.open = true
       this.form = row
       this.pdfSrc = process.env.VUE_APP_FILE_DOMAIN + row.fileUrl
       this.getPageNum()
     },
+    showExport(row) {
+      this.loading = true
+      this.open = true
+      this.showExportBtn = true
+      this.form = row
+      this.pdfSrc = process.env.VUE_APP_FILE_DOMAIN + row.fileUrl
+
+      studyMethod_readList({ studyMethodId: row.id }).then(response => {
+        this.list = response.data
+        this.loading = false
+        this.getPageNum()
+      })
+    },
 
     // 获取PDF总页数
     getPageNum() {
-      let loadingTask = pdf.createLoadingTask(this.fileUrl);
+      let loadingTask = pdf.createLoadingTask(this.pdfSrc);
       loadingTask.promise
         .then((pdf) => {
           this.totalPages = pdf.numPages;
-          this.$nextTick(() => {
-            this.setWatermarkContent();
-          });
+          this.loadPdfFromUrl()
+          // this.$nextTick(() => {
+          //   this.setWatermarkContent();
+          // });
+
         })
         .catch((err) => {
-          this.$message.warning("pdf加载失败");
+          this.$message.msgError("pdf加载失败");
         });
+
     },
     // 上一页
     prePage() {
@@ -109,7 +148,14 @@ export default {
 
     closeYd(val) {
       this.form.zt = val
+    },
+
+    handleExport() {
+      studyMethod_export({studyMethodId:6}).then(response => {
+
+      })
     }
+
   }
 }
 </script>

src/views/business/study/comp/syffList.vue

@@ -63,7 +63,7 @@
               <el-button type="text" @click="detail(scope.row)">{{
                 $t('page.business.study.studyMethod.yuedu') }}</el-button>
               <!-- 导出 -->
-              <el-button type="text" >{{
+              <el-button type="text" @click="showExport(scope.row)">{{
                 $t('page.business.study.studyMethod.daochu') }}</el-button>
             </template>
           </el-table-column>
@@ -174,6 +174,11 @@ export default {
       this.$emit('showDetail', this.showDetail)
       this.$refs.Xq.show(row)
     },
+    showExport(row) {
+      this.showDetail = true
+      this.$emit('showDetail', this.showDetail)
+      this.$refs.Xq.showExport(row)
+    },
     xqClose() {
       this.showDetail = false
       this.$emit('showDetail', this.showDetail)

vue.config.js

@@ -34,8 +34,8 @@ module.exports = {
     proxy: {
       // detail: https://cli.vuejs.org/config/#devserver-proxy
       [process.env.VUE_APP_BASE_API]: {
-        //target: `http://localhost:8080`,
-          target: `http://39.99.251.173:8080`,
+        target: `http://localhost:8080`,
+          // target: `http://39.99.251.173:8080`,
         changeOrigin: true,
         pathRewrite: {
           ['^' + process.env.VUE_APP_BASE_API]: ''