医生端 v1.2 1、公卫详情 动态路由 组件化兼容

src/components/iframePage/IframePage.vue

@@ -4,7 +4,7 @@
             <span @click='onBack' class='text-12 back-bt'>
                 <doc-icon type='doc-left2' />
             </span>
-            <span>{{ pageTitle }}</span>
+            <span style='min-height: .16rem;display: inline-block'>{{ pageTitle }}</span>
         </div>
         <iframe :src='iframeSrc' style='border: 0;width: 100%;height: calc(99% - 50px)' :key='iframeSrc' v-if='iframeSrc'
                 allowFullscreen>
@@ -18,18 +18,19 @@
 
 export default {
     props: {
-        src: String
+        src: String,
+        pageTitle: String
     },
     data() {
         return {
             iframeSrc: ''
         }
     },
-    computed: {
+/*    computed: {
         pageTitle() {
             return this.$route.query.pageTitle || ''
         }
-    },
+    },*/
     beforeUnmount() {
         this.iframeSrc = ''
     },

src/doctor/followUp/detail/FollowUpDetail.vue

@@ -15,13 +15,13 @@
 
 <script>
 import { getVisitManageVByUuId } from '@/api/doctor/generalFU'
-// import GwDetail from '@/doctor/followUp/detail/components/GwDetail'
 import CrsVisitDetail from '@/doctor/followUp/detail/components/CrsVisitDetail'
 import CurrencyFUDetail from '@/doctor/followUp/generalFU/detail/Detail'
+import IframePage from '@/components/iframePage/IframePage'
 
 export default {
     name: 'FollowUpDetail',
-    components: { CurrencyFUDetail, CrsVisitDetail },
+    components: { IframePage, CurrencyFUDetail, CrsVisitDetail },
     props: {
         // id: [String, Number],
         // residentId: [String, Number],
@@ -105,9 +105,7 @@ export default {
         },
         //判断是否显示公卫随访
         PhlIsShow(record) {
-            // let res = false
             if (record.source == 4) {
-                // res = true
                 this.$router.push({
                     path: `/systemIframe/doctorGWDetail`,
                     query: {
@@ -116,7 +114,6 @@ export default {
                     }
                 })
             }
-            // return res
         }
     }
 }

src/router/index.js

@@ -2,7 +2,7 @@ import { createRouter, createWebHashHistory } from 'vue-router'
 
 const doctorIframeConfig = {
     component: () => import(/* webpackChunkName: "iframe-page" */'@/components/iframePage/IframePage.vue'),
-    props: route => ({ src: route.query.src })
+    props: route => ({ src: route.query.src, pageTitle: route.query.pageTitle })
 }
 
 const routes = [