ExitAnalysis.vue
8.8 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
<template>
<el-container>
<el-main>
<el-card style="background-color: #F5F7FA">
<!-- 搜素区域 -->
<div>
<el-row :gutter="24">
<el-col :span="5">
<el-input v-model="queryInfo.flightNo" prefix-icon="el-icon-search"
placeholder="请输入航班号" clearable style="width:220px">
</el-input>
</el-col>
<el-col :span="5">
<el-date-picker v-model="queryInfo.flightDate" type="date" value-format="yyyy-MM-dd"
placeholder="请选择航班日期"
style="width: 220px">
</el-date-picker>
</el-col>
<el-col :span="10">
<el-button type="primary" @click="getExitInfoList">
查询调度记录
</el-button>
<el-button :loading="downloadLoading" type="success" icon="el-icon-s-home"
:disabled="resultStatus!=='200'"
@click="downExcelExit">导出 Excel
</el-button>
</el-col>
</el-row>
<el-input v-model="message" style="width: 460px;margin-top: 20px"
placeholder="获取数据进度" readonly>
</el-input>
</div>
<div>
状态 :{{this.socketApi.socketStatus}}
</div>
<div>
消息 :{{this.socketApi.socketMessage}}
</div>
<!-- 列表显示区域 -->
<!--
<div style="margin-top: 20px;">
<el-table :data="exitInfoList" border stripe highlight-current-row
v-loading="listLoading"
max-height="300"
:element-loading-text="this.message">
<el-table-column type="index" align="center"></el-table-column>
<el-table-column label="航班号" prop="flightNo" align="center" width="130"></el-table-column>
<el-table-column label="航班日期" prop="flightDate" align="center" width="130"></el-table-column>
<el-table-column label="航班时间" prop="flightTime" align="center" width="200"></el-table-column>
<el-table-column label="运单号" prop="waybillNoMaster" align="center"
width="130"></el-table-column>
<el-table-column label="航段" prop="segment" align="center" width="130"></el-table-column>
<el-table-column label="起始站" prop="originatingStation" align="center"
width="130"></el-table-column>
<el-table-column label="目的站" prop="destinationStation" align="center"
width="130"></el-table-column>
<el-table-column label="理货件数" prop="tallyTotalPiece" align="center"
width="130"></el-table-column>
<el-table-column label="理货重量" prop="tallyTotalWeight" align="center"
width="130"></el-table-column>
<el-table-column label="承运人二字码" prop="carrier" align="center" width="130"></el-table-column>
<el-table-column label="发货人名称" prop="shipperName" align="center" width="130"></el-table-column>
<el-table-column label="收货人名称" prop="consigneeName" align="center"
width="130"></el-table-column>
<el-table-column label="货物目的站" prop="aimStation" align="center" width="130"></el-table-column>
<el-table-column label="国家代码" prop="country" align="center" width="130"></el-table-column>
<el-table-column label="所属洲" prop="areaDescChn" align="center" width="130"></el-table-column>
<el-table-column label="订舱代理人" prop="orderName" align="center" width="130"></el-table-column>
<el-table-column label="结算代理人" prop="countName" align="center"
width="130"></el-table-column>
<el-table-column label="品名" prop="sdCargoName" align="center" width="130"></el-table-column>
<el-table-column label="二级类名" prop="twoTypeName" align="center" width="130"></el-table-column>
<el-table-column label="一级类名" prop="typeName" align="center" width="130"></el-table-column>
<el-table-column label="航空公司" prop="airCompany" align="center" width="130"></el-table-column>
<el-table-column label="机型" prop="cfTp" align="center" width="130"></el-table-column>
<el-table-column label="机号" prop="cfNo" align="center" width="130"></el-table-column>
<el-table-column label="航班计划日期" prop="flightPlanDate" align="center"
width="130"></el-table-column>
<el-table-column label="航班计划时间" prop="flightPlanTime" align="center"
width="200"></el-table-column>
<el-table-column label="计费重量" prop="totalGrossWeightMeasure" align="center"
width="130"></el-table-column>
<el-table-column label="体积" prop="volumeMeasure" align="center" width="130"></el-table-column>
</el-table>
</div>
-->
</el-card>
</el-main>
</el-container>
</template>
<script>
import {downExcel, getExitDataAnalysis} from "../../api/exit_data_analysis";
import FilenameOption from '../excel/components/FilenameOption'
import AutoWidthOption from '../excel/components/AutoWidthOption'
import BookTypeOption from '../excel/components/BookTypeOption'
export default {
name: "ExitAnalysis",
components: {FilenameOption, AutoWidthOption, BookTypeOption},
data() {
return {
/**
* 出港业务统计列表
*/
exitInfoList: [],
/**
* 查询列表
*/
queryInfo: {
//航班号
flightNo: 'SL965',
//航班日期
flightDate: '2019-04-12',
},
/* 列表加载 */
listLoading: false,
downloadLoading: false,
}
},
sockets: {
connect() {
this.$socket.emit("sendMessageToServer", "0025520"); //监听connect事件
},
servermessage(data) {
// 监听message事件，方法是后台定义和提供的
console.log(data);
}
},
methods: {
/**
* 获取出港信息列表
*/
getExitInfoList(onfulfilled) {
let _this = this;
_this.$message.success('开始获取统计数据');
getExitDataAnalysis(_this.queryInfo)
.then(
(response) => {
// _this.message = socketMessage;
// _this.status = socketStatus;
// if (_this.status === '200') {
// _this.exitInfoList = socketDataList;
// }
})
.catch(error => {
_this.$message.error(error.toString());
});
},
/**
* 导出excel到本地，功能
*/
downExcelExit() {
downExcel(this.exitInfoList).then((response) => {
this.$message.success("导出Excel成功，请您重命名")
}).catch(error => {
this.$message.error(error.toString());
});
},
},
created() {
},
destroyed() {
},
watch: {
},
}
</script>
<style scoped>
</style>