添加新的统计页和功能

public/baseConfig.js

@@ -25,7 +25,7 @@ switch (baseNewUrl) {
     break;
   case "120.26.64.82":
   case "localhost":
-    PLATFROM_CONFIG.baseNewUrl = "http://120.26.64.82:8083/"
+    PLATFROM_CONFIG.baseNewUrl = "http://120.26.64.82:8084/"
     break;
   default:
     PLATFROM_CONFIG.baseNewUrl = "http://172.23.61.1:8095/"

public/config.js

@@ -130,6 +130,8 @@ var NEW_DATACONTENT_ID = [
   52234,
   52235,
   52236,
+  52237,
+  52238,
   51063
 ]
 
@@ -461,10 +463,12 @@ var DATACONTENT_ID = {
   dimensionGnArrival: 52230, //数据异常统计-部门维度统计-国内进港
   dimensionGjDeparture: 52231, //数据异常统计-部门维度统计-国际离港
   dimensionGjArrival: 52232, //数据异常统计-部门维度统计-国际进港
+  dimensionGnDepartureWay: 52237, //数据异常统计-运单部门维度统计-国内离港
   detailGnDeparture: 52233, //数据异常统计-节点明细统计-国内离港
   detailGnArrival: 52234, //数据异常统计-节点明细统计-国内进港
   detailGjDeparture: 52235, //数据异常统计-节点明细统计-国际离港
   detailGjArrival: 52236, //数据异常统计-节点明细统计-国际进港
+  detailGnDepartureWay: 52238, //数据异常统计-运单节点明细统计-国内离港
 }
 
 var SERVICE_ID = {

src/router/routes/routes-file-seven.ts

@@ -48,24 +48,46 @@ const HomeRoutes = {
           path: '/statisticalanalysis/dataException/dimension',
           name: 'dataExceptionDimension',
           meta: {
-            title: '部门维度统计',
+            title: '航班部门维度统计',
           },
           component: () =>
             import(
               '@/views/statisticalanalysis/dataException/views/dimension.vue'
             ),
         },
+        {
+          path: '/statisticalanalysis/dataException/dimensionWay',
+          name: 'dataExceptionDimensionWay',
+          meta: {
+            title: '运单部门维度统计',
+          },
+          component: () =>
+            import(
+              '@/views/statisticalanalysis/dataException/views/dimensionWay.vue'
+            ),
+        },
         {
           path: '/statisticalanalysis/dataException/detail',
           name: 'dataExceptionDetail',
           meta: {
-            title: '节点明细统计',
+            title: '航班节点明细统计',
           },
           component: () =>
             import(
               '@/views/statisticalanalysis/dataException/views/detail.vue'
             ),
         },
+        {
+          path: '/statisticalanalysis/dataException/detailWay',
+          name: 'dataExceptionDetailWay',
+          meta: {
+            title: '运单节点明细统计',
+          },
+          component: () =>
+            import(
+              '@/views/statisticalanalysis/dataException/views/detailWay.vue'
+            ),
+        },
       ],
     },
     {

src/views/statisticalanalysis/components/echart/tableforms.vue

@@ -342,7 +342,7 @@
         </el-table>
       </template>
       <template v-if="tableList.length && action == 16">
-        <el-table :data="tableList" style="width: 100%" :row-style="rowStyle" :header-row-style="rowStyle" :style="dataTableContentStyle" height="calc(100vh - 236px)" max-height="calc(100vh - 236px)" :stripe="tableProps.stripe" :row-key="tableProps.rowKey" :highlight-current-row="tableProps.highlightCurrentRow" :header-cell-class-name="tableProps.headerCellClassName" :tooltip-effect="tableProps.tooltipEffect" :summary-method="totalOutPrice" :show-summary="tableProps.showSummary" :header-cell-style="{ background: '#F9FAFC' }">
+        <el-table :data="tableList" style="width: 100%" :row-style="rowStyle" :header-row-style="rowStyle" :style="dataTableContentStyle" height="calc(100vh - 236px)" max-height="calc(100vh - 236px)" :stripe="tableProps.stripe" :row-key="tableProps.rowKey" :highlight-current-row="tableProps.highlightCurrentRow" :header-cell-class-name="tableProps.headerCellClassName" @row-click="cellClick" :tooltip-effect="tableProps.tooltipEffect" :summary-method="totalOutPrice" :show-summary="tableProps.showSummary" :header-cell-style="{ background: '#F9FAFC' }">
           <el-table-column prop="allflight" label="总航班数" class-name="elChgTbeClmn" :show-overflow-tooltip="tableColumnProperty.showOverflowTooltip" :align="tableColumnProperty.align">
             <template #header>
               <div class="elHeadCon">
@@ -353,25 +353,25 @@
             </template>
           </el-table-column>
           <el-table-column label="数据缺失" show-overflow-tooltip="tableColumnProperty.showOverflowTooltip" :align="tableColumnProperty.align">
-            <el-table-column prop="havenot_allnode_flight" label="航班数" show-overflow-tooltip="tableColumnProperty.showOverflowTooltip" :align="tableColumnProperty.align"></el-table-column>
+            <el-table-column prop="havenot_allnode_flight" label="航班数" class-name="cell-click" show-overflow-tooltip="tableColumnProperty.showOverflowTooltip" :align="tableColumnProperty.align"></el-table-column>
             <el-table-column prop="havenot_allnode_lv" label="占比(%)" show-overflow-tooltip="tableColumnProperty.showOverflowTooltip" :align="tableColumnProperty.align"></el-table-column>
           </el-table-column>
           <el-table-column label="流程节点缺失" show-overflow-tooltip="tableColumnProperty.showOverflowTooltip" :align="tableColumnProperty.align">
-            <el-table-column prop="have_part_flight" label="航班数" show-overflow-tooltip="tableColumnProperty.showOverflowTooltip" :align="tableColumnProperty.align"></el-table-column>
+            <el-table-column prop="have_part_flight" class-name="cell-click" label="航班数" show-overflow-tooltip="tableColumnProperty.showOverflowTooltip" :align="tableColumnProperty.align"></el-table-column>
             <el-table-column prop="have_part_lv" label="占比(%)" show-overflow-tooltip="tableColumnProperty.showOverflowTooltip" :align="tableColumnProperty.align"></el-table-column>
           </el-table-column>
           <el-table-column label="时间倒置" show-overflow-tooltip="tableColumnProperty.showOverflowTooltip" :align="tableColumnProperty.align">
-            <el-table-column prop="time_inversion_flight" label="航班数" show-overflow-tooltip="tableColumnProperty.showOverflowTooltip" :align="tableColumnProperty.align"></el-table-column>
+            <el-table-column prop="time_inversion_flight" class-name="cell-click" label="航班数" show-overflow-tooltip="tableColumnProperty.showOverflowTooltip" :align="tableColumnProperty.align"></el-table-column>
             <el-table-column prop="time_inversion_lv" label="占比(%)" show-overflow-tooltip="tableColumnProperty.showOverflowTooltip" :align="tableColumnProperty.align"></el-table-column>
           </el-table-column>
           <el-table-column label="时间相同" show-overflow-tooltip="tableColumnProperty.showOverflowTooltip" :align="tableColumnProperty.align">
-            <el-table-column prop="time_equal_flight" label="航班数" show-overflow-tooltip="tableColumnProperty.showOverflowTooltip" :align="tableColumnProperty.align"></el-table-column>
+            <el-table-column prop="time_equal_flight" class-name="cell-click" label="航班数" show-overflow-tooltip="tableColumnProperty.showOverflowTooltip" :align="tableColumnProperty.align"></el-table-column>
             <el-table-column prop="time_equal_lv" label="占比(%)" show-overflow-tooltip="tableColumnProperty.showOverflowTooltip" :align="tableColumnProperty.align"></el-table-column>
           </el-table-column>
         </el-table>
       </template>
       <template v-if="tableList.length && action == 17">
-        <el-table :data="tableList" style="width: 100%" :row-style="rowStyle" :header-row-style="rowStyle" :style="dataTableContentStyle" height="calc(100vh - 236px)" max-height="calc(100vh - 236px)" :stripe="tableProps.stripe" :row-key="tableProps.rowKey" :highlight-current-row="tableProps.highlightCurrentRow" :header-cell-class-name="tableProps.headerCellClassName" :tooltip-effect="tableProps.tooltipEffect" :summary-method="totalOutPrice" :show-summary="tableProps.showSummary" :header-cell-style="{ background: '#F9FAFC' }">
+        <el-table :data="tableList" style="width: 100%" :row-style="rowStyle" :header-row-style="rowStyle" :style="dataTableContentStyle" height="calc(100vh - 236px)" max-height="calc(100vh - 236px)" :stripe="tableProps.stripe" :row-key="tableProps.rowKey" :highlight-current-row="tableProps.highlightCurrentRow" :header-cell-class-name="tableProps.headerCellClassName" @row-click="cellClick" :tooltip-effect="tableProps.tooltipEffect" :summary-method="totalOutPrice" :show-summary="tableProps.showSummary" :header-cell-style="{ background: '#F9FAFC' }">
           <el-table-column prop="allstock" label="总运单数" class-name="elChgTbeClmn" :show-overflow-tooltip="tableColumnProperty.showOverflowTooltip" :align="tableColumnProperty.align">
             <template #header>
               <div class="elHeadCon">
@@ -382,25 +382,26 @@
             </template>
           </el-table-column>
           <el-table-column label="数据缺失" show-overflow-tooltip="tableColumnProperty.showOverflowTooltip" :align="tableColumnProperty.align">
-            <el-table-column prop="havenot_allnode_stock" label="运单数" show-overflow-tooltip="tableColumnProperty.showOverflowTooltip" :align="tableColumnProperty.align"></el-table-column>
+            <el-table-column prop="havenot_allnode_stock" class-name="cell-click" label="运单数" show-overflow-tooltip="tableColumnProperty.showOverflowTooltip" :align="tableColumnProperty.align"></el-table-column>
             <el-table-column prop="havenot_allnode_lv" label="占比(%)" show-overflow-tooltip="tableColumnProperty.showOverflowTooltip" :align="tableColumnProperty.align"></el-table-column>
           </el-table-column>
           <el-table-column label="流程节点缺失" show-overflow-tooltip="tableColumnProperty.showOverflowTooltip" :align="tableColumnProperty.align">
-            <el-table-column prop="have_part_stock" label="运单数" show-overflow-tooltip="tableColumnProperty.showOverflowTooltip" :align="tableColumnProperty.align"></el-table-column>
+            <el-table-column prop="have_part_stock" class-name="cell-click" label="运单数" show-overflow-tooltip="tableColumnProperty.showOverflowTooltip" :align="tableColumnProperty.align">
+            </el-table-column>
             <el-table-column prop="have_part_lv" label="占比(%)" show-overflow-tooltip="tableColumnProperty.showOverflowTooltip" :align="tableColumnProperty.align"></el-table-column>
           </el-table-column>
           <el-table-column label="时间倒置" show-overflow-tooltip="tableColumnProperty.showOverflowTooltip" :align="tableColumnProperty.align">
-            <el-table-column prop="time_inversion_stock" label="运单数" show-overflow-tooltip="tableColumnProperty.showOverflowTooltip" :align="tableColumnProperty.align"></el-table-column>
+            <el-table-column prop="time_inversion_stock" class-name="cell-click" label="运单数" show-overflow-tooltip="tableColumnProperty.showOverflowTooltip" :align="tableColumnProperty.align"></el-table-column>
             <el-table-column prop="time_inversion_lv" label="占比(%)" show-overflow-tooltip="tableColumnProperty.showOverflowTooltip" :align="tableColumnProperty.align"></el-table-column>
           </el-table-column>
           <el-table-column label="时间相同" show-overflow-tooltip="tableColumnProperty.showOverflowTooltip" :align="tableColumnProperty.align">
-            <el-table-column prop="time_equal_stock" label="运单数" show-overflow-tooltip="tableColumnProperty.showOverflowTooltip" :align="tableColumnProperty.align"></el-table-column>
+            <el-table-column prop="time_equal_stock" class-name="cell-click" label="运单数" show-overflow-tooltip="tableColumnProperty.showOverflowTooltip" :align="tableColumnProperty.align"></el-table-column>
             <el-table-column prop="time_equal_lv" label="占比(%)" show-overflow-tooltip="tableColumnProperty.showOverflowTooltip" :align="tableColumnProperty.align"></el-table-column>
           </el-table-column>
         </el-table>
       </template>
       <template v-if="tableList.length && action == 18">
-        <el-table :data="tableList" style="width: 100%" :row-style="rowStyle" :header-row-style="rowStyle" :style="dataTableContentStyle" height="calc(100vh - 236px)" max-height="calc(100vh - 236px)" :stripe="tableProps.stripe" :row-key="tableProps.rowKey" :highlight-current-row="tableProps.highlightCurrentRow" :header-cell-class-name="tableProps.headerCellClassName" :tooltip-effect="tableProps.tooltipEffect" :summary-method="totalOutPrice" :show-summary="tableProps.showSummary" :header-cell-style="{ background: '#F9FAFC' }">
+        <el-table :data="tableList" style="width: 100%" :row-style="rowStyle" :header-row-style="rowStyle" :style="dataTableContentStyle" height="calc(100vh - 236px)" max-height="calc(100vh - 236px)" :stripe="tableProps.stripe" :row-key="tableProps.rowKey" :highlight-current-row="tableProps.highlightCurrentRow" :header-cell-class-name="tableProps.headerCellClassName" @row-click="cellClick" :tooltip-effect="tableProps.tooltipEffect" :summary-method="totalOutPrice" :show-summary="tableProps.showSummary" :header-cell-style="{ background: '#F9FAFC' }">
           <el-table-column prop="typeName" label="区域" :show-overflow-tooltip="tableColumnProperty.showOverflowTooltip" :align="tableColumnProperty.align">
           </el-table-column>
           <el-table-column prop="department" label="一级部门" :show-overflow-tooltip="tableColumnProperty.showOverflowTooltip" :align="tableColumnProperty.align">
@@ -411,39 +412,49 @@
             <el-table-column label="航班总数" prop="allflight" :show-overflow-tooltip="tableColumnProperty.showOverflowTooltip" :align="tableColumnProperty.align">
             </el-table-column>
             <el-table-column label="数据缺失" show-overflow-tooltip="tableColumnProperty.showOverflowTooltip" :align="tableColumnProperty.align">
-              <el-table-column prop="havenot_allnode_flight" label="航班数" show-overflow-tooltip="tableColumnProperty.showOverflowTooltip" :align="tableColumnProperty.align"></el-table-column>
+              <el-table-column prop="havenot_allnode_flight" class-name="cell-click" label="航班数" show-overflow-tooltip="tableColumnProperty.showOverflowTooltip" :align="tableColumnProperty.align"></el-table-column>
               <el-table-column prop="havenot_allnode_lv_flight" label="占比(%)" show-overflow-tooltip="tableColumnProperty.showOverflowTooltip" :align="tableColumnProperty.align"></el-table-column>
             </el-table-column>
             <el-table-column label="流程节点缺失" show-overflow-tooltip="tableColumnProperty.showOverflowTooltip" :align="tableColumnProperty.align">
-              <el-table-column prop="have_part_flight" label="航班数" show-overflow-tooltip="tableColumnProperty.showOverflowTooltip" :align="tableColumnProperty.align"></el-table-column>
+              <el-table-column prop="have_part_flight" class-name="cell-click" label="航班数" show-overflow-tooltip="tableColumnProperty.showOverflowTooltip" :align="tableColumnProperty.align"></el-table-column>
               <el-table-column prop="have_part_lv_flight" label="占比(%)" show-overflow-tooltip="tableColumnProperty.showOverflowTooltip" :align="tableColumnProperty.align"></el-table-column>
             </el-table-column>
             <el-table-column label="时间倒置" show-overflow-tooltip="tableColumnProperty.showOverflowTooltip" :align="tableColumnProperty.align">
-              <el-table-column prop="time_inversion_flight" label="航班数" show-overflow-tooltip="tableColumnProperty.showOverflowTooltip" :align="tableColumnProperty.align"></el-table-column>
+              <el-table-column prop="time_inversion_flight" class-name="cell-click" label="航班数" show-overflow-tooltip="tableColumnProperty.showOverflowTooltip" :align="tableColumnProperty.align"></el-table-column>
               <el-table-column prop="time_inversion_lv_flight" label="占比(%)" show-overflow-tooltip="tableColumnProperty.showOverflowTooltip" :align="tableColumnProperty.align"></el-table-column>
             </el-table-column>
             <el-table-column label="时间相同" show-overflow-tooltip="tableColumnProperty.showOverflowTooltip" :align="tableColumnProperty.align">
-              <el-table-column prop="time_equal_flight" label="航班数" show-overflow-tooltip="tableColumnProperty.showOverflowTooltip" :align="tableColumnProperty.align"></el-table-column>
+              <el-table-column prop="time_equal_flight" class-name="cell-click" label="航班数" show-overflow-tooltip="tableColumnProperty.showOverflowTooltip" :align="tableColumnProperty.align"></el-table-column>
               <el-table-column prop="time_equal_lv_flight" label="占比(%)" show-overflow-tooltip="tableColumnProperty.showOverflowTooltip" :align="tableColumnProperty.align"></el-table-column>
             </el-table-column>
           </el-table-column>
+        </el-table>
+      </template>
+      <template v-if="tableList.length && action == 20">
+        <el-table :data="tableList" style="width: 100%" :row-style="rowStyle" :header-row-style="rowStyle" :style="dataTableContentStyle" height="calc(100vh - 236px)" max-height="calc(100vh - 236px)" :stripe="tableProps.stripe" :row-key="tableProps.rowKey" @row-click="cellClick" :highlight-current-row="tableProps.highlightCurrentRow" :header-cell-class-name="tableProps.headerCellClassName" :tooltip-effect="tableProps.tooltipEffect" :summary-method="totalOutPrice" :show-summary="tableProps.showSummary" :header-cell-style="{ background: '#F9FAFC' }">
+          <el-table-column prop="typeName" label="区域" :show-overflow-tooltip="tableColumnProperty.showOverflowTooltip" :align="tableColumnProperty.align">
+          </el-table-column>
+          <el-table-column prop="department" label="一级部门" :show-overflow-tooltip="tableColumnProperty.showOverflowTooltip" :align="tableColumnProperty.align">
+          </el-table-column>
+          <el-table-column prop="second_department" label="二级部门" :show-overflow-tooltip="tableColumnProperty.showOverflowTooltip" :align="tableColumnProperty.align">
+          </el-table-column>
           <el-table-column label="运单异常" :show-overflow-tooltip="tableColumnProperty.showOverflowTooltip" :align="tableColumnProperty.align">
             <el-table-column label="运单总数" prop="allstock" :show-overflow-tooltip="tableColumnProperty.showOverflowTooltip" :align="tableColumnProperty.align">
             </el-table-column>
             <el-table-column label="数据缺失" show-overflow-tooltip="tableColumnProperty.showOverflowTooltip" :align="tableColumnProperty.align">
-              <el-table-column prop="havenot_allnode_stock" label="运单数" show-overflow-tooltip="tableColumnProperty.showOverflowTooltip" :align="tableColumnProperty.align"></el-table-column>
+              <el-table-column prop="havenot_allnode_stock" class-name="cell-click" label="运单数" show-overflow-tooltip="tableColumnProperty.showOverflowTooltip" :align="tableColumnProperty.align"></el-table-column>
               <el-table-column prop="havenot_allnode_lv_stock" label="占比(%)" show-overflow-tooltip="tableColumnProperty.showOverflowTooltip" :align="tableColumnProperty.align"></el-table-column>
             </el-table-column>
             <el-table-column label="流程节点缺失" show-overflow-tooltip="tableColumnProperty.showOverflowTooltip" :align="tableColumnProperty.align">
-              <el-table-column prop="have_part_stock" label="运单数" show-overflow-tooltip="tableColumnProperty.showOverflowTooltip" :align="tableColumnProperty.align"></el-table-column>
+              <el-table-column prop="have_part_stock" class-name="cell-click" label="运单数" show-overflow-tooltip="tableColumnProperty.showOverflowTooltip" :align="tableColumnProperty.align"></el-table-column>
               <el-table-column prop="have_part_lv_stock" label="占比(%)" show-overflow-tooltip="tableColumnProperty.showOverflowTooltip" :align="tableColumnProperty.align"></el-table-column>
             </el-table-column>
             <el-table-column label="时间倒置" show-overflow-tooltip="tableColumnProperty.showOverflowTooltip" :align="tableColumnProperty.align">
-              <el-table-column prop="time_inversion_stock" label="运单数" show-overflow-tooltip="tableColumnProperty.showOverflowTooltip" :align="tableColumnProperty.align"></el-table-column>
+              <el-table-column prop="time_inversion_stock" class-name="cell-click" label="运单数" show-overflow-tooltip="tableColumnProperty.showOverflowTooltip" :align="tableColumnProperty.align"></el-table-column>
               <el-table-column prop="time_inversion_lv_stock" label="占比(%)" show-overflow-tooltip="tableColumnProperty.showOverflowTooltip" :align="tableColumnProperty.align"></el-table-column>
             </el-table-column>
             <el-table-column label="时间相同" show-overflow-tooltip="tableColumnProperty.showOverflowTooltip" :align="tableColumnProperty.align">
-              <el-table-column prop="time_equal_stock" label="运单数" show-overflow-tooltip="tableColumnProperty.showOverflowTooltip" :align="tableColumnProperty.align"></el-table-column>
+              <el-table-column prop="time_equal_stock" class-name="cell-click" label="运单数" show-overflow-tooltip="tableColumnProperty.showOverflowTooltip" :align="tableColumnProperty.align"></el-table-column>
               <el-table-column prop="time_equal_lv_stock" label="占比(%)" show-overflow-tooltip="tableColumnProperty.showOverflowTooltip" :align="tableColumnProperty.align"></el-table-column>
             </el-table-column>
           </el-table-column>
@@ -493,6 +504,10 @@ export default {
       type: Number,
       default: "",
     },
+    searchParams: {
+      type: Object,
+      default: () => { },
+    }
   },
   data () {
     return {
@@ -781,7 +796,7 @@ export default {
         } else if (this.action === 4) {
           sums[2] = this.listall.alllist
         } else if (this.action === 16) {
-          let [allflightNum, allhavenotNum, allhaveNum, allinversionNum, allequalNum] = [null, null, null, null, null]
+          let [allflightNum, allhavenotNum, allhaveNum, allinversionNum, allequalNum] = [0, 0, 0, 0, 0]
           this.tableData.forEach(item => {
             const { allflight, havenot_allnode_flight, have_part_flight, time_inversion_flight, time_equal_flight } = item
             allflightNum += Number(allflight == '/' ? 0 : allflight)
@@ -790,12 +805,12 @@ export default {
             allinversionNum += Number(time_inversion_flight == '/' ? 0 : time_inversion_flight)
             allequalNum += Number(time_equal_flight == '/' ? 0 : time_equal_flight)
           })
-          sums[3] = ((allhavenotNum / allflightNum) * 100).toFixed(2) + '%'
-          sums[5] = ((allhaveNum / allflightNum) * 100).toFixed(2) + '%'
-          sums[7] = ((allinversionNum / allflightNum) * 100).toFixed(2) + '%'
-          sums[9] = ((allequalNum / allflightNum) * 100).toFixed(2) + '%'
+          sums[2] = ((allhavenotNum / allflightNum) * 100).toFixed(2) + '%'
+          sums[4] = ((allhaveNum / allflightNum) * 100).toFixed(2) + '%'
+          sums[6] = ((allinversionNum / allflightNum) * 100).toFixed(2) + '%'
+          sums[8] = ((allequalNum / allflightNum) * 100).toFixed(2) + '%'
         } else if (this.action === 17) {
-          let [allflightNum, allhavenotNum, allhaveNum, allinversionNum, allequalNum] = [null, null, null, null, null]
+          let [allflightNum, allhavenotNum, allhaveNum, allinversionNum, allequalNum] = [0, 0, 0, 0, 0]
           this.tableData.forEach(item => {
             const { allstock, havenot_allnode_stock, have_part_stock, time_inversion_stock, time_equal_stock } = item
             allflightNum += Number(allstock == '/' ? 0 : allstock)
@@ -804,10 +819,10 @@ export default {
             allinversionNum += Number(time_inversion_stock == '/' ? 0 : time_inversion_stock)
             allequalNum += Number(time_equal_stock == '/' ? 0 : time_equal_stock)
           })
-          sums[3] = ((allhavenotNum / allflightNum) * 100).toFixed(2) + '%'
-          sums[5] = ((allhaveNum / allflightNum) * 100).toFixed(2) + '%'
-          sums[7] = ((allinversionNum / allflightNum) * 100).toFixed(2) + '%'
-          sums[9] = ((allequalNum / allflightNum) * 100).toFixed(2) + '%'
+          sums[2] = ((allhavenotNum / allflightNum) * 100).toFixed(2) + '%'
+          sums[4] = ((allhaveNum / allflightNum) * 100).toFixed(2) + '%'
+          sums[6] = ((allinversionNum / allflightNum) * 100).toFixed(2) + '%'
+          sums[8] = ((allequalNum / allflightNum) * 100).toFixed(2) + '%'
         } else if (this.action === 18) {
           let [allflightNum1, allhavenotNum1, allhaveNum1, allinversionNum1, allequalNum1, allflightNum2, allhavenotNum2, allhaveNum2, allinversionNum2, allequalNum2] = [0, 0, 0, 0, 0, 0, 0, 0, 0, 0]
           this.tableData.forEach(item => {
@@ -827,10 +842,25 @@ export default {
           sums[7] = ((allhaveNum1 / allflightNum1) * 100).toFixed(2) + '%'
           sums[9] = ((allinversionNum1 / allflightNum1) * 100).toFixed(2) + '%'
           sums[11] = ((allequalNum1 / allflightNum1) * 100).toFixed(2) + '%'
-          sums[14] = ((allhavenotNum2 / allflightNum2) * 100).toFixed(2) + '%'
-          sums[16] = ((allhaveNum2 / allflightNum2) * 100).toFixed(2) + '%'
-          sums[18] = ((allinversionNum2 / allflightNum2) * 100).toFixed(2) + '%'
-          sums[20] = ((allequalNum2 / allflightNum2) * 100).toFixed(2) + '%'
+        } else if (this.action === 20) {
+          let [allflightNum1, allhavenotNum1, allhaveNum1, allinversionNum1, allequalNum1, allflightNum2, allhavenotNum2, allhaveNum2, allinversionNum2, allequalNum2] = [0, 0, 0, 0, 0, 0, 0, 0, 0, 0]
+          this.tableData.forEach(item => {
+            const { allstock, havenot_allnode_stock, have_part_stock, time_inversion_stock, time_equal_stock, allflight, havenot_allnode_flight, have_part_flight, time_inversion_flight, time_equal_flight } = item
+            allflightNum1 += Number(allflight == '/' ? 0 : allflight)
+            allhavenotNum1 += Number(havenot_allnode_flight == '/' ? 0 : havenot_allnode_flight)
+            allhaveNum1 += Number(have_part_flight == '/' ? 0 : have_part_flight)
+            allinversionNum1 += Number(time_inversion_flight == '/' ? 0 : time_inversion_flight)
+            allequalNum1 += Number(time_equal_flight == '/' ? 0 : time_equal_flight)
+            allflightNum2 += Number(allstock == '/' ? 0 : allstock)
+            allhavenotNum2 += Number(havenot_allnode_stock == '/' ? 0 : havenot_allnode_stock)
+            allhaveNum2 += Number(have_part_stock == '/' ? 0 : have_part_stock)
+            allinversionNum2 += Number(time_inversion_stock == '/' ? 0 : time_inversion_stock)
+            allequalNum2 += Number(time_equal_stock == '/' ? 0 : time_equal_stock)
+          })
+          sums[5] = ((allhavenotNum2 / allflightNum2) * 100).toFixed(2) + '%'
+          sums[7] = ((allhaveNum2 / allflightNum2) * 100).toFixed(2) + '%'
+          sums[9] = ((allinversionNum2 / allflightNum2) * 100).toFixed(2) + '%'
+          sums[11] = ((allequalNum2 / allflightNum2) * 100).toFixed(2) + '%'
         }
       });
       return sums;
@@ -930,6 +960,46 @@ export default {
           ).toFixed(2) + "%";
       }
     },
+    cellClick (row, column, cell) {
+      if (column.className) {
+        if (column.className.includes('cell-click')) {
+          const name = column.property
+          const keyNumber = row[name]
+          const keyObj = {}
+          if (this.action == 16 || this.action == 18) {
+            if (name == 'havenot_allnode_flight') {
+              keyObj['nodeName'] = '数据缺失'
+            } else if (name == 'have_part_flight') {
+              keyObj['nodeName'] = '流程节点缺失'
+            } else if (name == 'time_inversion_flight') {
+              keyObj['nodeName'] = '时间倒置'
+            } else if (name == 'time_equal_flight') {
+              keyObj['nodeName'] = '时间相同'
+            }
+            keyObj['nodeDep'] = row.second_department ? row.second_department : '全部'
+            this.$router.push({
+              path: '/statisticalanalysis/dataException/detail',
+              query: Object.assign(this.searchParams, keyObj)
+            })
+          } else if (this.action == 17 || this.action == 20) {
+            if (name == 'havenot_allnode_stock') {
+              keyObj['nodeName'] = '数据缺失'
+            } else if (name == 'have_part_stock') {
+              keyObj['nodeName'] = '流程节点缺失'
+            } else if (name == 'time_inversion_stock') {
+              keyObj['nodeName'] = '时间倒置'
+            } else if (name == 'time_equal_stock') {
+              keyObj['nodeName'] = '时间相同'
+            }
+            keyObj['nodeDep'] = row.second_department ? row.second_department : '全部'
+            this.$router.push({
+              path: '/statisticalanalysis/dataException/detailWay',
+              query: Object.assign(this.searchParams, keyObj)
+            })
+          }
+        }
+      }
+    },
     //滚动分页加载
     // load  () {
     //   this.$emit("load", true);

src/views/statisticalanalysis/dataException/views/detail.vue

@@ -66,11 +66,14 @@ export default {
         tyol: "",
       },
       formData: {
+        fttpId: "",
+        fttype: "",
         fttp: "",
         flighttype: "",
+        flightno: "",
         dateTime: "",
       },
-      titleTop: "节点明细统计",
+      titleTop: "航班节点明细统计",
       levelList: [
         {
           name: "加货重量统计",
@@ -117,6 +120,27 @@ export default {
             },
           ],
         },
+        {
+          prop: "fttype",
+          inputType: "select",
+          placeholder: "客货类型",
+          requiredWarning: "请先选择客货类型",
+          clearable: true,
+          options: [
+            {
+              value: "客机",
+              label: "客机",
+            },
+            {
+              value: "货机",
+              label: "货机",
+            },
+            {
+              value: "全部",
+              label: "全部",
+            },
+          ],
+        },
         {
           prop: "fttp",
           inputType: "select",
@@ -163,26 +187,45 @@ export default {
         },
         {
           prop: "dateTime",
-          inputType: "erdatime",
+          inputType: "datePicker",
           requiredWarning: "请先选择日期",
           clearable: true,
           width: "240px",
           options: [],
-          haveDisabled: true,
-          disabledDate: function (time) {
-            return !(time.getTime() < Date.now() - 3600 * 1000 * 24)
-          }
         },
       ],
-      newObj: {}
+      newObj: {},
+      queryParams: {}
     };
   },
   mounted () {
-    // this.getQuery([]);
+    const { query } = this.$route
+    this.queryParams = query
+    if (Object.keys(query).length) {
+      const { typeName, flighttype, fd1, fd2, nodeName, nodeDep } = query
+      const options = this.formItems[0].options
+      const frs = options.filter(item => item.label === typeName)
+      if (frs) {
+        const fttpId = frs[0].value
+        const option = [{
+          flighttype,
+          fd1,
+          fd2
+        }]
+        this.formData.fttpId = fttpId
+        this.formData.fttype = flighttype
+        this.formData.dateTime = [fd1, fd2]
+        this.listname =
+          "运单节点明细统计" + '-' +
+          typeName + '-' +
+          fd1 + '-' + fd2
+        this.getQuery(fttpId, option, null)
+      }
+    }
   },
   watch: {
     // 监听数据变化，重绘折线图
-    newObj: {
+    formData: {
       deep: true,
       handler (newVal) {
         const { fttpId, fttp, flighttype, flightno } = newVal
@@ -256,14 +299,18 @@ export default {
   destroyed () { },
   methods: {
     getFormData (data) {
-      this.newObj = data
+      // this.formData = data
       this.tableData.time = [];
       this.tableData.data1 = [];
       this.tableData.data2 = [];
       let option = [{
-        fd1: data.dateTime,
-        fd2: data.dateTime
+        flighttype: data.fttype,
+        fd1: data.dateTime[0],
+        fd2: data.dateTime[1]
       }]
+      this.formData.fttpId = data.fttpId
+      this.formData.dateTime = data.dateTime
+      this.formData.fttype = data.fttype
       this.getQuery(data.fttpId, option, null);
       let typeName = null
       switch (data.fttpId) {
@@ -284,9 +331,9 @@ export default {
           break;
       }
       this.listname =
-        "节点明细统计" + '-' +
+        "运单节点明细统计" + '-' +
         typeName + '-' +
-        data.dateTime;
+        data.dateTime[0] + '-' + data.dateTime[1]
       this.listHeader = ["序号", "时间", "航班(班)", "环比(%)"];
     },
     setTable (datas) {
@@ -297,7 +344,7 @@ export default {
     fore (data) {
       switch (data.fttpId) {
         case 52233:
-          this.formItems[2].options = [
+          this.formItems[3].options = [
             {
               label: '货邮检查一大队',
               value: '货邮检查一大队'
@@ -317,7 +364,7 @@ export default {
           ]
           break;
         case 52234:
-          this.formItems[2].options = [
+          this.formItems[3].options = [
             {
               label: '国内进港部',
               value: '国内进港部'
@@ -337,7 +384,7 @@ export default {
           ]
           break;
         case 52235:
-          this.formItems[2].options = [
+          this.formItems[3].options = [
             {
               label: '龙略',
               value: '龙略'
@@ -349,7 +396,7 @@ export default {
           ]
           break;
         case 52236:
-          this.formItems[2].options = [
+          this.formItems[3].options = [
             {
               label: '操作二部',
               value: '操作二部'
@@ -369,7 +416,7 @@ export default {
           ]
           break;
         default:
-          this.formItems[2].options = [
+          this.formItems[3].options = [
             {
               label: '货邮检查一大队',
               value: '货邮检查一大队'
@@ -408,6 +455,22 @@ export default {
           this.tableListcop = _.chunk(_.cloneDeep(returnData), 10);
           this.tableNewList = this.tableListcop[0]
           this.loading = false
+          if (Object.keys(this.queryParams).length) {
+            const { typeName, flighttype, fd1, fd2, nodeName, nodeDep } = this.queryParams
+            const options = this.formItems[0].options
+            const frs = options.filter(item => item.label === typeName)
+            if (frs) {
+              const fttpId = frs[0].value
+              this.formData.fttp = nodeName
+              this.formData.flighttype = nodeDep
+              // const watchParams = {
+              //   fttpId,
+              //   flighttype: nodeDep,
+              //   fttp: nodeName
+              // }
+              // this.newObj = watchParams
+            }
+          }
         } else {
           this.loading = false
           console.log(code)
@@ -423,7 +486,7 @@ export default {
         import("@/utils/Export2Excel").then((excel) => {
           const table = this.$refs[refName].$el.cloneNode(true);
           const fileName = `${this.listname}.xlsx`;
-          exportToExcel(table, '节点明细统计', fileName);
+          exportToExcel(table, '航班节点明细统计', fileName);
         });
       } else {
         this.$message.error('暂无数据')

src/views/statisticalanalysis/dataException/views/detailWay.vue

@@ -0,0 +1,572 @@
+<template>
+  <div class="airportInfo">
+    <div class="variable">
+      <StatisticsHeader :title="titleTop" :items="formItems" :data="formData" :eledata="eledata" with-setting :withSetting="false" :withExport="true" :set="set" :action="action" :asShow="asShow" @getFormData="getFormData" @export="tableToExcel('table')" @upset="upset" @fore="fore" />
+    </div>
+    <div v-loading="loading" element-loading-text="数据加载中..." class="echart">
+      <!-- <Echarts :id="dataid" :option="tableData" v-if="picShow == true ? true : false" /> -->
+      <Tableformbrs :tableList="tableNewList" :action="action" :set="set" />
+      <el-table ref="table" :data="tableList" style="width: 100%;visibility: hidden;" height="calc(100vh - 236px)" max-height="calc(100vh - 236px)">
+        <el-table-column prop="flight_all_no" label="航班号" :align="'center'">
+        </el-table-column>
+        <el-table-column prop="flight_date" label="航班日期" :align="'center'">
+        </el-table-column>
+        <el-table-column prop="stock_code" label="运单号" :align="'center'">
+        </el-table-column>
+        <el-table-column prop="index_class" label="指标分类" :align="'center'">
+        </el-table-column>
+        <el-table-column prop="node" label="节点名称" :align="'center'">
+        </el-table-column>
+        <el-table-column prop="execT" label="节点时间" :align="'center'">
+        </el-table-column>
+        <el-table-column prop="department" label="一级部门" :align="'center'">
+        </el-table-column>
+        <el-table-column prop="second_department" label="二级部门" :align="'center'">
+        </el-table-column>
+      </el-table>
+    </div>
+    <div v-if="total > 0" class="pagination">
+      <el-pagination background layout="prev, pager, next" @current-change="currentChange" :total="total" />
+    </div>
+  </div>
+</template>
+
+<script>
+import Echarts from "../../components/echart/index.vue";
+import Tableformbrs from "../../components/echart/tableforms.vue";
+import StatisticsHeader from "../../components/echart/statisticsHeader.vue";
+import { export_json_to_excel, exportToExcel } from "@/utils/Export2Excel";
+import { Query } from "@/api/webApi";
+import _ from 'lodash'
+export default {
+  name: "ChartsBar",
+  data () {
+    return {
+      loading: false,
+      asShow: false,
+      optiondata: [],
+      picShow: true, //图片表格切换
+      action: 19,
+      dataid: "collection_ecahrt1",
+      listqueryTemplateID: DATACONTENT_ID.modeFlightvolume,
+      eledata: 1,
+      set: "",
+      isShow: Echarts,
+      tableList: [],
+      tableListcop: [],
+      tableNewList: [],
+      listname: "",
+      listHeader: [],
+      total: 0,
+      tableData: {
+        time: [],
+        data1: [],
+        data2: [],
+        kg: "",
+        tyol: "",
+      },
+      formData: {
+        fttpId: "",
+        fttype: "",
+        fttp: "",
+        flighttype: "",
+        flightno: "",
+        dateTime: "",
+      },
+      titleTop: "运单节点明细统计",
+      levelList: [
+        {
+          name: "加货重量统计",
+        },
+        {
+          name: "航班量统计",
+        },
+        {
+          name: "特货统计",
+        },
+        {
+          name: "货量统计",
+        },
+        {
+          name: "拉货统计",
+        },
+        {
+          name: "国内进港保障时间统计",
+        },
+      ],
+      formItems: [
+        {
+          prop: "fttpId",
+          inputType: "select",
+          placeholder: "国内国际",
+          requiredWarning: "请先选择国内国际",
+          clearable: true,
+          options: [
+            {
+              value: DATACONTENT_ID.detailGnDepartureWay,
+              label: "国内出港",
+            },
+            // {
+            //   value: DATACONTENT_ID.detailGjDeparture,
+            //   label: "国际出港",
+            // },
+            // {
+            //   value: DATACONTENT_ID.detailGnArrival,
+            //   label: "国内进港",
+            // },
+            // {
+            //   value: DATACONTENT_ID.detailGjArrival,
+            //   label: "国际进港",
+            // },
+          ],
+        },
+        {
+          prop: "fttype",
+          inputType: "select",
+          placeholder: "客货类型",
+          requiredWarning: "请先选择客货类型",
+          clearable: true,
+          options: [
+            {
+              value: "客机",
+              label: "客机",
+            },
+            {
+              value: "货机",
+              label: "货机",
+            },
+            {
+              value: "全部",
+              label: "全部",
+            },
+          ],
+        },
+        {
+          prop: "fttp",
+          inputType: "select",
+          placeholder: "指标分类",
+          clearable: true,
+          options: [
+            {
+              value: "数据缺失",
+              label: "数据缺失",
+            },
+            {
+              value: "流程节点缺失",
+              label: "流程节点缺失",
+            },
+            {
+              value: "时间倒置",
+              label: "时间倒置",
+            },
+            {
+              value: "时间相同",
+              label: "时间相同",
+            },
+            {
+              value: "全部",
+              label: "全部",
+            },
+          ],
+        },
+        {
+          prop: "flighttype",
+          inputType: "select",
+          placeholder: "二级部门",
+          clearable: true,
+          options: [
+          ],
+        },
+        {
+          prop: "flightno",
+          inputType: "input",
+          placeholder: "请输入航班号",
+          clearable: true,
+          options: [
+          ],
+        },
+        {
+          prop: "dateTime",
+          inputType: "datePicker",
+          requiredWarning: "请先选择日期",
+          clearable: true,
+          width: "240px",
+          options: [],
+        },
+      ],
+      newObj: {},
+      queryParams: {}
+    };
+  },
+  mounted () {
+    const { query } = this.$route
+    this.queryParams = query
+    if (Object.keys(query).length) {
+      const { typeName, flighttype, fd1, fd2, nodeName, nodeDep } = query
+      const options = this.formItems[0].options
+      const frs = options.filter(item => item.label === typeName)
+      if (frs) {
+        const fttpId = frs[0].value
+        const option = [{
+          flighttype,
+          fd1,
+          fd2
+        }]
+        this.formData.fttpId = fttpId
+        this.formData.fttype = flighttype
+        this.formData.dateTime = [fd1, fd2]
+        this.listname =
+          "运单节点明细统计" + '-' +
+          typeName + '-' +
+          fd1 + '-' + fd2
+        this.getQuery(fttpId, option, null)
+      }
+    }
+  },
+  watch: {
+    // 监听数据变化，重绘折线图
+    formData: {
+      deep: true,
+      handler (newVal) {
+        const { fttpId, fttp, flighttype, flightno } = newVal
+        if (flightno) {
+          let datas = []
+          if (fttp && !flighttype) {
+            if (fttp !== '全部') {
+              datas = this.tableList.filter(item => item.flight_all_no == flightno && item.index_class == fttp)
+            } else {
+              datas = this.tableList.filter(item => item.flight_all_no == flightno)
+            }
+          } else if (!fttp && flighttype) {
+            if (flighttype !== '全部') {
+              datas = this.tableList.filter(item => item.flight_all_no == flightno && item.second_department == flighttype)
+            } else {
+              datas = this.tableList.filter(item => item.flight_all_no == flightno)
+            }
+          }
+          else if (fttp && flighttype) {
+            if (fttp !== '全部' && flighttype !== '全部') {
+              datas = this.tableList.filter(item => item.flight_all_no == flightno && item.second_department == flighttype && item.index_class == fttp)
+            } else if (fttp !== '全部' && flighttype === '全部') {
+              datas = this.tableList.filter(item => item.flight_all_no == flightno && item.index_class == fttp)
+            } else if (fttp === '全部' && flighttype !== '全部') {
+              datas = this.tableList.filter(item => item.flight_all_no == flightno && item.second_department == flighttype)
+            } else {
+              datas = this.tableList.filter(item => item.flight_all_no == flightno)
+            }
+          }
+          else {
+            datas = this.tableList.filter(item => item.flight_all_no == flightno)
+          }
+          this.setTable(datas)
+        } else {
+          if (fttp && !flighttype) {
+            let datas = []
+            if (fttp !== '全部') {
+              datas = this.tableList.filter(item => item.index_class == fttp)
+            } else {
+              datas = this.tableList
+            }
+            this.setTable(datas)
+          } else if (!fttp && flighttype) {
+            let datas = []
+            if (fttp !== '全部') {
+              datas = this.tableList.filter(item => item.second_department == flighttype)
+            } else {
+              datas = this.tableList
+            }
+            this.setTable(datas)
+          } else if (fttp && flighttype) {
+            let datas = []
+            if (fttp !== '全部' && flighttype !== '全部') {
+              datas = this.tableList.filter(item => item.second_department == flighttype && item.index_class == fttp)
+            } else if (fttp !== '全部' && flighttype === '全部') {
+              datas = this.tableList.filter(item => item.index_class == fttp)
+            } else if (fttp === '全部' && flighttype !== '全部') {
+              datas = this.tableList.filter(item => item.second_department == flighttype)
+            } else {
+              datas = this.tableList
+            }
+            this.setTable(datas)
+          } else {
+            const datas = this.tableList
+            this.setTable(datas)
+          }
+        }
+      },
+    },
+  },
+  destroyed () { },
+  methods: {
+    getFormData (data) {
+      // this.formData = data
+      this.tableData.time = [];
+      this.tableData.data1 = [];
+      this.tableData.data2 = [];
+      let option = [{
+        flighttype: data.fttype,
+        fd1: data.dateTime[0],
+        fd2: data.dateTime[1]
+      }]
+      this.formData.fttpId = data.fttpId
+      this.formData.dateTime = data.dateTime
+      this.formData.fttype = data.fttype
+      this.getQuery(data.fttpId, option, null);
+      let typeName = null
+      switch (data.fttpId) {
+        case 52233:
+          typeName = '国内出港'
+          break;
+        case 52234:
+          typeName = '国内进港'
+          break;
+        case 52235:
+          typeName = '国际出港'
+          break;
+        case 52236:
+          typeName = '国际进港'
+          break;
+        default:
+          typeName = '国内出港'
+          break;
+      }
+      this.listname =
+        "运单节点明细统计" + '-' +
+        typeName + '-' +
+        data.dateTime[0] + '-' + data.dateTime[1]
+      this.listHeader = ["序号", "时间", "航班(班)", "环比(%)"];
+    },
+    setTable (datas) {
+      this.tableListcop = _.chunk(datas, 10)
+      this.tableNewList = this.tableListcop[0]
+      this.total = datas.length
+    },
+    fore (data) {
+      switch (data.fttpId) {
+        case 52233:
+          this.formItems[3].options = [
+            {
+              label: '货邮检查一大队',
+              value: '货邮检查一大队'
+            },
+            {
+              label: '运输部（万事通）',
+              value: '运输部（万事通）'
+            },
+            {
+              label: '装卸部（美华）',
+              value: '装卸部（美华）'
+            },
+            {
+              value: "全部",
+              label: "全部",
+            },
+          ]
+          break;
+        case 52234:
+          this.formItems[3].options = [
+            {
+              label: '国内进港部',
+              value: '国内进港部'
+            },
+            {
+              label: '运输部（万事通）',
+              value: '运输部（万事通）'
+            },
+            {
+              label: '装卸部（美华）',
+              value: '装卸部（美华）'
+            },
+            {
+              value: "全部",
+              label: "全部",
+            },
+          ]
+          break;
+        case 52235:
+          this.formItems[3].options = [
+            {
+              label: '龙略',
+              value: '龙略'
+            },
+            {
+              value: "全部",
+              label: "全部",
+            },
+          ]
+          break;
+        case 52236:
+          this.formItems[3].options = [
+            {
+              label: '操作二部',
+              value: '操作二部'
+            },
+            {
+              label: '货机装载组',
+              value: '货机装载组'
+            },
+            {
+              label: '龙略',
+              value: '龙略'
+            },
+            {
+              value: "全部",
+              label: "全部",
+            },
+          ]
+          break;
+        default:
+          this.formItems[3].options = [
+            {
+              label: '货邮检查一大队',
+              value: '货邮检查一大队'
+            },
+            {
+              label: '运输部（万事通）',
+              value: '运输部（万事通）'
+            },
+            {
+              label: '装卸部（美华）',
+              value: '装卸部（美华）'
+            },
+            {
+              value: "全部",
+              label: "全部",
+            },
+          ]
+          break;
+      }
+    },
+    //获取表格数据
+    async getQuery (id, data, dat) {
+      this.loading = true
+      try {
+        const { code, returnData } = await Query({
+          id: id,
+          pageSize: 9999,
+          dataContent: data,
+        });
+        if (code == 0) {
+          this.tableData.time = [];
+          this.tableData.data1 = [];
+          this.tableData.data2 = [];
+          this.total = returnData.length
+          this.tableList = _.cloneDeep(returnData);
+          this.tableListcop = _.chunk(_.cloneDeep(returnData), 10);
+          this.tableNewList = this.tableListcop[0]
+          this.loading = false
+          if (Object.keys(this.queryParams).length) {
+            const { typeName, flighttype, fd1, fd2, nodeName, nodeDep } = this.queryParams
+            const options = this.formItems[0].options
+            const frs = options.filter(item => item.label === typeName)
+            if (frs) {
+              const fttpId = frs[0].value
+              this.formData.fttp = nodeName
+              this.formData.flighttype = nodeDep
+              // const watchParams = {
+              //   fttpId,
+              //   flighttype: nodeDep,
+              //   fttp: nodeName
+              // }
+              // this.newObj = watchParams
+            }
+          }
+        } else {
+          this.loading = false
+          console.log(code)
+        }
+      } catch (error) {
+        this.loading = false
+        this.page--;
+      }
+    },
+    //导出
+    tableToExcel (refName) {
+      if (this.tableList.length) {
+        import("@/utils/Export2Excel").then((excel) => {
+          const table = this.$refs[refName].$el.cloneNode(true);
+          const fileName = `${this.listname}.xlsx`;
+          exportToExcel(table, '运单节点明细统计', fileName);
+        });
+      } else {
+        this.$message.error('暂无数据')
+      }
+
+    },
+    //分页
+    currentChange (page) {
+      this.tableNewList = this.tableListcop[page - 1]
+    },
+    upset (data) {
+      this.picShow = data;
+    },
+  },
+  components: {
+    Echarts,
+    StatisticsHeader,
+    Tableformbrs,
+  },
+};
+</script>
+<style lang="scss" scoped>
+.airportInfo {
+  position: relative;
+  height: 100%;
+  .header {
+    width: 103%;
+    height: 36px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    background: #f7f7f7;
+    position: relative;
+    left: -23px;
+    > .nav {
+      padding: 0 30px 0 30px;
+      cursor: pointer;
+      font-size: 16px;
+      font-family: Microsoft YaHei;
+      font-weight: 400;
+      color: #101116;
+    }
+    > .navs {
+      height: 100%;
+      padding: 0 30px 0 30px;
+      cursor: pointer;
+      display: flex;
+      align-items: center;
+      font-size: 16px;
+      font-family: Microsoft YaHei;
+      font-weight: bold;
+      color: #ac014d;
+      border-bottom: 2px solid #ac014d;
+    }
+  }
+  .variable {
+    width: 100%;
+    height: 52px;
+  }
+  .echart {
+    width: 100%;
+    /*height: 746px;*/
+    height: calc(100% - 110px);
+    position: absolute;
+    background: #ffffff;
+    box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.1);
+    border-radius: 4px;
+  }
+
+  .pagination {
+    position: absolute;
+    z-index: 10;
+    bottom: 0;
+    left: 0;
+    display: flex;
+    justify-content: flex-end;
+    width: 100%;
+    ::v-deep .el-pager li.is-active {
+      background: #ac014d;
+    }
+  }
+}
+</style>

src/views/statisticalanalysis/dataException/views/dimension.vue

@@ -5,7 +5,7 @@
     </div>
     <div v-loading="loading" element-loading-text="数据加载中..." class="echart">
       <!-- <Echarts :id="dataid" :option="tableData" v-if="picShow == true ? true : false" /> -->
-      <Tableformbrs ref="table" :tableList="tableList" :action="action" :set="set" />
+      <Tableformbrs ref="table" :searchParams="searchParams" :tableList="tableList" :action="action" :set="set" />
     </div>
   </div>
 </template>
@@ -46,7 +46,7 @@ export default {
         flighttype: "",
         dateTime: "",
       },
-      titleTop: "部门维度统计",
+      titleTop: "航班部门维度统计",
       levelList: [
         {
           name: "加货重量统计",
@@ -123,7 +123,8 @@ export default {
           options: [],
         },
       ],
-      newObj: {}
+      newObj: {},
+      searchParams: null
     };
   },
   mounted () {
@@ -169,8 +170,14 @@ export default {
           typeName = '国内出港'
           break;
       }
-      this.listname =
-        "部门维度统计" + '-' +
+      this.searchParams = {
+        typeName,
+        flighttype: data.flighttype,
+        fd1: data.dateTime[0],
+        fd2: data.dateTime[1]
+      },
+        this.listname =
+        "航班部门维度统计" + '-' +
         typeName + '-' +
         data.flighttype + '-' +
         data.dateTime;
@@ -253,7 +260,7 @@ export default {
       import("@/utils/Export2Excel").then((excel) => {
         const table = this.$refs[refName].$el.cloneNode(true);
         const fileName = `${this.listname}.xlsx`;
-        exportToExcel(table, '部门维度统计', fileName);
+        exportToExcel(table, '航班部门维度统计', fileName);
       });
     },
     upset (data) {

src/views/statisticalanalysis/dataException/views/dimensionWay.vue

@@ -0,0 +1,323 @@
+<template>
+  <div class="airportInfo">
+    <div class="variable">
+      <StatisticsHeader :title="titleTop" :items="formItems" :data="formData" :eledata="eledata" with-setting :withSetting="false" :withExport="true" :set="set" :action="action" :asShow="asShow" @getFormData="getFormData" @export="tableToExcel('table')" @upset="upset" />
+    </div>
+    <div v-loading="loading" element-loading-text="数据加载中..." class="echart">
+      <!-- <Echarts :id="dataid" :option="tableData" v-if="picShow == true ? true : false" /> -->
+      <Tableformbrs ref="table" :searchParams="searchParams" :tableList="tableList" :action="action" :set="set" />
+    </div>
+  </div>
+</template>
+
+<script>
+import Echarts from "../../components/echart/index.vue";
+import Tableformbrs from "../../components/echart/tableforms.vue";
+import StatisticsHeader from "../../components/echart/statisticsHeader.vue";
+import { export_json_to_excel, exportToExcel } from "@/utils/Export2Excel";
+import { Query } from "@/api/webApi";
+import _ from 'lodash'
+export default {
+  name: "ChartsBar",
+  data () {
+    return {
+      asShow: false,
+      optiondata: [],
+      picShow: true, //图片表格切换
+      action: 20,
+      dataid: "collection_ecahrt1",
+      listqueryTemplateID: DATACONTENT_ID.modeFlightvolume,
+      eledata: 1,
+      set: "",
+      isShow: Echarts,
+      tableList: [],
+      tableListcop: [],
+      listname: "",
+      listHeader: [],
+      tableData: {
+        time: [],
+        data1: [],
+        data2: [],
+        kg: "",
+        tyol: "",
+      },
+      loading: false,
+      formData: {
+        flighttype: "",
+        dateTime: "",
+      },
+      titleTop: "运单部门维度统计",
+      levelList: [
+        {
+          name: "加货重量统计",
+        },
+        {
+          name: "航班量统计",
+        },
+        {
+          name: "特货统计",
+        },
+        {
+          name: "货量统计",
+        },
+        {
+          name: "拉货统计",
+        },
+        {
+          name: "国内进港保障时间统计",
+        },
+      ],
+      formItems: [
+        {
+          prop: "fttp",
+          inputType: "select",
+          placeholder: "国内国际",
+          requiredWarning: "请先选择国内国际",
+          clearable: true,
+          options: [
+            {
+              value: DATACONTENT_ID.dimensionGnDepartureWay,
+              label: "国内出港",
+            },
+            // {
+            //   value: DATACONTENT_ID.dimensionGjDeparture,
+            //   label: "国际出港",
+            // },
+            // {
+            //   value: DATACONTENT_ID.dimensionGnArrival,
+            //   label: "国内进港",
+            // },
+            // {
+            //   value: DATACONTENT_ID.dimensionGjArrival,
+            //   label: "国际进港",
+            // },
+          ],
+        },
+        {
+          prop: "flighttype",
+          inputType: "select",
+          placeholder: "客货类型",
+          requiredWarning: "请先选择客货类型",
+          clearable: true,
+          options: [
+            {
+              value: "客机",
+              label: "客机",
+            },
+            {
+              value: "货机",
+              label: "货机",
+            },
+            {
+              value: "全部",
+              label: "全部",
+            },
+          ],
+        },
+        {
+          prop: "dateTime",
+          inputType: "datePicker",
+          requiredWarning: "请先选择日期",
+          clearable: true,
+          width: "240px",
+          options: [],
+        },
+      ],
+      newObj: {},
+      searchParams: null
+    };
+  },
+  mounted () {
+    // this.getQuery([]);
+  },
+  watch: {
+    // 监听数据变化，重绘折线图
+    option: {
+      deep: true,
+      handler (newVal) { },
+    },
+  },
+  destroyed () { },
+  methods: {
+    getFormData (data) {
+      this.tableData.time = [];
+      this.tableData.data1 = [];
+      this.tableData.data2 = [];
+      this.newObj = _.cloneDeep(data)
+      let option = [
+        {
+          flighttype: data.flighttype,
+          fd1: data.dateTime[0],
+          fd2: data.dateTime[1]
+        },
+      ];
+      this.getQuery(data.fttp, option, null);
+      let typeName = null
+      switch (data.fttp) {
+        case 52229:
+          typeName = '国内出港'
+          break;
+        case 52230:
+          typeName = '国内进港'
+          break;
+        case 52231:
+          typeName = '国际出港'
+          break;
+        case 52232:
+          typeName = '国际进港'
+          break;
+        default:
+          typeName = '国内出港'
+          break;
+      }
+      this.searchParams = {
+        typeName,
+        flighttype: data.flighttype,
+        fd1: data.dateTime[0],
+        fd2: data.dateTime[1]
+      },
+        this.listname =
+        "运单部门维度统计" + '-' +
+        typeName + '-' +
+        data.flighttype + '-' +
+        data.dateTime;
+      this.listHeader = ["序号", "时间", "航班(班)", "环比(%)"];
+    },
+    //获取表格数据
+    async getQuery (id, data, dat) {
+      this.loading = true
+      try {
+        const { code, returnData } = await Query({
+          id: Number(id),
+          dataContent: data,
+        });
+        if (code == 0) {
+          this.tableData.time = [];
+          this.tableData.data1 = [];
+          this.tableData.data2 = [];
+          const copyDatas = _.cloneDeep(returnData);
+          let typeName = null
+          switch (data.fttp) {
+            case 52229:
+              typeName = '国内'
+              break;
+            case 52230:
+              typeName = '国内'
+              break;
+            case 52231:
+              typeName = '国际'
+              break;
+            case 52232:
+              typeName = '国际'
+              break;
+            default:
+              typeName = '国内'
+              break;
+          }
+          copyDatas.forEach(item => {
+            item.typeName = typeName
+          });
+          this.tableList = copyDatas;
+          this.tableListcop = copyDatas;
+          this.loading = false
+          // returnData.listValues.forEach((element) => {
+          //   this.tableData.data2.push(
+          //     element.flightNum ? element.flightNum : 0
+          //   );
+          //   this.tableData.time.push(element.dat);
+          //   this.tableData.kg = "单位：班";
+          //   this.tableData.data1 = [];
+          // });
+          // this.tableData.data1.push(0);
+          // for (let index = 0; index < this.tableData.data2.length; index++) {
+          //   if (index > 0) {
+          //     const element =
+          //       (this.tableData.data2[index] -
+          //         this.tableData.data2[index - 1]) /
+          //       this.tableData.data2[index - 1];
+          //     this.tableData.data1.push(
+          //       element.toFixed(2) ? element.toFixed(2) : 0
+          //     );
+          //     this.tableData.data1.forEach((element) => {
+          //       element = Number(element);
+          //       if (typeof element !== "number") {
+          //         element = 0;
+          //       }
+          //     });
+          //   }
+          // }
+        } else {
+          this.loading = false
+          console.log(code)
+        }
+      } catch (error) {
+        this.loading = false
+        this.page--;
+      }
+    },
+    //导出
+    tableToExcel (refName) {
+      import("@/utils/Export2Excel").then((excel) => {
+        const table = this.$refs[refName].$el.cloneNode(true);
+        const fileName = `${this.listname}.xlsx`;
+        exportToExcel(table, '运单部门维度统计', fileName);
+      });
+    },
+    upset (data) {
+      this.picShow = data;
+    },
+  },
+  components: {
+    Echarts,
+    StatisticsHeader,
+    Tableformbrs,
+  },
+};
+</script>
+<style lang="scss" scoped>
+.airportInfo {
+  position: relative;
+  .header {
+    width: 103%;
+    height: 36px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    background: #f7f7f7;
+    position: relative;
+    left: -23px;
+    > .nav {
+      padding: 0 30px 0 30px;
+      cursor: pointer;
+      font-size: 16px;
+      font-family: Microsoft YaHei;
+      font-weight: 400;
+      color: #101116;
+    }
+    > .navs {
+      height: 100%;
+      padding: 0 30px 0 30px;
+      cursor: pointer;
+      display: flex;
+      align-items: center;
+      font-size: 16px;
+      font-family: Microsoft YaHei;
+      font-weight: bold;
+      color: #ac014d;
+      border-bottom: 2px solid #ac014d;
+    }
+  }
+  .variable {
+    width: 100%;
+    height: 52px;
+  }
+  .echart {
+    width: 100%;
+    height: 746px;
+    position: absolute;
+    background: #ffffff;
+    box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.1);
+    border-radius: 4px;
+  }
+}
+</style>

src/views/statisticalanalysis/dataException/views/flight.vue

@@ -5,7 +5,7 @@
     </div>
     <div v-loading="loading" element-loading-text="数据加载中..." class="echart">
       <!-- <Echarts :id="dataid" :option="tableData" v-if="picShow == true ? true : false" /> -->
-      <Tableformbrs ref="table" :tableList="tableList" :action="action" :set="set" />
+      <Tableformbrs ref="table" :searchParams="searchParams" :tableList="tableList" :action="action" :set="set" />
     </div>
   </div>
 </template>
@@ -123,6 +123,7 @@ export default {
           options: [],
         },
       ],
+      searchParams: null
     };
   },
   mounted () {
@@ -167,7 +168,13 @@ export default {
           typeName = '国内出港'
           break;
       }
-      this.listname =
+      this.searchParams = {
+        typeName,
+        flighttype: data.flighttype,
+        fd1: data.dateTime[0],
+        fd2: data.dateTime[1]
+      },
+        this.listname =
         "航班统计" + '-' +
         typeName + '-' +
         data.flighttype + '-' +

src/views/statisticalanalysis/dataException/views/waybill.vue

@@ -5,7 +5,7 @@
     </div>
     <div v-loading="loading" element-loading-text="数据加载中..." class="echart">
       <!-- <Echarts :id="dataid" :option="tableData" v-if="picShow == true ? true : false" /> -->
-      <Tableformbrs ref="table" :tableList="tableList" :action="action" :set="set" />
+      <Tableformbrs ref="table" :searchParams="searchParams" :tableList="tableList" :action="action" :set="set" />
     </div>
   </div>
 </template>
@@ -123,6 +123,7 @@ export default {
           options: [],
         },
       ],
+      searchParams: null
     };
   },
   mounted () {
@@ -167,7 +168,13 @@ export default {
           typeName = '国内出港'
           break;
       }
-      this.listname =
+      this.searchParams = {
+        typeName,
+        flighttype: data.flighttype,
+        fd1: data.dateTime[0],
+        fd2: data.dateTime[1]
+      },
+        this.listname =
         "运单统计" + '-' +
         typeName + '-' +
         data.flighttype + '-' +