修改

src/views/newFlightView/index.vue

@@ -17,7 +17,7 @@
         </div>
         <div class="newFlightView-left-top-list">
           <el-descriptions :column="2">
-            <el-descriptions-item label="起飞机场简称">{{ infoObj.takeoff_airport_name }}</el-descriptions-item>
+            <el-descriptions-item label="起飞机场简称">{{ infoObj.takeoff_airport_name || takeoffName }}</el-descriptions-item>
             <el-descriptions-item label="起飞机场三字码">{{ infoObj.outAirport }}</el-descriptions-item>
             <el-descriptions-item label="登机口">{{ infoObj.gateCd }}</el-descriptions-item>
             <el-descriptions-item label="停机位"> {{ infoObj.depstandCd }}</el-descriptions-item>
@@ -27,7 +27,7 @@
         </div>
         <div class="newFlightView-left-top-list">
           <el-descriptions :column="2">
-            <el-descriptions-item label="降落机场简称">{{ infoObj.target_airport_name }}</el-descriptions-item>
+            <el-descriptions-item label="降落机场简称">{{ infoObj.target_airport_name || targetName }}</el-descriptions-item>
             <el-descriptions-item label="降落机场三字码">{{ infoObj.landAirport }}</el-descriptions-item>
             <el-descriptions-item label="提取转盘">{{infoObj.arrcarouselCd}}</el-descriptions-item>
             <el-descriptions-item label="停机位"> {{ infoObj.arrstandCd }}</el-descriptions-item>
@@ -187,7 +187,10 @@ export default {
           label: '急转',
           value: 'scon_number'
         }
-      ]
+      ],
+      AirportList: [],
+      takeoffName: '',
+      targetName: ''
     }
   },
   computed: {
@@ -353,11 +356,42 @@ export default {
     this.table1 = this.dataContent
     this.table2 = this.dataContent
   },
-  // mounted () {
-  //   this.table1 = this.dataContent
-  //   this.table2 = this.dataContent
-  // },
+  mounted () {
+    this.getAirPortData()
+  },
   methods: {
+    async getAirPortData () {
+      try {
+        const res = await this.getQueryList(SERVICE_ID.getAirpotId, {}, 1, 9999)
+        if (Number(res.code) === 0) {
+          this.AirportList = res.returnData
+          this.setAirPortName(res.returnData)
+        } else {
+          this.$message.error(res.message)
+        }
+      } catch (error) {
+        this.$message.error("失败");
+      }
+    },
+    setAirPortName (result, query = this.$route.query) {
+      let [outAirport, landAirport] = ['', ''];
+      if (query?.outAirport && query?.landAirport) {
+        outAirport = query.outAirport
+        landAirport = query.landAirport
+      } else {
+        outAirport = this.infoObj.outAirport
+        landAirport = this.infoObj.landAirport
+      }
+      const nresult = [...result]
+      nresult.forEach(({ IATACode, airportName }) => {
+        if (outAirport && outAirport == IATACode) {
+          this.takeoffName = airportName
+        }
+        if (landAirport && IATACode == landAirport) {
+          this.targetName = airportName
+        }
+      })
+    },
     //格式化参数-航班号
     formatParams (arr = [], query = {}) {
       if (arr && arr.length) {
@@ -421,9 +455,12 @@ export default {
         this.table1 = newPrams
         this.table2 = newPrams
         const res = await this.getViewInfo(newPrams)
-        if (res && res.length) {
+        if (res?.length) {
           this.infoObj = res[0]
         }
+        if (this.AirportList?.length) {
+          this.setAirPortName(this.AirportList, newPrams)
+        }
       }
     },
     // 获取行李列表后设置快捷筛选