正在显示
2 个修改的文件
包含
485 行增加
和
48 行删除
1 | import axios from 'axios' | 1 | import axios from 'axios' |
2 | +import http from "../http"; | ||
2 | 3 | ||
3 | let baseUrl = 'express-system/express' | 4 | let baseUrl = 'express-system/express' |
4 | 5 | ||
@@ -6,3 +7,7 @@ let baseUrl = 'express-system/express' | @@ -6,3 +7,7 @@ let baseUrl = 'express-system/express' | ||
6 | 7 | ||
7 | export const getExpressList = params => { return axios.get(`${baseUrl}/list`, { params: params }); }; | 8 | export const getExpressList = params => { return axios.get(`${baseUrl}/list`, { params: params }); }; |
8 | 9 | ||
10 | +export const awbaAdd = params => { return http.post(`${baseUrl}/awbaAdd`,params)}; | ||
11 | + | ||
12 | +export const awbahAdd = params => { return http.post(`${baseUrl}/awbhAdd`,params)}; | ||
13 | + |
@@ -18,14 +18,14 @@ | @@ -18,14 +18,14 @@ | ||
18 | </el-date-picker> | 18 | </el-date-picker> |
19 | </el-form-item> | 19 | </el-form-item> |
20 | <el-form-item> | 20 | <el-form-item> |
21 | - <el-button type="primary" v-on:click="getList()">查询</el-button> | 21 | + <el-button type="primary" @click="getList()">查询</el-button> |
22 | </el-form-item> | 22 | </el-form-item> |
23 | <el-form-item> | 23 | <el-form-item> |
24 | - <el-button type="primary" @click="handleAdd()">新增</el-button> | 24 | + <el-button type="primary" @click="expressAdd()">新增</el-button> |
25 | </el-form-item> | 25 | </el-form-item> |
26 | </el-form> | 26 | </el-form> |
27 | </el-col> | 27 | </el-col> |
28 | - | 28 | + <!--列表--> |
29 | <el-table :data="expressDate" | 29 | <el-table :data="expressDate" |
30 | style="width: 100%" | 30 | style="width: 100%" |
31 | row-key="id" | 31 | row-key="id" |
@@ -37,56 +37,268 @@ | @@ -37,56 +37,268 @@ | ||
37 | @selection-change="handleSelectionChange"> | 37 | @selection-change="handleSelectionChange"> |
38 | <el-table-column type="selection" width="55"> | 38 | <el-table-column type="selection" width="55"> |
39 | </el-table-column> | 39 | </el-table-column> |
40 | - <el-table-column prop="date" label="日期" width="180"> | 40 | + <el-table-column prop="billno" label="主单号" width="180"> |
41 | + </el-table-column> | ||
42 | + <el-table-column prop="voyageno" label="运输工具航次(班)号" width="180"> | ||
43 | + </el-table-column> | ||
44 | + <el-table-column prop="ieflag" label="进出口标识"> | ||
45 | + </el-table-column> | ||
46 | + <el-table-column prop="trafcnname" label="运输工具中文名称"> | ||
47 | + </el-table-column> | ||
48 | + <el-table-column prop="trafenname" label="运输工具英文名称"> | ||
49 | + </el-table-column> | ||
50 | + <el-table-column prop="grosswt" label="毛重"> | ||
51 | + </el-table-column> | ||
52 | + <el-table-column prop="packno" label="件数"> | ||
53 | + </el-table-column> | ||
54 | + <el-table-column prop="billnum" label="分运单总数"> | ||
41 | </el-table-column> | 55 | </el-table-column> |
42 | - <el-table-column prop="name" label="姓名" width="180"> | 56 | + <el-table-column prop="iedate" label="进出口日期"> |
43 | </el-table-column> | 57 | </el-table-column> |
44 | - <el-table-column prop="address" label="地址"> | 58 | + <el-table-column prop="ieport" label="进出口岸代码"> |
59 | + </el-table-column> | ||
60 | + <el-table-column prop="tradename" label="经营单位名称"> | ||
61 | + </el-table-column> | ||
62 | + <el-table-column prop="inputopname" label="录入人姓名"> | ||
63 | + </el-table-column> | ||
64 | + <el-table-column prop="inputcompanyname" label="录入单位名称"> | ||
65 | + </el-table-column> | ||
66 | + <el-table-column label="操作" min-width="150"> | ||
67 | + <template slot-scope="scope"> | ||
68 | + <el-button type="primary" size="small" v-if="scope.row.ext1 == 'awba'" @click="expressAwbhAdd(scope.$index, scope.row)">新增分单</el-button> | ||
69 | + </template> | ||
45 | </el-table-column> | 70 | </el-table-column> |
46 | </el-table> | 71 | </el-table> |
72 | + <!--分页--> | ||
47 | <el-col :span="24" class="toolbar"> | 73 | <el-col :span="24" class="toolbar"> |
48 | <el-pagination | 74 | <el-pagination |
49 | @size-change="handleSizeChange" | 75 | @size-change="handleSizeChange" |
50 | @current-change="handleCurrentChange" | 76 | @current-change="handleCurrentChange" |
51 | background | 77 | background |
52 | :current-page="currentPage4" | 78 | :current-page="currentPage4" |
53 | - :page-sizes="[100, 200, 300, 400]" | ||
54 | - :page-size="100" | 79 | + :page-sizes="[10, 50, 100, 200]" |
80 | + :page-size="10" | ||
55 | layout="total, sizes, prev, pager, next, jumper" | 81 | layout="total, sizes, prev, pager, next, jumper" |
56 | - :total="400"> | 82 | + :total=this.total> |
57 | </el-pagination> | 83 | </el-pagination> |
58 | </el-col> | 84 | </el-col> |
85 | + <!--新增主单弹框--> | ||
86 | + <el-dialog title="快邮舱单主单新增" :visible.sync="expressAwbaAddVisible" width="60%"> | ||
87 | + <el-form :model="expressAwbaAddModel" :rules="expressAwbaRules" ref="expressAwbaAddModel" > | ||
88 | + <el-row> | ||
89 | + <el-col :span="8"> | ||
90 | + <el-form-item label="主单号" :label-width="expressAddlWidth" prop="billno"> | ||
91 | + <el-input style="width: 80%" v-model="expressAwbaAddModel.billno" autocomplete="off"></el-input> | ||
92 | + </el-form-item> | ||
93 | + </el-col> | ||
94 | + <el-col :span="8"> | ||
95 | + <el-form-item label="航班号" :label-width="expressAddlWidth" prop="flightNo"> | ||
96 | + <el-input style="width: 80%" v-model="expressAwbaAddModel.flightNo" autocomplete="off"></el-input> | ||
97 | + </el-form-item> | ||
98 | + </el-col> | ||
99 | + <el-col :span="8"> | ||
100 | + <el-form-item label="航班日期" :label-width="expressAddlWidth" prop="flightDate"> | ||
101 | + <el-date-picker | ||
102 | + v-model="expressAwbaAddModel.flightDate" | ||
103 | + value-format="yyyy-MM-dd" | ||
104 | + type="date" | ||
105 | + placeholder="选择日期"> | ||
106 | + </el-date-picker> | ||
107 | + </el-form-item> | ||
108 | + </el-col> | ||
109 | + </el-row> | ||
110 | + <el-row> | ||
111 | + <el-col :span="8"> | ||
112 | + <el-form-item label="进出口标志" :label-width="expressAddlWidth" prop="ieflag"> | ||
113 | + <el-select v-model="expressAwbaAddModel.ieflag" placeholder="请选择"> | ||
114 | + <el-option | ||
115 | + v-for="item in options" | ||
116 | + :key="item.value" | ||
117 | + :label="item.label" | ||
118 | + :value="item.value"> | ||
119 | + </el-option> | ||
120 | + </el-select> | ||
121 | + </el-form-item> | ||
122 | + </el-col> | ||
123 | + <el-col :span="8"> | ||
124 | + <el-form-item label="运输工具中文名称" :label-width="expressAddlWidth" prop="trafcnname"> | ||
125 | + <el-input style="width: 80%" v-model="expressAwbaAddModel.trafcnname" autocomplete="off"></el-input> | ||
126 | + </el-form-item> | ||
127 | + </el-col> | ||
128 | + <el-col :span="8"> | ||
129 | + <el-form-item label="运输工具英文名称" :label-width="expressAddlWidth" prop="trafenname"> | ||
130 | + <el-input style="width: 80%" v-model="expressAwbaAddModel.trafenname" autocomplete="off"></el-input> | ||
131 | + </el-form-item> | ||
132 | + </el-col> | ||
133 | + </el-row> | ||
134 | + <el-row> | ||
135 | + <el-col :span="8"> | ||
136 | + <el-form-item label="毛重" :label-width="expressAddlWidth" prop="grosswt"> | ||
137 | + <el-input style="width: 80%" v-model="expressAwbaAddModel.grosswt" autocomplete="off"></el-input> | ||
138 | + </el-form-item> | ||
139 | + </el-col> | ||
140 | + <el-col :span="8"> | ||
141 | + <el-form-item label="件数" :label-width="expressAddlWidth" prop="packno"> | ||
142 | + <el-input style="width: 80%" type="number" v-model="expressAwbaAddModel.packno" autocomplete="off"></el-input> | ||
143 | + </el-form-item> | ||
144 | + </el-col> | ||
145 | + <el-col :span="8"> | ||
146 | + <el-form-item label="分运单总数" :label-width="expressAddlWidth" prop="billnum"> | ||
147 | + <el-input style="width: 80%" type="number" v-model="expressAwbaAddModel.billnum" autocomplete="off"></el-input> | ||
148 | + </el-form-item> | ||
149 | + </el-col> | ||
150 | + </el-row> | ||
151 | + <el-row> | ||
152 | + <el-col :span="8"> | ||
153 | + <el-form-item label="运输方式代码" :label-width="expressAddlWidth" prop="trafmode"> | ||
154 | + <el-input style="width: 80%" v-model="expressAwbaAddModel.trafmode" autocomplete="off"></el-input> | ||
155 | + </el-form-item> | ||
156 | + </el-col> | ||
157 | + <el-col :span="8"> | ||
158 | + <el-form-item label="进出口日期" :label-width="expressAddlWidth" prop="iedate"> | ||
159 | + <el-date-picker | ||
160 | + v-model="expressAwbaAddModel.iedate" | ||
161 | + value-format="yyyy-MM-dd" | ||
162 | + type="date" | ||
163 | + placeholder="选择日期"> | ||
164 | + </el-date-picker> | ||
165 | + </el-form-item> | ||
166 | + </el-col> | ||
167 | + <el-col :span="8"> | ||
168 | + <el-form-item label="指运港(抵运港)" :label-width="expressAddlWidth" prop="destinationport"> | ||
169 | + <el-input style="width: 80%" v-model="expressAwbaAddModel.destinationport" autocomplete="off"></el-input> | ||
170 | + </el-form-item> | ||
171 | + </el-col> | ||
172 | + </el-row> | ||
173 | + <el-row> | ||
174 | + <el-col :span="8"> | ||
175 | + <el-form-item label="进出口岸代码" :label-width="expressAddlWidth" prop="ieport"> | ||
176 | + <el-input style="width: 80%" v-model="expressAwbaAddModel.ieport" autocomplete="off"></el-input> | ||
177 | + </el-form-item> | ||
178 | + </el-col> | ||
179 | + <el-col :span="8"> | ||
180 | + <el-form-item label="经营单位编号" :label-width="expressAddlWidth" prop="tradeco"> | ||
181 | + <el-input style="width: 80%" v-model="expressAwbaAddModel.tradeco" autocomplete="off"></el-input> | ||
182 | + </el-form-item> | ||
183 | + </el-col> | ||
184 | + <el-col :span="8"> | ||
185 | + <el-form-item label="经营单位名称" :label-width="expressAddlWidth" prop="tradename"> | ||
186 | + <el-input style="width: 80%" v-model="expressAwbaAddModel.tradename" autocomplete="off"></el-input> | ||
187 | + </el-form-item> | ||
188 | + </el-col> | ||
189 | + </el-row> | ||
190 | + <el-row> | ||
191 | + <el-col :span="8"> | ||
192 | + <el-form-item label="录入人卡号" :label-width="expressAddlWidth" prop="inputno"> | ||
193 | + <el-input style="width: 80%" v-model="expressAwbaAddModel.inputno" autocomplete="off"></el-input> | ||
194 | + </el-form-item> | ||
195 | + </el-col> | ||
196 | + <el-col :span="8"> | ||
197 | + <el-form-item label="录入人姓名" :label-width="expressAddlWidth" prop="inputopname"> | ||
198 | + <el-input style="width: 80%" v-model="expressAwbaAddModel.inputopname" autocomplete="off"></el-input> | ||
199 | + </el-form-item> | ||
200 | + </el-col> | ||
201 | + <el-col :span="8"> | ||
202 | + <el-form-item label="录入单位代码" :label-width="expressAddlWidth" prop="inputcompanycode"> | ||
203 | + <el-input style="width: 80%" v-model="expressAwbaAddModel.inputcompanycode" autocomplete="off"></el-input> | ||
204 | + </el-form-item> | ||
205 | + </el-col> | ||
206 | + </el-row> | ||
207 | + <el-row> | ||
208 | + <el-col :span="8"> | ||
209 | + <el-form-item label="录入单位名称" :label-width="expressAddlWidth" prop="inputcompanyname"> | ||
210 | + <el-input style="width: 80%" v-model="expressAwbaAddModel.inputcompanyname" autocomplete="off"></el-input> | ||
211 | + </el-form-item> | ||
212 | + </el-col> | ||
213 | + </el-row> | ||
214 | + </el-form> | ||
215 | + <div slot="footer" class="dialog-footer"> | ||
216 | + <el-button type="primary" @click="expressAwbaAddVisible = false">取消</el-button> | ||
217 | + <el-button type="primary" @click="expressAwbaAddSubmit()">提交</el-button> | ||
218 | + </div> | ||
219 | + </el-dialog> | ||
220 | + <!--新增分单弹框--> | ||
221 | + <el-dialog title="快邮舱单分单新增" :visible.sync="expressAwbhAddVisible" width="60%"> | ||
222 | + <el-form :model="expressAwbhAddModel" :rules="expressAwbhRules" ref="expressAwbhAddModel" > | ||
223 | + <el-row> | ||
224 | + <el-col :span="8"> | ||
225 | + <el-form-item label="主单号" :label-width="expressAddlWidth" prop="billno"> | ||
226 | + <el-input style="width: 80%" disabled v-model="expressAwbhAddModel.billno" autocomplete="off"></el-input> | ||
227 | + </el-form-item> | ||
228 | + </el-col> | ||
229 | + <el-col :span="8"> | ||
230 | + <el-form-item label="航班号" :label-width="expressAddlWidth" prop="flightNo"> | ||
231 | + <el-input style="width: 80%" v-model="expressAwbhAddModel.flightNo" autocomplete="off"></el-input> | ||
232 | + </el-form-item> | ||
233 | + </el-col> | ||
234 | + <el-col :span="8"> | ||
235 | + <el-form-item label="航班日期" :label-width="expressAddlWidth" prop="flightDate"> | ||
236 | + <el-date-picker | ||
237 | + v-model="expressAwbhAddModel.flightDate" | ||
238 | + value-format="yyyy-MM-dd" | ||
239 | + type="date" | ||
240 | + placeholder="选择日期"> | ||
241 | + </el-date-picker> | ||
242 | + </el-form-item> | ||
243 | + </el-col> | ||
244 | + </el-row> | ||
245 | + <el-row> | ||
246 | + <el-col :span="8"> | ||
247 | + <el-form-item label="分单号" :label-width="expressAddlWidth" prop="assbillno"> | ||
248 | + <el-input style="width: 80%" v-model="expressAwbhAddModel.assbillno" autocomplete="off"></el-input> | ||
249 | + </el-form-item> | ||
250 | + </el-col> | ||
251 | + <el-col :span="8"> | ||
252 | + <el-form-item label="主要商品名称" :label-width="expressAddlWidth" prop="maingname"> | ||
253 | + <el-input style="width: 80%" type="textarea" v-model="expressAwbhAddModel.maingname" autocomplete="off"></el-input> | ||
254 | + </el-form-item> | ||
255 | + </el-col> | ||
256 | + <el-col :span="8"> | ||
257 | + <el-form-item label="件数" :label-width="expressAddlWidth" prop="packno"> | ||
258 | + <el-input style="width: 80%" type="number" v-model="expressAwbhAddModel.packno" autocomplete="off"></el-input> | ||
259 | + </el-form-item> | ||
260 | + </el-col> | ||
261 | + </el-row> | ||
262 | + <el-row> | ||
263 | + <el-col :span="8"> | ||
264 | + <el-form-item label="商品毛重" :label-width="expressAddlWidth" prop="grosswt"> | ||
265 | + <el-input style="width: 80%" v-model="expressAwbhAddModel.grosswt" autocomplete="off"></el-input> | ||
266 | + </el-form-item> | ||
267 | + </el-col> | ||
268 | + <el-col :span="8"> | ||
269 | + <el-form-item label="价值" :label-width="expressAddlWidth" prop="tradetotal"> | ||
270 | + <el-input style="width: 80%" v-model="expressAwbhAddModel.tradetotal" autocomplete="off"></el-input> | ||
271 | + </el-form-item> | ||
272 | + </el-col> | ||
273 | + <el-col :span="8"> | ||
274 | + <el-form-item label="成交币制" :label-width="expressAddlWidth" prop="tradecurr"> | ||
275 | + <el-input style="width: 80%" v-model="expressAwbhAddModel.tradecurr" autocomplete="off"></el-input> | ||
276 | + </el-form-item> | ||
277 | + </el-col> | ||
278 | + </el-row> | ||
279 | + </el-form> | ||
280 | + <div slot="footer" class="dialog-footer"> | ||
281 | + <el-button type="primary" @click="expressAwbhAddVisible = false">取消</el-button> | ||
282 | + <el-button type="primary" @click="expressAwbhAddSubmit()">提交</el-button> | ||
283 | + </div> | ||
284 | + </el-dialog> | ||
59 | </section> | 285 | </section> |
60 | </template> | 286 | </template> |
61 | 287 | ||
62 | <script> | 288 | <script> |
63 | - import {getExpressList} from '../../api/express/express' | ||
64 | - import {getList} from "../../api/security/security"; | 289 | + import {getExpressList, awbaAdd, awbahAdd} from '../../api/express/express' |
290 | + import loginUserInfo from "../../api/base"; | ||
65 | export default { | 291 | export default { |
66 | name: "express", | 292 | name: "express", |
67 | data() { | 293 | data() { |
68 | return { | 294 | return { |
69 | - expressDate: [{ | ||
70 | - id: 1, | ||
71 | - date: '2016-05-02', | ||
72 | - name: '王小虎', | ||
73 | - address: '上海市普陀区金沙江路 1518 弄' | ||
74 | - }, { | ||
75 | - id: 2, | ||
76 | - date: '2016-05-04', | ||
77 | - name: '王小虎', | ||
78 | - address: '上海市普陀区金沙江路 1517 弄' | ||
79 | - }, { | ||
80 | - id: 3, | ||
81 | - date: '2016-05-01', | ||
82 | - name: '王小虎', | ||
83 | - address: '上海市普陀区金沙江路 1519 弄', | ||
84 | - hasChildren: true | 295 | + expressDate: [], |
296 | + options: [{ | ||
297 | + value: 'I', | ||
298 | + label: '进口申报' | ||
85 | }, { | 299 | }, { |
86 | - id: 4, | ||
87 | - date: '2016-05-03', | ||
88 | - name: '王小虎', | ||
89 | - address: '上海市普陀区金沙江路 1516 弄' | 300 | + value: 'E', |
301 | + label: '出口申报' | ||
90 | }], | 302 | }], |
91 | multipleSelection: [], | 303 | multipleSelection: [], |
92 | currentPage4: 1, | 304 | currentPage4: 1, |
@@ -95,14 +307,142 @@ | @@ -95,14 +307,142 @@ | ||
95 | flightNo: '', | 307 | flightNo: '', |
96 | flightDate: '', | 308 | flightDate: '', |
97 | }, | 309 | }, |
310 | + expressAwbaRules: { | ||
311 | + billno: [ | ||
312 | + { required: true, message: '请输入主单号', trigger: 'blur' }, | ||
313 | + ], | ||
314 | + flightNo: [ | ||
315 | + { required: true, message: '请输入航班号', trigger: 'blur' } | ||
316 | + ], | ||
317 | + flightDate: [ | ||
318 | + { type: 'string', required: true, message: '请选择航班日期', trigger: 'change' } | ||
319 | + ], | ||
320 | + ieflag: [ | ||
321 | + { required: true, message: '请选择进出口标识', trigger: 'blur' } | ||
322 | + ], | ||
323 | + trafcnname: [ | ||
324 | + { required: true, message: '请输入运输工具中文名称', trigger: 'blur' } | ||
325 | + ], | ||
326 | + trafenname: [ | ||
327 | + { required: true, message: '请输入运输工具英文名称', trigger: 'blur' } | ||
328 | + ], | ||
329 | + grosswt: [ | ||
330 | + { required: true, message: '请输入毛重', trigger: 'blur' } | ||
331 | + ], | ||
332 | + packno: [ | ||
333 | + { required: true, message: '请输入件数', trigger: 'blur' } | ||
334 | + ], | ||
335 | + billnum: [ | ||
336 | + { required: true, message: '请输入分单总数', trigger: 'blur' } | ||
337 | + ], | ||
338 | + trafmode: [ | ||
339 | + { required: true, message: '请输入运输方式代码', trigger: 'blur' } | ||
340 | + ], | ||
341 | + iedate: [ | ||
342 | + { type: 'string', required: true, message: '请选择进出口日期', trigger: 'change' } | ||
343 | + ], | ||
344 | + destinationport: [ | ||
345 | + { required: true, message: '请输入指运抵', trigger: 'blur' } | ||
346 | + ], | ||
347 | + ieport: [ | ||
348 | + { required: true, message: '请输入进出口代码', trigger: 'blur' } | ||
349 | + ], | ||
350 | + tradeco: [ | ||
351 | + { required: true, message: '请输入经营单位编号', trigger: 'blur' } | ||
352 | + ], | ||
353 | + tradename: [ | ||
354 | + { required: true, message: '请输入经营单位名称', trigger: 'blur' } | ||
355 | + ], | ||
356 | + inputno: [ | ||
357 | + { required: true, message: '请输入录入人卡号', trigger: 'blur' } | ||
358 | + ], | ||
359 | + inputopname: [ | ||
360 | + { required: true, message: '请输入录入人名称', trigger: 'blur' } | ||
361 | + ], | ||
362 | + inputcompanycode: [ | ||
363 | + { required: true, message: '请输入录入单位', trigger: 'blur' } | ||
364 | + ], | ||
365 | + inputcompanyname: [ | ||
366 | + { required: true, message: '请输入库如单位名称', trigger: 'blur' } | ||
367 | + ] | ||
368 | + }, | ||
369 | + expressAwbhRules: { | ||
370 | + flightNo: [ | ||
371 | + { required: true, message: '请输入航班号', trigger: 'blur' } | ||
372 | + ], | ||
373 | + flightDate: [ | ||
374 | + { type: 'string', required: true, message: '请选择航班日期', trigger: 'change' } | ||
375 | + ], | ||
376 | + assbillno: [ | ||
377 | + { required: true, message: '请输入分单号', trigger: 'blur' } | ||
378 | + ], | ||
379 | + maingname: [ | ||
380 | + { required: true, message: '请输入商品名称', trigger: 'blur' } | ||
381 | + ], | ||
382 | + packno: [ | ||
383 | + { required: true, message: '请输入件数', trigger: 'blur' } | ||
384 | + ], | ||
385 | + grosswt: [ | ||
386 | + { required: true, message: '请输入毛重', trigger: 'blur' } | ||
387 | + ], | ||
388 | + tradetotal: [ | ||
389 | + { required: true, message: '不能为空', trigger: 'blur' } | ||
390 | + ], | ||
391 | + tradecurr: [ | ||
392 | + { required: true, message: '不能为空', trigger: 'blur' } | ||
393 | + ], | ||
394 | + }, | ||
98 | pageNum: 0, | 395 | pageNum: 0, |
99 | pageSize: 0, | 396 | pageSize: 0, |
100 | total: 0, | 397 | total: 0, |
101 | listLoading: false, | 398 | listLoading: false, |
399 | + expressAwbaAddVisible: false, | ||
400 | + expressAwbhAddVisible: false, | ||
401 | + expressAddlWidth: '150px', | ||
402 | + expressAwbaAddModel: { | ||
403 | + billno: "", | ||
404 | + flightNo: "", | ||
405 | + flightDate: "", | ||
406 | + voyageno: "", | ||
407 | + ieflag: "", | ||
408 | + trafcnname: "", | ||
409 | + trafenname: "", | ||
410 | + grosswt: "", | ||
411 | + packno: "", | ||
412 | + billnum: "", | ||
413 | + trafmode: "", | ||
414 | + iedate: "", | ||
415 | + destinationport: "", | ||
416 | + ieport: "", | ||
417 | + tradeco: "", | ||
418 | + tradename: "", | ||
419 | + inputno: "", | ||
420 | + inputopname: "", | ||
421 | + inputcompanycode: "", | ||
422 | + inputcompanyname: "", | ||
423 | + userid: "", | ||
424 | + userName: "", | ||
425 | + }, | ||
426 | + expressAwbhAddModel: { | ||
427 | + billno: "", | ||
428 | + flightNo: "", | ||
429 | + flightDate: "", | ||
430 | + voyageno: "", | ||
431 | + assbillno:"", | ||
432 | + maingname:"", | ||
433 | + packno:"", | ||
434 | + grosswt:"", | ||
435 | + tradetotal:"", | ||
436 | + tradecurr:"", | ||
437 | + userid:"", | ||
438 | + userName:"", | ||
439 | + } | ||
102 | } | 440 | } |
103 | }, | 441 | }, |
104 | methods: { | 442 | methods: { |
105 | - | 443 | + /** |
444 | + * 获取列表集合 | ||
445 | + */ | ||
106 | getList(){ | 446 | getList(){ |
107 | let para = { | 447 | let para = { |
108 | pageNum: this.pageNum, | 448 | pageNum: this.pageNum, |
@@ -122,35 +462,127 @@ | @@ -122,35 +462,127 @@ | ||
122 | }); | 462 | }); |
123 | }, | 463 | }, |
124 | 464 | ||
125 | - // 分单懒加载 | 465 | + /** |
466 | + * 分单懒加载 | ||
467 | + */ | ||
126 | load(tree, treeNode, resolve) { | 468 | load(tree, treeNode, resolve) { |
127 | setTimeout(() => { | 469 | setTimeout(() => { |
128 | resolve([ | 470 | resolve([ |
129 | - { | ||
130 | - id: 31, | ||
131 | - date: '2016-05-01', | ||
132 | - name: '王小虎', | ||
133 | - address: '上海市普陀区金沙江路 1519 弄' | ||
134 | - }, { | ||
135 | - id: 32, | ||
136 | - date: '2016-05-01', | ||
137 | - name: '王小虎', | ||
138 | - address: '上海市普陀区金沙江路 1519 弄' | ||
139 | - } | ||
140 | ]) | 471 | ]) |
141 | }, 1000) | 472 | }, 1000) |
142 | }, | 473 | }, |
143 | - // 多选单选 | 474 | + /** |
475 | + * 多选单选 | ||
476 | + * @param val | ||
477 | + */ | ||
144 | handleSelectionChange(val) { | 478 | handleSelectionChange(val) { |
145 | this.multipleSelection = val; | 479 | this.multipleSelection = val; |
146 | }, | 480 | }, |
147 | - // 分页 | 481 | + /** |
482 | + * 分页 | ||
483 | + * @param val | ||
484 | + */ | ||
148 | handleSizeChange(val) { | 485 | handleSizeChange(val) { |
149 | - console.log(`每页 ${val} 条`); | 486 | + this.pageSize = val; |
487 | + this.getList(); | ||
150 | }, | 488 | }, |
151 | handleCurrentChange(val) { | 489 | handleCurrentChange(val) { |
152 | - console.log(`当前页: ${val}`); | 490 | + this.pageNum = val; |
491 | + }, | ||
492 | + /** | ||
493 | + * 新增主单页面 | ||
494 | + */ | ||
495 | + expressAdd(){ | ||
496 | + this.expressAwbaAddVisible = true | ||
497 | + if (this.$refs.expressAwbaAddModel != undefined){ | ||
498 | + this.$refs.expressAwbaAddModel.resetFields(); | ||
499 | + } | ||
500 | + }, | ||
501 | + /** | ||
502 | + * 新增提交 | ||
503 | + */ | ||
504 | + expressAwbaAddSubmit(){ | ||
505 | + | ||
506 | + this.$refs.expressAwbaAddModel.validate((valid) => { | ||
507 | + if (valid) { | ||
508 | + this.$confirm('确认提交吗?', '提示', {}).then(() => { | ||
509 | + //NProgress.start(); | ||
510 | + this.listLoading = true; | ||
511 | + this.expressAwbaAddModel.userName = loginUserInfo.username; | ||
512 | + this.expressAwbaAddModel.userid = loginUserInfo.userId; | ||
513 | + let para = Object.assign({}, this.expressAwbaAddModel); | ||
514 | + awbaAdd(para).then((res) => { | ||
515 | + if (res.data.code == 200){ | ||
516 | + this.$message({ | ||
517 | + message: '提交成功', | ||
518 | + type: 'success' | ||
519 | + }); | ||
520 | + this.$refs.expressAwbaAddModel.resetFields(); | ||
521 | + this.expressAwbaAddVisible = false; | ||
522 | + this.getList(); | ||
523 | + }else { | ||
524 | + this.$message({ | ||
525 | + message: '提交失败', | ||
526 | + type: 'error' | ||
527 | + }); | ||
528 | + } | ||
529 | + }).catch(error => alert(error)); | ||
530 | + }).catch(() =>{ | ||
531 | + | ||
532 | + }); | ||
153 | } | 533 | } |
534 | + }); | ||
535 | + }, | ||
536 | + /** | ||
537 | + * 新增分单页面 | ||
538 | + */ | ||
539 | + expressAwbhAdd(index, row){ | ||
540 | + this.expressAwbhAddModel.billno = row.billno; | ||
541 | + this.expressAwbhAddModel.flightNo = row.flightNo; | ||
542 | + this.expressAwbhAddModel.flightDate = row.flightDate; | ||
543 | + this.expressAwbhAddModel.voyageno = row.voyageno; | ||
544 | + this.expressAwbhAddVisible = true; | ||
545 | + if (this.$refs.expressAwbhAddModel != undefined){ | ||
546 | + this.$refs.expressAwbhAddModel.resetFields(); | ||
547 | + } | ||
548 | + }, | ||
549 | + /** | ||
550 | + * 新增分单提交 | ||
551 | + */ | ||
552 | + expressAwbhAddSubmit(){ | ||
553 | + this.$refs.expressAwbhAddModel.validate((valid) => { | ||
554 | + if (valid) { | ||
555 | + this.$confirm('确认提交吗?', '提示', {}).then(() => { | ||
556 | + //NProgress.start(); | ||
557 | + this.listLoading = true; | ||
558 | + this.expressAwbhAddModel.userName = loginUserInfo.username; | ||
559 | + this.expressAwbhAddModel.userid = loginUserInfo.userId; | ||
560 | + let para = Object.assign({}, this.expressAwbhAddModel); | ||
561 | + awbahAdd(para).then((res) => { | ||
562 | + if (res.data.code == 200){ | ||
563 | + this.$message({ | ||
564 | + message: '提交成功', | ||
565 | + type: 'success' | ||
566 | + }); | ||
567 | + this.$refs.expressAwbhAddModel.resetFields(); | ||
568 | + this.expressAwbhAddVisible = false; | ||
569 | + this.getList(); | ||
570 | + }else { | ||
571 | + this.$message({ | ||
572 | + message: '提交失败', | ||
573 | + type: 'error' | ||
574 | + }); | ||
575 | + } | ||
576 | + }).catch(error => alert(error)); | ||
577 | + }).catch(() =>{ | ||
578 | + | ||
579 | + }); | ||
580 | + } | ||
581 | + }); | ||
582 | + } | ||
583 | + }, | ||
584 | + mounted() { | ||
585 | + this.getList(); | ||
154 | } | 586 | } |
155 | } | 587 | } |
156 | </script> | 588 | </script> |
-
请 注册 或 登录 后发表评论