优化

package.json

@@ -58,6 +58,7 @@
     "vue-qr": "^4.0.6",
     "vue-qriously": "^1.1.1",
     "vue-router": "3.0.1",
+    "vue-to-pdf": "^1.0.0",
     "vuedraggable": "2.15.0",
     "vuex": "3.0.1",
     "wl-gantt": "^1.0.6",

src/main.js

@@ -45,6 +45,9 @@ Vue.component('mdp-date-x',MdpDateX)
 Vue.component('mdp-date-range-x',MdpDateRangeX)
 Vue.component('mdp-select-user-x',MdpSelectUserX)
  
+import vueToPdf from 'vue-to-pdf';
+Vue.use(vueToPdf);
+
 
 Vue.use(Element, {
   size: 'small', // set element-ui default size

src/views/xm/core/xmTestPlan/XmTestPlanInfo.vue

@@ -29,7 +29,7 @@
                         <el-divider direction="vertical"></el-divider>
 
                         <el-button @click="calcRptData" icon="el-icon-video-play">统计</el-button> 
-                        <el-button @click="print">打印</el-button> 
+                        <el-button @click="showExportToolBar">导出</el-button> 
                         <el-button @click="showRptConfig" icon="el-icon-s-tools">配置报告</el-button>
                         </span>
                      </span>
@@ -149,9 +149,8 @@ export default {
         showRptConfig(){
             this.$refs['rpt'].isRptCfg=true
         },
-        print(){
-            this.$refs['rpt'].isRptShow=true
-           this.$refs['rpt'].showPrint()
+        showExportToolBar(){ 
+           this.$refs['rpt'].showExportToolBar()
 
         },
         calcRptData(){ 

src/views/xm/rpt/CompsCard.vue

@@ -8,16 +8,16 @@
             <el-row  v-if="exportToolBarVisible">
                 <span style="float:right;">
                     <el-button @click="exportToolBarVisible=false">取消</el-button> 
-                    <el-button v-print="'#printBody'">打印</el-button>
-                    <el-button v-print="'#printBody'">pdf</el-button>
+                    <el-button v-print="{id:'printBody',popTitle:rptConfigParamsCpd.name+'-报告'}">打印</el-button>
+                    <el-button @click="exportToPdf">pdf</el-button> 
                 </span> 
             </el-row>
             <div :style="{height:maxTableHeight+'px',overflow:'auto'}">
                 <div class="empty" v-if="compCfgList.length == 0" >
                     <el-empty description="暂未选择模块"></el-empty>
                 </div>
-                <div v-else id="printBody"> 
-                            <component v-for="(item,index) in compCfgList" :key="index" :is="item.compId" :xm-test-plan="xmTestPlan" :xm-product="xmProduct" :xm-project="xmProject" :xm-iteration="xmIteration" :xm-test-casedb="xmTestCasedb" :category="category" :cfg="item.cfg" :ref="item.id" @delete="doDelete(item)" :init-group-by="item.initGroupBy" :id="item.id" :show-tool-bar="showToolBar" :show-params="showParams"></component>
+                <div v-else id="printBody" ref="rptBox"> 
+                    <component v-for="(item,index) in compCfgList" :key="index" :is="item.compId" :xm-test-plan="xmTestPlan" :xm-product="xmProduct" :xm-project="xmProject" :xm-iteration="xmIteration" :xm-test-casedb="xmTestCasedb" :category="category" :cfg="item.cfg" :ref="item.id" @delete="doDelete(item)" :init-group-by="item.initGroupBy" :id="item.id" :show-tool-bar="showToolBar" :show-params="paramsVisible"></component>
                          
                 </div>
             </div>
@@ -101,7 +101,7 @@ export default {
         xmBranchMenuDayAccumulate:()=>import('./branch/menuDayAccumulate.vue'),
         
     },
-    props:['xmTestCasedb','xmTestPlan','xmProduct','xmProject','xmIteration','showToolBar','category','showParams','isRptCfg','exportToolBarVisible','isRptShow'],
+    props:['xmTestCasedb','xmTestPlan','xmProduct','xmProject','xmIteration','showToolBar','category','showParams','isRptCfg','isRptShow'],
     computed: {
         ...mapGetters(['userInfo']), 
         compIds(){
@@ -197,11 +197,14 @@ export default {
             ],
             // 布局列数
             layoutColNum: 12,  
+            paramsVisible:false,
+            exportToolBarVisible:true,
         }
     },
 
     methods: {  
         initData(){
+            this.paramsVisible=this.showParams
            this.getXmRptConfig();
         },
         getXmRptConfig(){  
@@ -312,6 +315,10 @@ export default {
                    this.$refs[k.id][0].sizeAutoChange();
             }
             
+        },
+        exportToPdf(){
+            this.paramsVisible=false
+            this.$PDFSave(this.$refs.rptBox, this.rptConfigParamsCpd.name+"-报告");  
         }
          
     },

src/views/xm/rpt/index.vue

@@ -42,8 +42,8 @@ export default {
       }
       this.$refs['compsCard'].submitXmPrtConfig(callback)
     },
-    showPrint(){
-      this.$refs.compsCard.printVisible=true;
+    showExportToolBar(){
+      this.$refs.compsCard.exportToolBarVisible=true;
     }
   },