Showing
2 changed files
with
36 additions
and
38 deletions
| 1 | <template> | 1 | <template> |
| 2 | <div class="app-container"> | 2 | <div class="app-container"> |
| 3 | - <el-form :model="queryParams" :inline="true" label-width="90px"> | 3 | + <el-form class="form-header" :model="queryParams" label-position="right" label-width="auto" size="medium"> |
| 4 | <el-row> | 4 | <el-row> |
| 5 | - <el-col :span="8"> | 5 | + <el-col :span="6"> |
| 6 | - <el-form-item label="航班号:"> | ||
| 7 | - <el-input | ||
| 8 | - type="textarea" | ||
| 9 | - v-model="fltNo" | ||
| 10 | - clearable | ||
| 11 | - size="small" | ||
| 12 | - class="formItem" | ||
| 13 | - placeholder="AC001;AC002" | ||
| 14 | - > | ||
| 15 | - </el-input> | ||
| 16 | - </el-form-item> | ||
| 17 | - </el-col> | ||
| 18 | - <el-col :span="8"> | ||
| 19 | <el-form-item label="航班日期从" prop="fltDateStart"> | 6 | <el-form-item label="航班日期从" prop="fltDateStart"> |
| 20 | <el-date-picker | 7 | <el-date-picker |
| 21 | value-format="yyyy-MM-dd" | 8 | value-format="yyyy-MM-dd" |
| 9 | + class="formItem" | ||
| 22 | v-model="queryParams.fltDateStart" | 10 | v-model="queryParams.fltDateStart" |
| 23 | type="date" | 11 | type="date" |
| 24 | placeholder="选择日期" | 12 | placeholder="选择日期" |
| ... | @@ -26,10 +14,11 @@ | ... | @@ -26,10 +14,11 @@ |
| 26 | </el-date-picker> | 14 | </el-date-picker> |
| 27 | </el-form-item> | 15 | </el-form-item> |
| 28 | </el-col> | 16 | </el-col> |
| 29 | - <el-col :span="8"> | 17 | + <el-col :span="6"> |
| 30 | <el-form-item label="到" prop="fltDateEnd"> | 18 | <el-form-item label="到" prop="fltDateEnd"> |
| 31 | <el-date-picker | 19 | <el-date-picker |
| 32 | value-format="yyyy-MM-dd" | 20 | value-format="yyyy-MM-dd" |
| 21 | + class="formItem" | ||
| 33 | v-model="queryParams.fltDateEnd" | 22 | v-model="queryParams.fltDateEnd" |
| 34 | type="date" | 23 | type="date" |
| 35 | placeholder="选择日期" | 24 | placeholder="选择日期" |
| ... | @@ -37,21 +26,32 @@ | ... | @@ -37,21 +26,32 @@ |
| 37 | </el-date-picker> | 26 | </el-date-picker> |
| 38 | </el-form-item> | 27 | </el-form-item> |
| 39 | </el-col> | 28 | </el-col> |
| 40 | - </el-row> | 29 | + <el-col :span="6"> |
| 41 | - <el-row> | 30 | + <el-form-item label="航班号"> |
| 42 | - <el-col :span="8"> | 31 | + <el-input |
| 43 | - <el-form-item label="运单号:"> | 32 | + type="textarea" |
| 33 | + v-model="fltNo" | ||
| 34 | + clearable | ||
| 35 | + class="formItem" | ||
| 36 | + placeholder="AC001;AC002" | ||
| 37 | + rows="1" | ||
| 38 | + > | ||
| 39 | + </el-input> | ||
| 40 | + </el-form-item> | ||
| 41 | + </el-col> | ||
| 42 | + <el-col :span="6"> | ||
| 43 | + <el-form-item label="运单号"> | ||
| 44 | <el-input | 44 | <el-input |
| 45 | - size="small" | ||
| 46 | clearable | 45 | clearable |
| 47 | type="textarea" | 46 | type="textarea" |
| 48 | v-model="queryParams.waybillNo" | 47 | v-model="queryParams.waybillNo" |
| 49 | class="formItem" | 48 | class="formItem" |
| 50 | - placeholder="xxxx;xxxx" | 49 | + placeholder="请输入运单号(回车间隔)" |
| 50 | + rows="1" | ||
| 51 | ></el-input> | 51 | ></el-input> |
| 52 | </el-form-item> | 52 | </el-form-item> |
| 53 | </el-col> | 53 | </el-col> |
| 54 | - <el-col :span="8"> | 54 | + <el-col :span="6"> |
| 55 | <el-form-item label="站点"> | 55 | <el-form-item label="站点"> |
| 56 | <el-input | 56 | <el-input |
| 57 | type="textarea" | 57 | type="textarea" |
| ... | @@ -59,26 +59,24 @@ | ... | @@ -59,26 +59,24 @@ |
| 59 | class="formItem" | 59 | class="formItem" |
| 60 | placeholder="PVG;PEK" | 60 | placeholder="PVG;PEK" |
| 61 | clearable | 61 | clearable |
| 62 | - size="small" | 62 | + rows="1" |
| 63 | > | 63 | > |
| 64 | </el-input> | 64 | </el-input> |
| 65 | </el-form-item> | 65 | </el-form-item> |
| 66 | </el-col> | 66 | </el-col> |
| 67 | - <el-col :span="8"> | 67 | + <el-col :span="6"> |
| 68 | - <el-form-item label="URSA:"> | 68 | + <el-form-item label="URSA"> |
| 69 | <el-input | 69 | <el-input |
| 70 | clearable | 70 | clearable |
| 71 | - size="small" | ||
| 72 | type="textarea" | 71 | type="textarea" |
| 73 | v-model="ursa" | 72 | v-model="ursa" |
| 74 | class="formItem" | 73 | class="formItem" |
| 75 | placeholder="S_;P_;E2" | 74 | placeholder="S_;P_;E2" |
| 75 | + rows="1" | ||
| 76 | > | 76 | > |
| 77 | </el-input> | 77 | </el-input> |
| 78 | </el-form-item> | 78 | </el-form-item> |
| 79 | </el-col> | 79 | </el-col> |
| 80 | - </el-row> | ||
| 81 | - <el-row> | ||
| 82 | <el-col :span="24"> | 80 | <el-col :span="24"> |
| 83 | <el-switch | 81 | <el-switch |
| 84 | v-model="queryParams.reExport" | 82 | v-model="queryParams.reExport" |
| ... | @@ -89,8 +87,7 @@ | ... | @@ -89,8 +87,7 @@ |
| 89 | </el-switch> | 87 | </el-switch> |
| 90 | </el-col> | 88 | </el-col> |
| 91 | </el-row> | 89 | </el-row> |
| 92 | - <br /> | 90 | + <div style="margin-top:25px"> |
| 93 | - <el-form-item style="margin-top: 33px"> | ||
| 94 | <el-button | 91 | <el-button |
| 95 | type="primary" | 92 | type="primary" |
| 96 | icon="el-icon-search" | 93 | icon="el-icon-search" |
| ... | @@ -109,7 +106,8 @@ | ... | @@ -109,7 +106,8 @@ |
| 109 | downLoadingTip.downloading ? downLoadingTip.tip : "导出" | 106 | downLoadingTip.downloading ? downLoadingTip.tip : "导出" |
| 110 | }}</el-button | 107 | }}</el-button |
| 111 | > | 108 | > |
| 112 | - </el-form-item> | 109 | + </div> |
| 110 | + | ||
| 113 | </el-form> | 111 | </el-form> |
| 114 | 112 | ||
| 115 | <el-table | 113 | <el-table |
| ... | @@ -302,8 +300,4 @@ export default { | ... | @@ -302,8 +300,4 @@ export default { |
| 302 | font-size: 14px; | 300 | font-size: 14px; |
| 303 | margin-right: 40px; | 301 | margin-right: 40px; |
| 304 | } | 302 | } |
| 305 | -.formItem { | ||
| 306 | - width: 100%; | ||
| 307 | - max-width: 300px; | ||
| 308 | -} | ||
| 309 | </style> | 303 | </style> | ... | ... |
| ... | @@ -15,7 +15,7 @@ | ... | @@ -15,7 +15,7 @@ |
| 15 | <div style="font-size: 12px; font-weight: 700"> | 15 | <div style="font-size: 12px; font-weight: 700"> |
| 16 | 提示:<span style="color: #0000ff">以下为所提交的数据或出错信息</span> | 16 | 提示:<span style="color: #0000ff">以下为所提交的数据或出错信息</span> |
| 17 | </div> | 17 | </div> |
| 18 | - <el-table ref="filterTable" :data="tableData" style="width: 100%; margin-top: 20px" size="small" border> | 18 | + <el-table ref="filterTable" :data="tableData" v-loading="loading" style="width: 100%; margin-top: 20px" size="small" border> |
| 19 | <el-table-column label="行号" prop="line" fixed width="50" align="center"> | 19 | <el-table-column label="行号" prop="line" fixed width="50" align="center"> |
| 20 | </el-table-column> | 20 | </el-table-column> |
| 21 | <el-table-column label="错误信息" prop="errorMessage" fixed width="300"> | 21 | <el-table-column label="错误信息" prop="errorMessage" fixed width="300"> |
| ... | @@ -46,6 +46,8 @@ | ... | @@ -46,6 +46,8 @@ |
| 46 | export default { | 46 | export default { |
| 47 | data() { | 47 | data() { |
| 48 | return { | 48 | return { |
| 49 | + // 遮罩层 | ||
| 50 | + loading: false, | ||
| 49 | flightType: [], | 51 | flightType: [], |
| 50 | form: { | 52 | form: { |
| 51 | type: "", | 53 | type: "", |
| ... | @@ -80,7 +82,9 @@ | ... | @@ -80,7 +82,9 @@ |
| 80 | //上传excel | 82 | //上传excel |
| 81 | const file = option.file; | 83 | const file = option.file; |
| 82 | console.log(option); | 84 | console.log(option); |
| 85 | + this.loading=true; | ||
| 83 | importcaPreReview(file, this.form.type).then((res) => { | 86 | importcaPreReview(file, this.form.type).then((res) => { |
| 87 | + this.loading=false; | ||
| 84 | if (res.code != 200) { | 88 | if (res.code != 200) { |
| 85 | if (res.code == 603) { | 89 | if (res.code == 603) { |
| 86 | this.$alert(res.msg, "提示", { | 90 | this.$alert(res.msg, "提示", { |
| ... | @@ -92,7 +96,7 @@ | ... | @@ -92,7 +96,7 @@ |
| 92 | this.tableData = res.data; | 96 | this.tableData = res.data; |
| 93 | } | 97 | } |
| 94 | } else { | 98 | } else { |
| 95 | - this.$message.success("导入成功"); | 99 | + this.$message.success(res.msg); |
| 96 | this.tableData = res.data; | 100 | this.tableData = res.data; |
| 97 | } | 101 | } |
| 98 | }); | 102 | }); | ... | ... |
-
Please register or login to post a comment