Showing
13 changed files
with
43 additions
and
28 deletions
| ... | @@ -49,7 +49,7 @@ | ... | @@ -49,7 +49,7 @@ |
| 49 | :max-height="attrs.maxHeight" | 49 | :max-height="attrs.maxHeight" |
| 50 | :empty-text="emptyText" | 50 | :empty-text="emptyText" |
| 51 | v-bind="attrs" | 51 | v-bind="attrs" |
| 52 | - v-loading="loadingTable" | 52 | + v-loading="tableLoading" |
| 53 | :data="tableData" | 53 | :data="tableData" |
| 54 | @selection-change="selectionChange" | 54 | @selection-change="selectionChange" |
| 55 | ref="tableRef" | 55 | ref="tableRef" |
| ... | @@ -118,7 +118,7 @@ export default { | ... | @@ -118,7 +118,7 @@ export default { |
| 118 | type: String, | 118 | type: String, |
| 119 | default: "暂无数据", | 119 | default: "暂无数据", |
| 120 | }, | 120 | }, |
| 121 | - loadingTable: { | 121 | + tableLoading: { |
| 122 | type: Boolean, | 122 | type: Boolean, |
| 123 | default: false, | 123 | default: false, |
| 124 | }, | 124 | }, | ... | ... |
| 1 | <template> | 1 | <template> |
| 2 | - <div ref="barEcharts" class="route-info-container"> | 2 | + <div ref="barEcharts" class="route-info-container" v-loading="pageLoading"> |
| 3 | <!-- 航线设置规则信息查询条件 --> | 3 | <!-- 航线设置规则信息查询条件 --> |
| 4 | <el-row style="padding: 0 50px"> | 4 | <el-row style="padding: 0 50px"> |
| 5 | <el-col> | 5 | <el-col> |
| ... | @@ -69,6 +69,7 @@ export default { | ... | @@ -69,6 +69,7 @@ export default { |
| 69 | mixins: [indexMixins], | 69 | mixins: [indexMixins], |
| 70 | data() { | 70 | data() { |
| 71 | return { | 71 | return { |
| 72 | + pageLoading: false, | ||
| 72 | loading: false, // 折叠面板 | 73 | loading: false, // 折叠面板 |
| 73 | dragOptions: { | 74 | dragOptions: { |
| 74 | // 航线优先级拖拽配置 | 75 | // 航线优先级拖拽配置 | ... | ... |
| ... | @@ -210,6 +210,7 @@ export default { | ... | @@ -210,6 +210,7 @@ export default { |
| 210 | // 【接口调用和数据去重整合】普通级别 | 210 | // 【接口调用和数据去重整合】普通级别 |
| 211 | noDateLevelRoute(parmas) { | 211 | noDateLevelRoute(parmas) { |
| 212 | return new Promise((resolve, reject) => { | 212 | return new Promise((resolve, reject) => { |
| 213 | + this.pageLoading = true; | ||
| 213 | findDestinationFltRuleByFlightNo(parmas) | 214 | findDestinationFltRuleByFlightNo(parmas) |
| 214 | .then((res) => { | 215 | .then((res) => { |
| 215 | const { code, data, msg } = res; | 216 | const { code, data, msg } = res; |
| ... | @@ -248,12 +249,15 @@ export default { | ... | @@ -248,12 +249,15 @@ export default { |
| 248 | mergeNoDateRouteInfo, | 249 | mergeNoDateRouteInfo, |
| 249 | }); | 250 | }); |
| 250 | }) | 251 | }) |
| 251 | - .catch(() => {}); | 252 | + .catch(() => { |
| 253 | + this.pageLoading = false; | ||
| 254 | + }); | ||
| 252 | }); | 255 | }); |
| 253 | }, | 256 | }, |
| 254 | // 【接口调用和数据去重整合】日期级别 | 257 | // 【接口调用和数据去重整合】日期级别 |
| 255 | dateLevelRoute(parmas) { | 258 | dateLevelRoute(parmas) { |
| 256 | return new Promise((resolve, reject) => { | 259 | return new Promise((resolve, reject) => { |
| 260 | + this.pageLoading = true; | ||
| 257 | findDestinationFltRuleByFlightNo(parmas) | 261 | findDestinationFltRuleByFlightNo(parmas) |
| 258 | .then((res) => { | 262 | .then((res) => { |
| 259 | const { code, data, msg } = res; | 263 | const { code, data, msg } = res; |
| ... | @@ -302,6 +306,7 @@ export default { | ... | @@ -302,6 +306,7 @@ export default { |
| 302 | }, | 306 | }, |
| 303 | // 根据航班号ID查看航班航线配置详情 | 307 | // 根据航班号ID查看航班航线配置详情 |
| 304 | getFindByFlightId(parmas) { | 308 | getFindByFlightId(parmas) { |
| 309 | + this.pageLoading = true; | ||
| 305 | findByFlightId(parmas) | 310 | findByFlightId(parmas) |
| 306 | .then((res) => { | 311 | .then((res) => { |
| 307 | const { code, data, msg } = res; | 312 | const { code, data, msg } = res; |
| ... | @@ -348,8 +353,11 @@ export default { | ... | @@ -348,8 +353,11 @@ export default { |
| 348 | ); | 353 | ); |
| 349 | }); | 354 | }); |
| 350 | this.routesInfo = mergeRouteInfo; // 航班航线配置信息列表 | 355 | this.routesInfo = mergeRouteInfo; // 航班航线配置信息列表 |
| 356 | + this.pageLoading = false; | ||
| 351 | }) | 357 | }) |
| 352 | - .catch(() => {}); | 358 | + .catch(() => { |
| 359 | + this.pageLoading = false; | ||
| 360 | + }); | ||
| 353 | }, | 361 | }, |
| 354 | // 拿到【接口调用和数据去重整合】的数据做数据页面显示处理:非日期级别 | 362 | // 拿到【接口调用和数据去重整合】的数据做数据页面显示处理:非日期级别 |
| 355 | noDateLevelData(noDateParmas) { | 363 | noDateLevelData(noDateParmas) { |
| ... | @@ -375,6 +383,7 @@ export default { | ... | @@ -375,6 +383,7 @@ export default { |
| 375 | ); | 383 | ); |
| 376 | }); | 384 | }); |
| 377 | this.routesInfo = mergeNoDateRouteInfo; // 航班航线配置信息列表 | 385 | this.routesInfo = mergeNoDateRouteInfo; // 航班航线配置信息列表 |
| 386 | + this.pageLoading = false; | ||
| 378 | } | 387 | } |
| 379 | ); | 388 | ); |
| 380 | }, | 389 | }, |
| ... | @@ -411,6 +420,7 @@ export default { | ... | @@ -411,6 +420,7 @@ export default { |
| 411 | if (this.$route.query.flightKindName == "Purple Tail") { | 420 | if (this.$route.query.flightKindName == "Purple Tail") { |
| 412 | this.showFlightKind(dateDataLists); | 421 | this.showFlightKind(dateDataLists); |
| 413 | } | 422 | } |
| 423 | + this.pageLoading = false; | ||
| 414 | } else { | 424 | } else { |
| 415 | // 当前航线有缺省的航线配置 | 425 | // 当前航线有缺省的航线配置 |
| 416 | // 航班航线有规则配置的 | 426 | // 航班航线有规则配置的 |
| ... | @@ -492,6 +502,7 @@ export default { | ... | @@ -492,6 +502,7 @@ export default { |
| 492 | ); | 502 | ); |
| 493 | }); | 503 | }); |
| 494 | this.routesInfo = result; | 504 | this.routesInfo = result; |
| 505 | + this.pageLoading = false; | ||
| 495 | } else { | 506 | } else { |
| 496 | // 日期级别和非日期级别都没有配置信息的时候, | 507 | // 日期级别和非日期级别都没有配置信息的时候, |
| 497 | // 从数据整合的里面取一个对应的航线数据作为回显暂无数据处理。 | 508 | // 从数据整合的里面取一个对应的航线数据作为回显暂无数据处理。 |
| ... | @@ -505,6 +516,7 @@ export default { | ... | @@ -505,6 +516,7 @@ export default { |
| 505 | ); | 516 | ); |
| 506 | }); | 517 | }); |
| 507 | this.routesInfo = noDateRouteInfo; | 518 | this.routesInfo = noDateRouteInfo; |
| 519 | + this.pageLoading = false; | ||
| 508 | } | 520 | } |
| 509 | } else { | 521 | } else { |
| 510 | // 日期级别和航班种类为Purple Tail的时候 | 522 | // 日期级别和航班种类为Purple Tail的时候 |
| ... | @@ -575,9 +587,11 @@ export default { | ... | @@ -575,9 +587,11 @@ export default { |
| 575 | ); | 587 | ); |
| 576 | }); | 588 | }); |
| 577 | this.routesInfo = result; | 589 | this.routesInfo = result; |
| 590 | + this.pageLoading = false; | ||
| 578 | } else { | 591 | } else { |
| 579 | this.queryForm = this.$route.query; // 获取跳转过来的参数 | 592 | this.queryForm = this.$route.query; // 获取跳转过来的参数 |
| 580 | this.routesInfo = dateList; | 593 | this.routesInfo = dateList; |
| 594 | + this.pageLoading = false; | ||
| 581 | } | 595 | } |
| 582 | } | 596 | } |
| 583 | }, | 597 | }, | ... | ... |
| ... | @@ -2,7 +2,7 @@ | ... | @@ -2,7 +2,7 @@ |
| 2 | <div class="form-header container"> | 2 | <div class="form-header container"> |
| 3 | <yl-table | 3 | <yl-table |
| 4 | :attrs="tableAttr" | 4 | :attrs="tableAttr" |
| 5 | - :loadingTable="tableAttr.loadingTable" | 5 | + :tableLoading="tableAttr.tableLoading" |
| 6 | :columns="columns" | 6 | :columns="columns" |
| 7 | :tableData="tableData" | 7 | :tableData="tableData" |
| 8 | :pageConfig="pageConfig" | 8 | :pageConfig="pageConfig" | ... | ... |
| 1 | export const tableAttr = { | 1 | export const tableAttr = { |
| 2 | border: true, | 2 | border: true, |
| 3 | - loadingTable: false, | 3 | + tableLoading: false, |
| 4 | isDragSort: false, // 拖拽tableData数据一定要加id字段 | 4 | isDragSort: false, // 拖拽tableData数据一定要加id字段 |
| 5 | maxHeight: 800, | 5 | maxHeight: 800, |
| 6 | btnCofig: { | 6 | btnCofig: { | ... | ... |
| ... | @@ -14,7 +14,7 @@ | ... | @@ -14,7 +14,7 @@ |
| 14 | <yl-table | 14 | <yl-table |
| 15 | ref="ylTable" | 15 | ref="ylTable" |
| 16 | :attrs="tableAttr" | 16 | :attrs="tableAttr" |
| 17 | - :loadingTable="tableAttr.loadingTable" | 17 | + :tableLoading="tableAttr.tableLoading" |
| 18 | :columns="columns" | 18 | :columns="columns" |
| 19 | :tableData="tableData" | 19 | :tableData="tableData" |
| 20 | :pageConfig="pageConfig" | 20 | :pageConfig="pageConfig" |
| ... | @@ -99,10 +99,10 @@ export default { | ... | @@ -99,10 +99,10 @@ export default { |
| 99 | limitSize: size, | 99 | limitSize: size, |
| 100 | ...this.queryForm, | 100 | ...this.queryForm, |
| 101 | }; | 101 | }; |
| 102 | - this.tableAttr.loadingTable = true; | 102 | + this.tableAttr.tableLoading = true; |
| 103 | findHsCodeList(params) | 103 | findHsCodeList(params) |
| 104 | .then((res) => { | 104 | .then((res) => { |
| 105 | - this.tableAttr.loadingTable = false; | 105 | + this.tableAttr.tableLoading = false; |
| 106 | const { code, data } = res; | 106 | const { code, data } = res; |
| 107 | if (code == 200) { | 107 | if (code == 200) { |
| 108 | this.tableData = data.list; | 108 | this.tableData = data.list; | ... | ... |
| 1 | <template> | 1 | <template> |
| 2 | - <div class="form-header" v-loading="loading"> | 2 | + <div class="form-header" v-loading="pageLoading"> |
| 3 | <el-row style="padding-bottom: 20px"> | 3 | <el-row style="padding-bottom: 20px"> |
| 4 | <el-col> | 4 | <el-col> |
| 5 | <el-divider content-position="left">ET86配舱航班顺位</el-divider> | 5 | <el-divider content-position="left">ET86配舱航班顺位</el-divider> |
| ... | @@ -26,7 +26,7 @@ | ... | @@ -26,7 +26,7 @@ |
| 26 | ref="ylTable" | 26 | ref="ylTable" |
| 27 | emptyText="请添加配舱航班" | 27 | emptyText="请添加配舱航班" |
| 28 | :attrs="tableAttr" | 28 | :attrs="tableAttr" |
| 29 | - :loadingTable="tableAttr.loadingTable" | 29 | + :tableLoading="tableAttr.tableLoading" |
| 30 | :tableData="tableData" | 30 | :tableData="tableData" |
| 31 | :pageConfig="{ | 31 | :pageConfig="{ |
| 32 | isPagination: false, | 32 | isPagination: false, |
| ... | @@ -445,7 +445,7 @@ export default { | ... | @@ -445,7 +445,7 @@ export default { |
| 445 | mixins: [indexMixins, inputBlurValidate], | 445 | mixins: [indexMixins, inputBlurValidate], |
| 446 | data() { | 446 | data() { |
| 447 | return { | 447 | return { |
| 448 | - loading: false, | 448 | + pageLoading: false, |
| 449 | queryForm: { | 449 | queryForm: { |
| 450 | // ET86配舱航班顺位维度 | 450 | // ET86配舱航班顺位维度 |
| 451 | // 表单参数 | 451 | // 表单参数 |
| ... | @@ -536,10 +536,10 @@ export default { | ... | @@ -536,10 +536,10 @@ export default { |
| 536 | }, | 536 | }, |
| 537 | // ET86详情 | 537 | // ET86详情 |
| 538 | queryFindEtesRuleById({ id, status, name }) { | 538 | queryFindEtesRuleById({ id, status, name }) { |
| 539 | - this.loading = true; | 539 | + this.pageLoading = true; |
| 540 | findEtesRuleById({ id: id, status: status }) | 540 | findEtesRuleById({ id: id, status: status }) |
| 541 | .then((res) => { | 541 | .then((res) => { |
| 542 | - this.loading = false; | 542 | + this.pageLoading = false; |
| 543 | const { code, data, msg } = res; | 543 | const { code, data, msg } = res; |
| 544 | if (code == 200) { | 544 | if (code == 200) { |
| 545 | data.list.flightRankDtoList.map((item) => { | 545 | data.list.flightRankDtoList.map((item) => { |
| ... | @@ -593,7 +593,7 @@ export default { | ... | @@ -593,7 +593,7 @@ export default { |
| 593 | } | 593 | } |
| 594 | }) | 594 | }) |
| 595 | .catch(() => { | 595 | .catch(() => { |
| 596 | - this.loading = false; | 596 | + this.pageLoading = false; |
| 597 | }); | 597 | }); |
| 598 | }, | 598 | }, |
| 599 | // ET86编辑 | 599 | // ET86编辑 |
| ... | @@ -627,11 +627,11 @@ export default { | ... | @@ -627,11 +627,11 @@ export default { |
| 627 | }, | 627 | }, |
| 628 | // 航线查询 | 628 | // 航线查询 |
| 629 | getQueryRouteByFltNo(item) { | 629 | getQueryRouteByFltNo(item) { |
| 630 | - this.tableAttr.loadingTable = true; | 630 | + this.tableAttr.tableLoading = true; |
| 631 | this.tableData[this.currentIndex].flightRoute; | 631 | this.tableData[this.currentIndex].flightRoute; |
| 632 | queryRouteByFltNo(item) | 632 | queryRouteByFltNo(item) |
| 633 | .then((res) => { | 633 | .then((res) => { |
| 634 | - this.tableAttr.loadingTable = false; | 634 | + this.tableAttr.tableLoading = false; |
| 635 | if (res.code == 200) { | 635 | if (res.code == 200) { |
| 636 | const list = res.data.list; | 636 | const list = res.data.list; |
| 637 | if (list.length) { | 637 | if (list.length) { | ... | ... |
| 1 | export const tableAttr = { | 1 | export const tableAttr = { |
| 2 | border: true, | 2 | border: true, |
| 3 | - loadingTable: false, | 3 | + tableLoading: false, |
| 4 | isDragSort: true, // 拖拽tableData数据一定要加id字段 | 4 | isDragSort: true, // 拖拽tableData数据一定要加id字段 |
| 5 | maxHeight: 300, | 5 | maxHeight: 300, |
| 6 | btnCofig: { | 6 | btnCofig: { | ... | ... |
| ... | @@ -15,7 +15,7 @@ | ... | @@ -15,7 +15,7 @@ |
| 15 | <yl-table | 15 | <yl-table |
| 16 | ref="ylTable" | 16 | ref="ylTable" |
| 17 | :attrs="tableAttr" | 17 | :attrs="tableAttr" |
| 18 | - :loadingTable="tableAttr.loadingTable" | 18 | + :tableLoading="tableAttr.tableLoading" |
| 19 | :columns="columns" | 19 | :columns="columns" |
| 20 | :tableData="tableData" | 20 | :tableData="tableData" |
| 21 | :pageConfig="pageConfig" | 21 | :pageConfig="pageConfig" |
| ... | @@ -110,10 +110,10 @@ export default { | ... | @@ -110,10 +110,10 @@ export default { |
| 110 | if (this.queryForm.status == "有效") { | 110 | if (this.queryForm.status == "有效") { |
| 111 | params.status = "1"; | 111 | params.status = "1"; |
| 112 | } | 112 | } |
| 113 | - this.tableAttr.loadingTable = true; | 113 | + this.tableAttr.tableLoading = true; |
| 114 | findAllEtesRules(params) | 114 | findAllEtesRules(params) |
| 115 | .then((res) => { | 115 | .then((res) => { |
| 116 | - this.tableAttr.loadingTable = false; | 116 | + this.tableAttr.tableLoading = false; |
| 117 | const { code, data } = res; | 117 | const { code, data } = res; |
| 118 | if (code == 200) { | 118 | if (code == 200) { |
| 119 | const valid = data.list.filter((item) => item.status == "1"); // 有效 | 119 | const valid = data.list.filter((item) => item.status == "1"); // 有效 | ... | ... |
| ... | @@ -4,7 +4,7 @@ const state = { | ... | @@ -4,7 +4,7 @@ const state = { |
| 4 | }; | 4 | }; |
| 5 | export const tableAttr = { | 5 | export const tableAttr = { |
| 6 | border: true, | 6 | border: true, |
| 7 | - loadingTable: false, | 7 | + tableLoading: false, |
| 8 | isDragSort: false, // 拖拽tableData数据一定要加id字段 | 8 | isDragSort: false, // 拖拽tableData数据一定要加id字段 |
| 9 | maxHeight: 0, | 9 | maxHeight: 0, |
| 10 | // defaultSort: { prop: "updateTime", order: "descending" }, | 10 | // defaultSort: { prop: "updateTime", order: "descending" }, | ... | ... |
| ... | @@ -14,7 +14,7 @@ | ... | @@ -14,7 +14,7 @@ |
| 14 | <yl-table | 14 | <yl-table |
| 15 | ref="ylTable" | 15 | ref="ylTable" |
| 16 | :attrs="tableAttr" | 16 | :attrs="tableAttr" |
| 17 | - :loadingTable="tableAttr.loadingTable" | 17 | + :tableLoading="tableAttr.tableLoading" |
| 18 | :columns="columns" | 18 | :columns="columns" |
| 19 | :tableData="tableData" | 19 | :tableData="tableData" |
| 20 | :pageConfig="pageConfig" | 20 | :pageConfig="pageConfig" |
| ... | @@ -101,10 +101,10 @@ export default { | ... | @@ -101,10 +101,10 @@ export default { |
| 101 | limitSize: size, | 101 | limitSize: size, |
| 102 | ...this.queryForm, | 102 | ...this.queryForm, |
| 103 | }; | 103 | }; |
| 104 | - this.tableAttr.loadingTable = true; | 104 | + this.tableAttr.tableLoading = true; |
| 105 | findShipmentDescList(params) | 105 | findShipmentDescList(params) |
| 106 | .then((res) => { | 106 | .then((res) => { |
| 107 | - this.tableAttr.loadingTable = false; | 107 | + this.tableAttr.tableLoading = false; |
| 108 | const { code, data } = res; | 108 | const { code, data } = res; |
| 109 | if (code == 200) { | 109 | if (code == 200) { |
| 110 | this.tableData = data.list; | 110 | this.tableData = data.list; | ... | ... |
| 1 | export const tableAttr = { | 1 | export const tableAttr = { |
| 2 | border: true, | 2 | border: true, |
| 3 | - loadingTable: false, | 3 | + tableLoading: false, |
| 4 | isDragSort: false, // 拖拽tableData数据一定要加id字段 | 4 | isDragSort: false, // 拖拽tableData数据一定要加id字段 |
| 5 | maxHeight: 300, | 5 | maxHeight: 300, |
| 6 | btnCofig: { | 6 | btnCofig: { | ... | ... |
-
Please register or login to post a comment