|
|
@@ -1,14 +1,14 @@
|
|
|
<!--
|
|
|
* @Author: zk
|
|
|
* @Date: 2022-01-17 10:39:22
|
|
|
- * @LastEditTime: 2022-05-07 16:59:57
|
|
|
+ * @LastEditTime: 2022-05-07 16:55:50
|
|
|
* @LastEditors: your name
|
|
|
- * @Description: 进港01
|
|
|
+ * @Description: 离港01
|
|
|
-->
|
|
|
<template>
|
|
|
- <div class="arrival-one">
|
|
|
+ <div class="departure-one">
|
|
|
<!--功能区-表单-->
|
|
|
- <div class="arrival-form">
|
|
|
+ <div class="departure-form">
|
|
|
<el-form
|
|
|
ref="form"
|
|
|
:inline="true"
|
|
|
@@ -17,9 +17,9 @@
|
|
|
class="form"
|
|
|
>
|
|
|
<el-form-item prop="currentAirport">
|
|
|
- <el-cascader
|
|
|
+ <!-- <el-cascader
|
|
|
v-model="formData.currentAirport"
|
|
|
- style="width:144px;"
|
|
|
+ style="width:144px;margin-left:10px"
|
|
|
placeholder="全部机场"
|
|
|
size="small"
|
|
|
:options="currentAirportList"
|
|
|
@@ -28,68 +28,26 @@
|
|
|
clearable
|
|
|
filterable
|
|
|
@change="setCurrentAirport"
|
|
|
- />
|
|
|
- </el-form-item>
|
|
|
- <el-form-item prop="relatedAirport">
|
|
|
- <el-cascader
|
|
|
- v-model="formData.relatedAirport"
|
|
|
- style="width:136px;"
|
|
|
- size="small"
|
|
|
- :options="relatedAirportList"
|
|
|
- :props="relatedAirportProps"
|
|
|
- placeholder="全部起飞站"
|
|
|
- collapse-tags
|
|
|
- clearable
|
|
|
- filterable
|
|
|
- @change="onSubmit"
|
|
|
- />
|
|
|
- </el-form-item>
|
|
|
- <el-form-item prop="inboundCarrier">
|
|
|
- <el-cascader
|
|
|
- v-model="formData.inboundCarrier"
|
|
|
- style="width:164px;"
|
|
|
- size="small"
|
|
|
- :options="carrierList"
|
|
|
- :props="carrierProps"
|
|
|
- placeholder="全部航司"
|
|
|
- collapse-tags
|
|
|
- clearable
|
|
|
- filterable
|
|
|
- @change="onSubmit"
|
|
|
- />
|
|
|
- </el-form-item>
|
|
|
- <el-form-item prop="craftType">
|
|
|
- <el-cascader
|
|
|
- v-model="formData.craftType"
|
|
|
- style="width:120px;"
|
|
|
- size="small"
|
|
|
- :options="craftTypeList"
|
|
|
- :props="craftTypeProps"
|
|
|
- placeholder="全部机型"
|
|
|
- collapse-tags
|
|
|
- clearable
|
|
|
- filterable
|
|
|
- @change="onSubmit"
|
|
|
- />
|
|
|
- </el-form-item>
|
|
|
- <el-form-item prop="flightAttr">
|
|
|
- <el-cascader
|
|
|
- v-model="formData.flightAttr"
|
|
|
- style="width:120px;"
|
|
|
+ /> -->
|
|
|
+ <el-select
|
|
|
+ v-model="formData.currentAirport"
|
|
|
size="small"
|
|
|
- :options="flightAttrList"
|
|
|
- :props="flightAttrProps"
|
|
|
- placeholder="国际/国内"
|
|
|
- collapse-tags
|
|
|
- clearable
|
|
|
- filterable
|
|
|
- @change="onSubmit"
|
|
|
- />
|
|
|
+ @change="airPortChange"
|
|
|
+ placeholder="请选择机场"
|
|
|
+ >
|
|
|
+ <el-option
|
|
|
+ v-for="(item, index) in AirportList"
|
|
|
+ :key="index"
|
|
|
+ :label="item.PlanDepartureApt"
|
|
|
+ :value="item.PlanDepartureApt"
|
|
|
+ >
|
|
|
+ </el-option>
|
|
|
+ </el-select>
|
|
|
</el-form-item>
|
|
|
<el-form-item prop="startDate">
|
|
|
<el-date-picker
|
|
|
v-model="formData.startDate"
|
|
|
- style="width:216px;"
|
|
|
+ style="width: 216px"
|
|
|
size="small"
|
|
|
type="date"
|
|
|
value-format="yyyy-MM-dd"
|
|
|
@@ -100,7 +58,7 @@
|
|
|
<el-form-item prop="endDate">
|
|
|
<el-date-picker
|
|
|
v-model="formData.endDate"
|
|
|
- style="width:216px;"
|
|
|
+ style="width: 216px"
|
|
|
size="small"
|
|
|
type="date"
|
|
|
value-format="yyyy-MM-dd"
|
|
|
@@ -108,71 +66,93 @@
|
|
|
@change="setEndDate"
|
|
|
/>
|
|
|
</el-form-item>
|
|
|
- <el-form-item prop="search">
|
|
|
- <el-input
|
|
|
- v-model="formData.search"
|
|
|
- style="width:240px;margin-left:105px;"
|
|
|
- size="small"
|
|
|
- placeholder="请输入内容"
|
|
|
- prefix-icon="el-icon-search"
|
|
|
- clearable
|
|
|
- @clear="inputClear"
|
|
|
- />
|
|
|
- </el-form-item>
|
|
|
<el-form-item>
|
|
|
- <el-button
|
|
|
- size="small"
|
|
|
- type="primary"
|
|
|
- @click="onSubmit"
|
|
|
- >搜索</el-button>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item v-is="['i_showTransit']">
|
|
|
- <el-switch
|
|
|
- v-model="formData.switch"
|
|
|
- style="margin-left:40px;"
|
|
|
- active-text="显示中转"
|
|
|
- />
|
|
|
- </el-form-item>
|
|
|
- <el-form-item v-is="['i_timeIcon']">
|
|
|
- <el-dropdown>
|
|
|
- <img
|
|
|
- class="checkTime msgImg"
|
|
|
- src="../../../../assets/departure/ic_time.png"
|
|
|
+ <div class="box-item">
|
|
|
+ <p>预计装载总数：</p>
|
|
|
+ <li
|
|
|
+ :class="{ 'number-item': !isNaN(item), 'mark-item': isNaN(item) }"
|
|
|
+ v-for="(item, index) in orderNum"
|
|
|
+ :key="index"
|
|
|
>
|
|
|
- <el-dropdown-menu
|
|
|
- slot="dropdown"
|
|
|
- class="time-zone"
|
|
|
- >
|
|
|
- <el-dropdown-item>国内Local/国际UTC</el-dropdown-item>
|
|
|
- <el-dropdown-item>Local</el-dropdown-item>
|
|
|
- <el-dropdown-item>UTC</el-dropdown-item>
|
|
|
- </el-dropdown-menu>
|
|
|
- </el-dropdown>
|
|
|
- </el-form-item>
|
|
|
- <!-- <el-form-item v-is="['i_columnSettings']"> -->
|
|
|
- <el-form-item>
|
|
|
- <img
|
|
|
- class="msgImg"
|
|
|
- src="../../../../assets/departure/ic_setting.png"
|
|
|
- @click="show"
|
|
|
- >
|
|
|
+ <span v-if="!isNaN(item)">
|
|
|
+ <i ref="numberItem">0123456789</i>
|
|
|
+ </span>
|
|
|
+ <span class="comma" v-else>{{ item }}</span>
|
|
|
+ </li>
|
|
|
+ </div>
|
|
|
</el-form-item>
|
|
|
+ <div style="float: right">
|
|
|
+ <el-form-item prop="search">
|
|
|
+ <el-input
|
|
|
+ v-model="formData.search"
|
|
|
+ style="width: 240px; margin-left: 105px"
|
|
|
+ size="small"
|
|
|
+ placeholder="请输入内容"
|
|
|
+ prefix-icon="el-icon-search"
|
|
|
+ clearable
|
|
|
+ @clear="inputClear"
|
|
|
+ @keyup.enter="onSubmit"
|
|
|
+ />
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item>
|
|
|
+ <el-button size="small" type="primary" @click="onSubmit"
|
|
|
+ >搜索</el-button
|
|
|
+ >
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item>
|
|
|
+ <el-switch
|
|
|
+ v-model="formData.switch"
|
|
|
+ style="margin-left: 40px"
|
|
|
+ active-text="显示中转"
|
|
|
+ />
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item v-is="['i_timeIcon']">
|
|
|
+ <el-dropdown>
|
|
|
+ <img
|
|
|
+ class="checkTime msgImg"
|
|
|
+ src="../../../../assets/departure/ic_time.png"
|
|
|
+ />
|
|
|
+ <el-dropdown-menu slot="dropdown" class="time-zone">
|
|
|
+ <el-dropdown-item>国内Local/国际UTC</el-dropdown-item>
|
|
|
+ <el-dropdown-item>Local</el-dropdown-item>
|
|
|
+ <el-dropdown-item>UTC</el-dropdown-item>
|
|
|
+ </el-dropdown-menu>
|
|
|
+ </el-dropdown>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item>
|
|
|
+ <img
|
|
|
+ class="msgImg"
|
|
|
+ src="../../../../assets/departure/ic_setting.png"
|
|
|
+ @click="show"
|
|
|
+ />
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item>
|
|
|
+ <el-button
|
|
|
+ class="btn-square setBtn"
|
|
|
+ type="primary"
|
|
|
+ icon="el-icon-s-tools"
|
|
|
+ size="mini"
|
|
|
+ @click="show"
|
|
|
+ />
|
|
|
+ </el-form-item>
|
|
|
+ </div>
|
|
|
</el-form>
|
|
|
</div>
|
|
|
<!--表格-->
|
|
|
<div
|
|
|
v-loading="loading"
|
|
|
- class="arrival-table"
|
|
|
+ class="departure-table"
|
|
|
element-loading-text="拼命加载中"
|
|
|
element-loading-spinner="el-icon-loading"
|
|
|
element-loading-background="rgba(0, 0, 0, 0.8)"
|
|
|
>
|
|
|
<el-table
|
|
|
ref="table"
|
|
|
- :row-class-name="tableRowClassName"
|
|
|
:data="tableData"
|
|
|
class="table"
|
|
|
:height="computedTableHeight"
|
|
|
+ :header-cell-class-name="tableCellClassName"
|
|
|
+ :row-class-name="tableRowClassName"
|
|
|
show-summary
|
|
|
:summary-method="summaryMethod"
|
|
|
border
|
|
|
@@ -180,27 +160,20 @@
|
|
|
@row-click="rowClick"
|
|
|
>
|
|
|
<el-table-column
|
|
|
- v-for="(item,index) in tableColsCopy"
|
|
|
+ v-for="(item, index) in tableColsCopy"
|
|
|
:key="index"
|
|
|
:prop="item.statCode"
|
|
|
:label="item.statName"
|
|
|
- >
|
|
|
- <el-table-column
|
|
|
- v-for="(p,i) in item.children"
|
|
|
- :key="i"
|
|
|
- :prop="p.statCode"
|
|
|
- :label="p.statName"
|
|
|
- :width="item.width"
|
|
|
- :formatter="tableFormat"
|
|
|
- />
|
|
|
- </el-table-column>
|
|
|
+ :width="item.width"
|
|
|
+ :filters="flightBaggageTableFilters[item.statCode]"
|
|
|
+ :filter-method="
|
|
|
+ flightBaggageTableFilters[item.statCode] && filterHandler
|
|
|
+ "
|
|
|
+ />
|
|
|
</el-table>
|
|
|
</div>
|
|
|
<!--列设置-->
|
|
|
- <Dialog
|
|
|
- :flag="dialogFlag"
|
|
|
- class="dialog-check-cols"
|
|
|
- >
|
|
|
+ <Dialog :flag="dialogFlag" class="dialog-check-cols">
|
|
|
<div class="col-dialog">
|
|
|
<div class="title">列设置</div>
|
|
|
<div class="content">
|
|
|
@@ -212,23 +185,17 @@
|
|
|
:default-expand-all="true"
|
|
|
:props="{
|
|
|
label: 'statName',
|
|
|
- children: 'children'
|
|
|
+ children: 'children',
|
|
|
}"
|
|
|
:default-checked-keys="checkedKeysTemp"
|
|
|
@check="handleCheck"
|
|
|
/>
|
|
|
</div>
|
|
|
<div class="foot right t30">
|
|
|
- <el-button
|
|
|
- size="medium"
|
|
|
- class="r24"
|
|
|
- type="primary"
|
|
|
- @click="onCheck"
|
|
|
- >确定</el-button>
|
|
|
- <el-button
|
|
|
- size="medium"
|
|
|
- @click="hide"
|
|
|
- >取消</el-button>
|
|
|
+ <el-button size="medium" class="r24" type="primary" @click="onCheck"
|
|
|
+ >确定</el-button
|
|
|
+ >
|
|
|
+ <el-button size="medium" @click="hide">取消</el-button>
|
|
|
</div>
|
|
|
</div>
|
|
|
</Dialog>
|
|
|
@@ -236,207 +203,290 @@
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
-import Dialog from '@/layout/components/Dialog'
|
|
|
-import terminalMixin from '../../mixins/terminal'
|
|
|
-import formMixin from '../../mixins/form'
|
|
|
-import tableColsMixin from '../../mixins/tableCols'
|
|
|
+import Dialog from "@/layout/components/Dialog";
|
|
|
+import terminalMixin from "../../mixins/terminal";
|
|
|
+import formMixin from "../../mixins/form";
|
|
|
+import tableColsMixin from "../../mixins/tableCols";
|
|
|
+import { getQuery } from "@/api/flight";
|
|
|
|
|
|
export default {
|
|
|
- name: 'ArrivalTerminalView',
|
|
|
+ name: "DepartureTerminalView",
|
|
|
components: { Dialog },
|
|
|
mixins: [terminalMixin, formMixin, tableColsMixin],
|
|
|
data() {
|
|
|
return {
|
|
|
+ orderNum: ["0", "0", "0", "0"], // 默认总数
|
|
|
// 初始表头
|
|
|
tableCols: [
|
|
|
{
|
|
|
- statCode: 'flightInfo',
|
|
|
- statName: '航班信息',
|
|
|
- children: [
|
|
|
- {
|
|
|
- statCode: 'FlightNO',
|
|
|
- statName: '航班号',
|
|
|
- width: 91
|
|
|
- },
|
|
|
- {
|
|
|
- statCode: 'FlightDate',
|
|
|
- statName: '执飞日期',
|
|
|
- width: 105
|
|
|
- },
|
|
|
- {
|
|
|
- statCode: 'PlanLandingTime',
|
|
|
- statName: '到港时间',
|
|
|
- width: 115
|
|
|
- },
|
|
|
- {
|
|
|
- statCode: 'PlanDepartureApt',
|
|
|
- statName: '起飞航站',
|
|
|
- width: 71
|
|
|
- },
|
|
|
- {
|
|
|
- statCode: 'LandingBuild',
|
|
|
- statName: '到达航站楼',
|
|
|
- width: 65
|
|
|
- },
|
|
|
- {
|
|
|
- statCode: 'Carousel',
|
|
|
- statName: '行李转盘',
|
|
|
- width: 68
|
|
|
- },
|
|
|
- {
|
|
|
- statCode: 'StandForLanding',
|
|
|
- statName: '停机位',
|
|
|
- width: 68
|
|
|
- }
|
|
|
- ]
|
|
|
+ statCode: "FlightNO",
|
|
|
+ statName: "航班号",
|
|
|
+ width: 80,
|
|
|
},
|
|
|
{
|
|
|
- statCode: 'depatureInfo',
|
|
|
- statName: '始飞站行李信息',
|
|
|
- children: [
|
|
|
- {
|
|
|
- statCode: 'checkin',
|
|
|
- statName: '值机',
|
|
|
- width: 72
|
|
|
- },
|
|
|
- {
|
|
|
- statCode: 'expect_load',
|
|
|
- statName: '预计装载',
|
|
|
- width: 101
|
|
|
- },
|
|
|
- {
|
|
|
- statCode: 'loadflight',
|
|
|
- statName: '已装载',
|
|
|
- width: 65
|
|
|
- }
|
|
|
- ]
|
|
|
+ statCode: "FlightDate",
|
|
|
+ statName: "执飞日期",
|
|
|
+ width: 105,
|
|
|
},
|
|
|
{
|
|
|
- statCode: 'arriveInfo',
|
|
|
- statName: '到达行李信息',
|
|
|
- children: [
|
|
|
- {
|
|
|
- statCode: 'reach',
|
|
|
- statName: '到达',
|
|
|
- width: 88
|
|
|
- },
|
|
|
- {
|
|
|
- statCode: 'did_not_arrive',
|
|
|
- statName: '未到达',
|
|
|
- width: 76
|
|
|
- },
|
|
|
- {
|
|
|
- statCode: 'special',
|
|
|
- statName: '特殊',
|
|
|
- width: 88
|
|
|
- },
|
|
|
- {
|
|
|
- statCode: 'claim',
|
|
|
- statName: '理赔',
|
|
|
- width: 83
|
|
|
- }
|
|
|
- ]
|
|
|
+ statCode: "asarrivalTime",
|
|
|
+ statName: "到港时间",
|
|
|
+ width: 150,
|
|
|
},
|
|
|
{
|
|
|
- statCode: 'uninstallInfo',
|
|
|
- statName: '卸载状态',
|
|
|
- children: [
|
|
|
- {
|
|
|
- statCode: 'uninstalled',
|
|
|
- statName: '已卸载',
|
|
|
- width: 83
|
|
|
- },
|
|
|
- {
|
|
|
- statCode: 'to_be_uninstalled',
|
|
|
- statName: '待卸载',
|
|
|
- width: 80
|
|
|
- }
|
|
|
- ]
|
|
|
+ statCode: "departureTerminal",
|
|
|
+ statName: "起飞航站",
|
|
|
},
|
|
|
{
|
|
|
- statCode: 'stopBaggage',
|
|
|
- statName: '终止行李',
|
|
|
- children: [
|
|
|
- {
|
|
|
- statCode: 'terminateArrive',
|
|
|
- statName: '到达',
|
|
|
- width: 79
|
|
|
- },
|
|
|
- {
|
|
|
- statCode: 'terminatedNotArrived',
|
|
|
- statName: '未到达',
|
|
|
- width: 82
|
|
|
- }
|
|
|
- ]
|
|
|
+ statCode: "arrivalTerminal",
|
|
|
+ statName: "到达航站楼",
|
|
|
},
|
|
|
{
|
|
|
- statCode: 'TransferBaggage',
|
|
|
- statName: '转运行李',
|
|
|
- children: [
|
|
|
- {
|
|
|
- statCode: 'delivered',
|
|
|
- statName: '已交运',
|
|
|
- width: 89
|
|
|
- },
|
|
|
- {
|
|
|
- statCode: 'not_shipped',
|
|
|
- statName: '未交运',
|
|
|
- width: 89
|
|
|
- }
|
|
|
- ]
|
|
|
+ statCode: "luggageCarousel",
|
|
|
+ statName: "行李转盘",
|
|
|
},
|
|
|
{
|
|
|
- statCode: 'disBaggage',
|
|
|
- statName: '行李分布',
|
|
|
- children: [
|
|
|
- {
|
|
|
- statCode: 'container',
|
|
|
- statName: '容器',
|
|
|
- width: 97
|
|
|
- },
|
|
|
- {
|
|
|
- statCode: 'bulk',
|
|
|
- statName: '散装',
|
|
|
- width: 101
|
|
|
- }
|
|
|
- ]
|
|
|
- }
|
|
|
- ]
|
|
|
- }
|
|
|
+ statCode: "parkingSpace",
|
|
|
+ statName: "停机位",
|
|
|
+ },
|
|
|
+ {
|
|
|
+ statCode: "checkIns",
|
|
|
+ statName: "值机数",
|
|
|
+ },
|
|
|
+ {
|
|
|
+ statCode: "projectedLoad",
|
|
|
+ statName: "预计装载",
|
|
|
+ },
|
|
|
+ {
|
|
|
+ statCode: "loadedQuantity",
|
|
|
+ statName: "已装载",
|
|
|
+ },
|
|
|
+ {
|
|
|
+ statCode: "numberOfDestinationArrivals",
|
|
|
+ statName: "到达",
|
|
|
+ },
|
|
|
+ {
|
|
|
+ statCode: "endPointNotReached",
|
|
|
+ statName: "未到达",
|
|
|
+ },
|
|
|
+ {
|
|
|
+ statCode: "specialQuantity",
|
|
|
+ statName: "特殊",
|
|
|
+ },
|
|
|
+ {
|
|
|
+ statCode: "numberOfClaims",
|
|
|
+ statName: "理赔",
|
|
|
+ },
|
|
|
+ {
|
|
|
+ statCode: "uninstalled",
|
|
|
+ statName: "已卸载",
|
|
|
+ },
|
|
|
+ {
|
|
|
+ statCode: "numberToBeUninstalled",
|
|
|
+ statName: "待卸载",
|
|
|
+ },
|
|
|
+ {
|
|
|
+ statCode: "terminateArrivalQuantity",
|
|
|
+ statName: "到达",
|
|
|
+ },
|
|
|
+ {
|
|
|
+ statCode: "terminateUnreachedQuantity",
|
|
|
+ statName: "未到达",
|
|
|
+ },
|
|
|
+ {
|
|
|
+ statCode: "quantityShipped",
|
|
|
+ statName: "已交运",
|
|
|
+ },
|
|
|
+ {
|
|
|
+ statCode: "undeliveredQuantity",
|
|
|
+ statName: "未交运",
|
|
|
+ },
|
|
|
+ {
|
|
|
+ statCode: "numberOfContainers",
|
|
|
+ statName: "容器",
|
|
|
+ },
|
|
|
+ {
|
|
|
+ statCode: "numberOfBulk",
|
|
|
+ statName: "散装",
|
|
|
+ },
|
|
|
+ ],
|
|
|
+ AirportList: [],
|
|
|
+ flightBaggageTableFilters: {
|
|
|
+ FlightNO: [],
|
|
|
+ FlightDate: [],
|
|
|
+ PlanDepartureTime: [],
|
|
|
+ TargetAirport: [],
|
|
|
+ BordingGate: [],
|
|
|
+ StandForDepartrue: [],
|
|
|
+ DepartureBuild: [],
|
|
|
+ },
|
|
|
+ loopEvent: null,
|
|
|
+ leaveCount: 0,
|
|
|
+ baggageCount: 0,
|
|
|
+ };
|
|
|
+ },
|
|
|
+ created() {
|
|
|
+ this.getAirPortData();
|
|
|
},
|
|
|
methods: {
|
|
|
+ airPortChange() {
|
|
|
+ this.getTableData();
|
|
|
+ },
|
|
|
+ //选择机场
|
|
|
+ async getAirPortData() {
|
|
|
+ try {
|
|
|
+ const res = await getQuery({
|
|
|
+ id: 67,
|
|
|
+ dataContent: [],
|
|
|
+ });
|
|
|
+ if (res.code == 0) {
|
|
|
+ this.AirportList = res.returnData;
|
|
|
+ this.formData.currentAirport = "PEK";
|
|
|
+ this.getTableData();
|
|
|
+ } else {
|
|
|
+ this.$message.error(res.message);
|
|
|
+ }
|
|
|
+ } catch (error) {
|
|
|
+ console.log("出错了", error);
|
|
|
+ }
|
|
|
+ },
|
|
|
tableRowClassName({ row, rowIndex }) {
|
|
|
- if (rowIndex < 2) {
|
|
|
- return 'bgl-hui'
|
|
|
+ if (row.hasTakenOff == 0) {
|
|
|
+ if (rowIndex == this.leaveCount - 1) {
|
|
|
+ return "bgl-hui redBorder";
|
|
|
+ } else {
|
|
|
+ return "bgl-hui";
|
|
|
+ }
|
|
|
}
|
|
|
},
|
|
|
- // 获取表单下拉框数据
|
|
|
- getFormData(params) {
|
|
|
- this.relatedAirportQuery({
|
|
|
- ...params,
|
|
|
- type: 'IN'
|
|
|
- })
|
|
|
- this.inboundCarrierQuery(params)
|
|
|
- this.craftTypeQuery(params)
|
|
|
- this.flightAttrQuery(params)
|
|
|
+ tableCellClassName({ row, column }) {
|
|
|
+ if (
|
|
|
+ column.property === "transfer_all" ||
|
|
|
+ column.property === "departureAnomaly" ||
|
|
|
+ column.property === "riskWarning"
|
|
|
+ ) {
|
|
|
+ return "bgl-huang";
|
|
|
+ }
|
|
|
},
|
|
|
+ // 获取表单下拉框数据
|
|
|
+ // getFormData(params) {
|
|
|
+ // this.relatedAirportQuery({
|
|
|
+ // ...params,
|
|
|
+ // type: 'OUT'
|
|
|
+ // })
|
|
|
+ // this.outgoingAirlineQuery(params)
|
|
|
+ // this.craftTypeQuery(params)
|
|
|
+ // this.flightAttrQuery(params)
|
|
|
+ // },
|
|
|
// 获取表格数据
|
|
|
- getTableData(params) {
|
|
|
- this.integratedQuery({
|
|
|
- ...params,
|
|
|
- type: 'IN'
|
|
|
- })
|
|
|
+ async getTableData() {
|
|
|
+ let arr = [
|
|
|
+ this.formData.currentAirport,
|
|
|
+ this.formData.startDate,
|
|
|
+ this.formData.endDate,
|
|
|
+ ];
|
|
|
+ try {
|
|
|
+ const res = await getQuery({
|
|
|
+ id: 38,
|
|
|
+ dataContent: [...arr, ...arr, ...arr],
|
|
|
+ });
|
|
|
+ if (res.code == 0) {
|
|
|
+ this.initTableData(res.returnData);
|
|
|
+ } else {
|
|
|
+ console.log(res.message);
|
|
|
+ }
|
|
|
+ } catch (error) {
|
|
|
+ clearInterval(this.loopEvent);
|
|
|
+ console.log("出错了", error);
|
|
|
+ }
|
|
|
},
|
|
|
initTableData(tableData) {
|
|
|
- this.tableData = this._.sortBy(tableData, ['FlightDate', 'PlanLandingTime'])
|
|
|
- }
|
|
|
- }
|
|
|
-}
|
|
|
+ this.leaveCount = 0;
|
|
|
+ this.baggageCount = 0;
|
|
|
+ tableData.forEach((item) => {
|
|
|
+ if (item.hasTakenOff == 0) {
|
|
|
+ this.leaveCount++;
|
|
|
+ }
|
|
|
+ // item["waitfanj"] = item["noCheckInNumber"] - item["unLoad"];
|
|
|
+ this.baggageCount = this.baggageCount + item.preLoad;
|
|
|
+ });
|
|
|
+ // this.tableData = this._.sortBy(tableData, [
|
|
|
+ // "FlightDate",
|
|
|
+ // "PlanDepartureTime",
|
|
|
+ // ]);
|
|
|
+ this.setTableFilters();
|
|
|
+ this.toOrderNum(this.baggageCount);
|
|
|
+ // setInterval(() => {
|
|
|
+ // this.baggageCount = this.baggageCount+1;
|
|
|
+ // // 这里输入数字即可调用
|
|
|
+ // }, 2000);
|
|
|
+ },
|
|
|
+ // 表格添加过滤条件
|
|
|
+ setTableFilters() {
|
|
|
+ this.tableData.forEach((item) => {
|
|
|
+ Object.keys(this.flightBaggageTableFilters).forEach((key) => {
|
|
|
+ if (
|
|
|
+ (item[key] ?? "") !== "" &&
|
|
|
+ this.flightBaggageTableFilters[key].every(
|
|
|
+ (obj) => obj.value !== item[key]
|
|
|
+ )
|
|
|
+ ) {
|
|
|
+ this.flightBaggageTableFilters[key].push({
|
|
|
+ text: item[key],
|
|
|
+ value: item[key],
|
|
|
+ });
|
|
|
+ }
|
|
|
+ this.flightBaggageTableFilters[key] = this._.sortBy(
|
|
|
+ this.flightBaggageTableFilters[key],
|
|
|
+ ["value"]
|
|
|
+ );
|
|
|
+ });
|
|
|
+ });
|
|
|
+ },
|
|
|
+ filterHandler(value, row, column) {
|
|
|
+ const property = column["property"];
|
|
|
+ return row[property] === value;
|
|
|
+ },
|
|
|
+ setNumberTransform() {
|
|
|
+ const numberItems = this.$refs.numberItem; // 拿到数字的ref，计算元素数量
|
|
|
+ const numberArr = this.orderNum.filter((item) => !isNaN(item));
|
|
|
+ // 结合CSS 对数字字符进行滚动,显示订单数量
|
|
|
+ for (let index = 0; index < numberItems.length; index++) {
|
|
|
+ const elem = numberItems[index];
|
|
|
+ elem.style.transform = `translate(-50%, -${numberArr[index] * 10}%)`;
|
|
|
+ }
|
|
|
+ },
|
|
|
+
|
|
|
+ toOrderNum(num) {
|
|
|
+ num = num.toString();
|
|
|
+ if (num.length < 4) {
|
|
|
+ num = "0" + num; // 如未满八位数，添加"0"补位
|
|
|
+ this.toOrderNum(num); // 递归添加"0"补位
|
|
|
+ } else if (num.length === 4) {
|
|
|
+ this.orderNum = num.split(""); // 将其便变成数据，渲染至滚动数组
|
|
|
+ } else {
|
|
|
+ // 订单总量数字超过八位显示异常
|
|
|
+ this.$message.warning("总量数字过大");
|
|
|
+ }
|
|
|
+ this.setNumberTransform();
|
|
|
+ },
|
|
|
+ },
|
|
|
+ mounted() {
|
|
|
+ let that = this;
|
|
|
+ this.loopEvent = setInterval(function () {
|
|
|
+ that.getTableData();
|
|
|
+ }, 3000);
|
|
|
+ },
|
|
|
+ beforeDestroy() {
|
|
|
+ clearInterval(this.loopEvent);
|
|
|
+ },
|
|
|
+};
|
|
|
</script>
|
|
|
|
|
|
<style lang="scss" scoped>
|
|
|
-.arrival-form {
|
|
|
+.departure-form {
|
|
|
padding-top: 11px;
|
|
|
+ padding-left: 5px;
|
|
|
::v-deep .form {
|
|
|
.el-form-item {
|
|
|
margin-bottom: 0px;
|
|
|
@@ -446,7 +496,7 @@ export default {
|
|
|
optgroup,
|
|
|
select,
|
|
|
textarea {
|
|
|
- font-family: Helvetica, 'Microsoft YaHei';
|
|
|
+ font-family: Helvetica, "Microsoft YaHei";
|
|
|
font-size: 14px;
|
|
|
}
|
|
|
.el-switch__label {
|
|
|
@@ -455,6 +505,16 @@ export default {
|
|
|
.el-form-item__error {
|
|
|
z-index: 10;
|
|
|
}
|
|
|
+ .el-button {
|
|
|
+ &.btn-square {
|
|
|
+ width: 30px;
|
|
|
+ height: 30px;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: center;
|
|
|
+ margin-top: 5px;
|
|
|
+ }
|
|
|
+ }
|
|
|
}
|
|
|
.checkTime {
|
|
|
margin: 0 16px;
|
|
|
@@ -465,16 +525,98 @@ export default {
|
|
|
top: 6px;
|
|
|
}
|
|
|
}
|
|
|
+ .box-item {
|
|
|
+ position: relative;
|
|
|
+ height: 32px;
|
|
|
+ font-size: 18px;
|
|
|
+ line-height: 32px;
|
|
|
+ text-align: center;
|
|
|
+ list-style: none;
|
|
|
+ color: #2d7cff;
|
|
|
+ writing-mode: vertical-lr;
|
|
|
+ text-orientation: upright;
|
|
|
+ /*文字禁止编辑*/
|
|
|
+ -moz-user-select: none; /*火狐*/
|
|
|
+ -webkit-user-select: none; /*webkit浏览器*/
|
|
|
+ -ms-user-select: none; /*IE10*/
|
|
|
+ -khtml-user-select: none; /*早期浏览器*/
|
|
|
+ user-select: none;
|
|
|
+ /* overflow: hidden; */
|
|
|
+ p {
|
|
|
+ line-height: 32px;
|
|
|
+ writing-mode: horizontal-tb !important;
|
|
|
+ text-orientation: none !important;
|
|
|
+ /*文字禁止编辑*/
|
|
|
+ -moz-user-select: none; /*火狐*/
|
|
|
+ -webkit-user-select: none; /*webkit浏览器*/
|
|
|
+ -ms-user-select: none; /*IE10*/
|
|
|
+ -khtml-user-select: none; /*早期浏览器*/
|
|
|
+ user-select: none;
|
|
|
+ margin-top: 5px;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ /* 默认逗号设置 */
|
|
|
+ .mark-item {
|
|
|
+ width: 10px;
|
|
|
+ height: 32px;
|
|
|
+ margin-right: 5px;
|
|
|
+ line-height: 10px;
|
|
|
+ font-size: 18px;
|
|
|
+ position: relative;
|
|
|
+ & > span {
|
|
|
+ position: absolute;
|
|
|
+ width: 100%;
|
|
|
+ bottom: 0;
|
|
|
+ writing-mode: vertical-rl;
|
|
|
+ text-orientation: upright;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ /*滚动数字设置*/
|
|
|
+ .number-item {
|
|
|
+ width: 41px;
|
|
|
+ height: 42px;
|
|
|
+ /* 背景图片 */
|
|
|
+ background: url(/images/text-bg-blue.png) no-repeat center center;
|
|
|
+ background-size: 100% 100%;
|
|
|
+ // background: #ccc;
|
|
|
+ list-style: none;
|
|
|
+ margin-right: 5px;
|
|
|
+ // background:rgba(250,250,250,1);
|
|
|
+ border-radius: 4px;
|
|
|
+ border: 3px solid rgb(221, 221, 221);
|
|
|
+ & > span {
|
|
|
+ position: relative;
|
|
|
+ display: inline-block;
|
|
|
+ margin-right: 10px;
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+ writing-mode: vertical-rl;
|
|
|
+ text-orientation: upright;
|
|
|
+ overflow: hidden;
|
|
|
+ & > i {
|
|
|
+ font-style: normal;
|
|
|
+ position: absolute;
|
|
|
+ top: 11px;
|
|
|
+ left: 50%;
|
|
|
+ transform: translate(-50%, -1%);
|
|
|
+ transition: transform 1s ease-in-out;
|
|
|
+ letter-spacing: 10px;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .number-item:last-child {
|
|
|
+ margin-right: 0;
|
|
|
+ }
|
|
|
}
|
|
|
-.arrival-table {
|
|
|
- width: calc(100vw - 60px);
|
|
|
+.departure-table {
|
|
|
+ width: 100%;
|
|
|
::v-deep .table {
|
|
|
width: 100%;
|
|
|
.cell {
|
|
|
padding: 0;
|
|
|
text-align: center;
|
|
|
- font-family: Helvetica, 'Microsoft YaHei';
|
|
|
font-size: 14px;
|
|
|
+ font-family: Helvetica, "Microsoft YaHei";
|
|
|
letter-spacing: 0;
|
|
|
}
|
|
|
.el-table__header-wrapper {
|
|
|
@@ -496,10 +638,10 @@ export default {
|
|
|
td {
|
|
|
background: #d2d6df;
|
|
|
}
|
|
|
- &:nth-child(5) {
|
|
|
+ &.redBorder {
|
|
|
position: relative;
|
|
|
&::after {
|
|
|
- content: '';
|
|
|
+ content: "";
|
|
|
position: absolute;
|
|
|
left: 0;
|
|
|
bottom: 0;
|
