月报2.0改造（0.1）

src/api/qualityMonthlyReport/index.js

@@ -183,3 +183,13 @@ export function deleteOdinBizRel(data) {
     data
   })
 }
+/* S 月报v2 */
+// 获取当前月报版本 /monthlyReport/getMonthlyReportVersion
+export function getMonthlyReportVersion(id) {
+  return request({
+    url: TeamManagement + `/monthlyReport/getMonthlyReportVersion?id=${id}`,
+    timeout: '10000',
+    method: 'get'
+  })
+}
+/* E 月报v2 */

src/store/modules/monthlyReport/edit/v1/index.js

@@ -15,7 +15,7 @@ import {
   updateSubReport,
   pullDataAgain
 } from '@/api/qualityMonthlyReport/edit'
-import { getAvaliableInfo } from '@/api/qualityMonthlyReport'
+import { getAvaliableInfo, getMonthlyReportVersion } from '@/api/qualityMonthlyReport'
 
 import {
   reportDataBack,
@@ -946,6 +946,16 @@ export default {
       // setTimeout(() => {
       //   callback && callback()
       // }, 5000)
+    },
+    // 根据月报版本执行调整页面
+    async  setMonthlyReportPageVersion({ commit, state }, { self }) {
+      const res = await getMonthlyReportVersion(self.$route.query.reportId)
+      if (res.code === 200) {
+        const { version } = res.data
+        if (version && version !== 'v1') {
+          this.$router.replace({ path: `${self.$route.path}_${version}`, query: self.$route.query })
+        }
+      }
     }
   }
 }

src/views/monthlyReport/v1/childrenPage/editReport/index.vue

@@ -276,6 +276,8 @@ export default {
     }
   },
   created() {
+    // 切换页面版本
+    this.$store.dispatch('monthlyReportEdit/setMonthlyReportPageVersion', { self: this })
     this.$store.commit('monthlyReportEdit/INIT_STATE_DATA')
     this.$store.commit('monthlyReportEdit/SET_LOADING', true)
     this.indexShow = true

src/views/monthlyReport/v1/childrenPage/setReport/index.vue

@@ -41,6 +41,8 @@ export default {
     }
   },
   created() {
+    // 切换页面版本
+    this.$store.dispatch('monthlyReportEdit/setMonthlyReportPageVersion', { self: this })
     // 获取部门数据
     this.$store.dispatch('monthlyReportEdit/setSelectEnum', 'init')
   },

src/views/monthlyReport/v1/index.vue

@@ -128,6 +128,8 @@ export default {
     }
   },
   created() {
+    // 切换页面版本
+    this.$store.dispatch('monthlyReportEdit/setMonthlyReportPageVersion', { self: this })
     // 获取部门数据
     this.$store.dispatch('monthlyReportEdit/setSelectEnum', 'init')
     this.getAvaliableInfo()

src/views/monthlyReport/v2/childrenPage/editReport/index.vue

@@ -189,6 +189,7 @@
 </template>
 
 <script type="text/javascript">
+import { mapActions } from 'vuex'
 import headerCom from '../../components/header'
 import Affix from '@/components/affix/affix'
 import Anchor from './components/anchor'
@@ -276,6 +277,8 @@ export default {
     }
   },
   created() {
+    // 切换页面版本
+    this.setMonthlyReportPageVersion({ self: this })
     this.$store.commit('monthlyReportEditV2/INIT_STATE_DATA')
     this.$store.commit('monthlyReportEditV2/SET_LOADING', true)
     this.indexShow = true
@@ -330,6 +333,7 @@ export default {
     }
   },
   methods: {
+    ...mapActions('monthlyReportEdit', ['setMonthlyReportPageVersion']),
     setInit() {
       // this.$store.commit('monthlyReportEditV2/INIT_EDIT_KEYS')
       // window.addEventListener('click', () => {

src/views/monthlyReport/v2/childrenPage/pdfReport/123

@@ -0,0 +1 @@
+alsa-lib.x86_64 atk.x86_64 cups-libs.x86_64 gtk3.x86_64 ipa-gothic-fonts libXcomposite.x86_64 libXcursor.x86_64 libXdamage.x86_64 libXext.x86_64 libXi.x86_64 libXrandr.x86_64 libXScrnSaver.x86_64 libXtst.x86_64 pango.x86_64 xorg-x11-fonts-100dpi xorg-x11-fonts-75dpi xorg-x11-fonts-cyrillic xorg-x11-fonts-misc xorg-x11-fonts-Type1 xorg-x11-utils

src/views/monthlyReport/v2/childrenPage/pdfReport/index.vue

@@ -77,6 +77,96 @@
           </ul>
         </div>
       </div>
+      <!-- E 客户端 -->
+            <!-- S 客户端 -->
+      <div class="content-2">
+        <div class="content-2-title"><span>WebApp</span></div>
+        <div class="content-2-con">
+          <div class="analysis-content">这是分析内容，这是分析内容，这是分析内容，这是分析内容，这是分析内容，这是分析内容…</div>
+          <ul>
+            <li>发布&回滚 - 发布次数<span class="font-size font-w600">224</span>次；全量回滚次数<span
+              class="font-w600 font-size font-red">1</span>次，小流量回滚次数<span
+              class="font-size font-w600">4</span>次，全量回滚率<span class="font-size font-w600">0.45%</span>；裸奔上线次
+              数<span class="font-w600 font-size">17</span>次，裸奔上线率 <span class="font-size font-w600 font-red">7.6%</span>。
+            </li>
+          </ul>
+        </div>
+      </div>
+      <!-- E 客户端 -->
+            <!-- S 客户端 -->
+      <div class="content-2">
+        <div class="content-2-title"><span>WebApp</span></div>
+        <div class="content-2-con">
+          <div class="analysis-content">这是分析内容，这是分析内容，这是分析内容，这是分析内容，这是分析内容，这是分析内容…</div>
+          <ul>
+            <li>发布&回滚 - 发布次数<span class="font-size font-w600">224</span>次；全量回滚次数<span
+              class="font-w600 font-size font-red">1</span>次，小流量回滚次数<span
+              class="font-size font-w600">4</span>次，全量回滚率<span class="font-size font-w600">0.45%</span>；裸奔上线次
+              数<span class="font-w600 font-size">17</span>次，裸奔上线率 <span class="font-size font-w600 font-red">7.6%</span>。
+            </li>
+          </ul>
+        </div>
+      </div>
+      <!-- E 客户端 -->
+            <!-- S 客户端 -->
+      <div class="content-2">
+        <div class="content-2-title"><span>WebApp</span></div>
+        <div class="content-2-con">
+          <div class="analysis-content">这是分析内容，这是分析内容，这是分析内容，这是分析内容，这是分析内容，这是分析内容…</div>
+          <ul>
+            <li>发布&回滚 - 发布次数<span class="font-size font-w600">224</span>次；全量回滚次数<span
+              class="font-w600 font-size font-red">1</span>次，小流量回滚次数<span
+              class="font-size font-w600">4</span>次，全量回滚率<span class="font-size font-w600">0.45%</span>；裸奔上线次
+              数<span class="font-w600 font-size">17</span>次，裸奔上线率 <span class="font-size font-w600 font-red">7.6%</span>。
+            </li>
+          </ul>
+        </div>
+      </div>
+      <!-- E 客户端 -->
+            <!-- S 客户端 -->
+      <div class="content-2">
+        <div class="content-2-title"><span>WebApp</span></div>
+        <div class="content-2-con">
+          <div class="analysis-content">这是分析内容，这是分析内容，这是分析内容，这是分析内容，这是分析内容，这是分析内容…</div>
+          <ul>
+            <li>发布&回滚 - 发布次数<span class="font-size font-w600">224</span>次；全量回滚次数<span
+              class="font-w600 font-size font-red">1</span>次，小流量回滚次数<span
+              class="font-size font-w600">4</span>次，全量回滚率<span class="font-size font-w600">0.45%</span>；裸奔上线次
+              数<span class="font-w600 font-size">17</span>次，裸奔上线率 <span class="font-size font-w600 font-red">7.6%</span>。
+            </li>
+          </ul>
+        </div>
+      </div>
+      <!-- E 客户端 -->
+            <!-- S 客户端 -->
+      <div class="content-2">
+        <div class="content-2-title"><span>WebApp</span></div>
+        <div class="content-2-con">
+          <div class="analysis-content">这是分析内容，这是分析内容，这是分析内容，这是分析内容，这是分析内容，这是分析内容…</div>
+          <ul>
+            <li>发布&回滚 - 发布次数<span class="font-size font-w600">224</span>次；全量回滚次数<span
+              class="font-w600 font-size font-red">1</span>次，小流量回滚次数<span
+              class="font-size font-w600">4</span>次，全量回滚率<span class="font-size font-w600">0.45%</span>；裸奔上线次
+              数<span class="font-w600 font-size">17</span>次，裸奔上线率 <span class="font-size font-w600 font-red">7.6%</span>。
+            </li>
+          </ul>
+        </div>
+      </div>
+      <!-- E 客户端 -->
+            <!-- S 客户端 -->
+      <div class="content-2">
+        <div class="content-2-title"><span>WebApp</span></div>
+        <div class="content-2-con">
+          <div class="analysis-content">这是分析内容，这是分析内容，这是分析内容，这是分析内容，这是分析内容，这是分析内容…</div>
+          <ul>
+            <li>发布&回滚 - 发布次数<span class="font-size font-w600">224</span>次；全量回滚次数<span
+              class="font-w600 font-size font-red">1</span>次，小流量回滚次数<span
+              class="font-size font-w600">4</span>次，全量回滚率<span class="font-size font-w600">0.45%</span>；裸奔上线次
+              数<span class="font-w600 font-size">17</span>次，裸奔上线率 <span class="font-size font-w600 font-red">7.6%</span>。
+            </li>
+          </ul>
+        </div>
+      </div>
       <!-- E 客户端 -->
     </div>
     <!-- E 质量流程&研发效率-->
@@ -97,14 +187,16 @@ export default {
       html2Canvas(document.querySelector('#domHtml'), {
         allowTaint: true
       }).then(function(canvas) {
+        console.log(canvas)
         const contentWidth = canvas.width
         const contentHeight = canvas.height
-        const pageHeight = contentWidth / 592.28 * 841.89
+        const pageHeight = contentHeight
         let leftHeight = contentHeight
         let position = 0
         const imgWidth = 595.28
-        const imgHeight = 592.28 / contentWidth * contentHeight
-        const pageData = canvas.toDataURL('image/jpeg', 500.0)
+        // const imgHeight = 592.28 / contentWidth * contentHeight
+        const imgHeight = contentHeight
+        const pageData = canvas.toDataURL('image/jpeg', 1500.0)
         const PDF = new JsPDF('', 'pt', 'a4')
         if (leftHeight < pageHeight) {
           PDF.addImage(pageData, 'JPEG', 0, 0, imgWidth, imgHeight)

src/views/monthlyReport/v2/childrenPage/setReport/index.vue

@@ -16,6 +16,7 @@
 </template>
 
 <script type="text/javascript">
+import { mapActions } from 'vuex'
 import headerCom from '../../components/header'
 import tabsGeneral from './components/general'
 import tabsTeamSet from './components/teamSet'
@@ -41,10 +42,15 @@ export default {
     }
   },
   created() {
+    // 切换页面版本
+    this.setMonthlyReportPageVersion({ self: this })
     // 获取部门数据
-    this.$store.dispatch('monthlyReportEditV2/setSelectEnum', 'init')
+    // this.$store.dispatch('monthlyReportEditV2/setSelectEnum', 'init')
+    this.setSelectEnum('init')
   },
   methods: {
+    ...mapActions('monthlyReportEdit', ['setMonthlyReportPageVersion']),
+    ...mapActions('monthlyReportEditV2', ['setSelectEnum']),
     handleClick(tab, event) {
       this.tabIndex = tab.index
       window.log({ c: 'report_home', d: tab.name })

src/views/monthlyReport/v2/index.vue

@@ -129,12 +129,15 @@ export default {
     }
   },
   created() {
+    // 切换页面版本
+    this.setMonthlyReportPageVersion({ self: this })
     // 获取部门数据
     this.setSelectEnum('init')
     // this.$store.dispatch('monthlyReportEditV2/setSelectEnum', 'init')
     this.getAvaliableInfo()
   },
   methods: {
+    ...mapActions('monthlyReportEdit', ['setMonthlyReportPageVersion']),
     ...mapActions('monthlyReportEditV2', ['setSelectEnum']),
     async getAvaliableInfo() {
       const res = await getAvaliableInfo()