修改

public/config.js

@@ -169,6 +169,8 @@ window.SERVICE_ID = {
   flightClassificationByAirport: 200312, // 航班分类统计-航站
   flightClassificationByTerminal: 200313, // 航班分类统计-航站楼
 
+  baggageCheckNew: 200317, //旅客分类统计-行李值机方式统计
+
   /***-----统计表格------***/
   transferBaggageProption: 1848, //中转行李比例明细
   transferBaggageFactor: 1849, // 中转行李因素分析

src/router/routes/routes-file-temp.js

@@ -13,7 +13,7 @@ const uploadRoutes = {
         imgstyleup: 'ic_list_nav_upload_check.png',
       },
       component: {
-        render(c) {
+        render (c) {
           return c('router-view')
         },
       },
@@ -52,7 +52,7 @@ const statisticsChartsRoutes = {
           name: 'AirlineCompanyStatistics',
           hidden: true,
           component: {
-            render(h) {
+            render (h) {
               return h('router-view')
             },
           },
@@ -149,7 +149,7 @@ const statisticsChartsRoutes = {
                   '@/views/statisticsCharts/views/airlineCompany/compensationStatisticsCharts'
                 ),
               meta: { title: '赔偿金额统计' },
-            },
+            }
           ],
         },
         {
@@ -158,7 +158,7 @@ const statisticsChartsRoutes = {
           name: 'PassengerStatistics',
           hidden: true,
           component: {
-            render(h) {
+            render (h) {
               return h('router-view')
             },
           },
@@ -233,6 +233,16 @@ const statisticsChartsRoutes = {
                 ),
               meta: { title: '赔偿金额统计' },
             },
+            {
+              path: 'checkInBaggage',
+              name: 'CheckInBaggageCharts',
+              hidden: true,
+              component: () =>
+                import(
+                  '@/views/statisticsCharts/views/passengerClassification/checkInBaggageCharts'
+                ),
+              meta: { title: '行李值机方式统计' },
+            },
           ],
         },
         {
@@ -241,7 +251,7 @@ const statisticsChartsRoutes = {
           name: 'FlightClassificationStatistics',
           hidden: true,
           component: {
-            render(h) {
+            render (h) {
               return h('router-view')
             },
           },
@@ -295,7 +305,7 @@ const statisticsChartsRoutes = {
           name: 'Report',
           hidden: true,
           component: {
-            render(h) {
+            render (h) {
               return h('router-view')
             },
           },
@@ -428,7 +438,7 @@ const statisticsChartsRoutes = {
           name: 'SpecialStatistics',
           hidden: true,
           component: {
-            render(h) {
+            render (h) {
               return h('router-view')
             },
           },

src/views/newBagDetails/components/baggageAbnormal.vue

@@ -17,7 +17,9 @@ export default {
   },
   mounted () {
     const { query } = this.$route
-    this.tableTag = query
+    const newQuery = _.cloneDeep(query)
+    if (newQuery.ID) delete newQuery.ID
+    this.tableTag = newQuery
   },
 }
 </script>

src/views/newBagDetails/components/baggageView.vue

@@ -15,11 +15,11 @@
                 <div class="step-line">
                   <div v-for="(line, index) in 6" :key="index" :class="['step-line-segment', { 'step-line-active': activeStepLine(index,item.bagStatus) }]"></div>
                 </div>
-                <div v-for="(p, index) in item.bagStatus" :key="index" :class="{ 'step-item': true, 'active-item': p.timeValue }">
-                  <div :class="activeStepLineDanger(index,item)" class="step-circle">
+                <div v-for="(p, cindex) in item.bagStatus" :key="cindex" :class="{ 'step-item': true, 'active-item': p.timeValue }">
+                  <div :class="activeStepLineDanger(cindex,item)" class="step-circle">
                     <span class="step-name">{{ p.nodeName }}</span>
                   </div>
-                  <div v-if="p.timeValue || p.stateValue || p.loclValue" class="step-info">
+                  <div v-if="p.timeValue || p.stateValue || p.loclValue || p.fourSecurity" class="step-info">
                     <div :class="statusClasses(p.stateValue)">{{ p.stateValue }}</div>
                     <span class="step-time">{{ p.timeValue }}</span>
                     <div class="step-location">{{ p.loclValue }}</div>
@@ -163,8 +163,13 @@ export default {
         if (stateProp == 'securityInspectionResults' && !stateValue) {
           const nowdate = new Date().getHours() + ':' + new Date().getMinutes()
           const takedate = diffMinutes()
-          if ((nowdate == takedate.replace(' ', '')) && (!arrs[index + 1].stateValue && !arrs[index + 1].loclValue && !arrs[index + 1].timeValue)) {
+          // if ((nowdate == takedate.replace(' ', '')) && (!arrs[index + 1].stateValue && !arrs[index + 1].loclValue && !arrs[index + 1].timeValue)) {
+          //   return 'step-circle-danger'
+          // }
+          if (!arrs[index + 1].stateValue && !arrs[index + 1].loclValue && !arrs[index + 1].timeValue && !arrs[index + 2].stateValue && !arrs[index + 2].loclValue && !arrs[index + 2].timeValue) {
             return 'step-circle-danger'
+          } else {
+            return 'step-circle-waring'
           }
         }
       }
@@ -173,9 +178,13 @@ export default {
       return function (status) {
         const classes = ['step-status']
         if (typeof status === 'string') {
-          if (status.includes('正常') || status.includes('通过')) {
+          if (status.includes('不正常') || status.includes('不通过')) {
+            classes.push('step-status-abnormal')
+          }
+          else if (status.includes('正常') || status.includes('通过')) {
             classes.push('step-status-normal')
-          } else {
+          }
+          else {
             classes.push('step-status-abnormal')
           }
         }
@@ -444,8 +453,11 @@ export default {
           &.active-item .step-circle {
             background: #2d67e3;
           }
-          &.active-item .step-circle-danger {
-            background: #ff3303;
+          .step-circle-danger {
+            background: #ff3303 !important;
+          }
+          .step-circle-waring {
+            background: #2d67e3;
           }
         }
       }

src/views/newBagDetails/index.vue

@@ -53,7 +53,7 @@
         <div class="title">列设置</div>
         <div style="height: 600px" class="content">
           <el-scrollbar style="height: 100%">
-            <el-tree ref="columnSetTree" :data="tableCols" :class="colsCheckClass" show-checkbox node-key="index" :default-expand-all="true" :props="{
+            <el-tree ref="columnSetTree" :data="tableCols" :class="colsCheckClass" show-checkbox node-key="queryTemplateColumnSetID" :default-expand-all="true" :props="{
                   label: 'columnLabel',
                   children: 'children',
                 }" :default-checked-keys="checkedKeysTemp" @check="handleCheck" />
@@ -148,8 +148,10 @@ export default {
     // if (arrs.every(item => item.auth_ident !== 'baggage_message')) {
     //   this.tabMenu = this.tabMenu.filter(tab => tab.key !== 'baggageMessage')
     // }
-    this.query = _.cloneDeep(query)
-    this.tabClickObj = _.cloneDeep(query)
+    const newQuery = _.cloneDeep(query)
+    if (newQuery.ID) delete newQuery.ID
+    this.query = _.cloneDeep(newQuery)
+    this.tabClickObj = _.cloneDeep(newQuery)
   },
   methods: {
     //获取表头数据
@@ -191,7 +193,7 @@ export default {
           }
           this.tableCols = [...this.orderColData([...this.msgs1]), ...this.hideData([...this.msgs1])]
           this.tableColsCopy = this.orderColData([...this.msgs1])
-          this.checkedKeysTemp = this.orderColData([...this.msgs1]).map(item => item.index)
+          this.checkedKeysTemp = this.orderColData([...this.msgs1]).map(item => item.queryTemplateColumnSetID)
           if (!checkParams) {
             this.getLuggageNums()
           }

src/views/newBagDetails/mix/tableCols.js

@@ -77,10 +77,10 @@ export default {
     },
     colsFilter (cols) {
       const temp = cols.filter(col => {
-        if (this.halfCheckedKeys.includes(col.index)) {
+        if (this.halfCheckedKeys.includes(col.queryTemplateColumnSetID)) {
           col.children = this.colsFilter(col.children)
           return true
-        } else if (this.checkedKeys.includes(col.index)) {
+        } else if (this.checkedKeys.includes(col.queryTemplateColumnSetID)) {
           return true
         }
         return false

src/views/statisticsCharts/components/commonBarStatisticsCharts.vue

@@ -1,22 +1,10 @@
 <template>
   <div class="statstics-wrapper">
-    <div
-      ref="headerWrapper"
-      class="statstics-header"
-    >
-      <StatisticsHeader
-        :title="`${chartsTitle}统计`"
-        :custom-items="customFormItems"
-        @getFormData="getFormData"
-        @export="exportHandler"
-      />
+    <div ref="headerWrapper" class="statstics-header">
+      <StatisticsHeader :title="`${chartsTitle}统计`" :custom-items="customFormItems" @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>
@@ -25,6 +13,7 @@
 import StatisticsHeader from './statisticsHeader.vue'
 import { TempQuery } from '@/api/temp'
 import { mapGetters } from 'vuex'
+import { Query } from '@/api/webApi'
 import * as XLSX from 'xlsx'
 import XLSX_STYLE from 'xlsx-style'
 import FileSaver from 'file-saver'
@@ -37,6 +26,9 @@ export default {
       type: String,
       required: true
     },
+    chartsKey: {
+      type: String
+    },
     querySettings: {
       type: Object,
       required: true
@@ -46,7 +38,7 @@ export default {
       default: () => []
     }
   },
-  data() {
+  data () {
     return {
       myChart: null,
       debounceTime: 300,
@@ -216,17 +208,17 @@ export default {
   watch: {
     // 监听数据变化 重绘图形
     options: {
-      handler(obj) {
+      handler (obj) {
         this.myChart.setOption(obj)
         this.resizeHandler()
       },
       deep: true
     },
-    'sidebar.expand'() {
+    'sidebar.expand' () {
       this.setChartHeight()
     },
     querySettings: {
-      handler({ seriesKey, filters }) {
+      handler ({ seriesKey, filters }) {
         if (seriesKey) {
           this.seriesKey = seriesKey
         }
@@ -238,7 +230,7 @@ export default {
       immediate: true
     }
   },
-  mounted() {
+  mounted () {
     this.setChartHeight()
     this.myChart = this.$echarts.init(document.getElementById('chart'))
     this.myChart.setOption(this.options)
@@ -246,7 +238,7 @@ export default {
     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 +247,7 @@ export default {
     }
   },
   methods: {
-    resetDatas() {
+    resetDatas () {
       this.hasChartData = false
       this.options.yAxis[0].max = 60000
       this.options.xAxis.data = []
@@ -264,9 +256,42 @@ export default {
       this.options.yAxis[1].min = -0.3
       this.options.yAxis[1].max = 0.5
     },
-    getFormData(formData) {
+    async getNewChartsData (paramsObj) {
+      const params = {
+        serviceId: SERVICE_ID.baggageCheckNew,
+        dataContent: { ...paramsObj },
+        event: '0'
+      }
+      const { code, returnData } = await Query({ ...params })
+      if (code == 0 && returnData?.length) this.setChartsData([...returnData])
+    },
+    getFormData (formData) {
       this.resetDatas()
-
+      if (this.chartsKey == 'CheckInBaggageCharts') {
+        const { range, interval, airport, airline, dateTime, passengerType, inOrOut, area, terminal } = formData
+        const params = {
+          scope: range,
+          iotype: inOrOut == '全部' ? null : inOrOut,
+          location: airport || airline || terminal || area,
+          td: interval,
+          fd1: dateTime[0],
+          fd2: dateTime[1],
+          checktype: passengerType[0]
+        }
+        if (Array.isArray(params.location)) {
+          params.location = params.location.join(',')
+        }
+        for (const key in params) {
+          if (Object.hasOwnProperty.call(params, key)) {
+            const element = params[key];
+            if (!element) {
+              params[key] = null
+            }
+          }
+        }
+        this.getNewChartsData(params)
+        return
+      }
       let id
       let params = []
       if (formData.range === '基地分公司') {
@@ -317,7 +342,7 @@ export default {
         this.getSingleChartsData(id, params)
       }
     },
-    async getMultipleChartsData(id, paramsList) {
+    async getMultipleChartsData (id, paramsList) {
       try {
         const listValuesArray = await Promise.all(paramsList.map(params => this.getChartsData(id, params)))
         const listValues = listValuesArray.reduce((preValues, currentValues) => {
@@ -339,7 +364,7 @@ export default {
         this.$message.error(error.message)
       }
     },
-    async getSingleChartsData(id, params) {
+    async getSingleChartsData (id, params) {
       try {
         const listValues = await this.getChartsData(id, params)
         this.setChartsData(listValues)
@@ -347,7 +372,7 @@ export default {
         this.$message.error(error.message)
       }
     },
-    async getChartsData(id, params) {
+    async getChartsData (id, params) {
       try {
         const {
           code,
@@ -366,7 +391,7 @@ export default {
         return Promise.reject(error.message || '失败')
       }
     },
-    setChartsData(listValues) {
+    setChartsData (listValues) {
       const xAxisData = []
       const yAxisData = [0]
       const seriesDatas = []
@@ -384,13 +409,13 @@ export default {
         return
       }
       for (let i = 0; i < filteredList.length; i++) {
-        xAxisData.push(filteredList[i].A)
+        xAxisData.push(filteredList[i].A || filteredList[i].fd)
         seriesDatas.push(filteredList[i][this.seriesKey])
         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 - 1][this.seriesKey]
             )
           } else {
             yAxisData.push(0)
@@ -408,25 +433,24 @@ 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

src/views/statisticsCharts/components/statisticsHeader.vue

@@ -3,94 +3,33 @@
     <template v-if="title">
       <div class="title">{{ title }}</div>
     </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="{
+    <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'
-        }"
-      >
+        }">
         <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
-            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-option
-              v-for="option in item.options"
-              :key="option.value"
-              :value="option.value"
-              :label="option.label"
-            />
+          <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">
+            <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-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>
@@ -131,7 +70,7 @@ export default {
       default: false
     }
   },
-  data() {
+  data () {
     return {
       formData: {
         range: '',
@@ -174,7 +113,7 @@ export default {
               label: '航站楼'
             }
           ],
-          changeHandler(value) {
+          changeHandler (value) {
             this.setInOrOutOptions(value)
             const rangeMap = {
               航线: 'airline',
@@ -286,27 +225,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])
@@ -316,7 +255,7 @@ export default {
       deep: true
     }
   },
-  created() {
+  created () {
     this.customItems.forEach(item => {
       if (typeof item.itemIndex === 'number') {
         if (item.prop) {
@@ -342,7 +281,7 @@ export default {
     this.$emit('update:data', this.formData)
   },
   methods: {
-    getData() {
+    getData () {
       try {
         this.formItems.forEach(item => {
           if (item.requiredWarning && (!this.formData[item.prop] || this.formData[item.prop].length === 0)) {
@@ -368,13 +307,13 @@ export default {
         formData: 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 '全部':
@@ -419,7 +358,7 @@ export default {
           break
       }
     },
-    async getOptions(queryId, setKey, prop) {
+    async getOptions (queryId, setKey, prop) {
       try {
         const { code, returnData, message } = await TempQuery({
           id: queryId,
@@ -460,12 +399,12 @@ export default {
     height: 32px;
     line-height: 32px;
     font-size: 18px;
-    font-family: Helvetica, 'Microsoft YaHei';
+    font-family: Helvetica, "Microsoft YaHei";
     font-weight: bold;
     white-space: nowrap;
     position: relative;
     &::before {
-      content: '';
+      content: "";
       width: 4px;
       height: 20px;
       background: #2d67e3;
@@ -498,7 +437,7 @@ export default {
           }
           .el-input__inner {
             border-radius: 4px;
-            font-family: Helvetica, 'Microsoft YaHei';
+            font-family: Helvetica, "Microsoft YaHei";
             color: #303133;
             border-color: #ffffff;
             &:hover {
@@ -517,7 +456,7 @@ export default {
           border-radius: 4px;
           border-color: #ffffff;
           color: #303133;
-          font-family: Helvetica, 'Microsoft YaHei';
+          font-family: Helvetica, "Microsoft YaHei";
           &:hover {
             border-color: #c0c4cc;
           }
@@ -535,10 +474,10 @@ export default {
         .el-cascader {
           .el-input {
             .el-icon-arrow-up::before {
-              content: '\e78f';
+              content: "\e78f";
             }
             .el-icon-arrow-down::before {
-              content: '\e790';
+              content: "\e790";
             }
             &:not(.is-disabled) {
               .el-input__icon,
@@ -550,7 +489,7 @@ export default {
         }
         .el-button {
           border-radius: 4px;
-          font-family: Helvetica, 'Microsoft YaHei';
+          font-family: Helvetica, "Microsoft YaHei";
         }
         .btn-icon-only {
           width: 32px;

src/views/statisticsCharts/components/statisticsTabs.vue

@@ -1,59 +1,25 @@
 <template>
   <div class="statistics-tabs">
-    <el-row
-      :gutter="16"
-      type="flex"
-    >
-      <el-col
-        v-for="(tab, index) in newTabList"
-        :key="index"
-        :span="4"
-      >
-        <el-dropdown
-          v-if="tab.children && tab.children.length"
-          placement="bottom"
-          @command="commandHandler"
-        >
+    <el-row :gutter="16" type="flex">
+      <el-col v-for="(tab, index) in newTabList" :key="index" :span="4">
+        <el-dropdown v-if="tab.children && tab.children.length" placement="bottom" @command="commandHandler">
           <div :class="['tab-bar', { 'tab-active': activeIndex === index }]">
-            <img
-              class="tab-icon"
-              :src="activeIndex === index ? activeIcon : defaultIcon"
-              :alt="tab.title"
-            />
-            <el-tooltip
-              :content="tab.title"
-              placement="top"
-            >
+            <img class="tab-icon" :src="activeIndex === index ? activeIcon : defaultIcon" :alt="tab.title" />
+            <el-tooltip :content="tab.title" placement="top">
               <span class="tab-title">{{ tab.title }}</span>
             </el-tooltip>
             <i class="icon-arrow el-icon-caret-bottom" />
           </div>
           <el-dropdown-menu slot="dropdown">
-            <el-dropdown-item
-              v-for="(childTab, childIndex) in tab.children"
-              :key="childIndex"
-              :command="[tab.path, childTab.path]"
-              >{{ childTab.title }}</el-dropdown-item
-            >
+            <el-dropdown-item v-for="(childTab, childIndex) in tab.children" :key="childIndex" :command="[tab.path, childTab.path]">{{ childTab.title }}</el-dropdown-item>
           </el-dropdown-menu>
         </el-dropdown>
-        <div
-          v-else
-          :class="[
+        <div v-else :class="[
             'tab-bar tab-bar-single',
             { 'tab-active': activeIndex === index },
-          ]"
-          @click="clickHandler(tab.path)"
-        >
-          <img
-            class="tab-icon"
-            :src="activeIndex === index ? activeIcon : defaultIcon"
-            :alt="tab.title"
-          />
-          <el-tooltip
-            :content="tab.title"
-            placement="top"
-          >
+          ]" @click="clickHandler(tab.path)">
+          <img class="tab-icon" :src="activeIndex === index ? activeIcon : defaultIcon" :alt="tab.title" />
+          <el-tooltip :content="tab.title" placement="top">
             <span class="tab-title">{{ tab.title }}</span>
           </el-tooltip>
         </div>
@@ -65,7 +31,7 @@
 <script>
 export default {
   name: 'StatisticsTabs',
-  data() {
+  data () {
     return {
       defaultIcon: require('@/assets/nav/ic_statistical_top_default.png'),
       activeIcon: require('@/assets/nav/ic_statistical_top_check.png'),
@@ -146,6 +112,10 @@ export default {
               path: 'compensation',
               title: '赔偿金额统计',
             },
+            {
+              path: 'checkInBaggage',
+              title: '行李值机方式统计',
+            },
           ],
         },
         {
@@ -252,7 +222,7 @@ export default {
     }
   },
   computed: {
-    newTabList() {
+    newTabList () {
       // const auths = JSON.parse(sessionStorage.getItem('userAuthList'))
       // return this.tabList.filter(
       //   tab => !tab.roles || tab.roles.every(role => auths.includes(role))
@@ -262,7 +232,7 @@ export default {
   },
   watch: {
     '$route.path': {
-      handler(path) {
+      handler (path) {
         let activeIndex = null
         this.newTabList.some((tab, index) => {
           if (path.includes(tab.path)) {
@@ -276,7 +246,7 @@ export default {
     },
   },
   methods: {
-    commandHandler(pathArray) {
+    commandHandler (pathArray) {
       if (pathArray.some(path => !path)) {
         this.$message.info('开发中')
         return
@@ -285,7 +255,7 @@ export default {
         path: pathArray.join('/'),
       })
     },
-    clickHandler(path) {
+    clickHandler (path) {
       if (!path) {
         this.$message.info('开发中')
         return
@@ -330,7 +300,7 @@ export default {
         padding-left: 12px;
         padding-right: 8px;
         font-size: 14px;
-        font-family: Helvetica, 'Microsoft YaHei';
+        font-family: Helvetica, "Microsoft YaHei";
         font-weight: bold;
         color: #101116;
         letter-spacing: 0;

src/views/statisticsCharts/mixins/checkType.js

@@ -0,0 +1,47 @@
+export default {
+  created () {
+    if (!this.customFormItems) {
+      this.customFormItems = []
+    }
+    this.customFormItems.push({
+      prop: 'passengerType',
+      inputType: 'cascader',
+      placeholder: '值机类型',
+      requiredWarning: '请先选择值机类型',
+      clearable: true,
+      options: [
+        {
+          value: 'CKIN',
+          label: 'CKIN'
+        },
+        {
+          value: 'OFFC',
+          label: 'OFFC'
+        },
+        {
+          value: 'SELF',
+          label: 'SELF'
+        },
+        {
+          value: 'CUSS',
+          label: 'CUSS'
+        },
+        {
+          value: 'HOME',
+          label: 'HOME'
+        },
+        {
+          value: 'GATE',
+          label: 'GATE'
+        },
+        {
+          value: 'TPE',
+          label: 'TPE'
+        }
+      ],
+      props: {
+        expandTrigger: 'hover'
+      }
+    })
+  }
+}

src/views/statisticsCharts/views/passengerClassification/checkInBaggageCharts.vue

@@ -0,0 +1,27 @@
+<template>
+  <CommonBarStatisticsCharts charts-title="行李值机方式" charts-key="CheckInBaggageCharts" :query-settings="querySettings" :custom-form-items="customFormItems" />
+</template>
+
+<script>
+import CommonBarStatisticsCharts from '../../components/commonBarStatisticsCharts.vue'
+import noTerminal from '../../mixins/noTerminal'
+import checkType from '../../mixins/checkType'
+
+export default {
+  name: 'CheckInBaggageCharts',
+  components: { CommonBarStatisticsCharts },
+  mixins: [noTerminal, checkType],
+  data () {
+    return {
+      querySettings: {
+        byArea: SERVICE_ID.passengerNormalClassificationByArea,
+        byOther: SERVICE_ID.passengerNormalClassificationByOther,
+        importantByArea: SERVICE_ID.passengerImportantClassificationByArea,
+        importantByOther: SERVICE_ID.passengerImportantClassificationByOther,
+        seriesKey: 'bagsnum'
+      }
+    }
+  }
+}
+</script>
+