| ... | ... | @@ -32,21 +32,21 @@ | 
|  |  | <div class="grid-content"> | 
|  |  | <el-col :span="9" class="pub"> | 
|  |  | <div class="grid-content"> | 
|  |  | <el-input v-model="defaultQuery.awba" placeholder="请输入主单号" style="width: 250px"> | 
|  |  | <el-input v-model="defaultQuery.awba" placeholder="请输入主单号" style="width: 250px" clearable> | 
|  |  | <template slot="prepend">主单号</template> | 
|  |  | </el-input> | 
|  |  | </div> | 
|  |  | </el-col> | 
|  |  | <el-col :span="2" class="pub"> | 
|  |  | <el-col :span="3" class="pub"> | 
|  |  | <div class="grid-content"> | 
|  |  | <el-button type="primary" size="mini" v-on:click="getList">查询</el-button> | 
|  |  | <el-button type="primary" size="mini" v-on:click="getList" icon="el-icon-search">查 询</el-button> | 
|  |  | </div> | 
|  |  | </el-col> | 
|  |  | <el-col :span="4" class="pub"> | 
|  |  | <el-col :span="3" class="pub"> | 
|  |  | <div class="grid-content"> | 
|  |  | <el-dropdown @command="handleCommand"> | 
|  |  | <el-button  size="mini" type="success"> | 
|  |  | 导出文件<i class="el-icon-arrow-down el-icon--right"></i> | 
|  |  | 导出文件 | 
|  |  | </el-button> | 
|  |  | <el-dropdown-menu slot="dropdown"> | 
|  |  | <el-dropdown-item command="PDF">导出PDF</el-dropdown-item> | 
| ... | ... | @@ -55,6 +55,13 @@ | 
|  |  | </el-dropdown> | 
|  |  | </div> | 
|  |  | </el-col> | 
|  |  | <el-col :span="3"> | 
|  |  | <div class="grid-content"> | 
|  |  | <el-button type="warning"  @click="toggleRowExpansion"> | 
|  |  | 全部{{ isExpansion ? "折叠" : "展开" }} | 
|  |  | </el-button> | 
|  |  | </div> | 
|  |  | </el-col> | 
|  |  | </div> | 
|  |  | </el-col> | 
|  |  | </div> | 
| ... | ... | @@ -71,7 +78,7 @@ | 
|  |  | class="table" | 
|  |  | id="pdfDom" | 
|  |  | v-loading="tableloading" | 
|  |  | ref="multipleTable" | 
|  |  | ref="dataTreeList" | 
|  |  | :data="tableData" | 
|  |  | tooltip-effect="dark" | 
|  |  | style="border-radius: 10px 10px 0px 0px;line-height: 25px;min-height: 500px" | 
| ... | ... | @@ -87,11 +94,11 @@ | 
|  |  | </el-table-column> | 
|  |  | <el-table-column | 
|  |  | label="运单号" | 
|  |  | width="185" | 
|  |  | > | 
|  |  | width="185"> | 
|  |  | <template slot-scope="scope"> | 
|  |  | <span v-if="scope.row.awbh==''||scope.row.awbh==null"> | 
|  |  | {{scope.row.awba}} | 
|  |  | {{scope.row.awba}}<i style="margin-left: 2px" class="el-icon-menu" :style="{'color':scope.row.splitcodes=='P'?'rgb(255,77,81)' | 
|  |  | :scope.row.splitcodes=='M'?'rgb(255,77,81)':scope.row.splitcodes=='D'?'rgb(255,77,81)':'rgb(255,255,255)'}"></i> | 
|  |  | </span> | 
|  |  | <span v-else> | 
|  |  | {{scope.row.awbh}} | 
| ... | ... | @@ -101,26 +108,39 @@ | 
|  |  | <el-table-column | 
|  |  | prop="awbinfo.pcs" | 
|  |  | label="总件数" | 
|  |  | width="70" | 
|  |  | show-overflow-tooltip> | 
|  |  | width="70"> | 
|  |  |  | 
|  |  | </el-table-column> | 
|  |  | <el-table-column | 
|  |  | prop="awbinfo.weight" | 
|  |  | label="总重量" | 
|  |  | width="70" | 
|  |  | show-overflow-tooltip> | 
|  |  | width="70"> | 
|  |  | </el-table-column> | 
|  |  | <el-table-column | 
|  |  | prop="piece" | 
|  |  | label="舱单件数" | 
|  |  | width="80" | 
|  |  | show-overflow-tooltip> | 
|  |  | width="80"> | 
|  |  | <template slot-scope="scope"> | 
|  |  | <span v-if="scope.row.piece != scope.row.awbinfo.pcs" style="color: #ff4d51;font-weight: bold"> | 
|  |  | {{scope.row.piece}} | 
|  |  | </span> | 
|  |  | <span v-else> | 
|  |  | {{scope.row.piece}} | 
|  |  | </span> | 
|  |  | </template> | 
|  |  | </el-table-column> | 
|  |  | <el-table-column | 
|  |  | prop="weight" | 
|  |  | label="舱单重量" | 
|  |  | width="80" | 
|  |  | show-overflow-tooltip> | 
|  |  | width="100"> | 
|  |  | <template slot-scope="scope" style="text-align: center"> | 
|  |  | <span v-if="scope.row.weight != scope.row.awbinfo.weight" style="color: #ff4d51;font-weight: bold"> | 
|  |  | {{scope.row.weight}} | 
|  |  | </span> | 
|  |  | <span v-else> | 
|  |  | {{scope.row.weight}} | 
|  |  | </span> | 
|  |  | </template> | 
|  |  | </el-table-column> | 
|  |  | <el-table-column | 
|  |  | prop="goodsname" | 
| ... | ... | @@ -136,6 +156,9 @@ | 
|  |  | label="回执内容" | 
|  |  | width="260"> | 
|  |  | <template slot-scope="scope"> | 
|  |  | <!--                                    <span v-if="scope.row.ext5 && scope.row.ext5.indexOf('异常')" style="color: #F56C6C">--> | 
|  |  | <!--                                       {{scope.row.ext5}}--> | 
|  |  | <!--                                    </span>--> | 
|  |  | <span v-if="scope.row.status=='01' || scope.row.status=='11'" style="color: #67C23A"> | 
|  |  | {{scope.row.ext5}} | 
|  |  | </span> | 
| ... | ... | @@ -859,6 +882,7 @@ | 
|  |  | data() { | 
|  |  | /*初始数据*/ | 
|  |  | return { | 
|  |  | isExpansion:true, | 
|  |  | defaultQuery:{ | 
|  |  | flightno: undefined, | 
|  |  | flightdate: undefined, | 
| ... | ... | @@ -1029,6 +1053,18 @@ | 
|  |  | } | 
|  |  | }, | 
|  |  | methods: { | 
|  |  | toggleRowExpansion() { | 
|  |  | this.isExpansion = !this.isExpansion; | 
|  |  | this.toggleRowExpansionAll(this.tableData, this.isExpansion); | 
|  |  | }, | 
|  |  | toggleRowExpansionAll(data, isExpansion) { | 
|  |  | data.forEach((item) => { | 
|  |  | this.$refs.dataTreeList.toggleRowExpansion(item, isExpansion); | 
|  |  | if (item.children !== undefined && item.children !== null) { | 
|  |  | this.toggleRowExpansionAll(item.children, isExpansion); | 
|  |  | } | 
|  |  | }); | 
|  |  | }, | 
|  |  | //导出PDF,EXCEL文件 | 
|  |  | handleCommand(command) { | 
|  |  | if(command=='EXCEL'){ | 
... | ... |  |