修改

src/views/newBagDetails/components/baggageView.vue

@@ -171,7 +171,7 @@ export default {
     }
   },
   created () {
-    this.dataContent = this.queryObj
+    // this.dataContent = this.queryObj
   },
   methods: {
     //获取行李信息
@@ -218,10 +218,12 @@ export default {
       this.tableData = []
     },
     load () {
-      if (this.noMore || this.loading) {
-        return;
+      if (Object.keys(this.queryObj).length || Object.keys(this.tagObj).length) {
+        if (this.noMore || this.loading) {
+          return;
+        }
+        this.getLuggageList(SERVICE_ID.bagTableId, this.dataContent, ++this.page, this.pageSize);
       }
-      this.getLuggageList(SERVICE_ID.bagTableId, this.dataContent, ++this.page, this.pageSize);
     },
   }
 }

src/views/newBagDetails/index.vue

@@ -133,10 +133,10 @@ export default {
           const datasObj = [...returnData][0]
           this.passengerName = datasObj['passengerName']
           this.PNRNO = datasObj['PNRNO']
-          const { luggageNum } = this.query
+          const { luggageNum, PNRNO } = datasObj
           this.queryObj = {
             luggageNum,
-            PNRNO: datasObj['PNRNO']
+            PNRNO
           }
           for (const key in datasObj) {
             this.infoArrs.map(item => {
@@ -219,6 +219,42 @@ export default {
         overflow: hidden;
         display: inline-block;
       }
+      .tags-view-wrapper {
+        width: calc(100%);
+        ::v-deep .el-scrollbar__wrap {
+          // margin-top: 8.5px;
+        }
+        .tags-view-item {
+          display: inline-block;
+          position: relative;
+          cursor: pointer;
+          height: 32px;
+          line-height: 32px;
+          // border: 1px solid #767eba;
+          // border-radius: 4px;
+          font-size: 14px;
+          font-family: Microsoft YaHei;
+          font-weight: 400;
+          color: #aaacb2;
+          margin-right: 100px;
+          &:last-child {
+            margin-right: 0;
+          }
+          &.active {
+            color: #fff;
+            position: relative;
+            &::after {
+              position: absolute;
+              content: "";
+              width: 100%;
+              left: 0;
+              bottom: 0;
+              height: 3px;
+              background: #2d67e3;
+            }
+          }
+        }
+      }
     }
     &-details {
       position: relative;
@@ -227,42 +263,6 @@ export default {
       &-tags {
         height: 32px;
         line-height: 32px;
-        .tags-view-wrapper {
-          width: calc(100%);
-          ::v-deep .el-scrollbar__wrap {
-            // margin-top: 8.5px;
-          }
-          .tags-view-item {
-            display: inline-block;
-            position: relative;
-            cursor: pointer;
-            height: 32px;
-            line-height: 32px;
-            // border: 1px solid #767eba;
-            // border-radius: 4px;
-            font-size: 14px;
-            font-family: Microsoft YaHei;
-            font-weight: 400;
-            color: #aaacb2;
-            margin-right: 100px;
-            &:last-child {
-              margin-right: 0;
-            }
-            &.active {
-              color: #fff;
-              position: relative;
-              &::after {
-                position: absolute;
-                content: "";
-                width: 100%;
-                left: 0;
-                bottom: 0;
-                height: 3px;
-                background: #2d67e3;
-              }
-            }
-          }
-        }
       }
       &-msgs {
         padding: 12px 0;