正在显示
2 个修改的文件
包含
841 行增加
和
0 行删除
@@ -19,6 +19,31 @@ let baseUrlBillcreden = 'air-server-transport/transport/creden' | @@ -19,6 +19,31 @@ let baseUrlBillcreden = 'air-server-transport/transport/creden' | ||
19 | let baseUrlExact = 'air-server-transport/exactPlanConfig' | 19 | let baseUrlExact = 'air-server-transport/exactPlanConfig' |
20 | //预报 | 20 | //预报 |
21 | let baseUrlConfig = 'air-server-transport/prePlanConfig' | 21 | let baseUrlConfig = 'air-server-transport/prePlanConfig' |
22 | +//物料申报 | ||
23 | +let baseUrlSupply = 'air-server-transport/transport/supplymatter' | ||
24 | +let baseUrlCargo = 'air-server-transport/transport/cargodetails' | ||
25 | +//国际转运 | ||
26 | +let baseUrlTrans = 'nmms-server-import/nmms/mt8205' | ||
27 | + | ||
28 | + | ||
29 | +//国际转运 | ||
30 | +export const selectMt8205 = params => { return http.get(`${baseUrlTrans}/selectMt8205`, params); }; | ||
31 | +export const addMt8205 = params => { return http.post(`${baseUrlTrans}/addMt8205`, params); }; | ||
32 | +export const ediMt8205 = params => { return http.post(`${baseUrlTrans}/ediMt8205`, params); }; | ||
33 | +export const delMt8205 = params => { return http.get(`${baseUrlTrans}/delMt8205`, params); }; | ||
34 | +export const sendCreateMt8205 = params => { return http.post(`${baseUrlTrans}/sendCreateMt8205`, params); }; | ||
35 | + | ||
36 | + | ||
37 | +//物料申报管理 | ||
38 | +export const addSupplyMatter = params => { return http.post(`${baseUrlSupply}/addSupplyMatter`, params); }; | ||
39 | +export const ediSupplyMatter = params => { return http.post(`${baseUrlSupply}/ediSupplyMatter`, params); }; | ||
40 | +export const delSupplyMatter = params => { return http.post(`${baseUrlSupply}/delSupplyMatter`, params); }; | ||
41 | +export const selectSupplyMatter = params => { return http.post(`${baseUrlSupply}/selectSupplyMatter`, params); }; | ||
42 | +export const sendSupplyMatter = params => { return http.post(`${baseUrlSupply}/sendSupplyMatter`, params); }; | ||
43 | +//货物明细 | ||
44 | +export const addCargoDetails = params => { return http.post(`${baseUrlCargo}/addCargoDetails`, params); }; | ||
45 | +export const delCargoDetails = params => { return http.post(`${baseUrlCargo}/delCargoDetails`, params); }; | ||
46 | +export const selectCargoDetails = params => { return http.get(`${baseUrlCargo}/selectCargoDetails`, params); }; | ||
22 | 47 | ||
23 | 48 | ||
24 | 49 |
src/views/airtransport/transfer.vue
0 → 100644
1 | +<template> | ||
2 | + <el-container> | ||
3 | + <el-main style="background-color: white"> | ||
4 | + <el-row> | ||
5 | + <el-form :model="form" :rules="form" ref="ruleForm" label-width="2px" class="demo-ruleForm"> | ||
6 | + <el-row style="margin-top: -20px"> | ||
7 | + <el-col :span="24"><div class="grid-content content"><p>国际转运查询</p></div></el-col> | ||
8 | + </el-row> | ||
9 | + <el-row> | ||
10 | + <el-col :span="6"> | ||
11 | + <el-form-item label="" > | ||
12 | + <el-input placeholder="" v-model="form.transcarrier" style="width:220px"> | ||
13 | + <template slot="prepend">承运人</template> | ||
14 | + </el-input> | ||
15 | + </el-form-item> | ||
16 | + </el-col> | ||
17 | + <el-col :span="6"> | ||
18 | + <el-form-item label=""> | ||
19 | + <el-input placeholder="" v-model="form.transflightno" style="width:220px"> | ||
20 | + <template slot="prepend">航班号</template> | ||
21 | + </el-input> | ||
22 | + </el-form-item> | ||
23 | + </el-col> | ||
24 | + <el-col :span="10"> | ||
25 | + <el-form-item label="" > | ||
26 | + <div class="ip"> | ||
27 | + 航班日期 | ||
28 | + </div> | ||
29 | + <el-date-picker type="date" placeholder="选择日期" | ||
30 | + v-model="form.transflightdate" style="width: 140px;" | ||
31 | + value-format="yyyy-MM-dd"></el-date-picker> | ||
32 | + </el-form-item> | ||
33 | + </el-col> | ||
34 | + </el-row> | ||
35 | + <el-row> | ||
36 | + <el-col :span="6" style="margin-top: -15px"> | ||
37 | + <el-form-item label="" prop="transawbano"> | ||
38 | + <el-input placeholder="" v-model="form.transawbano" style="width:220px"> | ||
39 | + <template slot="prepend">主单号</template> | ||
40 | + </el-input> | ||
41 | + </el-form-item> | ||
42 | + </el-col> | ||
43 | + <el-col :span="6" style="margin-top: -15px"> | ||
44 | + <el-form-item label="" prop="transawbhno"> | ||
45 | + <el-input placeholder="" v-model="form.transawbhno" style="width:220px"> | ||
46 | + <template slot="prepend">分单号</template> | ||
47 | + </el-input> | ||
48 | + </el-form-item> | ||
49 | + </el-col> | ||
50 | + <el-col :span="4" style="margin-top: -15px"> | ||
51 | + <el-button type="primary" icon="el-icon-search" @click="submitForm()">查 询</el-button> | ||
52 | + </el-col> | ||
53 | + </el-row> | ||
54 | + </el-form> | ||
55 | + </el-row> | ||
56 | + <el-row style="margin-top: -20px"> | ||
57 | + <el-col :span="24"><div class="grid-content content"><p>国际转运明细</p></div></el-col> | ||
58 | + </el-row> | ||
59 | + <!--列表部分--> | ||
60 | + <el-row> | ||
61 | + <template> | ||
62 | + <el-table | ||
63 | + class="table" | ||
64 | + v-loading="tableloading" | ||
65 | + ref="multipleTable" | ||
66 | + :data="tableData" | ||
67 | + tooltip-effect="dark" | ||
68 | + style="border-radius: 10px 10px 0px 0px;line-height: 25px;min-height: 500px" | ||
69 | + :header-cell-style="{background:'#6F8294',color:'#FFFFFF'}" size="small" | ||
70 | + row-key="uuid" | ||
71 | + border | ||
72 | + default-expand-all | ||
73 | + :tree-props="{children: 'children', hasChildren: 'hasChildren'}"> | ||
74 | + <el-table-column | ||
75 | + label="主单号" | ||
76 | + width="185" | ||
77 | + prop="transawbano" | ||
78 | + > | ||
79 | + </el-table-column> | ||
80 | + <el-table-column | ||
81 | + prop="transawbhno" | ||
82 | + label="分单号" | ||
83 | + width="70"> | ||
84 | + </el-table-column> | ||
85 | + <el-table-column | ||
86 | + prop="originflightno" | ||
87 | + label="进港航班" | ||
88 | + width="70"> | ||
89 | + </el-table-column> | ||
90 | + <el-table-column | ||
91 | + prop="transpiece" | ||
92 | + label="运单件数" | ||
93 | + width="70"> | ||
94 | + </el-table-column> | ||
95 | + <el-table-column | ||
96 | + prop="transweight" | ||
97 | + label="运单重量" | ||
98 | + width="80"> | ||
99 | + </el-table-column> | ||
100 | + <el-table-column | ||
101 | + prop="goodsname" | ||
102 | + label="货物品名" | ||
103 | + width="80"> | ||
104 | + </el-table-column> | ||
105 | + <el-table-column | ||
106 | + prop="transflightno" | ||
107 | + label="转运航班" | ||
108 | + width="140"> | ||
109 | + </el-table-column> | ||
110 | + <el-table-column | ||
111 | + prop="status" | ||
112 | + label="状态" | ||
113 | + width="100" :formatter="formatStatus"> | ||
114 | + </el-table-column> | ||
115 | + <el-table-column | ||
116 | + prop="ext5" | ||
117 | + label="回执信息" | ||
118 | + width="260"> | ||
119 | +<!-- <template slot-scope="scope">--> | ||
120 | +<!-- <span v-if="scope.row.status=='01' || scope.row.status=='11'" style="color: #67C23A">--> | ||
121 | +<!-- {{scope.row.ext5}}--> | ||
122 | +<!-- </span>--> | ||
123 | +<!-- <span v-else-if="scope.row.status=='02' || scope.row.status=='03'" style="color: #E6A23C">--> | ||
124 | +<!-- {{scope.row.ext5}}--> | ||
125 | +<!-- </span>--> | ||
126 | +<!-- <span v-else-if="scope.row.status=='12' || scope.row.status=='13'" style="color: #F56C6C">--> | ||
127 | +<!-- {{scope.row.ext5}}--> | ||
128 | +<!-- </span>--> | ||
129 | +<!-- <span v-else style="color: #909399;">--> | ||
130 | +<!-- {{scope.row.ext5}}--> | ||
131 | +<!-- </span>--> | ||
132 | +<!-- </template>--> | ||
133 | + </el-table-column> | ||
134 | + <el-table-column | ||
135 | + prop="operation" | ||
136 | + label="操作" | ||
137 | + width="285"> | ||
138 | + <template slot-scope="scope"> | ||
139 | + <el-row type="flex" justify="space-between"> | ||
140 | + <el-button | ||
141 | + size="mini" | ||
142 | + type="info" | ||
143 | + @click="handleDetail(scope.$index, scope.row)">收发明细 | ||
144 | + </el-button> | ||
145 | + <el-button | ||
146 | + size="mini" | ||
147 | + type="success" | ||
148 | + @click="editForm(scope.$index, scope.row)">编辑运单 | ||
149 | + </el-button> | ||
150 | + | ||
151 | + </el-row> | ||
152 | + <el-row type="flex" justify="space-between"> | ||
153 | + | ||
154 | + <el-button | ||
155 | + size="mini" | ||
156 | + type="primary" | ||
157 | + @click="handleSend(scope.$index, scope.row)" | ||
158 | + :disabled="btSendStatusFormater(scope.row.status)">申请转运 | ||
159 | + </el-button> | ||
160 | + <el-button | ||
161 | + size="mini" | ||
162 | + type="warning" | ||
163 | + @click="UpdateStatus(scope.$index, scope.row)">更改状态 | ||
164 | + </el-button> | ||
165 | + <el-button | ||
166 | + size="mini" | ||
167 | + type="danger" | ||
168 | + @click="handleDelete(scope.$index, scope.row)" | ||
169 | + :disabled="btDeleStatusFormater(scope.row.status)">删除运单 | ||
170 | + </el-button> | ||
171 | + </el-row> | ||
172 | + </template> | ||
173 | + </el-table-column> | ||
174 | + </el-table> | ||
175 | + </template> | ||
176 | + </el-row> | ||
177 | + | ||
178 | + <!--分页区域--> | ||
179 | + <el-row style="margin-bottom: 10px"> | ||
180 | + <el-pagination | ||
181 | + :current-page="form.pageNum" | ||
182 | + :page-sizes="[100, 505, 1000, 5000]" | ||
183 | + :page-size="form.pageSize" | ||
184 | + layout="total, sizes, prev, pager, next, jumper" | ||
185 | + :total="total" | ||
186 | + @size-change="handleSizeChange" | ||
187 | + @current-change="handleCurrentChange" | ||
188 | + /> | ||
189 | + </el-row> | ||
190 | + <!--footer部分--> | ||
191 | + <el-row style="margin-top: 10px"> | ||
192 | + <el-col :span="4" class="pub"> | ||
193 | + <div class="grid-content"> | ||
194 | + <el-button type="primary" size="mini" @click="addForm()">新增原始舱单</el-button> | ||
195 | + </div> | ||
196 | + </el-col> | ||
197 | + <el-col :span="2.5" class="pub"> | ||
198 | + <div class="grid-content"><span>主单数:{{sumNmmsCount}}</span></div> | ||
199 | + </el-col> | ||
200 | + <el-col :span="3.5" class="pub"> | ||
201 | + <div class="grid-content"><span>舱单总件数:{{sumNmmsPrice}}</span></div> | ||
202 | + </el-col> | ||
203 | + <el-col :span="7.5" class="pub"> | ||
204 | + <div class="grid-content"><span>舱单总重量:{{sumNmmsWeight}}</span></div> | ||
205 | + </el-col> | ||
206 | + </el-row> | ||
207 | + <!--明细列表弹出框--> | ||
208 | + <el-row> | ||
209 | + <el-dialog title="回执明细列表" :visible.sync="dialogTableVisible" width="70%"> | ||
210 | + <el-table :data="gridData" style="border-radius: 10px 10px 0px 0px;line-height: 25px;min-height: 500px" | ||
211 | + :header-cell-style="{background:'#6F8294',color:'#FFFFFF'}" size="small"> | ||
212 | + <el-table-column property="busdate" label="时间" width="160"></el-table-column> | ||
213 | + <el-table-column property="username" label="操作人" width="130"></el-table-column> | ||
214 | + <el-table-column property="buspiece" label="发送件数" width="130"></el-table-column> | ||
215 | + <el-table-column property="busweight" label="发送重量" width="130"></el-table-column> | ||
216 | + <el-table-column property="cusrestext" label="回执内容"></el-table-column> | ||
217 | + </el-table> | ||
218 | + </el-dialog> | ||
219 | + </el-row> | ||
220 | + <!--编辑主单--> | ||
221 | + <el-dialog :title="dialogMap[dialogStatus]" :visible.sync="outerVisible.addDialog" width="80%" style="margin-top: -40px" > | ||
222 | + <el-form :model="ruleForm" :rules="rules" ref="ruleForm" :label-position="labelPosition" size="mini" style="padding-left: 10px"> | ||
223 | + <!--原始舱单信息部分--> | ||
224 | + <el-row class="flightInfo"> | ||
225 | + <el-col :span="24"> | ||
226 | + <div class="grid-content content">原始舱单信息</div> | ||
227 | + </el-col> | ||
228 | + <el-row style="margin-top: 60px"> | ||
229 | +<!-- <el-col :span="6">--> | ||
230 | +<!-- <el-form-item prop="awba">--> | ||
231 | +<!-- <div v-if="dialogStatus === 'update'">--> | ||
232 | +<!-- <el-input disabled="" v-model="ruleForm.awba" style="width: 200px">--> | ||
233 | +<!-- <template slot="prepend">运单号</template>--> | ||
234 | +<!-- </el-input>--> | ||
235 | +<!-- </div>--> | ||
236 | +<!-- <div v-else>--> | ||
237 | +<!-- <el-input v-model="ruleForm.awba" style="width: 200px">--> | ||
238 | +<!-- <template slot="prepend">运单号</template>--> | ||
239 | +<!-- </el-input>--> | ||
240 | +<!-- </div>--> | ||
241 | +<!-- </el-form-item>--> | ||
242 | +<!-- </el-col>--> | ||
243 | + <el-col :span="6"> | ||
244 | + <el-form-item prop="origincarrier" > | ||
245 | + <el-input v-model="ruleForm.origincarrier" style="width: 200px" placeholder="必填项" onkeyup="this.value=this.value.toUpperCase()"> | ||
246 | + <template slot="prepend">承运人</template> | ||
247 | + </el-input> | ||
248 | + </el-form-item> | ||
249 | + </el-col> | ||
250 | + <el-col :span="6"> | ||
251 | + <el-form-item prop="originflightno" > | ||
252 | + <el-input v-model="ruleForm.originflightno" style="width: 200px" placeholder="必填项"> | ||
253 | + <template slot="prepend">航班号</template> | ||
254 | + </el-input> | ||
255 | + </el-form-item> | ||
256 | + </el-col> | ||
257 | + | ||
258 | +<!-- <el-col :span="6">--> | ||
259 | +<!-- <el-form-item label="" >--> | ||
260 | +<!-- <el-form-item prop="originflightdate">--> | ||
261 | +<!-- <div class="ip">--> | ||
262 | +<!-- 航班日期--> | ||
263 | +<!-- </div>--> | ||
264 | +<!-- <el-date-picker type="date" placeholder="选择日期"--> | ||
265 | +<!-- v-model="ruleForm.originflightdate"--> | ||
266 | +<!-- value-formatformat="yyyy-MM-dd"--> | ||
267 | +<!-- style="width: 125px">--> | ||
268 | + | ||
269 | +<!-- </el-date-picker>--> | ||
270 | +<!-- </el-form-item>--> | ||
271 | +<!-- </el-form-item>--> | ||
272 | +<!-- </el-col>--> | ||
273 | + <el-col :span="6"> | ||
274 | + <el-form-item label="" > | ||
275 | + <el-form-item prop="originflightdate"> | ||
276 | + <div class="ip"> | ||
277 | + 航班日期 | ||
278 | + </div> | ||
279 | + <el-date-picker type="date" placeholder="选择日期" | ||
280 | + v-model="ruleForm.originflightdate" | ||
281 | + value-format="yyyy-MM-dd" | ||
282 | + style="width: 125px"> | ||
283 | + | ||
284 | + </el-date-picker> | ||
285 | + </el-form-item> | ||
286 | + </el-form-item> | ||
287 | + </el-col> | ||
288 | + </el-row> | ||
289 | + <el-row> | ||
290 | + <el-col :span="6" style="margin-top: -20px" > | ||
291 | + <el-form-item prop="originawbano" > | ||
292 | + <el-input v-model="ruleForm.originawbano" style="width: 200px" placeholder="必填项" > | ||
293 | + <template slot="prepend">主单号</template> | ||
294 | + </el-input> | ||
295 | + </el-form-item> | ||
296 | + </el-col> | ||
297 | + <el-col :span="12" style="margin-top: -20px"> | ||
298 | + <el-form-item prop="originstation"> | ||
299 | + <el-input v-model="ruleForm.originawbhno" style="width: 200px"> | ||
300 | + <template slot="prepend">分单号</template> | ||
301 | + </el-input> | ||
302 | + </el-form-item> | ||
303 | + </el-col> | ||
304 | + <el-col :span="6" style="margin-top: -20px"> | ||
305 | + <el-button type="primary" icon="el-icon-search">查 询</el-button> | ||
306 | + </el-col> | ||
307 | + </el-row> | ||
308 | + </el-row> | ||
309 | + <!--预配舱单信息部分--> | ||
310 | + <el-row class="flightInfo"> | ||
311 | + <el-col :span="24"> | ||
312 | + <div class="grid-content content">预配舱单信息</div> | ||
313 | + </el-col> | ||
314 | + <el-row style="margin-top: 60px"> | ||
315 | + <!-- <el-col :span="6">--> | ||
316 | + <!-- <el-form-item prop="awba">--> | ||
317 | + <!-- <div v-if="dialogStatus === 'update'">--> | ||
318 | + <!-- <el-input disabled="" v-model="ruleForm.awba" style="width: 200px">--> | ||
319 | + <!-- <template slot="prepend">运单号</template>--> | ||
320 | + <!-- </el-input>--> | ||
321 | + <!-- </div>--> | ||
322 | + <!-- <div v-else>--> | ||
323 | + <!-- <el-input v-model="ruleForm.awba" style="width: 200px">--> | ||
324 | + <!-- <template slot="prepend">运单号</template>--> | ||
325 | + <!-- </el-input>--> | ||
326 | + <!-- </div>--> | ||
327 | + <!-- </el-form-item>--> | ||
328 | + <!-- </el-col>--> | ||
329 | + <el-col :span="6"> | ||
330 | + <el-form-item prop="transcarrier" > | ||
331 | + <el-input v-model="ruleForm.transcarrier" style="width: 200px" placeholder="必填项" onkeyup="this.value=this.value.toUpperCase()"> | ||
332 | + <template slot="prepend">承运人</template> | ||
333 | + </el-input> | ||
334 | + </el-form-item> | ||
335 | + </el-col> | ||
336 | + <el-col :span="6"> | ||
337 | + <el-form-item prop="transflightno" > | ||
338 | + <el-input v-model="ruleForm.transflightno" style="width: 200px" placeholder="必填项"> | ||
339 | + <template slot="prepend">航班号</template> | ||
340 | + </el-input> | ||
341 | + </el-form-item> | ||
342 | + </el-col> | ||
343 | + | ||
344 | + <el-col :span="6"> | ||
345 | + <el-form-item label="" > | ||
346 | + <el-form-item prop="transflightdate"> | ||
347 | + <div class="ip"> | ||
348 | + 航班日期 | ||
349 | + </div> | ||
350 | + <el-date-picker type="date" placeholder="选择日期" | ||
351 | + v-model="ruleForm.transflightdate" | ||
352 | + value-format="yyyy-MM-dd" | ||
353 | + style="width: 125px"> | ||
354 | + | ||
355 | + </el-date-picker> | ||
356 | + </el-form-item> | ||
357 | + </el-form-item> | ||
358 | + </el-col> | ||
359 | + </el-row> | ||
360 | + <el-row> | ||
361 | + <el-col :span="6" style="margin-top: -20px" > | ||
362 | + <el-form-item prop="transawbano" > | ||
363 | + <el-input v-model="ruleForm.transawbano" style="width: 200px" placeholder="必填项"> | ||
364 | + <template slot="prepend">主单号</template> | ||
365 | + </el-input> | ||
366 | + </el-form-item> | ||
367 | + </el-col> | ||
368 | + <el-col :span="6" style="margin-top: -20px" > | ||
369 | + <el-form-item prop="transawbhno"> | ||
370 | + <el-input v-model="ruleForm.transawbhno" style="width: 200px"> | ||
371 | + <template slot="prepend">分单号</template> | ||
372 | + </el-input> | ||
373 | + </el-form-item> | ||
374 | + </el-col> | ||
375 | + </el-row> | ||
376 | + </el-row> | ||
377 | + <!--运单信息部分--> | ||
378 | + <el-row class="flightInfo"> | ||
379 | + <el-col :span="24"> | ||
380 | + <div class="grid-content content">提运单信息</div> | ||
381 | + </el-col> | ||
382 | + </el-row> | ||
383 | + <el-row style="margin-bottom: 0px;"> | ||
384 | + <el-row class="product"> | ||
385 | + <el-col :span="6"> | ||
386 | + <el-form-item label="" prop="transpiece" > | ||
387 | + <el-input v-model="ruleForm.transpiece" placeholder="必填项" style="width: 200px" oninput="value=value.replace(/[^\d]/g,'')"> | ||
388 | + <template slot="prepend">件 数</template> | ||
389 | + </el-input> | ||
390 | + </el-form-item> | ||
391 | + </el-col> | ||
392 | + <el-col :span="6"> | ||
393 | + <el-form-item label="" prop="transweight" > | ||
394 | + <el-input v-model="ruleForm.transweight" placeholder="必填项" style="width: 200px" oninput="value=value.replace(/[^\d]/g,'')"> | ||
395 | + <template slot="prepend">重 量</template> | ||
396 | + </el-input> | ||
397 | + </el-form-item> | ||
398 | + </el-col> | ||
399 | + <el-col :span="6"> | ||
400 | + <el-form-item label="" prop="goodsname" > | ||
401 | + <el-input v-model="ruleForm.goodsname" style="width: 210px" placeholder="必填项"> | ||
402 | + <template slot="prepend">货物描述</template> | ||
403 | + </el-input> | ||
404 | + </el-form-item> | ||
405 | + </el-col> | ||
406 | + </el-row> | ||
407 | + <el-row class="product"> | ||
408 | + <el-col :span="6"> | ||
409 | + <el-form-item label="" prop="awboriginstation" > | ||
410 | + <el-input v-model="ruleForm.awboriginstation" style="width: 200px" placeholder="必填项" onkeyup="this.value=this.value.toUpperCase()"> | ||
411 | + <template slot="prepend">始发站</template> | ||
412 | + </el-input> | ||
413 | + </el-form-item> | ||
414 | + </el-col> | ||
415 | + <el-col :span="6"> | ||
416 | + <el-form-item label="" prop="awbdesstation" > | ||
417 | + <el-input v-model="ruleForm.awbdesstation" placeholder="必填项" style="width: 200px" onkeyup="this.value=this.value.toUpperCase()"> | ||
418 | + <template slot="prepend">目的站</template> | ||
419 | + </el-input> | ||
420 | + </el-form-item> | ||
421 | + </el-col> | ||
422 | + <el-col :span="6"> | ||
423 | + <el-form-item label="" prop="goodspackage"> | ||
424 | + <div class="ip"> | ||
425 | + 包装类型 | ||
426 | + </div> | ||
427 | + <el-select v-model="ruleForm.goodspackage" placeholder="请选择" size="mini" style="width: 125px"> | ||
428 | + <el-option label="木箱" value="pk"></el-option> | ||
429 | + </el-select> | ||
430 | + </el-form-item> | ||
431 | + </el-col> | ||
432 | + <el-col :span="6"> | ||
433 | + <el-button type="primary" icon="el-icon-check" @click="dialogStatus==='create'?outerVisible_add():outerVisible_edit()" size="small">保 存</el-button> | ||
434 | + <el-button icon="el-icon-close" @click="outerVisible.addDialog = false" size="small">取 消</el-button> | ||
435 | + </el-col> | ||
436 | + </el-row> | ||
437 | + </el-row> | ||
438 | + </el-form> | ||
439 | + </el-dialog> | ||
440 | + </el-main> | ||
441 | + </el-container> | ||
442 | +</template> | ||
443 | + | ||
444 | +<script> | ||
445 | + import { | ||
446 | + addMt8205, | ||
447 | + selectMt8205, | ||
448 | + sendCreateMt8205, | ||
449 | + delMt8205, | ||
450 | + ediMt8205, | ||
451 | + } from "../../api/transport"; | ||
452 | + import {loginedUserInfo} from "../../api/user"; | ||
453 | + import {sendCreateMt1201} from "../../api/mt1201"; | ||
454 | + import {selectResponseList} from "../../api/InResponse"; | ||
455 | + | ||
456 | + export default { | ||
457 | + name: "transfer", | ||
458 | + data() { | ||
459 | + return{ | ||
460 | + // 搜索条件 | ||
461 | + form: { | ||
462 | + transcarrier:'', | ||
463 | + transflightno:'', | ||
464 | + transflightdate:'', | ||
465 | + transawbano:'', | ||
466 | + transawbhno:'', | ||
467 | + pageNum: 1, | ||
468 | + pageSize: 100, | ||
469 | + }, | ||
470 | + sumNmmsCount:0, | ||
471 | + sumNmmsPrice:0, | ||
472 | + sumNmmsWeight:0, | ||
473 | + total: 0, | ||
474 | + // 搜索列表 | ||
475 | + tableData:[], | ||
476 | + tableloading:false, | ||
477 | + // 明细 | ||
478 | + dialogTableVisible:false, | ||
479 | + gridData:[], | ||
480 | + // 新增/编辑 | ||
481 | + dialogStatus:'create', | ||
482 | + dialogMap:{ | ||
483 | + update: '编辑', | ||
484 | + create: '添加' | ||
485 | + }, | ||
486 | + outerVisible: { | ||
487 | + // 添加对话框 | ||
488 | + addDialog: false, | ||
489 | + // 编辑对话框 | ||
490 | + editDialog: false | ||
491 | + }, | ||
492 | + labelPosition: 'left', | ||
493 | + ruleForm: { | ||
494 | + uuid1201:'', | ||
495 | + uuid2201:'', | ||
496 | + origincarrier: undefined, | ||
497 | + originflightno: undefined, | ||
498 | + originflightdate: undefined, | ||
499 | + originawbano: undefined, | ||
500 | + originawbhno: undefined, | ||
501 | + transcarrier: undefined, | ||
502 | + transflightno: undefined, | ||
503 | + transflightdate: undefined, | ||
504 | + transawbano: undefined, | ||
505 | + transawbhno: undefined, | ||
506 | + transpiece: undefined, | ||
507 | + transweight: undefined, | ||
508 | + goodsname: undefined, | ||
509 | + goodspackage:'pk', | ||
510 | + awbdesstation:undefined, | ||
511 | + awboriginstation:undefined, | ||
512 | + customcode:'', | ||
513 | + status:'', | ||
514 | + actime:'', | ||
515 | + updatetime:'', | ||
516 | + ext3:'', | ||
517 | + ext4:'', | ||
518 | + ext5:'', | ||
519 | + }, | ||
520 | + rules: { | ||
521 | + origincarrier: [ | ||
522 | + { required: true, message: '请输入承运人代码', trigger: 'blur' }, | ||
523 | + ], | ||
524 | + originflightno: [ | ||
525 | + { required: true, message: '请输入航班号', trigger: 'blur' }, | ||
526 | + ], | ||
527 | + originawbano: [ | ||
528 | + { required: true, message: '请输入主单号', trigger: 'blur' }, | ||
529 | + ], | ||
530 | + originflightdate: [ | ||
531 | + { required: true, message: '请输入航班日期', trigger: 'blur' }, | ||
532 | + ], | ||
533 | + transawbano: [ | ||
534 | + { required: true, message: '请输入主单号', trigger: 'blur' }, | ||
535 | + ], | ||
536 | + transcarrier: [ | ||
537 | + { required: true, message: '请输入承运人代码', trigger: 'blur' }, | ||
538 | + ], | ||
539 | + transflightno: [ | ||
540 | + { required: true, message: '请输入航班号', trigger: 'blur' }, | ||
541 | + ], | ||
542 | + | ||
543 | + transpiece: [ | ||
544 | + { required: true, message: '请输入件数', trigger: 'blur' }, | ||
545 | + ], | ||
546 | + transweight: [ | ||
547 | + { required: true, message: '请输入重量', trigger: 'blur' }, | ||
548 | + ], | ||
549 | + goodsname: [ | ||
550 | + { required: true, message: '请输入货物描述', trigger: 'blur' }, | ||
551 | + ], | ||
552 | + awboriginstation: [ | ||
553 | + { required: true, message: '请输入起始站', trigger: 'blur' }, | ||
554 | + ], | ||
555 | + transflightdate: [ | ||
556 | + { required: true, message: '请选择日期', trigger: 'blur' }, | ||
557 | + ], | ||
558 | + awbdesstation: [ | ||
559 | + { required: true, message: '请输入目的站', trigger: 'blur' }, | ||
560 | + ], | ||
561 | + } | ||
562 | + | ||
563 | + } | ||
564 | + }, | ||
565 | + methods:{ | ||
566 | + //首页表单分页 | ||
567 | + handleSizeChange(val) { | ||
568 | + this.form.pageSize = val | ||
569 | + this.submitForm() | ||
570 | + }, | ||
571 | + handleCurrentChange(val) { | ||
572 | + this.form.pageNum = val | ||
573 | + this.submitForm() | ||
574 | + }, | ||
575 | + //回执收发明细 | ||
576 | + handleDetail(index,row){ | ||
577 | + // if(row.flightno.length>4){ | ||
578 | + // row.flightno=row.flightno.substring(2); | ||
579 | + // } | ||
580 | + let params={awbano:row.transawbano,awbhno:row.transawbhno,carrier:row.transcarrier,flightno:row.transflightno,flightdate:row.transflightdate,bustype:'MT8205'} | ||
581 | + selectResponseList(params).then(res=>{ | ||
582 | + this.dialogTableVisible=true; | ||
583 | + let response=res.data.data; | ||
584 | + this.gridData=response; | ||
585 | + }); | ||
586 | + }, | ||
587 | + // 获取消息标签列表 | ||
588 | + submitForm() { | ||
589 | + const _this = this | ||
590 | + selectMt8205(this.form).then((response) => { | ||
591 | + const res = response.data | ||
592 | + console.log(res) | ||
593 | + // console.log(response.data) | ||
594 | + if (res.code !== '200') { | ||
595 | + return _this.$message.error('获取消息收发记录,失败!') | ||
596 | + } | ||
597 | + // 获取列表数据 | ||
598 | + _this.tableData = res.data.list | ||
599 | + // 获取列表的总记录数 | ||
600 | + _this.total = res.data.total | ||
601 | + _this.$message.success('获取消息收发记录,成功!') | ||
602 | + }).catch(error => { | ||
603 | + // 关闭加载 | ||
604 | + _this.$message.error(error.toString()) | ||
605 | + }) | ||
606 | + }, | ||
607 | + //新增编辑弹框关闭重置 | ||
608 | + // configure_addDialogClosed() { | ||
609 | + // // 重置对话框 | ||
610 | + // this.$refs.ruleForm.resetFields() | ||
611 | + // }, | ||
612 | + // 打开新增 | ||
613 | + addForm() { | ||
614 | + this.dialogStatus = 'create' | ||
615 | + this.outerVisible.addDialog = true | ||
616 | + this.ruleForm = { | ||
617 | + uuid1201:'', | ||
618 | + uuid2201:'', | ||
619 | + origincarrier: undefined, | ||
620 | + originflightno: undefined, | ||
621 | + originflightdate: undefined, | ||
622 | + originawbano: undefined, | ||
623 | + originawbhno: undefined, | ||
624 | + transcarrier: undefined, | ||
625 | + transflightno: undefined, | ||
626 | + transflightdate: undefined, | ||
627 | + transawbano: undefined, | ||
628 | + transawbhno: '', | ||
629 | + transpiece: undefined, | ||
630 | + transweight: undefined, | ||
631 | + goodsname: undefined, | ||
632 | + goodspackage:'pk', | ||
633 | + awbdesstation:undefined, | ||
634 | + awboriginstation:undefined, | ||
635 | + customcode:'', | ||
636 | + status:'', | ||
637 | + actime:'', | ||
638 | + updatetime:'', | ||
639 | + ext3:'', | ||
640 | + ext4:'', | ||
641 | + ext5:'', | ||
642 | + } | ||
643 | + }, | ||
644 | + // 新增功能 | ||
645 | + outerVisible_add() { // 进行表单的预验证 | ||
646 | + this.$refs.ruleForm.validate(valid => { | ||
647 | + // 未通过,表单预校验 | ||
648 | + if (!valid) return | ||
649 | + addMt8205(this.ruleForm).then((response) => { | ||
650 | + const res = response.data | ||
651 | + // 添加失败 | ||
652 | + if (res.code !== '200') { | ||
653 | + // 关闭加载 | ||
654 | + return this.$message.error(res.msg) | ||
655 | + } | ||
656 | + // 添加,成功 | ||
657 | + this.$message.success(res.msg) | ||
658 | + // 隐藏对话框 | ||
659 | + this.outerVisible.addDialog = false | ||
660 | + // 刷新列表 | ||
661 | + this.submitForm() | ||
662 | + }).catch(error => { | ||
663 | + this.$message.error(error.toString()) | ||
664 | + }) | ||
665 | + }) | ||
666 | + }, | ||
667 | + // 打开编辑 | ||
668 | + editForm(index, row) { | ||
669 | + this.ruleForm = Object.assign({}, row) | ||
670 | + this.outerVisible.addDialog = true | ||
671 | + this.dialogStatus = 'update' | ||
672 | + this.$nextTick(() => { | ||
673 | + this.ruleForm = Object.assign({}, row) | ||
674 | + }) | ||
675 | + console.log(row) | ||
676 | + }, | ||
677 | + // 编辑功能 | ||
678 | + outerVisible_edit() { | ||
679 | + // 进行表单的预验证 | ||
680 | + this.$refs.ruleForm.validate(valid => { | ||
681 | + // 未通过,表单预校验 | ||
682 | + if (!valid) return | ||
683 | + ediMt8205(this.ruleForm).then((response) => { | ||
684 | + const res = response.data | ||
685 | + if (res.code !== '200') { | ||
686 | + return this.$message.error(res.msg) | ||
687 | + } | ||
688 | + this.$message.success(res.msg) | ||
689 | + // 隐藏对话框 | ||
690 | + this.outerVisible.addDialog = false | ||
691 | + // 刷新列表 | ||
692 | + this.submitForm() | ||
693 | + }).catch(error => { | ||
694 | + this.$message.error(error.toString()) | ||
695 | + }) | ||
696 | + }) | ||
697 | + }, | ||
698 | + //删除 | ||
699 | + handleDelete(index, row) { | ||
700 | + // 弹框询问是否删除? | ||
701 | + this.$confirm('此操作永久删除该消息收发记录, 是否继续?', '警告', { | ||
702 | + confirmButtonText: '确定删除', | ||
703 | + cancelButtonText: '取消', | ||
704 | + type: 'warning' | ||
705 | + } | ||
706 | + ).then(() => { | ||
707 | + delMt8205({ uuid: row.uuid }).then((response) => { | ||
708 | + console.log(row) | ||
709 | + const res = response.data | ||
710 | + this.$message.success(res.msg) | ||
711 | + this.submitForm() | ||
712 | + }).catch(error => { | ||
713 | + this.$message.error(res.msg) | ||
714 | + }) | ||
715 | + }).catch(() => { | ||
716 | + }) | ||
717 | + }, | ||
718 | + //申请转运 | ||
719 | + handleSend(index, row) { | ||
720 | + // 弹框询问是否删除? | ||
721 | + this.$confirm('是否发送运单申请?', '警告', { | ||
722 | + confirmButtonText: '确定', | ||
723 | + cancelButtonText: '取消', | ||
724 | + type: 'warning' | ||
725 | + } | ||
726 | + ).then(() => { | ||
727 | + const map = {'mt8205':row,'username':loginedUserInfo().username} | ||
728 | + sendCreateMt8205(map).then((response) => { | ||
729 | + const res = response.data | ||
730 | + this.$message.success(res.msg) | ||
731 | + this.submitForm() | ||
732 | + }).catch(error => { | ||
733 | + this.$message.error(res.msg) | ||
734 | + }) | ||
735 | + }).catch(() => { | ||
736 | + }) | ||
737 | + }, | ||
738 | + //更改状态 | ||
739 | + UpdateStatus(column,row){ | ||
740 | + this.$confirm("是否发送更改状态", "确认消息", { | ||
741 | + distinguishCancelAndClose: true, | ||
742 | + confirmButtonText: '确认更改', | ||
743 | + cancelButtonText: '取消更改' | ||
744 | + }).then(() => { | ||
745 | + row.status = '22'; | ||
746 | + }).catch(action => { | ||
747 | + this.$message({ | ||
748 | + type: 'info', | ||
749 | + message: action === 'cancel' | ||
750 | + ? '取消状态更改' | ||
751 | + : '状态更改取消' | ||
752 | + }) | ||
753 | + }) | ||
754 | + }, | ||
755 | + //状态识别 | ||
756 | + formatStatus: function(row,column){ | ||
757 | + return row.status=='01'?'接受申报':row.status=='02'?'待人工审核':row.status=='03'?'退单' | ||
758 | + :row.status=='11'?'放行':row.status=='12'?'拒装':row.status=='13'?'禁卸' | ||
759 | + :row.status=='21'?'可自动发送':row.status=='22'?'未发送':row.status=='23'?'已发送新增报' | ||
760 | + :row.status=='24'?'已发送删除报':row.status=='25'?'已发送修改报':''; | ||
761 | + }, | ||
762 | + //发送舱单报按钮,删除,修改判定事件 | ||
763 | + btSendStatusFormater:(status) => { | ||
764 | + if(status=='23' || status=='24'||status=='25'){ | ||
765 | + return true; | ||
766 | + }else if(status=='22' ) { | ||
767 | + return false; | ||
768 | + } | ||
769 | + }, | ||
770 | + btEditStatusFormater:(status) => { | ||
771 | + if(status=='23' || status=='24'||status=='25'){ | ||
772 | + return true; | ||
773 | + }else if(status=='22' ) { | ||
774 | + return false; | ||
775 | + } | ||
776 | + }, | ||
777 | + btDeleStatusFormater:(status) => { | ||
778 | + if(status=='23' || status=='24'||status=='25'){ | ||
779 | + return true; | ||
780 | + }else if(status=='22' ) { | ||
781 | + return false; | ||
782 | + } | ||
783 | + }, | ||
784 | + // 过滤中英文 | ||
785 | + inputMe(e){ | ||
786 | + return e.replace(/[^a-zA-Z0-9.-]/g,'').toUpperCase(); | ||
787 | + } | ||
788 | + }, | ||
789 | + //渲染方法 | ||
790 | + mounted(){ | ||
791 | + this.submitForm(); | ||
792 | + // this.ruleForm.originflightdate = new Date().format('yyyy-MM-dd') | ||
793 | + // this.ruleForm.transflightdate = new Date().format('yyyy-MM-dd') | ||
794 | + | ||
795 | + } | ||
796 | + } | ||
797 | +</script> | ||
798 | + | ||
799 | +<style scoped> | ||
800 | + .ip{ | ||
801 | + max-width: 100px; | ||
802 | + margin-right: -5px; | ||
803 | + display: inline-block; | ||
804 | + background-color: #6F8294; | ||
805 | + color: #ffffff; | ||
806 | + border: 1px solid #DCDFE6; | ||
807 | + vertical-align: middle; | ||
808 | + padding: 0 18px; | ||
809 | + white-space: nowrap; | ||
810 | + border-top-right-radius: 0px; | ||
811 | + border-top-left-radius: 4px; | ||
812 | + border-bottom-left-radius: 4px; | ||
813 | + border-bottom-right-radius: 0px; | ||
814 | + font-size: 10px; | ||
815 | + } | ||
816 | +</style> |
-
请 注册 或 登录 后发表评论