jinhui.wang

预审导入导出页面更新

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 });
......