修改

src/views/newBagDetails/components/baggageStory.vue

@@ -28,6 +28,12 @@ import { getToken } from '@/utils/auth'
 import { Query, newData } from '@/api/webApi'
 export default {
   name: 'BaggageStory',
+  props: {
+    bagID: {
+      type: Number || String,
+      default: 0
+    }
+  },
   data () {
     return {
       storyFlag: false,
@@ -39,9 +45,7 @@ export default {
     }
   },
   mounted () {
-    const { query } = this.$route
-    const { ID } = query
-    this.storyId = ID || ''
+    this.storyId = this.bagID || ''
     if (this.storyId) {
       this.queryStoryCheck()
     }

src/views/newBagDetails/index.vue

@@ -45,7 +45,7 @@
         </div>
       </div>
       <div class="newBagDetails-contents-page">
-        <component ref="dataChild" :query="query" :queryObj="queryObj" :tableDatas="tableDatas" :tagObj="tagObj" :is="componentName"></component>
+        <component ref="dataChild" :query="query" :queryObj="queryObj" :tableDatas="tableDatas" :tagObj="tagObj" :bagID="bagID" :is="componentName"></component>
       </div>
     </div>
     <Dialog :flag="dialogFlag" width="600px" class="dialog-check-group">
@@ -128,7 +128,8 @@ export default {
       queryObj: {},
       checkObj: {},
       tabClickObj: {},
-      tabClickKey: ''
+      tabClickKey: '',
+      bagID: null
     }
   },
   created () {
@@ -195,7 +196,8 @@ export default {
           const datasObj = [...returnData][0]
           this.passengerName = datasObj['passengerName']
           this.PNRNO = datasObj['PNRNO']
-          const { luggageNum, PNRNO, carrierFlightsDate } = datasObj
+          const { luggageNum, PNRNO, carrierFlightsDate, ID } = datasObj
+          this.bagID = ID
           for (const key in datasObj) {
             this.msgs1.map(item => {
               if (item.columnName == key) {