代码合并

src/components/iframePage/IframePage.vue

+<template>
+  <div class="h-full iframe-page">
+    <iframe :src="iframeSrc" style="border: 0;width: 100%;height: 99%" :key="iframeSrc" v-if="iframeSrc" allowFullscreen>
+    </iframe>
+    <div v-else/>
+  </div>
+</template>
+
+<script>
+// import {getCateInfoByMenuId} from "@/views/statScreen/config";
+
+export default {
+  props: {
+    src: String
+  },
+  data() {
+    return {
+      iframeSrc: ''
+    }
+  },
+  // computed:{
+  //   stat(){
+  //     return this.$route.params.stat
+  //   }
+  // },
+  beforeUnmount() {
+    this.iframeSrc = ''
+  },
+  watch: {
+    src: {
+      handler() {
+        this.load()
+      },
+      immediate: true
+    }
+  },
+
+  methods: {
+    load() {
+      // let menuList = this.$store.state.menu || []
+      // let rou = this.$route.fullPath
+      // let result = menuList.filter(item => item.frontActionUrl == rou)[0]
+      // let menuId = result.id
+      // let lobId = result.lobId
+      // if (lobId && lobId!='0'){
+      //   getCateInfoByMenuId(menuId).then(res => {
+      //     this.openIframe(res.data.treeCode, menuId);
+      //   });
+      // }else {
+        debugger
+        this.iframeSrc = `${this.src}`
+      // }
+    },
+    openIframe(treeCode, menuId) {
+      let res = ''
+      res = `${this.src}${this.src?.includes('?') ? '&': '?'}source=MB&menuId=${menuId}`
+      if (treeCode) {
+        res = `${this.src}${this.src?.includes('?') ? '&': '?'}treeCode=${treeCode}&unitTreeCode=${treeCode}&source=MB&menuId=${menuId}`
+      }
+      this.iframeSrc = res
+    }
+  }
+}
+</script>
+
+<style lang="less" scoped>
+
+</style>

src/doctor/followUp/detail/FollowUpDetail.vue

 <template>
     <div class='h-full'>
         <!-- 公卫数据详情 -->
-        <GwDetail :info="detailInfo" v-if="showGw"/>
+<!--        <GwDetail :info="detailInfo" v-if="showGw"/>-->
         <!-- 通用随访详情 -->
-        <CurrencyFUDetail :id="detailInfo.relationId" :resident-id="residentId" v-else-if="showCommon"></CurrencyFUDetail>
+        <CurrencyFUDetail :id="detailInfo.relationId" :resident-id="residentId" v-if="showCommon"></CurrencyFUDetail>
         <!-- 专病随访详情 -->
 <!--        <VisitDetail :id="detailInfo.relationId" :resident-id="residentId" :disease-type="diseaseType"  v-else-if="showFU"></VisitDetail>-->
         <!-- his -->
@@ -15,13 +15,13 @@
 
 <script>
 import { getVisitManageVByUuId } from '@/api/doctor/generalFU'
-import GwDetail from '@/doctor/followUp/detail/components/GwDetail'
+// import GwDetail from '@/doctor/followUp/detail/components/GwDetail'
 import CrsVisitDetail from '@/doctor/followUp/detail/components/CrsVisitDetail'
 import CurrencyFUDetail from '@/doctor/followUp/generalFU/detail/Detail'
 
 export default {
     name: 'FollowUpDetail',
-    components: { CurrencyFUDetail, CrsVisitDetail, GwDetail },
+    components: { CurrencyFUDetail, CrsVisitDetail },
     props: {
         // id: [String, Number],
         // residentId: [String, Number],
@@ -64,7 +64,7 @@ export default {
             getVisitManageVByUuId(par).then(res => {
                 let record = res.data
                 this.detailInfo = record
-                this.showGw = this.PhlIsShow(record)
+                this.PhlIsShow(record)
                 this.showFU = this.FUIsShow(record)
                 this.showCommon = this.GAUIsShow(record)
                 this.showHis = this.HisIsShow(record)
@@ -105,11 +105,17 @@ export default {
         },
         //判断是否显示报卡随访
         PhlIsShow(record) {
-            let res = false
+            // let res = false
             if (record.source == 4) {
-                res = true
+                // res = true
+                this.$router.push({
+                    path: `/systemIframe/doctorGWDetail`,
+                    query: {
+                        src: `https://www.baidu.com/`
+                    }
+                })
             }
-            return res
+            // return res
         }
     }
 }

src/doctor/followUp/detail/components/GwDetail.vue

-<template>
-    <div class='h-full gw-detail'>
-
-    </div>
-</template>
-
-<script>
-
-export default {
-    name: 'GwDetail',
-    props: {
-        info: { default: () => ({}) }
-    },
-    data() {
-        return {
-            src: undefined
-        }
-    },
-    created() {
-        this.load()
-    },
-    methods: {
-        load() {
-
-        }
-    },
-}
-</script>
-
-<style lang='less' scoped>
-
-</style>

src/router/index.js

 import { createRouter, createWebHashHistory } from 'vue-router'
 
+const doctorIframeConfig = {
+    component: () => import(/* webpackChunkName: "iframe-page" */'@/components/iframePage/IframePage.vue'),
+    props: route => ({ src: route.query.src })
+}
+
 const routes = [
     {
         path: '/doctor',
@@ -115,7 +120,7 @@ const routes = [
                 path: 'followUp/separateFU/add',
                 name: 'followUp-separateFU-add',
                 component: () => import(/* webpackChunkName: "doctor" */ '@/doctor/followUp/separateFU/form/Index')
-            }
+            },
         ]
     },
     {
@@ -190,6 +195,7 @@ const routes = [
             }
         ]
     },
+    { path: '/systemIframe/:stat', name: 'systemIframe', ...doctorIframeConfig},
     {
         path: '/test',
         name: 'Test',