{"remainingRequest":"D:\\jenkins\\workspace\\reform-fvue\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\jenkins\\workspace\\reform-fvue\\src\\views\\BigScreen\\components\\subComponents\\projectDetail.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\jenkins\\workspace\\reform-fvue\\src\\views\\BigScreen\\components\\subComponents\\projectDetail.vue","mtime":1685700611737},{"path":"D:\\jenkins\\workspace\\reform-fvue\\node_modules\\babel-loader\\lib\\index.js","mtime":315532800000},{"path":"D:\\jenkins\\workspace\\reform-fvue\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\reform-fvue\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":["//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\r\nimport apiList from '@/api/bigScreen/majorView'\r\nimport utils from '@/utils.js'\r\nimport html2canvas from 'html2canvas'\r\nimport jsPDF from 'jspdf'\r\nimport moment from 'moment'\r\nexport default {\r\n  name: 'projectDetail',\r\n  data() {\r\n    return {\r\n      reqLoading: false,\r\n      exportLoading: false,\r\n      dateData: {\r\n        year: '',\r\n        month: ''\r\n      },\r\n      // 当前时间\r\n      newDate: '',\r\n      projectInfo: {},\r\n      // 量化目标\r\n      goalList: [\r\n        // {\r\n        //   content: 'xxxx内容',\r\n        //   yearValue: 999,\r\n        //   monthValue: 99,\r\n        //   value: 9,\r\n        //   unit: '个'\r\n        // },\r\n        // {\r\n        //   content: 'xxxx内容',\r\n        //   yearValue: 888,\r\n        //   monthValue: 88,\r\n        //   value: 8,\r\n        //   unit: '个'\r\n        // },\r\n        // {\r\n        //   content: 'xxxx内容',\r\n        //   yearValue: 777,\r\n        //   monthValue: 77,\r\n        //   value: 7,\r\n        //   unit: '个'\r\n        // },\r\n        // {\r\n        //   content: 'xxxx内容',\r\n        //   yearValue: 777,\r\n        //   monthValue: 77,\r\n        //   value: 7,\r\n        //   unit: '个'\r\n        // },\r\n        // {\r\n        //   content: 'xxxx内容',\r\n        //   yearValue: 777,\r\n        //   monthValue: 77,\r\n        //   value: 7,\r\n        //   unit: '个'\r\n        // },\r\n        // {\r\n        //   content: 'xxxx内容',\r\n        //   yearValue: 777,\r\n        //   monthValue: 77,\r\n        //   value: 7,\r\n        //   unit: '个'\r\n        // },\r\n        // {\r\n        //   content: 'xxxx内容',\r\n        //   yearValue: 777,\r\n        //   monthValue: 77,\r\n        //   value: 7,\r\n        //   unit: '个'\r\n        // },\r\n        // {\r\n        //   content: 'xxxx内容',\r\n        //   yearValue: 777,\r\n        //   monthValue: 77,\r\n        //   value: 7,\r\n        //   unit: '个'\r\n        // },\r\n        // {\r\n        //   content: 'xxxx内容',\r\n        //   yearValue: 777,\r\n        //   monthValue: 77,\r\n        //   value: 7,\r\n        //   unit: '个'\r\n        // },\r\n        // {\r\n        //   content: 'xxxx内容',\r\n        //   yearValue: 777,\r\n        //   monthValue: 77,\r\n        //   value: 7,\r\n        //   unit: '个'\r\n        // },\r\n        // {\r\n        //   content: 'xxxx内容',\r\n        //   yearValue: 777,\r\n        //   monthValue: 77,\r\n        //   value: 7,\r\n        //   unit: '个'\r\n        // },\r\n        // {\r\n        //   content: 'xxxx内容',\r\n        //   yearValue: 777,\r\n        //   monthValue: 77,\r\n        //   value: 7,\r\n        //   unit: '个'\r\n        // },\r\n        // {\r\n        //   content: 'xxxx内容',\r\n        //   yearValue: 777,\r\n        //   monthValue: 77,\r\n        //   value: 7,\r\n        //   unit: '个'\r\n        // },\r\n        // {\r\n        //   content: 'xxxx内容',\r\n        //   yearValue: 777,\r\n        //   monthValue: 77,\r\n        //   value: 7,\r\n        //   unit: '个'\r\n        // }\r\n      ],\r\n      // 月度计划\r\n      monthList: [],\r\n      // 品牌显示度\r\n      brandList: [\r\n        // {\r\n        //   completionDate: '2023-05-27',\r\n        //   effectForm: 1,\r\n        //   specificDetails: 1,\r\n        //   propulsiveDetailed: 'xxxxxxxxx'\r\n        // },\r\n        // {\r\n        //   completionDate: '2023-05-27',\r\n        //   effectForm: 1,\r\n        //   specificDetails: 1,\r\n        //   propulsiveDetailed: 'xxxxxxxxx'\r\n        // },\r\n        // {\r\n        //   completionDate: '2023-05-27',\r\n        //   effectForm: 1,\r\n        //   specificDetails: 1,\r\n        //   propulsiveDetailed: 'xxxxxxxxx'\r\n        // },\r\n        // {\r\n        //   completionDate: '2023-05-27',\r\n        //   effectForm: 1,\r\n        //   specificDetails: 1,\r\n        //   propulsiveDetailed: 'xxxxxxxxx'\r\n        // },\r\n        // {\r\n        //   completionDate: '2023-05-27',\r\n        //   effectForm: 1,\r\n        //   specificDetails: 1,\r\n        //   propulsiveDetailed: 'xxxxxxxxx'\r\n        // },\r\n        // {\r\n        //   completionDate: '2023-05-27',\r\n        //   effectForm: 1,\r\n        //   specificDetails: 1,\r\n        //   propulsiveDetailed: 'xxxxxxxxx'\r\n        // },\r\n        // {\r\n        //   completionDate: '2023-05-27',\r\n        //   effectForm: 1,\r\n        //   specificDetails: 1,\r\n        //   propulsiveDetailed: 'xxxxxxxxx'\r\n        // },\r\n        // {\r\n        //   completionDate: '2023-05-27',\r\n        //   effectForm: 1,\r\n        //   specificDetails: 1,\r\n        //   propulsiveDetailed: 'xxxxxxxxx'\r\n        // },{\r\n        //   completionDate: '2023-05-27',\r\n        //   effectForm: 1,\r\n        //   specificDetails: 1,\r\n        //   propulsiveDetailed: 'xxxxxxxxx'\r\n        // }\r\n      ],\r\n      // 经验复制推广\r\n      expList: [\r\n        {promotionContent:'xxx推广内容',promotionType:3,promotionDate:'2023-05-27'},\r\n        {promotionContent:'xxx推广内容',promotionType:3,promotionDate:'2023-05-27'},\r\n        {promotionContent:'xxx推广内容',promotionType:3,promotionDate:'2023-05-27'},\r\n        {promotionContent:'xxx推广内容',promotionType:3,promotionDate:'2023-05-27'},\r\n        {promotionContent:'xxx推广内容',promotionType:3,promotionDate:'2023-05-27'},\r\n        {promotionContent:'xxx推广内容',promotionType:3,promotionDate:'2023-05-27'},\r\n        {promotionContent:'xxx推广内容',promotionType:3,promotionDate:'2023-05-27'},\r\n        {promotionContent:'xxx推广内容',promotionType:3,promotionDate:'2023-05-27'},\r\n        {promotionContent:'xxx推广内容',promotionType:3,promotionDate:'2023-05-27'},\r\n        {promotionContent:'xxx推广内容',promotionType:3,promotionDate:'2023-05-27'},\r\n        {promotionContent:'xxx推广内容',promotionType:3,promotionDate:'2023-05-27'},\r\n      ],\r\n      // 举措迭代\r\n      iterationList: []\r\n    }\r\n  },\r\n  mounted() {\r\n    this.newDate = moment(new Date()).format('YYYY年MM月DD日 HH:mm:ss')\r\n    let reqData = JSON.parse(sessionStorage.getItem('searchDate'))\r\n    reqData.projectId = this.$route.query.projectId\r\n    this.dateData = reqData\r\n    this.getData(reqData)\r\n  },\r\n  methods: {\r\n    getDictName(code, value) {\r\n      return utils.getDictName(code, value)\r\n    },\r\n    getData(data) {\r\n      this.reqLoading = true\r\n      apiList.getProjectDetailById(data, res => {\r\n        // 项目基础信息\r\n        this.projectInfo = res.municipalMajorProjectManagement\r\n        // 量化目标\r\n        this.goalList = res.pilotQuantitativeObjectivesList\r\n        // 月度计划\r\n        this.monthList = res.pilotMeasuresPushList\r\n        // 品牌显示度\r\n        this.brandList = res.pilotBrandPushList\r\n        // 经验复制推广\r\n        this.expList = res.pilotExperiencePushList\r\n        // 举措迭代\r\n        this.iterationList = res.pilotSpecificMeasuresHistoryList\r\n        this.reqLoading = false\r\n      })\r\n    },\r\n    async exportPdf() {\r\n      this.$nextTick(() => {\r\n        let pdfDom = this.$refs.pdfBox\r\n        html2canvas(pdfDom, {allowTaint: true, scale: 5}).then(canvas => {\r\n          // a4纸的正常尺寸是宽592.28，高是841.89，这里针对我自己的项目将宽高调换了\r\n          const pageWidth = 592.28\r\n          const pageHeight = 841.89\r\n          // 设置内容的宽高\r\n          const contentWidth = canvas.width\r\n          const contentHeight = canvas.height\r\n          // 默认的偏移量\r\n          let position = 0\r\n          // 设置生成图片的宽高\r\n          const imgCanvasWidth = pageWidth - 40\r\n          const imgCanvasHeight = (592.28 / contentWidth) * contentHeight\r\n          let imageHeight = imgCanvasHeight\r\n          // 生成canvas截图，1表示生成的截图质量（0-1）\r\n          let pageData = canvas.toDataURL('image/jpeg', 1)\r\n          // new JsPDF接收三个参数，landscape表示横向，（默认不填是纵向），打印单位和纸张尺寸\r\n          let PDF = new jsPDF('', 'pt', 'a4')\r\n\r\n          // 当内容不超过a4纸一页的情况下\r\n          if (imageHeight < pageHeight) {\r\n            PDF.addImage(\r\n              pageData,\r\n              'JPEG',\r\n              21,\r\n              20,\r\n              imgCanvasWidth,\r\n              imgCanvasHeight,\r\n              'FAST'\r\n            )\r\n          } else {\r\n            // 当内容超过a4纸一页的情况下，需要增加一页\r\n            while (imageHeight > 0) {\r\n              PDF.addImage(\r\n                pageData,\r\n                'JPEG',\r\n                20,\r\n                position,\r\n                imgCanvasWidth,\r\n                imgCanvasHeight,\r\n                'FAST'\r\n              )\r\n              imageHeight -= pageHeight\r\n              position -= pageHeight\r\n              // 避免添加空白页\r\n              if (imageHeight > 0) {\r\n                PDF.addPage()\r\n              }\r\n            }\r\n          }\r\n          // 调用save方法生成pdf文件\r\n          PDF.save(this.projectInfo.projectName + '.pdf')\r\n        })\r\n      })\r\n    }\r\n  }\r\n}\r\n",null]}