导出

src/views/produce/workOrder/index.vue

@@ -1,7 +1,7 @@
 <!--
  * @Author: zhp
  * @Date: 2024-04-15 10:49:13
- * @LastEditTime: 2024-07-08 16:54:13
+ * @LastEditTime: 2024-07-09 10:17:41
  * @LastEditors: zhp
  * @Description:
 -->
@@ -61,7 +61,7 @@
     <add-or-update v-if="detailOrUpdateVisible" ref="detailOrUpdate" :date="listQuery.date"
       @refreshDataList="successSubmit" @destroy="detailOrUpdateVisible = false" />
     <div id="dayRepDom" style="position: absolute;top:0;display: none;">
-      <ExportDayReport :beProcessObj="beProcessObj" />
+      <ExportDayReport :beProcessObj="beProcessObj" :produceData="produceData" :hisObj="hisObj" :pieList="pieList" />
     </div>
   </div>
 </template>
@@ -94,6 +94,12 @@ export default {
       inputNum: 0,
       heightNum: 180,
       factoryList,
+      produceData: [],
+      pieList:[],
+      hisObj: {
+        seriesList: [],
+        dateList:[],
+      },
       beProcessObj: {
         xAxisList: [],
         yAxisList:[]
@@ -293,24 +299,27 @@ export default {
   },
   methods: {
     exportPDF() {
-      this.$message.success('正在导出，请稍等！')
-      const element = document.getElementById('dayRepDom')
-      element.style.display = 'block'
-      const fileName = '瑞昌碲化镉生产日报' + moment().format('yyMMDD') + '.pdf'
-      html2canvas(element, {
-        dpi: 300, // Set to 300 DPI
-        scale: 3 // Adjusts your resolution
-      }).then(function (canvas) {
-        const imgWidth = 595.28
-        const imgHeight = 841.89
-        const pageData = canvas.toDataURL('image/jpeg', 1.0)
-        const PDF = new JsPDF('', 'pt', [imgWidth, imgHeight])
-        PDF.addImage(pageData, 'JPEG', 0, 0, imgWidth, imgHeight)
-        setTimeout(() => {
-          PDF.save(fileName) // 导出文件名
-        }, 1000)
-      })
-      element.style.display = 'none'
+      setTimeout(() => {
+        this.$message.success('正在导出，请稍等！')
+        const element = document.getElementById('dayRepDom')
+        element.style.display = 'block'
+        const fileName = '工单数据' + moment().format('yyMMDD') + '.pdf'
+        html2canvas(element, {
+          dpi: 300, // Set to 300 DPI
+          scale: 3 // Adjusts your resolution
+        }).then(function (canvas) {
+          const imgWidth = 595.28
+          const imgHeight = 841.89
+          const pageData = canvas.toDataURL('image/jpeg', 1.0)
+          const PDF = new JsPDF('', 'pt', [imgWidth, imgHeight])
+          PDF.addImage(pageData, 'JPEG', 0, 0, imgWidth, imgHeight)
+          setTimeout(() => {
+            PDF.save(fileName) // 导出文件名
+          }, 1000)
+        })
+        element.style.display = 'none'
+      }, 3000)
+
     },
     getOverView() {
       getOverView().then(res => {
@@ -341,30 +350,30 @@ export default {
         const res = await getWorkOrderDetail(val.data.id)
         if (res.code === 0) {
           // this.loading = false
-          // this.dataForm = res.data.prodWorkOrderDO
-          // this.buildChart(this.dataForm)
-          // 在制品
+          ;const data = res.data.prodWorkOrderDO
+          const barList = [data.targetProduction, data.plannedInvestment, data.actualInvestment, data.actualProduction, data.wasteNum, data.reworkNum]
+          const seriesList = []
+          const dateList = []
+          res.data.his.forEach(element => {
+            seriesList.push(element.actualProduction)
+            dateList.push(element.recordTime[0] + '-' + element.recordTime[1] + '-' + element.recordTime[2])
+          })
+          this.hisObj.seriesList = seriesList
+          this.hisObj.dateList = dateList
           const xAxisList = Object.keys(res.data.inProcessDis)
           const yAxisList = Object.values(res.data.inProcessDis)
           this.beProcessObj.xAxisList = xAxisList
           this.beProcessObj.yAxisList = yAxisList
-          console.log(this.beProcessObj);
-          // this.initEqLineChart(xAxisList, yAxisList)
-          // 趋势图
-          const seriesList = []
-          const dateList = []
-          // res.data.his.forEach(element => {
-          //   seriesList.push(element.actualProduction)
-          //   dateList.push(element.recordTime[0] + '-' + element.recordTime[1] + '-' + element.recordTime[2])
-          // })
-          // this.initLineChart(dateList, seriesList)
-          this.$nextTick(() => {
-            this.exportPDF()
-          })
+          this.produceData = barList
+           this.pieList = [
+            { value: data.actualProduction ? data.actualProduction : 0, name: '实际产出' },
+            { value: data.wasteNum ? data.wasteNum : 0, name: '废品数量' },
+            { value: data.reworkNum ? data.reworkNum : 0, name: '待再加工数量' }
+          ]
         }
-        // if (this.dataForm.orderStatus === 1) {
-        //   this.trend()
-        // }
+        this.$nextTick(() => {
+          this.exportPDF()
+        })
       }
     },
     async getDataList() {