报表看板管理所有报表页面添加重新打开按钮，封装开发及调用

fe/PC/src/views/activeReportManage/reportForm/InventoryAgingSegmentSummary.vue

@@ -1,24 +1,21 @@
 <template>
   <!-- 库存账龄分段汇总表 -->
-  <iframe :src="url" class="fullPageIframe"></iframe>
+  <popUpPage :openHandle="openHandle"></popUpPage>
 </template>
 <script>
+import popUpPage from "./popUpPage/index"
 import { reportsAddress } from "@/filters/excelOrReportsOption";
 import { createNewTabs } from '@/utils/index'
 export default {
   name:"InventoryAgingSegmentSummary",
-  // data() {
+  components:{popUpPage},
-  //   return {
+  created () {
-  //     url:reportsAddress.InventoryAgingSegmentSummary,
+    this.openHandle()
-  //   }
-  // },
-  data() {
-    return {
-      url:null
-    }
   },
-  activated () {
+  methods:{
+    openHandle(){
       createNewTabs(reportsAddress.InventoryAgingSegmentSummary)
     }
+  }
 }
 </script>

fe/PC/src/views/activeReportManage/reportForm/InventoryBookDetail.vue

@@ -1,24 +1,21 @@
 <template>
   <!-- 库存流水帐明细 -->
-  <iframe :src="url" class="fullPageIframe"></iframe>
+  <popUpPage :openHandle="openHandle"></popUpPage>
 </template>
 <script>
+import popUpPage from "./popUpPage/index"
 import { reportsAddress } from "@/filters/excelOrReportsOption";
 import { createNewTabs } from '@/utils/index'
 export default {
   name:"InventoryBookDetail",
-  // data() {
+  components:{popUpPage},
-  //   return {
+  created () {
-  //     url:reportsAddress.InventoryBookDetail,
+    this.openHandle()
-  //   }
-  // },
-  data() {
-    return {
-      url:null
-    }
   },
-  activated () {
+  methods:{
+    openHandle(){
       createNewTabs(reportsAddress.InventoryBookDetail)
     }
+  }
 }
 </script>

fe/PC/src/views/activeReportManage/reportForm/InventoryBookSummary.vue

@@ -1,24 +1,21 @@
 <template>
   <!-- 库存流水帐汇总 -->
-  <iframe :src="url" class="fullPageIframe"></iframe>
+  <popUpPage :openHandle="openHandle"></popUpPage>
 </template>
 <script>
+import popUpPage from "./popUpPage/index"
 import { reportsAddress } from "@/filters/excelOrReportsOption";
 import { createNewTabs } from '@/utils/index'
 export default {
   name:"InventoryBookSummary",
-  // data() {
+  components:{popUpPage},
-  //   return {
+  created () {
-  //     url:reportsAddress.InventoryBookSummary,
+    this.openHandle()
-  //   }
-  // },
-  data() {
-    return {
-      url:null
-    }
   },
-  activated () {
+  methods:{
+    openHandle(){
       createNewTabs(reportsAddress.InventoryBookSummary)
     }
+  }
 }
 </script>

fe/PC/src/views/activeReportManage/reportForm/InventoryBookSummaryLocation.vue

@@ -1,24 +1,21 @@
 <template>
   <!-- 库存流水帐汇总(库位) -->
-  <iframe :src="url" class="fullPageIframe"></iframe>
+  <popUpPage :openHandle="openHandle"></popUpPage>
 </template>
 <script>
+import popUpPage from "./popUpPage/index"
 import { reportsAddress } from "@/filters/excelOrReportsOption";
 import { createNewTabs } from '@/utils/index'
 export default {
   name:"InventoryBookSummaryLocation",
-  // data() {
+  components:{popUpPage},
-  //   return {
+  created () {
-  //     url: reportsAddress.InventoryBookSummaryLocation,
+    this.openHandle()
-  //   }
-  // },
-  data() {
-    return {
-      url:null
-    }
   },
-  activated () {
+  methods:{
+    openHandle(){
       createNewTabs(reportsAddress.InventoryBookSummaryLocation)
     }
+  }
 }
 </script>

fe/PC/src/views/activeReportManage/reportForm/InventoryDetailReport.vue

@@ -1,24 +1,21 @@
 <template>
   <!-- 库存账龄明细 -->
-  <iframe :src="url" class="fullPageIframe"></iframe>
+  <popUpPage :openHandle="openHandle"></popUpPage>
 </template>
 <script>
+import popUpPage from "./popUpPage/index"
 import { reportsAddress } from "@/filters/excelOrReportsOption";
 import { createNewTabs } from '@/utils/index'
 export default {
   name:"InventoryDetailReport",
-  // data() {
+  components:{popUpPage},
-  //   return {
+  created () {
-  //     url:reportsAddress.Inventory_Detail,
+    this.openHandle()
-  //   }
-  // },
-  data() {
-    return {
-      url:null
-    }
   },
-  activated () {
+  methods:{
+    openHandle(){
       createNewTabs(reportsAddress.Inventory_Detail)
     }
+  }
 }
 </script>

fe/PC/src/views/activeReportManage/reportForm/UnplannedDeliverSummary.vue

@@ -1,24 +1,21 @@
 <template>
   <!-- 计划外出库汇总 -->
-  <iframe :src="url" class="fullPageIframe"></iframe>
+  <popUpPage :openHandle="openHandle"></popUpPage>
 </template>
 <script>
+import popUpPage from "./popUpPage/index"
 import { reportsAddress } from "@/filters/excelOrReportsOption";
 import { createNewTabs } from '@/utils/index'
 export default {
   name:"UnplannedDeliverSummary",
-  // data() {
+  components:{popUpPage},
-  //   return {
+  created () {
-  //     url:reportsAddress.UnplannedDeliverSummary,
+    this.openHandle()
-  //   }
-  // },
-  data() {
-    return {
-      url:null
-    }
   },
-  activated () {
+  methods:{
+    openHandle(){
       createNewTabs(reportsAddress.UnplannedDeliverSummary)
     }
+  }
 }
 </script>

fe/PC/src/views/activeReportManage/reportForm/completionReceiptSummary.vue

@@ -1,24 +1,28 @@
 <template>
   <!-- 完工收货汇总表 -->
-  <iframe :src="url" class="fullPageIframe"></iframe>
+  <!-- <iframe :src="url" class="fullPageIframe"></iframe> -->
+  <popUpPage :openHandle="openHandle"></popUpPage>
 </template>
 <script>
+import popUpPage from "./popUpPage/index"
 import { reportsAddress } from "@/filters/excelOrReportsOption";
 import { createNewTabs } from '@/utils/index'
 export default {
   name:"completionReceiptSummary",
-  // data() {
+  components:{popUpPage},
-  //   return {
-  //     url: reportsAddress.CompletionReceiptSummary,
-  //   }
-  // },
   data() {
     return {
+      // url: reportsAddress.CompletionReceiptSummary,
       url:null
     }
   },
-  activated () {
+  created () {
+    this.openHandle()
+  },
+  methods:{
+    openHandle(){
       createNewTabs(reportsAddress.CompletionReceiptSummary)
     }
+  }
 }
 </script>

fe/PC/src/views/activeReportManage/reportForm/finishedProductDeliverySummary.vue

@@ -1,24 +1,21 @@
 <template>
   <!-- 成品发货汇总表 -->
-  <iframe :src="url" class="fullPageIframe"></iframe>
+  <popUpPage :openHandle="openHandle"></popUpPage>
 </template>
 <script>
+import popUpPage from "./popUpPage/index"
 import { reportsAddress } from "@/filters/excelOrReportsOption";
 import { createNewTabs } from '@/utils/index'
 export default {
   name:"finishedProductDeliverySummary",
-  // data() {
+  components:{popUpPage},
-  //   return {
+  created () {
-  //     url:reportsAddress.FinishedProductDeliverySummary,
+    this.openHandle()
-  //   }
-  // },
-  data() {
-    return {
-      url:null
-    }
   },
-  activated () {
+  methods:{
+    openHandle(){
       createNewTabs(reportsAddress.FinishedProductDeliverySummary)
     }
+  }
 }
 </script>

fe/PC/src/views/activeReportManage/reportForm/inventoryBalanceReport.vue

@@ -1,24 +1,21 @@
 <template>
   <!-- 库存余额报表 -->
-  <iframe :src="url" class="fullPageIframe"></iframe>
+  <popUpPage :openHandle="openHandle"></popUpPage>
 </template>
 <script>
+import popUpPage from "./popUpPage/index"
 import { reportsAddress } from "@/filters/excelOrReportsOption";
 import { createNewTabs } from '@/utils/index'
 export default {
   name:"inventoryBalanceReport",
-  // data() {
+  components:{popUpPage},
-  //   return {
+  created () {
-  //     url:reportsAddress.InventoryBlanace,
+    this.openHandle()
-  //   }
-  // },
-  data() {
-    return {
-      url:null
-    }
   },
-  activated () {
+  methods:{
+    openHandle(){
       createNewTabs(reportsAddress.InventoryBlanace)
     }
+  }
 }
 </script>

fe/PC/src/views/activeReportManage/reportForm/inventoryBalanceReportLocationCode.vue

@@ -1,24 +1,21 @@
 <template>
   <!-- 库存余额报表按库位 -->
-    <iframe :src="url" class="fullPageIframe"></iframe>
+  <popUpPage :openHandle="openHandle"></popUpPage>
-  </template>
+</template>
-  <script>
+<script>
-  import { reportsAddress } from "@/filters/excelOrReportsOption";
+import popUpPage from "./popUpPage/index"
-  import { createNewTabs } from '@/utils/index'
+import { reportsAddress } from "@/filters/excelOrReportsOption";
-  export default {
+import { createNewTabs } from '@/utils/index'
+export default {
   name:"inventoryBalanceReportLocationCode",
-    // data() {
+  components:{popUpPage},
-    //   return {
+  created () {
-    //     url:reportsAddress.InventoryBlanace,
+    this.openHandle()
-    //   }
-    // },
-    data() {
-      return {
-        url:null
-      }
   },
-    activated () {
+  methods:{
+    openHandle(){
       createNewTabs(reportsAddress.inventoryBalanceReportLocationCode)
     }
   }
-  </script>
+}
+</script>

fe/PC/src/views/activeReportManage/reportForm/inventoryBalanceReportLocationErpCode.vue

@@ -1,24 +1,21 @@
 <template>
   <!-- 库存余额报表按ERP库位 -->
-    <iframe :src="url" class="fullPageIframe"></iframe>
+  <popUpPage :openHandle="openHandle"></popUpPage>
-  </template>
+</template>
-  <script>
+<script>
-  import { reportsAddress } from "@/filters/excelOrReportsOption";
+import popUpPage from "./popUpPage/index"
-  import { createNewTabs } from '@/utils/index'
+import { reportsAddress } from "@/filters/excelOrReportsOption";
-  export default {
+import { createNewTabs } from '@/utils/index'
+export default {
   name:"inventoryBalanceReportLocationErpCode",
-    // data() {
+  components:{popUpPage},
-    //   return {
+  created () {
-    //     url:reportsAddress.InventoryBlanace,
+    this.openHandle()
-    //   }
-    // },
-    data() {
-      return {
-        url:null
-      }
   },
-    activated () {
+  methods:{
+    openHandle(){
       createNewTabs(reportsAddress.inventoryBalanceReportLocationErpCode)
     }
   }
-  </script>
+}
+</script>

fe/PC/src/views/activeReportManage/reportForm/inventoryReport.vue

@@ -1,24 +1,21 @@
 <template>
   <!-- 库存单据明细报表 -->
-  <iframe :src="url" class="fullPageIframe"></iframe>
+  <popUpPage :openHandle="openHandle"></popUpPage>
 </template>
 <script>
+import popUpPage from "./popUpPage/index"
 import { reportsAddress } from "@/filters/excelOrReportsOption";
 import { createNewTabs } from '@/utils/index'
 export default {
   name:"inventoryReport",
-  // data() {
+  components:{popUpPage},
-  //   return {
+  created () {
-  //     url:reportsAddress.InventoryAccountingPeriodDetails,
+    this.openHandle()
-  //   }
-  // },
-  data() {
-    return {
-      url:null
-    }
   },
-  activated () {
+  methods:{
+    openHandle(){
       createNewTabs(reportsAddress.InventoryAccountingPeriodDetails)
     }
+  }
 }
 </script>

fe/PC/src/views/activeReportManage/reportForm/inventorySummary.vue

@@ -1,24 +1,21 @@
 <template>
   <!-- 盘点记录汇总表 -->
-  <iframe :src="url" class="fullPageIframe"></iframe>
+  <popUpPage :openHandle="openHandle"></popUpPage>
 </template>
 <script>
+import popUpPage from "./popUpPage/index"
 import { reportsAddress } from "@/filters/excelOrReportsOption";
 import { createNewTabs } from '@/utils/index'
 export default {
   name:"inventorySummary",
-  // data() {
+  components:{popUpPage},
-  //   return {
+  created () {
-  //     url:reportsAddress.InventorySummary,
+    this.openHandle()
-  //   }
-  // },
-  data() {
-    return {
-      url:null
-    }
   },
-  activated () {
+  methods:{
+    openHandle(){
       createNewTabs(reportsAddress.InventorySummary)
     }
+  }
 }
 </script>

fe/PC/src/views/activeReportManage/reportForm/inventoryTransactions.vue

@@ -1,13 +0,0 @@
-<template>
-  <!-- 库存事务 暂不使用-->
-  <iframe :src="url" class="fullPageIframe"></iframe>
-</template>
-<script>
-export default {
-  data() {
-    return {
-      url:"http://10.74.150.81:9528/#/reports/202205311631455213.rdlx",
-    }
-  },
-}
-</script>

fe/PC/src/views/activeReportManage/reportForm/popUpPage/index.vue

@@ -0,0 +1,27 @@
+<template>
+    <div class="popUpPage">
+        <span class="tipper">该页面已在外部弹出</span>
+        <el-button @click="openHandle" type="primary">重新打开</el-button>
+    </div>
+</template>
+<script>
+  export default {
+    name:"popUpPage",
+    props:{
+        openHandle: {
+            type: Function,
+            default: null
+        },
+    },
+  }
+</script>
+<style lang="scss">
+.popUpPage{
+  width: 100%;
+  text-align: center;
+  padding-top: 20%;
+  .tipper{
+    padding-right: 20px;
+  }
+}
+</style>

fe/PC/src/views/activeReportManage/reportForm/productionIssuanceSummary.vue

@@ -1,24 +1,21 @@
 <template>
   <!-- 生产发料汇总表 -->
-  <iframe :src="url" class="fullPageIframe"></iframe>
+  <popUpPage :openHandle="openHandle"></popUpPage>
 </template>
 <script>
+import popUpPage from "./popUpPage/index"
 import { reportsAddress } from "@/filters/excelOrReportsOption";
 import { createNewTabs } from '@/utils/index'
 export default {
   name:"productionIssuanceSummary",
-  // data() {
+  components:{popUpPage},
-  //   return {
+  created () {
-  //     url:reportsAddress.ProductionIssueSummary_dy,
+    this.openHandle()
-  //   }
-  // },
-  data() {
-    return {
-      url:null
-    }
   },
-  activated () {
+  methods:{
+    openHandle(){
       createNewTabs(reportsAddress.ProductionIssueSummary_dy)
     }
+  }
 }
 </script>

fe/PC/src/views/activeReportManage/reportForm/productionReturnSummary.vue

@@ -1,24 +1,21 @@
 <template>
   <!-- 生产退料汇总表 -->
-  <iframe :src="url" class="fullPageIframe"></iframe>
+  <popUpPage :openHandle="openHandle"></popUpPage>
 </template>
 <script>
+import popUpPage from "./popUpPage/index"
 import { reportsAddress } from "@/filters/excelOrReportsOption";
 import { createNewTabs } from '@/utils/index'
 export default {
   name:"productionReturnSummary",
-  // data() {
+  components:{popUpPage},
-  //   return {
+  created () {
-  //     url:reportsAddress.ProductionReturnSummary,
+    this.openHandle()
-  //   }
-  // },
-  data() {
-    return {
-      url:null
-    }
   },
-  activated () {
+  methods:{
+    openHandle(){
       createNewTabs(reportsAddress.ProductionReturnSummary)
     }
+  }
 }
 </script>

fe/PC/src/views/activeReportManage/reportForm/purchaseReceiptSummary.vue

@@ -1,24 +1,21 @@
 <template>
   <!-- 采购收货汇总表 -->
-  <iframe :src="url" class="fullPageIframe"></iframe>
+  <popUpPage :openHandle="openHandle"></popUpPage>
 </template>
 <script>
+import popUpPage from "./popUpPage/index"
 import { reportsAddress } from "@/filters/excelOrReportsOption";
 import { createNewTabs } from '@/utils/index'
 export default {
   name:"purchaseReceiptSummary",
-  // data() {
+  components:{popUpPage},
-  //   return {
+  created () {
-  //     url:reportsAddress.PurchaseReceiptSummary,
+    this.openHandle()
-  //   }
-  // },
-  data() {
-    return {
-      url:null
-    }
   },
-  activated () {
+  methods:{
+    openHandle(){
       createNewTabs(reportsAddress.PurchaseReceiptSummary)
     }
+  }
 }
 </script>

fe/PC/src/views/activeReportManage/reportForm/purchaseReturnSummaryReport.vue

@@ -1,24 +1,21 @@
 <template>
   <!-- 采购退货汇总 -->
-  <iframe :src="url" class="fullPageIframe"></iframe>
+  <popUpPage :openHandle="openHandle"></popUpPage>
 </template>
 <script>
+import popUpPage from "./popUpPage/index"
 import { reportsAddress } from "@/filters/excelOrReportsOption";
 import { createNewTabs } from '@/utils/index'
 export default {
   name:"purchaseReturnSummaryReport",
-  // data() {
+  components:{popUpPage},
-  //   return {
+  created () {
-  //     url:reportsAddress.PurchaseReturnSummary,
+    this.openHandle()
-  //   }
-  // },
-  data() {
-    return {
-      url:null
-    }
   },
-  activated () {
+  methods:{
+    openHandle(){
       createNewTabs(reportsAddress.PurchaseReturnSummary)
     }
+  }
 }
 </script>

fe/PC/src/views/activeReportManage/reportForm/purchaseSum.vue

@@ -1,24 +1,21 @@
 <template>
   <!-- 订单汇总查询 -->
-  <iframe :src="url" class="fullPageIframe"></iframe>
+  <popUpPage :openHandle="openHandle"></popUpPage>
 </template>
 <script>
+import popUpPage from "./popUpPage/index"
 import { reportsAddress } from "@/filters/excelOrReportsOption";
 import { createNewTabs } from '@/utils/index'
 export default {
   name:"purchaseSum",
-  // data() {
+  components:{popUpPage},
-  //   return {
+  created () {
-  //     url:reportsAddress.PurchaseSum,
+    this.openHandle()
-  //   }
-  // },
-  data() {
-    return {
-      url:null
-    }
   },
-  activated () {
+  methods:{
+    openHandle(){
       createNewTabs(reportsAddress.PurchaseSum)
     }
+  }
 }
 </script>

fe/PC/src/views/activeReportManage/reportForm/safetyStockReport.vue

@@ -1,14 +0,0 @@
-<template>
-  <!-- 安全库存报表 -->
-  <iframe :src="url" class="fullPageIframe"></iframe>
-</template>
-<script>
-export default {
-  name:"safetyStockReport",
-  data() {
-    return {
-      url:"http://10.74.150.81:9528/#/reports/202205311631455213.rdlx",
-    }
-  },
-}
-</script>

fe/PC/src/views/activeReportManage/reportForm/scrapDetails.vue

@@ -1,24 +1,21 @@
 <template>
   <!-- 报废明细表 -->
-  <iframe :src="url" class="fullPageIframe"></iframe>
+  <popUpPage :openHandle="openHandle"></popUpPage>
 </template>
 <script>
+import popUpPage from "./popUpPage/index"
 import { reportsAddress } from "@/filters/excelOrReportsOption";
 import { createNewTabs } from '@/utils/index'
 export default {
   name:"scrapDetails",
-  // data() {
+  components:{popUpPage},
-  //   return {
+  created () {
-  //     url:reportsAddress.Scrap_Detail,
+    this.openHandle()
-  //   }
-  // },
-  data() {
-    return {
-      url:null
-    }
   },
-  activated () {
+  methods:{
+    openHandle(){
       createNewTabs(reportsAddress.Scrap_Detail)
     }
+  }
 }
 </script>

fe/PC/src/views/activeReportManage/reportForm/unplannedReceiptSummary.vue

@@ -1,24 +1,21 @@
 <template>
   <!-- 计划外入库汇总 -->
-  <iframe :src="url" class="fullPageIframe"></iframe>
+  <popUpPage :openHandle="openHandle"></popUpPage>
 </template>
 <script>
+import popUpPage from "./popUpPage/index"
 import { reportsAddress } from "@/filters/excelOrReportsOption";
 import { createNewTabs } from '@/utils/index'
 export default {
   name:"unplannedReceiptSummary",
-  // data() {
+  components:{popUpPage},
-  //   return {
+  created () {
-  //     url:reportsAddress.UnPlannedReceiptSummary,
+    this.openHandle()
-  //   }
-  // },
-  data() {
-    return {
-      url:null
-    }
   },
-  activated () {
+  methods:{
+    openHandle(){
       createNewTabs(reportsAddress.UnPlannedReceiptSummary)
     }
+  }
 }
 </script>