朱兆平 / vue_cli · 提交

转到一个项目

作者 小范
提交 31a9d418df355841f298937613d30e718ef940d9 1 个父辈 47d0bdab

进港原始舱单界面功能完善

内嵌 并排对比
正在显示 1 个修改的文件 包含 53 行增加 和 17 行删除
... ... @@ -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">查&emsp;询</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'){
... ...