0704问题修改

src/views/dashboard/index.vue

@@ -487,12 +487,12 @@ export default {
           throw new Error(message || '失败')
         }
         listValues.sort((a, b) => b.bags - a.bags)
-        listValues.map((item, index) => {
+        this.boxMap.series[0].data = listValues.map((item, index) => {
           item.name = item.in_province
           item.value = item.bags
           item.index = index + 1
+          return item
         })
-        this.boxMap.series[0].data = listValues
       } catch (error) {
         console.error(error)
       }
@@ -518,21 +518,26 @@ export default {
           this.getCompanyData(),
           this.getMap(),
         ])
-        this.arrivalFlightCount = Number(dateFlightData.flights_in)
-        this.departureFlightCount = Number(dateFlightData.flights_out)
-        this.baggageCountItems[0].num = Number(dateBaggageData.bags)
-        this.baggageCountItems[1].num = Number(dateBaggageData.bags_in)
-        this.baggageCountItems[2].num = Number(dateBaggageData.bags_out)
-        this.baggageCountItems[3].num = Number(dateBaggageData.transfer_bags)
+        this.arrivalFlightCount = Number(dateFlightData?.flights_in ?? 0)
+        this.departureFlightCount = Number(dateFlightData?.flights_out ?? 0)
+        this.baggageCountItems[0].num = Number(dateBaggageData?.bags ?? 0)
+        this.baggageCountItems[1].num = Number(dateBaggageData?.bags_in ?? 0)
+        this.baggageCountItems[2].num = Number(dateBaggageData?.bags_out ?? 0)
+        this.baggageCountItems[3].num = Number(
+          dateBaggageData?.transfer_bags ?? 0
+        )
         const sortedInHoutData = this._.sortBy(inHourData, 'dat')
         const sortedOutHoutData = this._.sortBy(outHourData, 'dat')
         const sortedTransHoutData = this._.sortBy(transHourData, 'dat')
-        this.inHourDataOption.xAxis.data = sortedInHoutData.reduce((prev, curr) => {
-          if ((curr.dat ?? '') !== '') {
-            prev.push(`${curr.dat}${curr.dat <= 12 ? 'am' : 'pm'}`)
-          }
-          return prev
-        }, [])
+        this.inHourDataOption.xAxis.data = sortedInHoutData.reduce(
+          (prev, curr) => {
+            if ((curr.dat ?? '') !== '') {
+              prev.push(`${curr.dat}${curr.dat <= 12 ? 'am' : 'pm'}`)
+            }
+            return prev
+          },
+          []
+        )
         this.inHourDataOption.series[0].data = sortedInHoutData.reduce(
           (prev, curr) => {
             if ((curr.dat ?? '') !== '') {
@@ -542,12 +547,15 @@ export default {
           },
           []
         )
-        this.outHourDataOption.xAxis.data = sortedOutHoutData.reduce((prev, curr) => {
-          if ((curr.dat ?? '') !== '') {
-            prev.push(`${curr.dat}${curr.dat <= 12 ? 'am' : 'pm'}`)
-          }
-          return prev
-        }, [])
+        this.outHourDataOption.xAxis.data = sortedOutHoutData.reduce(
+          (prev, curr) => {
+            if ((curr.dat ?? '') !== '') {
+              prev.push(`${curr.dat}${curr.dat <= 12 ? 'am' : 'pm'}`)
+            }
+            return prev
+          },
+          []
+        )
         this.outHourDataOption.series[0].data = sortedOutHoutData.reduce(
           (prev, curr) => {
             if ((curr.dat ?? '') !== '') {

src/views/newFlightView/index.vue

@@ -19,18 +19,20 @@
           <el-descriptions :column="2">
             <el-descriptions-item label="起飞机场简称">{{ infoObj.takeoff_airport_name }}</el-descriptions-item>
             <el-descriptions-item label="起飞机场三字码">{{ infoObj.outAirport }}</el-descriptions-item>
-            <el-descriptions-item :span="2" label="日期">{{ formatTime(infoObj.actualTakeOffTime,infoObj.estimateTakeOffTime,infoObj.scheduleTakeOffTime) }}</el-descriptions-item>
             <el-descriptions-item label="登机口">{{ infoObj.gateCd }}</el-descriptions-item>
             <el-descriptions-item label="停机位"> {{ infoObj.depstandCd }}</el-descriptions-item>
+            <el-descriptions-item :span="2" label="计划起飞时间">{{ formatTime(infoObj.scheduleTakeOffTime) }}</el-descriptions-item>
+            <el-descriptions-item :span="2" label="实际起飞时间">{{ formatTime(infoObj.actualTakeOffTime) }}</el-descriptions-item>
           </el-descriptions>
         </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.landAirport }}</el-descriptions-item>
-            <el-descriptions-item :span="2" label="日期">{{ formatTime(infoObj.actualLandInTime,infoObj.estimateLandInTime,infoObj.scheduleLandInTime) }}</el-descriptions-item>
             <el-descriptions-item label="提取转盘">{{infoObj.arrcarouselCd}}</el-descriptions-item>
             <el-descriptions-item label="停机位"> {{ infoObj.arrstandCd }}</el-descriptions-item>
+            <el-descriptions-item :span="2" label="计划降落时间">{{ formatTime(infoObj.scheduleLandInTime) }}</el-descriptions-item>
+            <el-descriptions-item :span="2" label="实际降落时间">{{ formatTime(infoObj.actualLandInTime) }}</el-descriptions-item>
           </el-descriptions>
         </div>
         <div class="newFlightView-left-top-list">
@@ -230,8 +232,8 @@ export default {
       }
     },
     // 显示日期
-    formatTime (t1, t2, t3) {
-      return t1 ? t1 : t2 ? t2 : t3 ? t3 : ''
+    formatTime (datetime) {
+      return datetime?.replace('T', ' ') ?? ''
     },
     // 导出
     exportHandler (refName, tableName) {
@@ -319,7 +321,7 @@ export default {
     width: 408px;
     margin-right: 8px;
     &-top {
-      height: 505px;
+      height: 575px;
       background-color: #fff;
       &-top {
         padding: 25px 16px;
@@ -360,7 +362,7 @@ export default {
       }
     }
     &-bottom {
-      height: calc(100% - 515px);
+      height: calc(100% - 575px - 10px);
       margin-top: 8px;
     }
   }

src/views/newQuery/components/table.vue

@@ -143,6 +143,7 @@ export default {
       tableDataSortRules: {},
       tableCath: [],
       leaveCount: 0,
+      arriveCount: 0,
       checkPath: ['/newDeparture', '/newTransfer/in', '/newTransfer/out', '/newArrival']
     }
   },
@@ -323,6 +324,7 @@ export default {
           pageSize
         )
         if (code == 0) {
+          let tableData = []
           if (returnData.length < pageSize) {
             this.noMore = true
             if (returnData.length === 0) {
@@ -331,14 +333,15 @@ export default {
             }
           }
           if (this.shouldReset) {
+            tableData = [...this.tableData, ...returnData]
             this.tableData.push(...returnData)
           } else {
-            this.tableData = [...returnData]
+            tableData = [...returnData]
             this.noMore = true
           }
-          this.$emit('tableLoad', [...this.tableData])
+          this.$emit('tableLoad', [...tableData])
           setTimeout(() => {
-            this.initTableData()
+            this.initTableData(tableData)
             this.loading = false
           }, 100)
         } else {
@@ -418,8 +421,8 @@ export default {
       }
     },
     // 初始化表格
-    initTableData () {
-      this.tableDataCopy = _.cloneDeep(this.tableData)
+    initTableData (tableData) {
+      this.tableDataCopy = _.cloneDeep(tableData)
       const datas = _.cloneDeep(this.tableColsCopy)
       // const reqUts = [];
       datas.forEach(async item => {
@@ -433,17 +436,43 @@ export default {
         //   }
         // }
       })
+      const now = new Date()
       if (this.$route.path == '/newDeparture') {
         this.leaveCount = 0
-        const nTableData = [...this.tableData]
+        const nTableData = [...tableData]
         const cData = nTableData.filter(item => Number(item['NO_BSM_number']) + Number(item['check_in_baggage_number']) > 0)
         cData.forEach(item => {
-          if (item.normalState == 'DEP' || item.normalState == 'ARR') {
+          const takeOffTime = item.actualTakeOffTime || item.scheduleTakeOffTime
+          if (takeOffTime && new Date(takeOffTime) < now) {
+            item.hasTakenOff = 'Y'
             this.leaveCount++
           }
         })
         this.tableData = _.orderBy([...cData], ["scheduleTakeOffTime", "normalState"], ["asc", "desc"]);
       }
+      if (this.$route.path == '/newArrival') {
+        this.arriveCount = 0
+        const nTableData = [...tableData]
+        nTableData.forEach(item => {
+          const landingTime = item.actualLandInTime
+          if (landingTime && new Date(landingTime) < now) {
+            item.hasLanded = 'Y'
+            this.arriveCount++
+          }
+        })
+        this.tableData = _.orderBy(nTableData, ['actualLandInTime', 'normalState'], ['asc', 'desc'])
+      }
+      if (this.$route.path.startsWith('/newTransfer')) {
+        this.leaveCount = 0
+        const nTableData = [...tableData]
+        nTableData.forEach(item => {
+          if (item.departure_flights_leave_date && new Date(item.departure_flights_leave_date) < now) {
+            item.hasTakenOff = 'Y'
+            this.leaveCount++
+          }
+        })
+        this.tableData = _.orderBy(nTableData, ['departure_flights_leave_date', 'normalState'], ['asc', 'desc'])
+      }
       const dats = this.setTableFilters(this.tableData, this.tableDataFilters)
       this.tableDataFilters = _.cloneDeep(dats)
       this.tableGroup(this.tableData)
@@ -595,12 +624,15 @@ export default {
             classes.push('bgl-canceled')
           }
         }
-        if (normalState) {
-          if (normalState == 'DEP' || normalState == 'ARR') {
-            classes.push('bgl-hui')
-          }
+        // if (normalState) {
+        //   if (normalState == 'DEP' || normalState == 'ARR') {
+        //     classes.push('bgl-hui')
+        //   }
+        // }
+        if (row.hasTakenOff === 'Y' || row.hasLanded === 'Y') {
+          classes.push('bgl-hui')
         }
-        if (rowIndex === this.leaveCount - 1) {
+        if (rowIndex === this.leaveCount - 1 || rowIndex === this.arriveCount - 1) {
           classes.push("redBorder");
         }
       }

src/views/statisticsCharts/components/commonBarStatisticsCharts.vue

@@ -1,10 +1,30 @@
 <template>
-  <div class="statstics-wrapper">
-    <div ref="headerWrapper" class="statstics-header">
-      <StatisticsHeader :title="`${chartsTitle}统计`" :custom-items="customFormItems" :items="formItems" :data.sync="formData" @getFormData="getFormData" @export="exportHandler" />
+  <div
+    v-loading="loading"
+    element-loading-text="拼命加载中"
+    element-loading-spinner="el-icon-loading"
+    element-loading-background="rgba(0, 0, 0, 0.8)"
+    class="statstics-wrapper"
+  >
+    <div
+      ref="headerWrapper"
+      class="statstics-header"
+    >
+      <StatisticsHeader
+        :title="`${chartsTitle}统计`"
+        :custom-items="customFormItems"
+        :items="formItems"
+        :data.sync="formData"
+        @getFormData="getFormData"
+        @export="exportHandler"
+      />
     </div>
     <div class="statstics-content">
-      <div id="chart" class="statistics-chart" :style="{ height: chartHeight }" />
+      <div
+        id="chart"
+        class="statistics-chart"
+        :style="{ height: chartHeight }"
+      />
     </div>
   </div>
 </template>
@@ -23,26 +43,27 @@ export default {
   props: {
     chartsTitle: {
       type: String,
-      required: true
+      required: true,
     },
     querySettings: {
       type: Object,
-      required: true
+      required: true,
     },
     customFormItems: {
       type: Array,
-      default: () => []
+      default: () => [],
     },
     formItems: {
       type: Array,
     },
     formData: {
       type: Object,
-      required: true
+      required: true,
     },
   },
-  data () {
+  data() {
     return {
+      loading: false,
       myChart: null,
       debounceTime: 300,
       chartHeight: '70vh',
@@ -59,9 +80,9 @@ export default {
           axisPointer: {
             type: 'cross',
             crossStyle: {
-              color: '#999'
-            }
-          }
+              color: '#999',
+            },
+          },
         },
         legend: {
           top: '5%',
@@ -74,37 +95,37 @@ export default {
           data: [
             this.chartsTitle.replace('量', '数量'),
             // `${this.chartsTitle}量同比`,
-            `${this.chartsTitle}环比`
+            `${this.chartsTitle}环比`,
           ],
           textStyle: {
             fontFamily: 'Helvetica, "Microsoft YaHei"',
-            color: '#101116'
-          }
+            color: '#101116',
+          },
         },
         grid: {
           top: '15%',
           left: '5%',
           right: '5%',
-          bottom: '5%'
+          bottom: '5%',
         },
         xAxis: {
           data: [],
           axisLine: {
             show: true,
             lineStyle: {
-              color: '#000000'
-            }
+              color: '#000000',
+            },
           },
           axisTick: {
-            show: false // 隐藏X轴刻度
+            show: false, // 隐藏X轴刻度
           },
           axisLabel: {
             fontFamily: 'Helvetica, "Microsoft YaHei"',
-            color: '#101116'
+            color: '#101116',
           },
           axisPointer: {
-            type: 'shadow'
-          }
+            type: 'shadow',
+          },
         },
         yAxis: [
           {
@@ -114,18 +135,18 @@ export default {
               lineStyle: {
                 type: 'dashed',
                 color: '#B0B3C3',
-                opacity: 0.5
-              }
+                opacity: 0.5,
+              },
             },
             axisPointer: {
               label: {
-                formatter: ({ value }) => value.toFixed()
-              }
+                formatter: ({ value }) => value.toFixed(),
+              },
             },
             axisLabel: {
               fontFamily: 'Helvetica, "Microsoft YaHei"',
-              color: '#101116'
-            }
+              color: '#101116',
+            },
           },
           {
             min: -0.3,
@@ -133,17 +154,17 @@ export default {
             axisLabel: {
               formatter: value => (value * 100).toFixed(2) + '%',
               fontFamily: 'Helvetica, "Microsoft YaHei"',
-              color: '#101116'
+              color: '#101116',
             },
             axisPointer: {
               label: {
-                formatter: ({ value }) => (value * 100).toFixed(2) + '%'
-              }
+                formatter: ({ value }) => (value * 100).toFixed(2) + '%',
+              },
             },
             splitLine: {
-              show: false
-            }
-          }
+              show: false,
+            },
+          },
         ],
         series: [
           {
@@ -151,14 +172,14 @@ export default {
             type: 'bar',
             z: 2,
             itemStyle: {
-              color: '#6682B5'
+              color: '#6682B5',
             },
             barWidth: 40,
             label: {
               show: true,
-              position: 'top'
+              position: 'top',
             },
-            data: []
+            data: [],
           },
           {
             name: `${this.chartsTitle}同比`,
@@ -169,17 +190,17 @@ export default {
             itemStyle: {
               color: '#F2B849',
               borderColor: '#ffffff',
-              borderWidth: 4
+              borderWidth: 4,
             },
             lineStyle: {
               width: 4,
-              color: '#F2B849'
+              color: '#F2B849',
             },
             symbolSize: 32,
             tooltip: {
-              valueFormatter: value => (value * 100).toFixed(2) + '%'
+              valueFormatter: value => (value * 100).toFixed(2) + '%',
             },
-            data: []
+            data: [],
           },
           {
             name: `${this.chartsTitle}环比`,
@@ -190,40 +211,40 @@ export default {
             itemStyle: {
               color: '#E33D3D',
               borderColor: '#ffffff',
-              borderWidth: 4
+              borderWidth: 4,
             },
             lineStyle: {
               width: 4,
-              color: '#E33D3D'
+              color: '#E33D3D',
             },
             symbolSize: 32,
             tooltip: {
-              valueFormatter: value => (value * 100).toFixed(2) + '%'
+              valueFormatter: value => (value * 100).toFixed(2) + '%',
             },
-            data: []
-          }
-        ]
+            data: [],
+          },
+        ],
       },
-      admin: {}
+      admin: {},
     }
   },
   computed: {
-    ...mapGetters(['sidebar'])
+    ...mapGetters(['sidebar']),
   },
   watch: {
     // 监听数据变化 重绘图形
     options: {
-      handler (obj) {
+      handler(obj) {
         this.myChart.setOption(obj)
         this.resizeHandler()
       },
-      deep: true
+      deep: true,
     },
-    'sidebar.expand' () {
+    'sidebar.expand'() {
       this.setChartHeight()
     },
     querySettings: {
-      handler ({ seriesKey, filters, xAxisKey }) {
+      handler({ seriesKey, filters, xAxisKey }) {
         if (seriesKey) {
           this.seriesKey = seriesKey
         }
@@ -235,18 +256,21 @@ export default {
         }
       },
       deep: true,
-      immediate: true
-    }
+      immediate: true,
+    },
   },
-  mounted () {
+  mounted() {
     this.setChartHeight()
     this.myChart = this.$echarts.init(document.getElementById('chart'))
     this.myChart.setOption(this.options)
     // 监听页面缩放
-    this.debouncedChartHeightSetter = this._.debounce(this.setChartHeight, this.debounceTime)
+    this.debouncedChartHeightSetter = this._.debounce(
+      this.setChartHeight,
+      this.debounceTime
+    )
     window.addEventListener('resize', this.debouncedChartHeightSetter)
   },
-  beforeDestroy () {
+  beforeDestroy() {
     // 销毁实例和移除监听
     window.removeEventListener('resize', this.debouncedChartHeightSetter)
     if (this.myChart) {
@@ -255,7 +279,7 @@ export default {
     }
   },
   methods: {
-    resetDatas () {
+    resetDatas() {
       this.hasChartData = false
       this.options.yAxis[0].max = 60000
       this.options.xAxis.data = []
@@ -264,15 +288,15 @@ export default {
       this.options.yAxis[1].min = -0.3
       this.options.yAxis[1].max = 0.5
     },
-    getFormData (formData) {
+    getFormData(formData) {
       this.resetDatas()
 
       let params = {}
-      params = JSON.parse(JSON.stringify(formData));
+      params = JSON.parse(JSON.stringify(formData))
       params.fd1 = formData.dateTime[0]
       params.fd2 = formData.dateTime[1]
       delete params.dateTime
-      this.admin = JSON.parse(JSON.stringify(params));
+      this.admin = JSON.parse(JSON.stringify(params))
       delete params.timedim
       this.getSingleChartsData(this.querySettings.serviceId, params)
       // if (formData.passengerType.length) {
@@ -291,45 +315,52 @@ export default {
       //   this.getSingleChartsData(id, params)
       // }
     },
-    async getMultipleChartsData (id, paramsList) {
+    async getMultipleChartsData(id, paramsList) {
+      this.loading = true
       try {
-        const listValuesArray = await Promise.all(paramsList.map(params => this.getChartsData(id, params)))
-        const listValues = listValuesArray.reduce((preValues, currentValues) => {
-          currentValues.forEach(value => {
-            const preValue = preValues.find(preValue => preValue.A === value.A)
-            if (preValue) {
-              preValue[this.seriesKey] += value[this.seriesKey]
-            } else {
-              preValues.push({
-                A: value.A,
-                [this.seriesKey]: value[this.seriesKey]
-              })
-            }
-          })
-          return preValues
-        }, [])
+        const listValuesArray = await Promise.all(
+          paramsList.map(params => this.getChartsData(id, params))
+        )
+        const listValues = listValuesArray.reduce(
+          (preValues, currentValues) => {
+            currentValues.forEach(value => {
+              const preValue = preValues.find(
+                preValue => preValue.A === value.A
+              )
+              if (preValue) {
+                preValue[this.seriesKey] += value[this.seriesKey]
+              } else {
+                preValues.push({
+                  A: value.A,
+                  [this.seriesKey]: value[this.seriesKey],
+                })
+              }
+            })
+            return preValues
+          },
+          []
+        )
         this.setChartsData(this._.sortBy(listValues, 'A'))
       } catch (error) {
         this.$message.error(error.message)
       }
+      this.loading = false
     },
-    async getSingleChartsData (id, params) {
+    async getSingleChartsData(id, params) {
+      this.loading = true
       try {
         const listValues = await this.getChartsData(id, params)
         this.setChartsData(listValues)
       } catch (error) {
         this.$message.error(error.message)
       }
+      this.loading = false
     },
-    async getChartsData (serviceId, params) {
+    async getChartsData(serviceId, params) {
       try {
-        const {
-          code,
-          returnData,
-          message
-        } = await TempQuery({
+        const { code, returnData, message } = await TempQuery({
           serviceId,
-          dataContent: [params]
+          dataContent: [params],
         })
         if (Number(code) === 0) {
           return returnData.listValues || returnData
@@ -340,7 +371,7 @@ export default {
         return Promise.reject(error.message || '失败')
       }
     },
-    setChartsData (listValues) {
+    setChartsData(listValues) {
       const xAxisData = []
       const yAxisData = [0]
       const seriesDatas = []
@@ -367,11 +398,9 @@ export default {
         this.seriesKey = 'out_num'
       } else if (this.admin.io === '中转') {
         this.seriesKey = 'trans_num'
-      }
-      else if (this.admin.timedim === '正常') {
+      } else if (this.admin.timedim === '正常') {
         this.seriesKey = 'bag_num'
-      }
-      else if (this.admin.timedim === '异常') {
+      } else if (this.admin.timedim === '异常') {
         this.seriesKey = 'exception_num'
       }
       for (let i = 0; i < filteredList.length; i++) {
@@ -380,8 +409,9 @@ export default {
         if (i > 0) {
           if (filteredList[i - 1][this.seriesKey] > 0) {
             yAxisData.push(
-              (filteredList[i][this.seriesKey] - filteredList[i - 1][this.seriesKey]) /
-              filteredList[i - 1][this.seriesKey]
+              (filteredList[i][this.seriesKey] -
+                filteredList[i - 1][this.seriesKey]) /
+                filteredList[i - 1][this.seriesKey]
             )
           } else {
             yAxisData.push(0)
@@ -399,24 +429,29 @@ export default {
       this.tableData = [xAxisData, seriesDatas, yAxisData]
       this.hasChartData = true
     },
-    setChartHeight () {
+    setChartHeight() {
       const topBarHeight = 80
       const headerBlankHeight = 24
       const tabsWrapperHeight = 62
       const headerHeight = this.$refs['headerWrapper'].offsetHeight
       const footerBlankHeight = 24
-      this.chartHeight = `calc(100vh - ${topBarHeight + headerBlankHeight + tabsWrapperHeight + headerHeight + footerBlankHeight
-        }px)`
+      this.chartHeight = `calc(100vh - ${
+        topBarHeight +
+        headerBlankHeight +
+        tabsWrapperHeight +
+        headerHeight +
+        footerBlankHeight
+      }px)`
       this.$nextTick(() => {
         this.resizeHandler()
       })
     },
-    resizeHandler () {
+    resizeHandler() {
       if (this.myChart) {
         this.myChart.resize()
       }
     },
-    exportHandler () {
+    exportHandler() {
       if (!this.hasChartData) {
         this.$message.warning('请查询后再进行导出')
         return
@@ -429,10 +464,18 @@ export default {
       // $a.click()
 
       // 生成表格数据
-      const xlsxDatas = [['时间', this.chartsTitle.replace('量', '数量'), `${this.chartsTitle}环比`]]
+      const xlsxDatas = [
+        [
+          '时间',
+          this.chartsTitle.replace('量', '数量'),
+          `${this.chartsTitle}环比`,
+        ],
+      ]
       const transposition = this.tableData[0].map((col, colIndex) => {
         return this.tableData.map((row, rowIndex) => {
-          return rowIndex === 2 ? (row[colIndex] * 100).toFixed(2) + '%' : row[colIndex]
+          return rowIndex === 2
+            ? (row[colIndex] * 100).toFixed(2) + '%'
+            : row[colIndex]
         })
       })
       xlsxDatas.push(...transposition)
@@ -441,17 +484,20 @@ export default {
         const summaryRow = ['合计']
         const colNum = xlsxDatas[0].length
         for (let colIndex = 1; colIndex < colNum; colIndex++) {
-          summaryRow[colIndex] = xlsxDatas.reduce((pre, currentRow, rowIndex) => {
-            if (colIndex === 1) {
-              if (rowIndex === 0) {
-                return 0
+          summaryRow[colIndex] = xlsxDatas.reduce(
+            (pre, currentRow, rowIndex) => {
+              if (colIndex === 1) {
+                if (rowIndex === 0) {
+                  return 0
+                } else {
+                  return pre + currentRow[colIndex]
+                }
               } else {
-                return pre + currentRow[colIndex]
+                return pre
               }
-            } else {
-              return pre
-            }
-          }, '')
+            },
+            ''
+          )
         }
         xlsxDatas.push(summaryRow)
       }
@@ -471,7 +517,10 @@ export default {
                 }, 0)
               )
           )
-          if ((!columnWidths[columnIndex] && cellWidth > 0) || cellWidth > columnWidths[columnIndex]) {
+          if (
+            (!columnWidths[columnIndex] && cellWidth > 0) ||
+            cellWidth > columnWidths[columnIndex]
+          ) {
             columnWidths[columnIndex] = cellWidth
           }
         })
@@ -480,14 +529,14 @@ export default {
       const sheet = XLSX.utils.aoa_to_sheet(xlsxDatas)
       // 添加列宽度
       sheet['!cols'] = columnWidths.map(width => ({
-        wch: width + 2
+        wch: width + 2,
       }))
       // 样式
       const borderStyle = {
         style: 'medium',
         color: {
-          rgb: 'FFFFFF'
-        }
+          rgb: 'FFFFFF',
+        },
       }
       const reg = /^[A-Z]+([\d]+$)/
       for (const key in sheet) {
@@ -498,8 +547,8 @@ export default {
             alignment: {
               horizontal: 'center',
               vertical: 'center',
-              wrapText: true
-            }
+              wrapText: true,
+            },
           }
           if (Number(rowIndex) === 1) {
             cellStyle = {
@@ -508,18 +557,18 @@ export default {
                 top: borderStyle,
                 right: borderStyle,
                 bottom: borderStyle,
-                left: borderStyle
+                left: borderStyle,
               },
               font: {
                 color: {
-                  rgb: 'FFFFFF'
-                }
+                  rgb: 'FFFFFF',
+                },
               },
               fill: {
                 fgColor: {
-                  rgb: '3366FF'
-                }
-              }
+                  rgb: '3366FF',
+                },
+              },
             }
           } else {
             cellStyle.alignment.horizontal = 'left'
@@ -534,13 +583,16 @@ export default {
         bookType: 'xlsx',
         bookSST: true,
         type: 'buffer',
-        cellStyles: true
+        cellStyles: true,
       })
       // 下载表格
       const fileName = `${this.chartsTitle}统计-${this.params.join('-')}.xlsx`
-      FileSaver.saveAs(new Blob([tableWrite], { type: 'application/octet-stream' }), fileName)
-    }
-  }
+      FileSaver.saveAs(
+        new Blob([tableWrite], { type: 'application/octet-stream' }),
+        fileName
+      )
+    },
+  },
 }
 </script>
 

src/views/statisticsCharts/components/commonPieStatisticsCharts.vue

@@ -1,5 +1,11 @@
 <template>
-  <div class="statstics-wrapper">
+  <div
+    v-loading="loading"
+    element-loading-text="拼命加载中"
+    element-loading-spinner="el-icon-loading"
+    element-loading-background="rgba(0, 0, 0, 0.8)"
+    class="statstics-wrapper"
+  >
     <div
       ref="headerWrapper"
       class="statstics-header"
@@ -35,30 +41,31 @@ export default {
   props: {
     chartsTitle: {
       type: String,
-      required: true
+      required: true,
     },
     querySettings: {
       type: Object,
-      required: true
+      required: true,
     },
     categories: {
       type: Array,
-      required: true
+      required: true,
     },
     customFormItems: {
       type: Array,
-      default: () => []
+      default: () => [],
     },
     pieTitle: {
       type: String,
-      default: '总件数'
+      default: '总件数',
     },
     onlyAirline: {
-      type: Boolean
-    }
+      type: Boolean,
+    },
   },
   data() {
     return {
+      loading: false,
       myChart: null,
       debounceTime: 300,
       chartHeight: '70vh',
@@ -68,7 +75,7 @@ export default {
       options: {
         backgroundColor: '#ffffff',
         tooltip: {
-          trigger: 'item'
+          trigger: 'item',
         },
         title: {
           text: '',
@@ -86,14 +93,14 @@ export default {
             fontSize: '48',
             color: '#ffffff',
             fontWeight: 'bold',
-            fontFamily: 'Microsoft YaHei'
+            fontFamily: 'Microsoft YaHei',
           },
           // 副标题样式
           subtextStyle: {
             fontSize: '80',
             color: '#ffffff',
-            fontWeight: 'bold'
-          }
+            fontWeight: 'bold',
+          },
         },
         legend: {
           show: true,
@@ -115,42 +122,42 @@ export default {
                 fontFamily: 'Microsoft YaHei',
                 fontWeight: 'bold',
                 color: '#101116',
-                padding: [0, 1000, 0, -20]
+                padding: [0, 1000, 0, -20],
               },
               name: {
                 fontSize: 20,
                 fontFamily: 'Microsoft YaHei',
                 fontWeight: 'bold',
                 color: '#101116',
-                lineHeight: 100
+                lineHeight: 100,
               },
               label: {
                 fontSize: 16,
                 fontFamily: 'Microsoft YaHei',
-                color: '#101116'
+                color: '#101116',
               },
               value: {
                 width: 96,
                 fontSize: 16,
                 fontFamily: 'Helvetica',
                 fontWeight: 'bold',
-                color: '#101116'
+                color: '#101116',
               },
               ratio: {
                 width: 80,
                 fontSize: 16,
                 fontFamily: 'Helvetica',
                 fontWeight: 'bold',
-                color: '#101116'
+                color: '#101116',
               },
               wrap: {
-                padding: [0, 40, 0, 0]
-              }
-            }
+                padding: [0, 40, 0, 0],
+              },
+            },
           },
           selected: {
-            [this.chartsTitle]: false
-          }
+            [this.chartsTitle]: false,
+          },
         },
         series: [
           {
@@ -164,19 +171,19 @@ export default {
             avoidLabelOverlap: false,
             label: {
               show: false,
-              position: 'center'
+              position: 'center',
             },
             emphasis: {
               label: {
                 show: false,
                 fontSize: '40',
-                fontWeight: 'bold'
-              }
+                fontWeight: 'bold',
+              },
             },
             labelLine: {
-              show: false
+              show: false,
             },
-            data: []
+            data: [],
           },
           {
             name: '总数',
@@ -189,41 +196,41 @@ export default {
             avoidLabelOverlap: false,
             itemStyle: {
               normal: {
-                color: '#101116'
-              }
+                color: '#101116',
+              },
             },
             label: {
               show: false,
-              position: 'center'
+              position: 'center',
             },
             // 自定义中心内容的话需要把这个关闭
             emphasis: {
               label: {
-                show: false
-              }
+                show: false,
+              },
             },
             labelLine: {
-              show: false
+              show: false,
             },
-            data: []
-          }
-        ]
+            data: [],
+          },
+        ],
       },
       totalCount: [{ value: 0 }],
       categoryDatas: [],
       categoryKey: 'specialnum',
-      seriesKey: 'special'
+      seriesKey: 'special',
     }
   },
   computed: {
-    ...mapGetters(['sidebar'])
+    ...mapGetters(['sidebar']),
   },
   watch: {
     pieTitle: {
       handler(val) {
         this.options.title.text = val
       },
-      immediate: true
+      immediate: true,
     },
     // 监听数据变化 重绘图形
     options: {
@@ -231,21 +238,21 @@ export default {
         this.myChart.setOption(obj)
         this.resizeHandler()
       },
-      deep: true
+      deep: true,
     },
     categories: {
       handler(arr) {
         this.categoryDatas = arr.map(categoryName => ({
           name: categoryName,
-          value: 0
+          value: 0,
         }))
         this.categoryDatas.unshift({
           name: this.chartsTitle,
-          value: null
+          value: null,
         })
       },
       deep: true,
-      immediate: true
+      immediate: true,
     },
     querySettings: {
       handler({ categoryKey, seriesKey }) {
@@ -257,11 +264,11 @@ export default {
         }
       },
       deep: true,
-      immediate: true
+      immediate: true,
     },
     'sidebar.expand'() {
       this.setChartHeight()
-    }
+    },
   },
   mounted() {
     this.setChartHeight()
@@ -271,11 +278,11 @@ export default {
       if (index === 0) {
         return {
           name,
-          icon: 'none'
+          icon: 'none',
         }
       } else {
         return {
-          name
+          name,
         }
       }
     })
@@ -285,12 +292,15 @@ export default {
       if (name === this.chartsTitle) {
         this.myChart.dispatchAction({
           type: 'legendUnSelect',
-          name
+          name,
         })
       }
     })
     // 监听页面缩放
-    this.debouncedChartHeightSetter = this._.debounce(this.setChartHeight, this.debounceTime)
+    this.debouncedChartHeightSetter = this._.debounce(
+      this.setChartHeight,
+      this.debounceTime
+    )
     window.addEventListener('resize', this.debouncedChartHeightSetter)
   },
   beforeDestroy() {
@@ -303,12 +313,17 @@ export default {
   },
   methods: {
     legendFormatter(name) {
-      const index = this.categoryDatas.findIndex(category => category.name === name)
+      const index = this.categoryDatas.findIndex(
+        category => category.name === name
+      )
       if (index === 0) {
         return `{chartsTitle|${name}}`
       } else {
         const value = this.categoryDatas[index].value
-        const ratio = value && this.totalCount.value ? ((value / this.totalCount.value) * 100).toFixed(2) + '%' : '0%'
+        const ratio =
+          value && this.totalCount.value
+            ? ((value / this.totalCount.value) * 100).toFixed(2) + '%'
+            : '0%'
         const richString = `{name|${name}}\n{label|数量：}{value|${value}}{label|占比：}{ratio|${ratio}}`
         return index % 2 ? richString + '{wrap| }' : richString
       }
@@ -330,7 +345,11 @@ export default {
       if (this.onlyAirline) {
         if (formData.range === '航线') {
           id = this.querySettings.byAirline
-          params = [formData.airline, formData.dateTime[0], formData.dateTime[1]]
+          params = [
+            formData.airline,
+            formData.dateTime[0],
+            formData.dateTime[1],
+          ]
         } else {
           id = this.querySettings.all
           params = [formData.dateTime[0], formData.dateTime[1]]
@@ -338,10 +357,22 @@ export default {
       } else {
         if (formData.range === '基地分公司') {
           id = this.querySettings.byArea
-          params = [formData.interval, formData.area, formData.inOrOut, formData.dateTime[0], formData.dateTime[1]]
+          params = [
+            formData.interval,
+            formData.area,
+            formData.inOrOut,
+            formData.dateTime[0],
+            formData.dateTime[1],
+          ]
         } else {
           id = this.querySettings.byOther
-          params = [formData.interval, formData.range, formData.inOrOut, formData.dateTime[0], formData.dateTime[1]]
+          params = [
+            formData.interval,
+            formData.range,
+            formData.inOrOut,
+            formData.dateTime[0],
+            formData.dateTime[1],
+          ]
           if (formData.airline.length) {
             params.splice(2, 0, formData.airline)
           } else if (formData.airport.length) {
@@ -358,41 +389,55 @@ export default {
         const paramsList = params[0].map(param => [param, ...params.slice(1)])
         this.getMultipleChartsData(id, paramsList)
       } else if (params[2] instanceof Array) {
-        const paramsList = params[2].map(param => [...params.slice(0, 2), param, ...params.slice(3)])
+        const paramsList = params[2].map(param => [
+          ...params.slice(0, 2),
+          param,
+          ...params.slice(3),
+        ])
         this.getMultipleChartsData(id, paramsList)
       } else {
         this.getSingleChartsData(id, params)
       }
     },
     async getMultipleChartsData(id, paramsList) {
+      this.loading = true
       try {
-        const listValuesArray = await Promise.all(paramsList.map(params => this.getChartsData(id, params)))
+        const listValuesArray = await Promise.all(
+          paramsList.map(params => this.getChartsData(id, params))
+        )
         this.tableData = listValuesArray.flat()
-        const listValues = listValuesArray.reduce((preValues, currentValues) => {
-          currentValues.forEach(value => {
-            const preValue = preValues.find(
-              preValue => preValue.A === value.A && preValue[this.categoryKey] === value[this.categoryKey]
-            )
-            if (preValue) {
-              preValue[this.seriesKey] += value[this.seriesKey]
-            } else {
-              preValues.push({
-                A: value.A,
-                [this.categoryKey]: value[this.categoryKey],
-                [this.seriesKey]: value[this.seriesKey]
-              })
-            }
-          })
-          return preValues
-        }, [])
+        const listValues = listValuesArray.reduce(
+          (preValues, currentValues) => {
+            currentValues.forEach(value => {
+              const preValue = preValues.find(
+                preValue =>
+                  preValue.A === value.A &&
+                  preValue[this.categoryKey] === value[this.categoryKey]
+              )
+              if (preValue) {
+                preValue[this.seriesKey] += value[this.seriesKey]
+              } else {
+                preValues.push({
+                  A: value.A,
+                  [this.categoryKey]: value[this.categoryKey],
+                  [this.seriesKey]: value[this.seriesKey],
+                })
+              }
+            })
+            return preValues
+          },
+          []
+        )
         // console.log(listValues)
 
         this.setChartsData(this._.sortBy(listValues, 'A'))
       } catch (error) {
         this.$message.error(error.message)
       }
+      this.loading = false
     },
     async getSingleChartsData(id, params) {
+      this.loading = true
       try {
         const listValues = await this.getChartsData(id, params)
         this.tableData = listValues
@@ -400,16 +445,17 @@ export default {
       } catch (error) {
         this.$message.error(error.message)
       }
+      this.loading = false
     },
     async getChartsData(id, params) {
       try {
         const {
           code,
           returnData: { listValues },
-          message
+          message,
         } = await TempQuery({
           id,
-          dataContent: params
+          dataContent: params,
         })
         if (Number(code) === 0) {
           return listValues
@@ -445,7 +491,11 @@ export default {
       const headerHeight = this.$refs['headerWrapper'].offsetHeight
       const footerBlankHeight = 24
       this.chartHeight = `calc(100vh - ${
-        topBarHeight + headerBlankHeight + tabsWrapperHeight + headerHeight + footerBlankHeight
+        topBarHeight +
+        headerBlankHeight +
+        tabsWrapperHeight +
+        headerHeight +
+        footerBlankHeight
       }px)`
       this.$nextTick(() => {
         this.resizeHandler()
@@ -475,7 +525,8 @@ export default {
           element['location'],
           element[this.categoryKey],
           element[this.seriesKey],
-          ((element[this.seriesKey] / this.totalCount.value) * 100).toFixed(2) + '%'
+          ((element[this.seriesKey] / this.totalCount.value) * 100).toFixed(2) +
+            '%',
         ])
       )
       xlsxDatas.push(['合计', '', '', this.totalCount.value, ''])
@@ -495,7 +546,10 @@ export default {
                 }, 0)
               )
           )
-          if ((!columnWidths[columnIndex] && cellWidth > 0) || cellWidth > columnWidths[columnIndex]) {
+          if (
+            (!columnWidths[columnIndex] && cellWidth > 0) ||
+            cellWidth > columnWidths[columnIndex]
+          ) {
             columnWidths[columnIndex] = cellWidth
           }
         })
@@ -504,14 +558,14 @@ export default {
       const sheet = XLSX.utils.aoa_to_sheet(xlsxDatas)
       // 添加列宽度
       sheet['!cols'] = columnWidths.map(width => ({
-        wch: width + 2
+        wch: width + 2,
       }))
       // 样式
       const borderStyle = {
         style: 'medium',
         color: {
-          rgb: 'FFFFFF'
-        }
+          rgb: 'FFFFFF',
+        },
       }
       const reg = /^[A-Z]+([\d]+$)/
       for (const key in sheet) {
@@ -522,8 +576,8 @@ export default {
             alignment: {
               horizontal: 'center',
               vertical: 'center',
-              wrapText: true
-            }
+              wrapText: true,
+            },
           }
           if (Number(rowIndex) === 1) {
             cellStyle = {
@@ -532,18 +586,18 @@ export default {
                 top: borderStyle,
                 right: borderStyle,
                 bottom: borderStyle,
-                left: borderStyle
+                left: borderStyle,
               },
               font: {
                 color: {
-                  rgb: 'FFFFFF'
-                }
+                  rgb: 'FFFFFF',
+                },
               },
               fill: {
                 fgColor: {
-                  rgb: '3366FF'
-                }
-              }
+                  rgb: '3366FF',
+                },
+              },
             }
           } else {
             cellStyle.alignment.horizontal = 'left'
@@ -558,20 +612,20 @@ export default {
         bookType: 'xlsx',
         bookSST: true,
         type: 'buffer',
-        cellStyles: true
+        cellStyles: true,
       })
       // 下载表格
       const fileName = `${this.chartsTitle}统计-${this.params.join('-')}.xlsx`
-      FileSaver.saveAs(new Blob([tableWrite], { type: 'application/octet-stream' }), fileName)
-    }
-  }
+      FileSaver.saveAs(
+        new Blob([tableWrite], { type: 'application/octet-stream' }),
+        fileName
+      )
+    },
+  },
 }
 </script>
 
-<style
-  lang="scss"
-  scoped
->
+<style lang="scss" scoped>
 .statistics-chart {
   width: 100%;
 }

src/views/statisticsCharts/components/statisticsTabs.vue

@@ -43,7 +43,7 @@ export default {
           children: [
             {
               path: 'flight',
-              title: '行李进港数量统计',
+              title: '行李数量统计',
             },
             {
               path: 'baggage',

src/views/statisticsCharts/views/airlineCompany/flightStatisticsCharts.vue

@@ -1,6 +1,6 @@
 <template>
   <CommonBarStatisticsCharts
-    charts-title="行李进港数量"
+    charts-title="行李数量"
     :query-settings="querySettings"
     :formItems="formItems"
     :formData="formData"

src/views/statisticsCharts/views/nodeStatisticsCharts.vue

@@ -1,28 +1,74 @@
 <template>
-  <div class="statstics-wrapper">
-    <div ref="headerWrapper" class="statstics-header">
-      <StatisticsHeader title="扫描节点与位置分析" :items="formItems" :data="formData" with-setting @getFormData="getFormData" @export="exportHandler" @setting="settingHandler" />
+  <div
+    v-loading="loading"
+    element-loading-text="拼命加载中"
+    element-loading-spinner="el-icon-loading"
+    element-loading-background="rgba(0, 0, 0, 0.8)"
+    class="statstics-wrapper"
+  >
+    <div
+      ref="headerWrapper"
+      class="statstics-header"
+    >
+      <StatisticsHeader
+        title="扫描节点与位置分析"
+        :items="formItems"
+        :data="formData"
+        with-setting
+        @getFormData="getFormData"
+        @export="exportHandler"
+        @setting="settingHandler"
+      />
     </div>
-    <div v-loading="loading" element-loading-text="拼命加载中" element-loading-spinner="el-icon-loading" element-loading-background="rgba(0, 0, 0, 0.8)" class="statstics-content">
-      <div ref="myChart" class="node-statistics-chart" :style="{ height: chartHeight }" />
-      <div v-if="checkedTooltips.length" class="node-tooltip">
+    <div class="statstics-content">
+      <div
+        ref="myChart"
+        class="node-statistics-chart"
+        :style="{ height: chartHeight }"
+      />
+      <div
+        v-if="checkedTooltips.length"
+        class="node-tooltip"
+      >
         <div class="node-tooltip-title">节点扫描率</div>
-        <div v-for="tooltip in checkedTooltips" :key="tooltip.label" class="node-tooltip-content">
+        <div
+          v-for="tooltip in checkedTooltips"
+          :key="tooltip.label"
+          class="node-tooltip-content"
+        >
           <span>{{ tooltip.label }}：</span><span>{{ tooltip.ratio }}</span>
         </div>
       </div>
     </div>
-    <Dialog :flag="dialogFlag" class="dialog-check-group">
+    <Dialog
+      :flag="dialogFlag"
+      class="dialog-check-group"
+    >
       <div class="dialog-wrapper">
         <div class="title">列设置</div>
         <div class="content">
           <el-checkbox-group v-model="checkListTemp">
-            <el-checkbox v-for="node in nodeList" :key="node.name" :label="node.name" :disabled="node.disabled" />
+            <el-checkbox
+              v-for="node in nodeList"
+              :key="node.name"
+              :label="node.name"
+              :disabled="node.disabled"
+            />
           </el-checkbox-group>
         </div>
         <div class="foot right t30">
-          <el-button size="medium" class="r24" type="primary" @click="onCheck">确定</el-button>
-          <el-button size="medium" @click="hide">取消</el-button>
+          <el-button
+            size="medium"
+            class="r24"
+            type="primary"
+            @click="onCheck"
+            >确定</el-button
+          >
+          <el-button
+            size="medium"
+            @click="hide"
+            >取消</el-button
+          >
         </div>
       </div>
     </Dialog>
@@ -41,7 +87,7 @@ import FileSaver from 'file-saver'
 export default {
   name: 'FlightStatisticsCharts',
   components: { StatisticsHeader, Dialog },
-  data () {
+  data() {
     return {
       formData: {
         range: '',
@@ -63,10 +109,10 @@ export default {
             {
               value: 'airport',
               label: '航站',
-            }
+            },
           ],
           setKey: 'a1',
-          changeHandler (value) {
+          changeHandler(value) {
             switch (value) {
               case 'airline':
                 this.formData.airport = null
@@ -117,14 +163,16 @@ export default {
           inputType: 'select',
           placeholder: '进离港',
           clearable: true,
-          options: [{
-            value: '离港',
-            label: '离港',
-          },
-          {
-            value: '进港',
-            label: '进港',
-          }],
+          options: [
+            {
+              value: '离港',
+              label: '离港',
+            },
+            {
+              value: '进港',
+              label: '进港',
+            },
+          ],
         },
         {
           prop: 'dateTime',
@@ -140,49 +188,49 @@ export default {
           name: '行李总件数',
           label: '',
           disabled: true,
-          nodeKey: 'bags'
+          nodeKey: 'bags',
         },
         {
           name: '值机件数',
           label: '值机',
-          nodeKey: 'check_in'
+          nodeKey: 'check_in',
         },
         {
           name: '安检件数',
           label: '安检',
-          nodeKey: 'security'
+          nodeKey: 'security',
         },
         {
           name: '分拣件数',
           label: '分拣',
-          nodeKey: 'sort_num'
+          nodeKey: 'sort_num',
         },
         {
           name: '装车件数',
           label: '装车',
-          nodeKey: 'load_car'
+          nodeKey: 'load_car',
         },
         {
           name: '装机件数',
           label: '装机',
-          nodeKey: 'load_plane'
+          nodeKey: 'load_plane',
           // disabled: true
         },
         {
           name: '卸机件数',
           label: '卸机',
           disabled: true,
-          nodeKey: ''
-        },
-        {
-          name: '中转件数',
-          label: '中转',
-          nodeKey: 'transfer'
+          nodeKey: '',
         },
+        // {
+        //   name: '中转件数',
+        //   label: '中转',
+        //   nodeKey: 'transfer'
+        // },
         {
           name: '到达件数',
           label: '到达',
-          nodeKey: 'arrive'
+          nodeKey: 'arrive',
         },
       ],
       checkList: [],
@@ -235,17 +283,17 @@ export default {
       seriesData: [],
       tooltips: [],
       descriptions: {},
-      loading: false
+      loading: false,
     }
   },
   computed: {
     ...mapGetters(['sidebar']),
-    checkedTooltips () {
+    checkedTooltips() {
       return this.tooltips.filter(tooltip =>
         this.checkList.includes(tooltip.name)
       )
     },
-    checkedSeriesData () {
+    checkedSeriesData() {
       return this.seriesData.reduce((pre, curr) => {
         if (this.checkList.includes(curr.name)) {
           return [...pre, curr.value]
@@ -254,19 +302,19 @@ export default {
         }
       }, [])
     },
-    checkedIndicator () {
+    checkedIndicator() {
       return this.indicator.filter(node => this.checkList.includes(node.name))
     },
   },
   watch: {
     checkedIndicator: {
-      handler (arr) {
+      handler(arr) {
         this.echartsOptions.radar.indicator = arr
       },
       deep: true,
     },
     checkedSeriesData: {
-      handler (arr) {
+      handler(arr) {
         this.echartsOptions.series[0].data = [
           {
             name: this.queryData[2],
@@ -278,17 +326,17 @@ export default {
     },
     // 监听数据变化 重绘图形
     echartsOptions: {
-      handler (obj) {
+      handler(obj) {
         this.myChart && this.myChart.setOption(obj)
         this.resizeHandler()
       },
       deep: true,
     },
-    'sidebar.expand' () {
+    'sidebar.expand'() {
       this.setChartHeight()
     },
   },
-  created () {
+  created() {
     this.getTips()
 
     this.tooltips = this.nodeList.reduce((pre, curr) => {
@@ -310,7 +358,7 @@ export default {
     this.indicator = this.nodeList.map(node => ({
       name: node.name,
       max: 10000,
-      key: node.nodeKey
+      key: node.nodeKey,
     }))
 
     this.checkList = this.nodeList.reduce((pre, curr) => {
@@ -326,7 +374,7 @@ export default {
       }
     }, [])
   },
-  mounted () {
+  mounted() {
     const that = this
 
     this.setChartHeight()
@@ -348,7 +396,7 @@ export default {
       setTimeout(that.changeTips.bind(that, params), 0)
     })
   },
-  beforeDestroy () {
+  beforeDestroy() {
     // 销毁实例和移除监听
     window.removeEventListener('resize', this.debouncedChartHeightSetter)
     if (this.myChart) {
@@ -357,21 +405,21 @@ export default {
     }
   },
   methods: {
-    hideTips (params) {
+    hideTips(params) {
       if (params.componentType === 'radar') {
         this.myChart._dom.children[1].style.opacity = 0
       }
     },
-    changeTips (params) {
+    changeTips(params) {
       const tip = this.myChart._dom.children[1]
       if (params.componentType === 'radar' && this.descriptions[params.name]) {
         tip.innerHTML = tip.textContent = this.descriptions[params.name]
       }
     },
-    getFormData (data) {
+    getFormData(data) {
       this.queryChartsData(data)
     },
-    setInOrOutOptions (range) {
+    setInOrOutOptions(range) {
       const theInOrOutItem = this.formItems.find(
         item => item.prop === 'inOrOut'
       )
@@ -389,13 +437,9 @@ export default {
           break
       }
     },
-    async getTips () {
+    async getTips() {
       try {
-        const {
-          code,
-          returnData,
-          message,
-        } = await TempQuery({
+        const { code, returnData, message } = await TempQuery({
           serviceId: SERVICE_ID.nodeAxisDesc,
           dataContent: [],
         })
@@ -408,7 +452,7 @@ export default {
         this.$message.error('失败')
       }
     },
-    async queryChartsData (data) {
+    async queryChartsData(data) {
       this.loading = true
       const params = []
       let queryId
@@ -450,7 +494,7 @@ export default {
         airport: data.airport,
         io_type: data.inOrOut,
         fd1: data.dateTime[0],
-        fd2: data.dateTime[1]
+        fd2: data.dateTime[1],
       }
       params.push(dataObj)
       // if (data.range === '航线') {
@@ -509,28 +553,29 @@ export default {
         this.$message.error('失败')
       }
     },
-    setChartHeight () {
+    setChartHeight() {
       const topBarHeight = 80
       const headerBlankHeight = 24
       const tabsWrapperHeight = 62
       const headerHeight = this.$refs['headerWrapper'].offsetHeight
       const footerBlankHeight = 24
-      this.chartHeight = `calc(100vh - ${topBarHeight +
+      this.chartHeight = `calc(100vh - ${
+        topBarHeight +
         headerBlankHeight +
         tabsWrapperHeight +
         headerHeight +
         footerBlankHeight
-        }px)`
+      }px)`
       this.$nextTick(() => {
         this.resizeHandler()
       })
     },
-    resizeHandler () {
+    resizeHandler() {
       if (this.myChart) {
         this.myChart.resize()
       }
     },
-    exportHandler () {
+    exportHandler() {
       if (!this.hasChartData) {
         this.$message.warning('请查询后再进行导出')
         return
@@ -543,7 +588,7 @@ export default {
       // $a.setAttribute('download', '扫描节点与位置分析统计.png')
       // $a.click()
     },
-    async queryExportData (queryData) {
+    async queryExportData(queryData) {
       let queryId
       switch (queryData[0]) {
         case '航站':
@@ -706,11 +751,11 @@ export default {
         this.$message.error('失败')
       }
     },
-    settingHandler () {
+    settingHandler() {
       this.dialogFlag = true
       this.checkListTemp = [...this.checkList]
     },
-    onCheck () {
+    onCheck() {
       if (this.dialogFlag === false) {
         return
       }
@@ -721,7 +766,7 @@ export default {
       this.checkList = [...this.checkListTemp]
       this.dialogFlag = false
     },
-    hide () {
+    hide() {
       this.dialogFlag = false
     },
   },
@@ -740,7 +785,7 @@ export default {
       left: 64px;
       z-index: 100;
       font-size: 14px;
-      font-family: Helvetica, "Microsoft YaHei";
+      font-family: Helvetica, 'Microsoft YaHei';
       color: #303133;
       .node-tooltip-title {
         line-height: 14px;