作者 小范

进港运单申报界面优化

@@ -8,17 +8,17 @@ @@ -8,17 +8,17 @@
8 <el-row style="display: block;background-color: white"> 8 <el-row style="display: block;background-color: white">
9 <el-row> 9 <el-row>
10 <el-col :span="6"> 10 <el-col :span="6">
11 - <el-input placeholder="" v-model="defaultQuery.awba" style="width: 200px"> 11 + <el-input placeholder="" v-model="defaultQuery.awba" style="width: 90%" clearable>
12 <template slot="prepend">主单号</template> 12 <template slot="prepend">主单号</template>
13 </el-input> 13 </el-input>
14 </el-col> 14 </el-col>
15 <el-col :span="6"> 15 <el-col :span="6">
16 - <el-input placeholder="" v-model="vcarrier" style="width: 200px"> 16 + <el-input placeholder="" v-model="vcarrier" style="width: 90%" clearable>
17 <template slot="prepend">承运人</template> 17 <template slot="prepend">承运人</template>
18 </el-input> 18 </el-input>
19 </el-col> 19 </el-col>
20 <el-col :span="6"> 20 <el-col :span="6">
21 - <el-input placeholder="" v-model="defaultQuery.flightno" style="width: 200px"> 21 + <el-input placeholder="" v-model="defaultQuery.flightno" style="width: 90%" clearable>
22 <template slot="prepend">航班号</template> 22 <template slot="prepend">航班号</template>
23 </el-input> 23 </el-input>
24 </el-col> 24 </el-col>
@@ -29,7 +29,7 @@ @@ -29,7 +29,7 @@
29 <el-date-picker 29 <el-date-picker
30 v-model="defaultQuery.flightdate" 30 v-model="defaultQuery.flightdate"
31 type="date" 31 type="date"
32 - value-format="yyyy-MM-dd" style="width: 120px" 32 + value-format="yyyy-MM-dd" style="width: 140px"
33 placeholder="航班日期"> 33 placeholder="航班日期">
34 </el-date-picker> 34 </el-date-picker>
35 </el-col> 35 </el-col>
@@ -39,7 +39,7 @@ @@ -39,7 +39,7 @@
39 <div class="ip"> 39 <div class="ip">
40 业务状态 40 业务状态
41 </div> 41 </div>
42 - <el-select v-model="defaultQuery.status" placeholder="选择状态" style="width: 115px"> 42 + <el-select v-model="defaultQuery.status" placeholder="选择状态" style="width: 125px">
43 <el-option 43 <el-option
44 v-for="item in options" 44 v-for="item in options"
45 :key="item.value" 45 :key="item.value"
@@ -52,7 +52,7 @@ @@ -52,7 +52,7 @@
52 <div class="ip"> 52 <div class="ip">
53 报文类型 53 报文类型
54 </div> 54 </div>
55 - <el-select v-model="defaultQuery.messageType" placeholder="报文类型" style="width: 115px"> 55 + <el-select v-model="defaultQuery.messageType" placeholder="报文类型" style="width: 125px">
56 <el-option 56 <el-option
57 v-for="item in options2" 57 v-for="item in options2"
58 :key="item.value" 58 :key="item.value"
@@ -63,7 +63,7 @@ @@ -63,7 +63,7 @@
63 </el-col> 63 </el-col>
64 <el-col :span="6"> 64 <el-col :span="6">
65 <el-col :span="8" style="margin-right: 0px"> 65 <el-col :span="8" style="margin-right: 0px">
66 - <el-button type="primary" v-on:click="QueryData">查询</el-button> 66 + <el-button type="primary" v-on:click="QueryData" icon="el-icon-search">查&nbsp;询</el-button>
67 </el-col> 67 </el-col>
68 <!--<el-col :span="16" style="margin-right: 0px"> 68 <!--<el-col :span="16" style="margin-right: 0px">
69 <el-button type="primary">批量修改状态</el-button> 69 <el-button type="primary">批量修改状态</el-button>
@@ -134,16 +134,16 @@ @@ -134,16 +134,16 @@
134 width="115" 134 width="115"
135 > 135 >
136 <template slot-scope="scope"> 136 <template slot-scope="scope">
137 - <span v-if="scope.row.stype=='MT1201'&&scope.row.awbh==''" style="background-color:#63cdda;width: 100%;height:100%;display:block"> 137 + <span v-if="scope.row.stype=='MT1201'&&scope.row.awbh==''" style="background-color:#63cdda;width: 100%;height:100%;display:block;color: black">
138 {{scope.row.awba}} 138 {{scope.row.awba}}
139 </span> 139 </span>
140 - <span v-else-if="scope.row.stype=='MT1201'&&scope.row.awbh!=''" style="background-color:#778beb;width: 100%;height:100%;display:block;"> 140 + <span v-else-if="scope.row.stype=='MT1201'&&scope.row.awbh!=''" style="background-color:#778beb;width: 100%;height:100%;display:block;color: black">
141 {{scope.row.awba}} 141 {{scope.row.awba}}
142 </span> 142 </span>
143 - <span v-else-if="scope.row.stype=='MT5201'&&scope.row.awbh==''" style="background-color:#f3a683;width: 100%;height:100%;display:block;"> 143 + <span v-else-if="scope.row.stype=='MT5201'&&scope.row.awbh==''" style="background-color:#f3a683;width: 100%;height:100%;display:block;color: black">
144 {{scope.row.awba}} 144 {{scope.row.awba}}
145 </span> 145 </span>
146 - <span v-else-if="scope.row.stype=='MT5201'&&scope.row.awbh!=''" style="background-color:#f7d794;width: 100%;height:100%;display:block;"> 146 + <span v-else-if="scope.row.stype=='MT5201'&&scope.row.awbh!=''" style="background-color:#f7d794;width: 100%;height:100%;display:block;color: black">
147 {{scope.row.awba}} 147 {{scope.row.awba}}
148 </span> 148 </span>
149 </template> 149 </template>