|
@@ -7,6 +7,7 @@
|
|
|
:is-Show="true"
|
|
|
:is-Time="true"
|
|
|
@showForm="showForm"
|
|
|
+ @searchForm="searchForm"
|
|
|
>
|
|
|
<template #header>
|
|
|
<div class="status flex-wrap">
|
|
@@ -16,10 +17,9 @@
|
|
|
>
|
|
|
<div class="app-containers">
|
|
|
<DataTable
|
|
|
- :tableHeader="state.list"
|
|
|
+ :tableHeader="tableCols"
|
|
|
:tableData="tableData"
|
|
|
:tableProperty="{ rowKey: 'ID' }"
|
|
|
- @btnClick="btnClick"
|
|
|
/>
|
|
|
</div>
|
|
|
<!-- <Dialog
|
|
@@ -58,183 +58,155 @@ import DataTable from "@/components/tableTemp/index.vue";
|
|
|
import Minheader from "@/components/minheader/index.vue";
|
|
|
import Dialog from "@/components/dialog/index.vue";
|
|
|
import TableColumnSet from "@/components/tableColumnSet/index.vue";
|
|
|
+import { Query, GeneralDataReception } from "@/api/webApi";
|
|
|
+import { ElMessage } from "element-plus";
|
|
|
+const page = ref<number>(0); //分页参数
|
|
|
+const dataContent = ref<object>({});
|
|
|
+const noMore = ref<Boolean>(false);
|
|
|
+const rowTitle = ref<String>("");
|
|
|
+const tableCols = ref([]); //表头数据
|
|
|
+const serviceId = ref<String>("");
|
|
|
+const tableObj = ref({}); //增删改数据缓存
|
|
|
const dialogVisible = ref<Boolean>(false); //列设置弹窗开关
|
|
|
-const tableCols = ref([
|
|
|
- {
|
|
|
- prop: "flightNO",
|
|
|
- label: "航班号",
|
|
|
- desc: "指航班编号",
|
|
|
- width: 80,
|
|
|
- fixed: "left",
|
|
|
- filterable: true,
|
|
|
- sortable: true,
|
|
|
- },
|
|
|
- {
|
|
|
- prop: "flightDate",
|
|
|
- label: "执飞日期",
|
|
|
- desc:
|
|
|
- "指航班计划起飞日期(不变的,机票上),不是预计起飞日期(预计起飞时间可能多个),也不是实际起飞日期(实际起飞等于最后预计)",
|
|
|
- width: 105,
|
|
|
- fixed: "left",
|
|
|
- filterable: true,
|
|
|
- sortable: true,
|
|
|
- },
|
|
|
- {
|
|
|
- prop: "planDepartureTime",
|
|
|
- label: "起飞时间",
|
|
|
- desc:
|
|
|
- "根据优先级别显示时间。优先级别:1.实际起飞时间,2.预计起飞时间,3.计划起飞时间",
|
|
|
- width: 150,
|
|
|
- filterable: true,
|
|
|
- sortable: true,
|
|
|
- },
|
|
|
- {
|
|
|
- prop: "targetAirport",
|
|
|
- label: "目的站",
|
|
|
- desc: "指航班执飞航段的目的航站,以航站三字码显示",
|
|
|
- filterable: true,
|
|
|
- sortable: true,
|
|
|
- },
|
|
|
- {
|
|
|
- prop: "departureBuild",
|
|
|
- label: "航站楼",
|
|
|
- desc: "指航班执飞航段的目的航站楼",
|
|
|
- filterable: true,
|
|
|
- sortable: true,
|
|
|
- },
|
|
|
- {
|
|
|
- prop: "bordingGate",
|
|
|
- label: "登机口",
|
|
|
- desc: "指航班的登机口代码,数据是变化的,仅显示最新信息",
|
|
|
- filterable: true,
|
|
|
- sortable: true,
|
|
|
- },
|
|
|
- {
|
|
|
- prop: "standForDepartrue",
|
|
|
- label: "停机位",
|
|
|
- desc: "指航班的停机位代码,数据是变化的,仅显示最新信息",
|
|
|
- filterable: true,
|
|
|
- sortable: true,
|
|
|
- },
|
|
|
- {
|
|
|
- prop: "checkInTravellerNumber",
|
|
|
- label: "托运旅客",
|
|
|
- desc: "指航班已办理行李托运业务的旅客人数,含取消托运的旅客人数",
|
|
|
- },
|
|
|
- {
|
|
|
- prop: "checkInNumber",
|
|
|
- label: "值机数",
|
|
|
- desc: "指已办理值机托运的行李数量,含取消托运的行李数量,含未激活",
|
|
|
- },
|
|
|
- {
|
|
|
- prop: "unActive",
|
|
|
- label: "未激活",
|
|
|
- desc:
|
|
|
- "指最后的 BSM 报文“.S”中行李状态为“I”的行李数量,含取消托运的行李数量",
|
|
|
- },
|
|
|
- {
|
|
|
- prop: "preLoad",
|
|
|
- label: "预计装载",
|
|
|
- desc: "指已办理值机托运的行李数量,不含取消托运的行李数量,不包含未激活",
|
|
|
- },
|
|
|
- {
|
|
|
- prop: "checkNumber",
|
|
|
- label: "安检",
|
|
|
- desc: "指进行安检的行李数量,含取消托运的行李数量",
|
|
|
- },
|
|
|
- {
|
|
|
- prop: "sortNumber",
|
|
|
- label: "分拣",
|
|
|
- desc: "指已分拣完成的行李数量,含取消托运的行李数量",
|
|
|
- },
|
|
|
- {
|
|
|
- prop: "loadNumber",
|
|
|
- label: "装车",
|
|
|
- desc: "指已在分拣口装车完成的行李数量,含取消托运的行李数量",
|
|
|
- },
|
|
|
- {
|
|
|
- prop: "boardID",
|
|
|
- label: "装机",
|
|
|
- desc: "指装机完成的行李数量,不含取消托运的行李数量",
|
|
|
- },
|
|
|
- {
|
|
|
- prop: "tounLoad",
|
|
|
- label: "待翻减",
|
|
|
- desc:
|
|
|
- "指旅客在办理行李托运后,旅客取消该行李的托运并且行李此时已经过装车节点,而没有完成翻减的行李数量(须翻减总数减去已翻减数)",
|
|
|
- },
|
|
|
- {
|
|
|
- prop: "OFFCount",
|
|
|
- label: "已翻减",
|
|
|
- desc:
|
|
|
- "指旅客在办理行李托运后,旅客取消该行李的托运并且行李此时已经过装车节点,且已完成翻减的行李数量",
|
|
|
- },
|
|
|
- {
|
|
|
- prop: "noCheckInNumber",
|
|
|
- label: "取消托运",
|
|
|
- desc: "指旅客在办理行李托运后,又取消托运的行李总数量",
|
|
|
- },
|
|
|
- {
|
|
|
- prop: "noBSM",
|
|
|
- label: "无BSM",
|
|
|
- desc: "行李有处理信息(BPM)但无值机信息(BSM)的行李数量",
|
|
|
- },
|
|
|
- {
|
|
|
- prop: "warning",
|
|
|
- label: "风险预警",
|
|
|
- desc:
|
|
|
- "指依据航班信息中预计起飞时间和当前时间差,与根据分拣到停机位设置的报警阈值对比,超过阈值的为风险行李,本项显示风险预警行李数量",
|
|
|
- },
|
|
|
- {
|
|
|
- prop: "exceptions",
|
|
|
- label: "未装机行李",
|
|
|
- desc: "指航班关闭货舱门后,应装而未装的行李数量",
|
|
|
- },
|
|
|
- {
|
|
|
- prop: "midIn",
|
|
|
- label: "中转进行李",
|
|
|
- desc: "指从其他航班中转到当前航班的行李数量",
|
|
|
- },
|
|
|
-]);
|
|
|
+// const tableCols = ref([
|
|
|
+// {
|
|
|
+// prop: "flightNO",
|
|
|
+// label: "航班号",
|
|
|
+// desc: "指航班编号",
|
|
|
+// width: 80,
|
|
|
+// fixed: "left",
|
|
|
+// filterable: true,
|
|
|
+// sortable: true,
|
|
|
+// },
|
|
|
+// {
|
|
|
+// prop: "flightDate",
|
|
|
+// label: "执飞日期",
|
|
|
+// desc:
|
|
|
+// "指航班计划起飞日期(不变的,机票上),不是预计起飞日期(预计起飞时间可能多个),也不是实际起飞日期(实际起飞等于最后预计)",
|
|
|
+// width: 105,
|
|
|
+// fixed: "left",
|
|
|
+// filterable: true,
|
|
|
+// sortable: true,
|
|
|
+// },
|
|
|
+// {
|
|
|
+// prop: "planDepartureTime",
|
|
|
+// label: "起飞时间",
|
|
|
+// desc:
|
|
|
+// "根据优先级别显示时间。优先级别:1.实际起飞时间,2.预计起飞时间,3.计划起飞时间",
|
|
|
+// width: 150,
|
|
|
+// filterable: true,
|
|
|
+// sortable: true,
|
|
|
+// },
|
|
|
+// {
|
|
|
+// prop: "targetAirport",
|
|
|
+// label: "目的站",
|
|
|
+// desc: "指航班执飞航段的目的航站,以航站三字码显示",
|
|
|
+// filterable: true,
|
|
|
+// sortable: true,
|
|
|
+// },
|
|
|
+// {
|
|
|
+// prop: "departureBuild",
|
|
|
+// label: "航站楼",
|
|
|
+// desc: "指航班执飞航段的目的航站楼",
|
|
|
+// filterable: true,
|
|
|
+// sortable: true,
|
|
|
+// },
|
|
|
+// {
|
|
|
+// prop: "bordingGate",
|
|
|
+// label: "登机口",
|
|
|
+// desc: "指航班的登机口代码,数据是变化的,仅显示最新信息",
|
|
|
+// filterable: true,
|
|
|
+// sortable: true,
|
|
|
+// },
|
|
|
+// {
|
|
|
+// prop: "standForDepartrue",
|
|
|
+// label: "停机位",
|
|
|
+// desc: "指航班的停机位代码,数据是变化的,仅显示最新信息",
|
|
|
+// filterable: true,
|
|
|
+// sortable: true,
|
|
|
+// },
|
|
|
+// {
|
|
|
+// prop: "checkInTravellerNumber",
|
|
|
+// label: "托运旅客",
|
|
|
+// desc: "指航班已办理行李托运业务的旅客人数,含取消托运的旅客人数",
|
|
|
+// },
|
|
|
+// {
|
|
|
+// prop: "checkInNumber",
|
|
|
+// label: "值机数",
|
|
|
+// desc: "指已办理值机托运的行李数量,含取消托运的行李数量,含未激活",
|
|
|
+// },
|
|
|
+// {
|
|
|
+// prop: "unActive",
|
|
|
+// label: "未激活",
|
|
|
+// desc:
|
|
|
+// "指最后的 BSM 报文“.S”中行李状态为“I”的行李数量,含取消托运的行李数量",
|
|
|
+// },
|
|
|
+// {
|
|
|
+// prop: "preLoad",
|
|
|
+// label: "预计装载",
|
|
|
+// desc: "指已办理值机托运的行李数量,不含取消托运的行李数量,不包含未激活",
|
|
|
+// },
|
|
|
+// {
|
|
|
+// prop: "checkNumber",
|
|
|
+// label: "安检",
|
|
|
+// desc: "指进行安检的行李数量,含取消托运的行李数量",
|
|
|
+// },
|
|
|
+// {
|
|
|
+// prop: "sortNumber",
|
|
|
+// label: "分拣",
|
|
|
+// desc: "指已分拣完成的行李数量,含取消托运的行李数量",
|
|
|
+// },
|
|
|
+// {
|
|
|
+// prop: "loadNumber",
|
|
|
+// label: "装车",
|
|
|
+// desc: "指已在分拣口装车完成的行李数量,含取消托运的行李数量",
|
|
|
+// },
|
|
|
+// {
|
|
|
+// prop: "boardID",
|
|
|
+// label: "装机",
|
|
|
+// desc: "指装机完成的行李数量,不含取消托运的行李数量",
|
|
|
+// },
|
|
|
+// {
|
|
|
+// prop: "tounLoad",
|
|
|
+// label: "待翻减",
|
|
|
+// desc:
|
|
|
+// "指旅客在办理行李托运后,旅客取消该行李的托运并且行李此时已经过装车节点,而没有完成翻减的行李数量(须翻减总数减去已翻减数)",
|
|
|
+// },
|
|
|
+// {
|
|
|
+// prop: "OFFCount",
|
|
|
+// label: "已翻减",
|
|
|
+// desc:
|
|
|
+// "指旅客在办理行李托运后,旅客取消该行李的托运并且行李此时已经过装车节点,且已完成翻减的行李数量",
|
|
|
+// },
|
|
|
+// {
|
|
|
+// prop: "noCheckInNumber",
|
|
|
+// label: "取消托运",
|
|
|
+// desc: "指旅客在办理行李托运后,又取消托运的行李总数量",
|
|
|
+// },
|
|
|
+// {
|
|
|
+// prop: "noBSM",
|
|
|
+// label: "无BSM",
|
|
|
+// desc: "行李有处理信息(BPM)但无值机信息(BSM)的行李数量",
|
|
|
+// },
|
|
|
+// {
|
|
|
+// prop: "warning",
|
|
|
+// label: "风险预警",
|
|
|
+// desc:
|
|
|
+// "指依据航班信息中预计起飞时间和当前时间差,与根据分拣到停机位设置的报警阈值对比,超过阈值的为风险行李,本项显示风险预警行李数量",
|
|
|
+// },
|
|
|
+// {
|
|
|
+// prop: "exceptions",
|
|
|
+// label: "未装机行李",
|
|
|
+// desc: "指航班关闭货舱门后,应装而未装的行李数量",
|
|
|
+// },
|
|
|
+// {
|
|
|
+// prop: "midIn",
|
|
|
+// label: "中转进行李",
|
|
|
+// desc: "指从其他航班中转到当前航班的行李数量",
|
|
|
+// },
|
|
|
+// ]);
|
|
|
//列表
|
|
|
-const tableData = ref([
|
|
|
- {
|
|
|
- name: "测试",
|
|
|
- china: "测试",
|
|
|
- englin: "测试",
|
|
|
- two: "测试",
|
|
|
- three: "测试",
|
|
|
- text: "测试",
|
|
|
- text1: "测试",
|
|
|
- text2: "测试",
|
|
|
- text3: "测试",
|
|
|
- text4: "测试",
|
|
|
- },
|
|
|
- {
|
|
|
- name: "测试",
|
|
|
- china: "测试",
|
|
|
- englin: "测试",
|
|
|
- two: "测试",
|
|
|
- three: "测试",
|
|
|
- text: "测试",
|
|
|
- text1: "测试",
|
|
|
- text2: "测试",
|
|
|
- text3: "测试",
|
|
|
- text4: "测试",
|
|
|
- },
|
|
|
- {
|
|
|
- name: "测试",
|
|
|
- china: "测试",
|
|
|
- englin: "测试",
|
|
|
- two: "测试",
|
|
|
- three: "测试",
|
|
|
- text: "测试",
|
|
|
- text1: "测试",
|
|
|
- text2: "测试",
|
|
|
- text3: "测试",
|
|
|
- text4: "测试",
|
|
|
- },
|
|
|
-]);
|
|
|
+const tableData = ref([]);
|
|
|
//表头
|
|
|
const state = reactive({
|
|
|
list: [
|
|
@@ -259,6 +231,45 @@ const showForm = () => {
|
|
|
const closeDialog = () => {
|
|
|
dialogVisible.value = false;
|
|
|
};
|
|
|
+//获取表格数据
|
|
|
+const getQuery = async (data) => {
|
|
|
+ try {
|
|
|
+ const { code, returnData } = await Query({
|
|
|
+ id: DATACONTENT_ID.flightTabId,
|
|
|
+ needPage: ++page.value,
|
|
|
+ dataContent: data,
|
|
|
+ });
|
|
|
+ if (code === "0") {
|
|
|
+ if (returnData.listValues.length === 0) {
|
|
|
+ page.value--;
|
|
|
+ noMore.value = true;
|
|
|
+ }
|
|
|
+ const titleColumn = returnData.columnSet.find(
|
|
|
+ (item) => item.needShow === 1
|
|
|
+ );
|
|
|
+ if (titleColumn) {
|
|
|
+ rowTitle.value = titleColumn.columnName;
|
|
|
+ }
|
|
|
+ tableData.value.push(...returnData.listValues);
|
|
|
+ tableCols.value = returnData.columnSet;
|
|
|
+ tableCols.value.forEach((element) => {
|
|
|
+ element.label = element.columnLabel;
|
|
|
+ element.key = element.columnName;
|
|
|
+ // if (element.columnName === "queryTemplate") {
|
|
|
+ // element.width = "300px";
|
|
|
+ // }
|
|
|
+ });
|
|
|
+ serviceId.value = returnData.submitID;
|
|
|
+ } else {
|
|
|
+ page.value--;
|
|
|
+ }
|
|
|
+ } catch (error) {
|
|
|
+ page.value--;
|
|
|
+ }
|
|
|
+};
|
|
|
+const searchForm = (data) => {
|
|
|
+ getQuery(data);
|
|
|
+};
|
|
|
</script>
|
|
|
<style lang="scss" scoped>
|
|
|
::v-deep .el-form-item__label {
|