init: 表格合计 下载xlxs 航空视图 快捷搜索

src/views/newDemo/index.vue

@@ -80,4 +80,4 @@ export default {
     }
   }
 }
-</style>
+</style>

src/views/newFlightView/index.vue

@@ -9,34 +9,44 @@
           </div>
           <div class="newFlightView-left-top-top-status">
             <el-scrollbar style="height: 100%">
-              <el-checkbox-group @change="checkChange" class="flex-wrap" v-model="checkList">
-                <Item v-for="(item,index) in checkStates" :key="index" :total="checkStates" :index="index+1" :item="item" />
+              <el-checkbox-group v-model="checkList" class="flex-wrap" @change="checkChange">
+                <Item v-for="(item, index) in checkStates" :key="index" :total="checkStates" :index="index + 1"
+                  :item="item" />
               </el-checkbox-group>
             </el-scrollbar>
           </div>
         </div>
         <div class="newFlightView-left-top-list">
           <el-descriptions :column="2">
-            <el-descriptions-item label="起飞机场简称">{{ infoObj.takeoff_airport_name || takeoffName }}</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>
-            <el-descriptions-item :span="2" v-if="!UTCvalue" :label="'计划'+infoObj.outAirport+'起飞时间'">{{ formatTime(infoObj.scheduleTakeOffTimeLocalOut) }}</el-descriptions-item>
-            <el-descriptions-item :span="2" v-if="!UTCvalue" :label="'实际'+infoObj.outAirport+'起飞时间'">{{ formatTime(infoObj.actualTakeOffTimeLocalOut) }}</el-descriptions-item>
-            <el-descriptions-item :span="2" v-if="UTCvalue" :label="'计划'+infoObj.outAirport+'起飞UTC时间'">{{ formatTime(infoObj.scheduleTakeOffTimeUTC) }}</el-descriptions-item>
-            <el-descriptions-item :span="2" v-if="UTCvalue" :label="'实际'+infoObj.outAirport+'起飞UTC时间'">{{ formatTime(infoObj.actualTakeOffTimeUTC) }}</el-descriptions-item>
+            <el-descriptions-item v-if="!UTCvalue" :span="2" :label="'计划' + infoObj.outAirport + '起飞时间'">{{
+              formatTime(infoObj.scheduleTakeOffTimeLocalOut) }}</el-descriptions-item>
+            <el-descriptions-item v-if="!UTCvalue" :span="2" :label="'实际' + infoObj.outAirport + '起飞时间'">{{
+              formatTime(infoObj.actualTakeOffTimeLocalOut) }}</el-descriptions-item>
+            <el-descriptions-item v-if="UTCvalue" :span="2" :label="'计划' + infoObj.outAirport + '起飞UTC时间'">{{
+              formatTime(infoObj.scheduleTakeOffTimeUTC) }}</el-descriptions-item>
+            <el-descriptions-item v-if="UTCvalue" :span="2" :label="'实际' + infoObj.outAirport + '起飞UTC时间'">{{
+              formatTime(infoObj.actualTakeOffTimeUTC) }}</el-descriptions-item>
           </el-descriptions>
         </div>
         <div class="newFlightView-left-top-list">
           <el-descriptions :column="2">
             <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.arrcarouselCd }}</el-descriptions-item>
             <el-descriptions-item label="停机位"> {{ infoObj.arrstandCd }}</el-descriptions-item>
-            <el-descriptions-item :span="2" v-if="!UTCvalue" :label="'计划'+infoObj.landAirport+'降落时间'">{{ formatTime(infoObj.scheduleLandInTimeLocalIn) }}</el-descriptions-item>
-            <el-descriptions-item :span="2" v-if="!UTCvalue" :label="'实际'+infoObj.landAirport+'降落时间'">{{ formatTime(infoObj.actualLandInTimeLocalIn) }}</el-descriptions-item>
-            <el-descriptions-item :span="2" v-if="UTCvalue" :label="'计划'+infoObj.landAirport+'降落UTC时间'">{{ formatTime(infoObj.scheduleLandInTimeUTC) }}</el-descriptions-item>
-            <el-descriptions-item :span="2" v-if="UTCvalue" :label="'实际'+infoObj.landAirport+'降落UTC时间'">{{ formatTime(infoObj.actualLandInTimeUTC) }}</el-descriptions-item>
+            <el-descriptions-item v-if="!UTCvalue" :span="2" :label="'计划' + infoObj.landAirport + '降落时间'">{{
+              formatTime(infoObj.scheduleLandInTimeLocalIn) }}</el-descriptions-item>
+            <el-descriptions-item v-if="!UTCvalue" :span="2" :label="'实际' + infoObj.landAirport + '降落时间'">{{
+              formatTime(infoObj.actualLandInTimeLocalIn) }}</el-descriptions-item>
+            <el-descriptions-item v-if="UTCvalue" :span="2" :label="'计划' + infoObj.landAirport + '降落UTC时间'">{{
+              formatTime(infoObj.scheduleLandInTimeUTC) }}</el-descriptions-item>
+            <el-descriptions-item v-if="UTCvalue" :span="2" :label="'实际' + infoObj.landAirport + '降落UTC时间'">{{
+              formatTime(infoObj.actualLandInTimeUTC) }}</el-descriptions-item>
           </el-descriptions>
         </div>
         <div class="newFlightView-left-top-list">
@@ -49,7 +59,7 @@
         </div>
       </div>
       <div class="newFlightView-left-bottom">
-        <Table :tableTag="table1" tableName="容器列表" />
+        <Table :table-tag="table1" table-name="容器列表" />
       </div>
     </div>
     <div class="newFlightView-right">
@@ -57,21 +67,20 @@
         <div class="newFlightView-right-top-left flex-wrap">
           <div class="manageTitle">航班行李列表</div>
           <div class="newFlightView-right-top-left-select">快捷筛选
-            <el-cascader v-model="selectedFilter" :options="fastFilterOptions" :props="{ expandTrigger: 'hover', checkStrictly: true }" size="small" placeholder="无" clearable />
+            <el-cascader v-model="selectedFilter" :options="fastFilterOptions"
+              :props="{ expandTrigger: 'hover', checkStrictly: true }" size="small" placeholder="无" clearable />
           </div>
         </div>
         <div class="newFlightView-right-top-right flex-wrap">
           <!-- <TimeZoneSelector /> -->
-          <el-switch
-            v-model="UTCvalue"
-            inactive-text="UTC"
-            @change="UTCchange">
-          </el-switch>
-          <img class="btn-img btn-shadow" src="@/assets/baggage/ic_export.png" title="导出" @click="exportHandler('table', '航班行李列表')" />
+          <el-switch v-model="UTCvalue" inactive-text="UTC" @change="UTCchange" />
+          <img class="btn-img btn-shadow" src="@/assets/baggage/ic_export.png" title="导出"
+            @click="exportHandler('table', '航班行李列表')">
         </div>
       </div>
       <div class="newFlightView-right-bottom">
-        <Table :tableTag="table2" ref="table" :fast-filter="fastFilter" :btnStyle="{top:'-52px'}" :istableCol="true" tableName="航班行李列表" :pageSize="999" @tableLoad="tableLoad" />
+        <Table ref="table" :table-tag="table2" :btn-style="{ top: '-52px' }" :istable-col="true"
+          table-name="航班行李列表" :page-size="999" @tableLoad="tableLoad" />
       </div>
     </div>
   </div>
@@ -79,17 +88,17 @@
 
 <script>
 import Table from '@/views/newQuery/components/table.vue'
-import TimeZoneSelector from "@/components/TimeZoneSelector"
-import { exportToExcel } from "@/utils/table"
+import TimeZoneSelector from '@/components/TimeZoneSelector'
+import { exportToExcel } from '@/utils/table'
 import { combine } from '@/utils'
 import pf from '@/layout/mixin/publicFunc'
 import Item from './item.vue'
 export default {
   components: { Table, TimeZoneSelector, Item },
   mixins: [pf],
-  data () {
+  data() {
     return {
-      UTCvalue:false,
+      UTCvalue: false,
       radio: '1',
       options: [],
       value: '',
@@ -197,6 +206,10 @@ export default {
           label: '装机T',
           value: 'onaiecraft_T',
         },
+        {
+          label: '需要翻减',
+          value: 'unloaded_status'
+        },
         {
           label: '待翻检',
           value: 'NO_check_number'
@@ -272,7 +285,7 @@ export default {
     }
   },
   computed: {
-    fastFilter () {
+    fastFilter() {
       const [key, value] = this.selectedFilter
       // console.log(this.selectedFilter)
       if (!key) {
@@ -286,9 +299,9 @@ export default {
           case 'check_in_baggage_number':
             return row['No_BSM'] != 1
           case 'check_in_L':
-            return row['No_BSM'] != 1 && (row['inflightNo'] == row['carrierFlights'] || row['inflightNo'] == null || row['inflightNo'] == "")
+            return row['No_BSM'] != 1 && (row['inflightNo'] == row['carrierFlights'] || row['inflightNo'] == null || row['inflightNo'] == '')
           case 'check_in_T':
-            return row['No_BSM'] != 1 && (row['inflightNo'] != row['carrierFlights'] && row['inflightNo'] != null && row['inflightNo'] != "")
+            return row['No_BSM'] != 1 && (row['inflightNo'] != row['carrierFlights'] && row['inflightNo'] != null && row['inflightNo'] != '')
           case 'NO_activate_number':
             return row['activeState'] == 1
           case 'estimated_load_number':
@@ -296,33 +309,35 @@ export default {
           case 'screened_number':
             return row['securityInspectionResults']
           case 'security_L':
-            return row['securityInspectionResults'] && (row['inflightNo'] == row['carrierFlights'] || row['inflightNo'] == null || row['inflightNo'] == "")
+            return row['securityInspectionResults'] && (row['inflightNo'] == row['carrierFlights'] || row['inflightNo'] == null || row['inflightNo'] == '')
           case 'security_T':
-            return row['securityInspectionResults'] && (row['inflightNo'] != row['carrierFlights'] && row['inflightNo'] != null && row['inflightNo'] != "")
+            return row['securityInspectionResults'] && (row['inflightNo'] != row['carrierFlights'] && row['inflightNo'] != null && row['inflightNo'] != '')
           case 'B_security_check_number':
             return row['B_security_check_time']
           case 'B_security_check_number_L':
-            return row['B_security_check_time'] && (row['inflightNo'] == row['carrierFlights'] || row['inflightNo'] == null || row['inflightNo'] == "")
+            return row['B_security_check_time'] && (row['inflightNo'] == row['carrierFlights'] || row['inflightNo'] == null || row['inflightNo'] == '')
           case 'B_security_check_number_T':
-            return row['B_security_check_time'] && (row['inflightNo'] != row['carrierFlights'] && row['inflightNo'] != null && row['inflightNo'] != "")
+            return row['B_security_check_time'] && (row['inflightNo'] != row['carrierFlights'] && row['inflightNo'] != null && row['inflightNo'] != '')
           case 'sorted_number':
             return row['sorting_time']
           case 'sort_L':
-            return row['sorting_time'] && (row['inflightNo'] == row['carrierFlights'] || row['inflightNo'] == null || row['inflightNo'] == "")
+            return row['sorting_time'] && (row['inflightNo'] == row['carrierFlights'] || row['inflightNo'] == null || row['inflightNo'] == '')
           case 'sort_T':
-            return row['sorting_time'] && (row['inflightNo'] != row['carrierFlights'] && row['inflightNo'] != null && row['inflightNo'] != "")
+            return row['sorting_time'] && (row['inflightNo'] != row['carrierFlights'] && row['inflightNo'] != null && row['inflightNo'] != '')
           case 'loaded_number':
             return row['loading_time'] && (row['abnormalType'] == 'OFF' || !row['abnormalType'])
           case 'load_L':
-            return row['loading_time'] && (row['inflightNo'] == row['carrierFlights'] || row['inflightNo'] == null || row['inflightNo'] == "")
+            return row['loading_time'] && (row['inflightNo'] == row['carrierFlights'] || row['inflightNo'] == null || row['inflightNo'] == '')
           case 'load_T':
-            return row['loading_time'] && (row['inflightNo'] != row['carrierFlights'] && row['inflightNo'] != null && row['inflightNo'] != "")
+            return row['loading_time'] && (row['inflightNo'] != row['carrierFlights'] && row['inflightNo'] != null && row['inflightNo'] != '')
           case 'onaiecraft_number':
             return row['installation_time']
           case 'onaiecraft_L':
-            return row['installation_time'] && (row['inflightNo'] == row['carrierFlights'] || row['inflightNo'] == null || row['inflightNo'] == "")
+            return row['installation_time'] && (row['inflightNo'] == row['carrierFlights'] || row['inflightNo'] == null || row['inflightNo'] == '')
           case 'onaiecraft_T':
-            return row['installation_time'] && (row['inflightNo'] != row['carrierFlights'] && row['inflightNo'] != null && row['inflightNo'] != "")
+            return row['installation_time'] && (row['inflightNo'] != row['carrierFlights'] && row['inflightNo'] != null && row['inflightNo'] != '')
+          case 'unloaded_status':
+            return row['unloaded_status'] !== 0
           case 'NO_check_number':
             return row['dataState'] == 'DEL' && row['loading_time'] && (row['abnormalType'] != 'OFF' || !row['abnormalType'])
           case 'checked_number':
@@ -338,9 +353,9 @@ export default {
           case 'arrive_number':
             return row['dataState'] != 'DEL' && row['arrivedtime']
           case 'arrive_X':
-            return row['dataState'] != 'DEL' && row['arrivedtime'] && (row['transferFlightNO'] == row['carrierFlights'] || row['transferFlightNO'] == null || row['transferFlightNO'] == "")
+            return row['dataState'] != 'DEL' && row['arrivedtime'] && (row['transferFlightNO'] == row['carrierFlights'] || row['transferFlightNO'] == null || row['transferFlightNO'] == '')
           case 'arrive_L':
-            return row['dataState'] != 'DEL' && row['arrivedtime'] && (row['transferFlightNO'] != row['carrierFlights'] && row['transferFlightNO'] != null && row['transferFlightNO'] != "")
+            return row['dataState'] != 'DEL' && row['arrivedtime'] && (row['transferFlightNO'] != row['carrierFlights'] && row['transferFlightNO'] != null && row['transferFlightNO'] != '')
           case 'special_number':
             return row['specialType']
           case 'uninstalled_number':
@@ -353,18 +368,18 @@ export default {
             return row['dataState'] == 'DEL' || !row['arrivedtime'] || row['transferFlightNO']
           case 'scon_number':
             return row['specialType'] && row['specialType'].includes('SCON')
+
           default:
             return (row[key] ?? '') !== ''
         }
       }
     }
   },
-  async created () {
-    let UTClocal = sessionStorage.getItem('UTCvalue');
-    if(UTClocal && UTClocal =="true"){
+  async created() {
+    const UTClocal = sessionStorage.getItem('UTCvalue')
+    if (UTClocal && UTClocal == 'true') {
       this.UTCvalue = true
-    }
-    else{
+    } else {
       this.UTCvalue = false
     }
     const checkDatas = []
@@ -422,7 +437,7 @@ export default {
     // this.flightObj = nq
     // this.dataContent = nq
     const res = await this.getViewInfo(nq)
-    //2023-9-19新增
+    // 2023-9-19新增
     if (nq.landAirport && nq.outAirport) {
       this.flightObj = nq
       this.dataContent = nq
@@ -435,7 +450,7 @@ export default {
       this.flightObj = Object.assign(nq, nqObj)
       this.dataContent = Object.assign(nq, nqObj)
     }
-    //2023-9-19新增结束
+    // 2023-9-19新增结束
     this.infoObj = res[0]
     const sts = await this.getViewInfo({ carrierFlights, carrierFlightsDate })
     if (sts && sts.length) {
@@ -477,19 +492,19 @@ export default {
         this.checkList = [`${outAirport}-${landAirport}`]
       }
     }
-    //2023-9-19新增
+    // 2023-9-19新增
     this.table1 = this.dataContent
     this.table2 = this.dataContent
   },
-  mounted () {
+  mounted() {
     this.getAirPortData()
   },
   methods: {
-    UTCchange(){
-      sessionStorage.setItem("UTCvalue",this.UTCvalue)
-      this.$refs["table"].setTableColsXT(sessionStorage.getItem("Totalvalue"))
+    UTCchange() {
+      sessionStorage.setItem('UTCvalue', this.UTCvalue)
+      this.$refs['table'].setTableColsXT(sessionStorage.getItem('Totalvalue'))
     },
-    async getAirPortData () {
+    async getAirPortData() {
       try {
         const res = await this.getQueryList(SERVICE_ID.getAirpotId, {}, 1, 9999)
         if (Number(res.code) === 0) {
@@ -499,11 +514,11 @@ export default {
           this.$message.error(res.message)
         }
       } catch (error) {
-        this.$message.error("失败");
+        this.$message.error('失败')
       }
     },
-    setAirPortName (result, query = this.$route.query) {
-      let [outAirport, landAirport] = ['', ''];
+    setAirPortName(result, query = this.$route.query) {
+      let [outAirport, landAirport] = ['', '']
       if (query?.outAirport && query?.landAirport) {
         outAirport = query.outAirport
         landAirport = query.landAirport
@@ -521,11 +536,11 @@ export default {
         }
       })
     },
-    //格式化参数-航班号
-    formatParams (arr = [], query = {}) {
+    // 格式化参数-航班号
+    formatParams(arr = [], query = {}) {
       if (arr && arr.length) {
         for (let index = 0; index < arr.length; index++) {
-          const { k1, k2 } = arr[index];
+          const { k1, k2 } = arr[index]
           if (query[k2]) {
             query.carrierFlights = query[k1]
             query.carrierFlightsDate = query[k2]
@@ -537,7 +552,7 @@ export default {
       return query
     },
     // 获取基本信息
-    async getViewInfo (dataContent = this.dataContent) {
+    async getViewInfo(dataContent = this.dataContent) {
       const { code, returnData } = await this.getQueryList(SERVICE_ID.bagViewId, dataContent)
       if (code == 0) {
         return returnData
@@ -546,18 +561,18 @@ export default {
       }
     },
     // 显示日期
-    formatTime (datetime) {
+    formatTime(datetime) {
       return datetime?.replace('T', ' ') ?? ''
     },
     // 导出
-    exportHandler (refName, tableName) {
+    exportHandler(refName, tableName) {
       const { carrierFlights, carrierFlightsDate, outAirport, landAirport } = this.flightObj
-      const table = this.$refs[refName].$el.cloneNode(true);
-      const fileName = `${tableName}-${carrierFlights}-${carrierFlightsDate}-${outAirport}-${landAirport}.xlsx`;
-      exportToExcel(table, tableName, fileName);
+      const table = this.$refs[refName].$el.cloneNode(true)
+      const fileName = `${tableName}-${carrierFlights}-${carrierFlightsDate}-${outAirport}-${landAirport}.xlsx`
+      exportToExcel(table, tableName, fileName)
     },
     // 选中
-    async checkChange (arr) {
+    async checkChange(arr) {
       const datas = []
       const result = [...arr]
       if (result && result.length) {
@@ -576,8 +591,8 @@ export default {
           })
         })
         const caps = datas.sort((a, b) => a.index - b.index)
-        const c4 = caps[0].name //起飞
-        const c5 = caps[caps.length - 1].name //降落
+        const c4 = caps[0].name // 起飞
+        const c5 = caps[caps.length - 1].name // 降落
         const newPrams = _.cloneDeep(this.dataContent)
         newPrams.outAirport = c4
         newPrams.landAirport = c5
@@ -593,10 +608,10 @@ export default {
       }
     },
     // 获取行李列表后设置快捷筛选
-    tableLoad (tableData) {
+    tableLoad(tableData) {
       this.setFastFilterOptions(tableData)
     },
-    setFastFilterOptions (tableData) {
+    setFastFilterOptions(tableData) {
       const viewDatas = []
       const inFlightNOList = new Set()
       const transferFlightNOList = new Set()
@@ -642,15 +657,19 @@ export default {
   padding: 8px;
   display: flex;
   flex-wrap: wrap;
+
   &-left {
     width: 408px;
     margin-right: 8px;
+
     &-top {
       height: 575px;
       background-color: #fff;
+
       &-top {
         padding: 25px 16px;
         border-bottom: 1px solid #c8cfdb;
+
         &-title {
           line-height: 23px;
           font-size: 20px;
@@ -658,58 +677,72 @@ export default {
           font-weight: bold;
           color: #101116;
           margin-bottom: 25px;
+
           &-info {
             margin-right: 16px;
           }
         }
+
         &-status {
           font-size: 18px;
           font-family: Microsoft YaHei;
           font-weight: bold;
           color: #101116;
+
           ::v-deep .el-checkbox-group {
             font-size: initial;
+
             .el-checkbox__inner {
               border-radius: 50%;
             }
+
             .el-checkbox__label {
               display: none;
             }
           }
         }
       }
+
       &-list {
         padding: 25px 16px 13px 16px;
         border-bottom: 1px solid #c8cfdb;
+
         &:last-child {
           border-bottom: none;
         }
       }
     }
+
     &-bottom {
       height: calc(100% - 575px - 10px);
       margin-top: 8px;
     }
   }
+
   &-right {
     flex: 1;
     height: 100%;
     width: calc(100% - 416px);
+
     &-top {
       padding: 18px 0;
+
       &-left {
         line-height: 30px;
       }
+
       &-right {
         display: flex;
         flex-direction: row;
         align-items: center;
         padding-right: 70px;
+
         .btn-img {
           margin-left: 10px;
         }
       }
     }
+
     &-bottom {
       height: calc(100% - 68px);
     }

src/views/statisticsCharts/components/statisticsHeaderNew.vue

@@ -5,31 +5,37 @@
     </template>
     <el-form ref="form" class="form" :model="formData">
       <el-form-item v-for="item in formItems" :key="item.prop" :prop="item.prop" :label="item.label" :style="{
-          width: item.width || '120px'
-        }">
+        width: item.width || '120px'
+      }">
         <template v-if="item.inputType === 'input'">
-          <el-input v-model="formData[item.prop]" :size="item.size || 'small'" :placeholder="item.placeholder || '请输入'" :clearable="item.clearable" />
+          <el-input v-model="formData[item.prop]" :size="item.size || 'small'" :placeholder="item.placeholder || '请输入'"
+            :clearable="item.clearable" />
         </template>
         <template v-if="item.inputType === 'select'">
-          <el-select @change="change()" v-model="formData[item.prop]" :filterable="item.filterable" :default-first-option="item.filterable" :size="item.size || 'small'" :placeholder="item.placeholder || '请选择'" :multiple="item.multiple" :collapse-tags="item.multiple" :clearable="item.clearable" :disabled="item.disabled">
+          <el-select v-model="formData[item.prop]" :filterable="item.filterable" :default-first-option="item.filterable"
+            :size="item.size || 'small'" :placeholder="item.placeholder || '请选择'" :multiple="item.multiple"
+            :collapse-tags="item.multiple" :clearable="item.clearable" :disabled="item.disabled" @change="change()">
             <el-option v-for="option in item.options" :key="option.value" :value="option.value" :label="option.label" />
           </el-select>
         </template>
         <template v-if="item.inputType === 'datePicker'">
-          <el-date-picker v-model="formData[item.prop]" :size="item.size || 'small'" type="daterange" value-format="yyyy-MM-dd" range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期" />
+          <el-date-picker v-model="formData[item.prop]" :size="item.size || 'small'" type="daterange"
+            value-format="yyyy-MM-dd" range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期" />
         </template>
         <template v-if="item.inputType === 'cascader'">
-          <el-cascader v-model="formData[item.prop]" :size="item.size || 'small'" :placeholder="item.placeholder || '请选择'" :options="item.options" :props="item.props" :clearable="item.clearable" :disabled="item.disabled" />
+          <el-cascader v-model="formData[item.prop]" :size="item.size || 'small'"
+            :placeholder="item.placeholder || '请选择'" :options="item.options" :props="item.props"
+            :clearable="item.clearable" :disabled="item.disabled" />
         </template>
       </el-form-item>
       <el-form-item v-if="formItems.length">
         <el-button type="primary" size="small" @click="getData">{{ buttonText }}</el-button>
       </el-form-item>
       <el-form-item v-if="withExport">
-        <img src="../../../assets/nav/ic_export.png" title="导出" class="btn-icon-only" @click="exportClickHandler" />
+        <img src="../../../assets/nav/ic_export.png" title="导出" class="btn-icon-only" @click="exportClickHandler">
       </el-form-item>
       <el-form-item v-if="withSetting">
-        <img src="../../../assets/nav/ic_setting.png" title="节点设置" class="btn-icon-only" @click="settingClickHandler" />
+        <img src="../../../assets/nav/ic_setting.png" title="节点设置" class="btn-icon-only" @click="settingClickHandler">
       </el-form-item>
     </el-form>
   </div>
@@ -70,7 +76,7 @@ export default {
       default: false
     }
   },
-  data () {
+  data() {
     return {
       formData: {
       },
@@ -79,27 +85,27 @@ export default {
   },
   computed: {
     ...mapGetters(['savedFormDataMap']),
-    formDataObj () {
+    formDataObj() {
       return JSON.parse(JSON.stringify(this.formData))
     }
   },
   watch: {
     items: {
-      handler (val) {
+      handler(val) {
         val && (this.formItems = val)
       },
       deep: true,
       immediate: true
     },
     data: {
-      handler (val) {
+      handler(val) {
         val && (this.formData = val)
       },
       deep: true,
       immediate: true
     },
     formDataObj: {
-      handler (val, oldVal) {
+      handler(val, oldVal) {
         this.formItems.forEach(item => {
           if (item.changeHandler && String(val[item.prop]) !== String(oldVal[item.prop])) {
             item.changeHandler.call(this, val[item.prop])
@@ -109,7 +115,7 @@ export default {
       deep: true
     }
   },
-  created () {
+  created() {
     this.customItems.forEach(item => {
       if (typeof item.itemIndex === 'number') {
         if (item.prop) {
@@ -122,10 +128,10 @@ export default {
       }
     })
     const savedFormData = this.savedFormDataMap[this.$route.name]
-    let obj = {}
+    const obj = {}
     this.formItems.forEach(item => {
       if (item.queryId && item.setKey) {
-        this.getOptions(item.queryId, item.setKey, item.prop,item.authId)
+        this.getOptions(item.queryId, item.setKey, item.prop, item.authId)
       }
       // if (savedFormData?.[item.prop]) {
       //   obj[item.prop] = savedFormData[item.prop]
@@ -136,19 +142,18 @@ export default {
       //   obj['fd1,fd2'] = [savedFormData['fd1'],savedFormData['fd2']]
       // }
       // console.log(obj)
-
     })
-    if(savedFormData){
+    if (savedFormData) {
       this.formData = savedFormData
       this.getData()
     }
     // this.$emit('update:data', this.formData)
   },
   methods: {
-    change(){
+    change() {
       // console.log(this.formData)
     },
-    getData () {
+    getData() {
       try {
         this.formItems.forEach(item => {
           if (item.requiredWarning && (!this.formData[item.prop] || this.formData[item.prop].length === 0)) {
@@ -175,13 +180,13 @@ export default {
         formData: _.cloneDeep(this.formData)
       })
     },
-    exportClickHandler () {
+    exportClickHandler() {
       this.$emit('export')
     },
-    settingClickHandler () {
+    settingClickHandler() {
       this.$emit('setting')
     },
-    setInOrOutOptions (range) {
+    setInOrOutOptions(range) {
       const theInOrOutItem = this.formItems.find(item => item.prop === 'inOrOut')
       switch (range) {
         case '全部':
@@ -226,15 +231,15 @@ export default {
           break
       }
     },
-    async getOptions (queryId, setKey, prop,authId) {
+    async getOptions(queryId, setKey, prop, authId) {
       console.log(queryId)
-      let p = {
-          serviceId: queryId,
-          dataContent: [],
-          event:"0",
-          pageSize:"9999",
-        }
-      if(queryId != '8200233'){
+      const p = {
+        serviceId: queryId,
+        dataContent: [],
+        event: '0',
+        pageSize: '9999',
+      }
+      if (queryId != '8200233') {
         p['authId'] = authId
       }
       try {
@@ -257,16 +262,14 @@ export default {
 }
 </script>
 
-<style
-  lang="scss"
-  scoped
->
+<style lang="scss" scoped>
 .flight-statistics-header {
   padding-top: 24px;
   min-height: 80px;
   display: flex;
   justify-content: space-between;
   align-items: flex-start;
+
   .title {
     margin-right: 24px;
     padding-left: 16px;
@@ -278,6 +281,7 @@ export default {
     font-weight: bold;
     white-space: nowrap;
     position: relative;
+
     &::before {
       content: "";
       width: 4px;
@@ -290,39 +294,49 @@ export default {
       margin: auto;
     }
   }
+
   ::v-deep .form {
     display: flex;
     flex-wrap: wrap;
-    > .el-form-item {
+
+    >.el-form-item {
       margin-bottom: 24px;
+
       // width: 185px;
       &:not(:last-child) {
         margin-right: 8px;
       }
+
       &:nth-last-child(2),
       &:nth-last-child(3) {
         margin-right: 16px;
       }
+
       .el-form-item__content {
         height: 32px;
         line-height: 30px;
+
         .el-input {
           &.is-disabled .el-input__inner {
             border: none;
           }
+
           .el-input__inner {
             border-radius: 4px;
             font-family: Helvetica, "Microsoft YaHei";
             color: #303133;
             border-color: #ffffff;
+
             &:hover {
               border-color: #c0c4cc;
             }
+
             &:focus {
               border-color: #409eff;
             }
           }
         }
+
         .el-date-editor--daterange.el-input,
         .el-date-editor--daterange.el-input__inner,
         .el-date-editor--timerange.el-input,
@@ -332,29 +346,37 @@ export default {
           border-color: #ffffff;
           color: #303133;
           font-family: Helvetica, "Microsoft YaHei";
+
           &:hover {
             border-color: #c0c4cc;
           }
+
           &.is-active {
             border-color: #409eff;
           }
+
           .el-input__icon {
             color: #303133;
           }
+
           .el-range-separator {
             line-height: 28px;
           }
         }
+
         .el-select,
         .el-cascader {
           .el-input {
             .el-icon-arrow-up::before {
               content: "\e78f";
             }
+
             .el-icon-arrow-down::before {
               content: "\e790";
             }
+
             &:not(.is-disabled) {
+
               .el-input__icon,
               .el-input__inner::-webkit-input-placeholder {
                 color: #303133;
@@ -362,10 +384,12 @@ export default {
             }
           }
         }
+
         .el-button {
           border-radius: 4px;
           font-family: Helvetica, "Microsoft YaHei";
         }
+
         .btn-icon-only {
           width: 32px;
           height: 32px;

src/views/statisticsCharts/views/report/scanningStatisticsNew.vue

@@ -1,34 +1,22 @@
 <template>
   <!-- 航站BRS扫描统计 -->
   <div class="statstics-wrapper">
-    <StatisticsHeader
-      title="航站BRS扫描统计"
-      :items="formItems"
-      :data="formData"
-      with-setting
-      :withSetting="false"
-      @getFormData="getFormData"
-      @export="exportup"
-    />
-    <Tableformbrs
-      upid="1"
-      :data-id="dataId"
-      :isloadings="isloadings"
-      :data-content="dataContent"
-      :rows="12"
-      label-width="140px"
-      :min-height="70"
-      width="800px"
-      tableHeight="780"
-    />
+    <StatisticsHeader title="航站BRS扫描统计" :items="formItems" :data="formData" with-setting :with-setting="false"
+      @getFormData="getFormData" @export="exportup" />
+    <Tableformbrs upid="1" :data-id="dataId" :isloadings="isloadings" :data-content="dataContent" :rows="12"
+      label-width="140px" :min-height="70" width="800px" table-height="780" />
   </div>
 </template>
 <script>
 import StatisticsHeader from '../../components/statisticsHeaderNew.vue'
 import Tableformbrs from '../../components/tableformbrsNew'
-import { Format,getAuthData } from '@/utils/validate'
+import { Format, getAuthData } from '@/utils/validate'
 export default {
   name: 'ReportStatistics',
+  components: {
+    StatisticsHeader,
+    Tableformbrs,
+  },
   data() {
     return {
       formData: {},
@@ -38,33 +26,28 @@ export default {
       isloadings: 1,
     }
   },
-  components: {
-    StatisticsHeader,
-    Tableformbrs,
-  },
-  created () {
-      const {auth_id } = this.$route.meta
-      const { arrs } = getAuthData(auth_id)
-      const items = arrs.filter(item => item.auth_type == 5)
-      this.formItems = []
-      items.map(v => {
-        let item = {
-          prop: v.auth_ident,
-          inputType: v.show_type,
-          placeholder: v.auth_name,
-          filterable: true,
-          clearable: true,
-          // multiple: true,
-          // disabled: true,
-          queryId: v.serviceID,
-          width: '200px',
-          setKey: v.auth_comment,
-          options: [],
-          authId:v.auth_id
-        }
-        this.formItems.push(item)
-      })
-
+  created() {
+    const { auth_id } = this.$route.meta
+    const { arrs } = getAuthData(auth_id)
+    const items = arrs.filter(item => item.auth_type == 5)
+    this.formItems = []
+    items.map(v => {
+      const item = {
+        prop: v.auth_ident,
+        inputType: v.show_type,
+        placeholder: v.auth_name,
+        filterable: true,
+        clearable: true,
+        // multiple: true,
+        // disabled: true,
+        queryId: v.serviceID,
+        width: '200px',
+        setKey: v.auth_comment,
+        options: [],
+        authId: v.auth_id
+      }
+      this.formItems.push(item)
+    })
   },
   mounted() {
   },
@@ -79,7 +62,7 @@ export default {
 }
 </script>
 <style lang="scss" scoped>
-.statstics-wrapper{
+.statstics-wrapper {
   padding: 0 20px;
 }
 </style>