|
@@ -93,6 +93,8 @@
|
|
border
|
|
border
|
|
style="width: 100%; margin-top: 20px"
|
|
style="width: 100%; margin-top: 20px"
|
|
max-height="500px"
|
|
max-height="500px"
|
|
|
|
+ @row-click="rowClick"
|
|
|
|
+ :row-class-name="tableRowClassName"
|
|
:row-style="{ height: '30px' }"
|
|
:row-style="{ height: '30px' }"
|
|
:cell-style="{ fontWeight: '700' }"
|
|
:cell-style="{ fontWeight: '700' }"
|
|
:summary-method="getSummaries"
|
|
:summary-method="getSummaries"
|
|
@@ -102,10 +104,18 @@
|
|
>
|
|
>
|
|
<el-table-column width="50" label="序号" align="center" type="index">
|
|
<el-table-column width="50" label="序号" align="center" type="index">
|
|
</el-table-column>
|
|
</el-table-column>
|
|
|
|
+ <el-table-column
|
|
|
|
+ prop="orderTime"
|
|
|
|
+ label="订单日期"
|
|
|
|
+ width="80px"
|
|
|
|
+ align="center"
|
|
|
|
+ column-key="orderTime"
|
|
|
|
+ >
|
|
|
|
+ </el-table-column>
|
|
<el-table-column
|
|
<el-table-column
|
|
prop="sendStation"
|
|
prop="sendStation"
|
|
label="发站"
|
|
label="发站"
|
|
- width="120px"
|
|
|
|
|
|
+ width="80px"
|
|
align="center"
|
|
align="center"
|
|
column-key="sendStation"
|
|
column-key="sendStation"
|
|
:filters="[
|
|
:filters="[
|
|
@@ -120,6 +130,8 @@
|
|
label="收货单位"
|
|
label="收货单位"
|
|
width="200px"
|
|
width="200px"
|
|
align="center"
|
|
align="center"
|
|
|
|
+ :filters="filterConsigneeList"
|
|
|
|
+ :filter-method="filterConsignee"
|
|
>
|
|
>
|
|
</el-table-column>
|
|
</el-table-column>
|
|
<el-table-column
|
|
<el-table-column
|
|
@@ -127,6 +139,8 @@
|
|
label="卸货地点"
|
|
label="卸货地点"
|
|
width="200px"
|
|
width="200px"
|
|
align="center"
|
|
align="center"
|
|
|
|
+ :filters="filterUnloadPlaceList"
|
|
|
|
+ :filter-method="filterUnloadPlace"
|
|
>
|
|
>
|
|
<template slot-scope="scope">
|
|
<template slot-scope="scope">
|
|
<el-autocomplete
|
|
<el-autocomplete
|
|
@@ -157,7 +171,9 @@
|
|
prop="arrivalStation"
|
|
prop="arrivalStation"
|
|
label="到站"
|
|
label="到站"
|
|
align="center"
|
|
align="center"
|
|
- width="150px"
|
|
|
|
|
|
+ width="120px"
|
|
|
|
+ :filters="filterToStationList"
|
|
|
|
+ :filter-method="filterToStation"
|
|
>
|
|
>
|
|
</el-table-column>
|
|
</el-table-column>
|
|
|
|
|
|
@@ -165,7 +181,9 @@
|
|
prop="capacityNum"
|
|
prop="capacityNum"
|
|
label="车牌号"
|
|
label="车牌号"
|
|
align="center"
|
|
align="center"
|
|
- width="150px"
|
|
|
|
|
|
+ width="100px"
|
|
|
|
+ :filters="filterCapacityList"
|
|
|
|
+ :filter-method="filterCapacity"
|
|
>
|
|
>
|
|
</el-table-column>
|
|
</el-table-column>
|
|
<el-table-column
|
|
<el-table-column
|
|
@@ -173,41 +191,45 @@
|
|
label="物资名称"
|
|
label="物资名称"
|
|
align="center"
|
|
align="center"
|
|
width="150px"
|
|
width="150px"
|
|
|
|
+ :filters="filtermaterialNameList"
|
|
|
|
+ :filter-method="filterMaterialName"
|
|
>
|
|
>
|
|
</el-table-column>
|
|
</el-table-column>
|
|
<el-table-column
|
|
<el-table-column
|
|
prop="materialSpa"
|
|
prop="materialSpa"
|
|
label="规格"
|
|
label="规格"
|
|
align="center"
|
|
align="center"
|
|
- width="150px"
|
|
|
|
|
|
+ width="120px"
|
|
|
|
+ :filters="filtermaterialSpaList"
|
|
|
|
+ :filter-method="filterMaterialSpa"
|
|
>
|
|
>
|
|
</el-table-column>
|
|
</el-table-column>
|
|
<el-table-column
|
|
<el-table-column
|
|
prop="materialNum"
|
|
prop="materialNum"
|
|
label="件数"
|
|
label="件数"
|
|
align="center"
|
|
align="center"
|
|
- width="150px"
|
|
|
|
|
|
+ width="60px"
|
|
>
|
|
>
|
|
</el-table-column>
|
|
</el-table-column>
|
|
<el-table-column
|
|
<el-table-column
|
|
prop="materialWeight"
|
|
prop="materialWeight"
|
|
label="重量"
|
|
label="重量"
|
|
align="center"
|
|
align="center"
|
|
- width="150px"
|
|
|
|
|
|
+ width="60px"
|
|
>
|
|
>
|
|
</el-table-column>
|
|
</el-table-column>
|
|
<el-table-column
|
|
<el-table-column
|
|
prop="theoryWeight"
|
|
prop="theoryWeight"
|
|
label="理重"
|
|
label="理重"
|
|
align="center"
|
|
align="center"
|
|
- width="150px"
|
|
|
|
|
|
+ width="60px"
|
|
>
|
|
>
|
|
</el-table-column>
|
|
</el-table-column>
|
|
<el-table-column
|
|
<el-table-column
|
|
prop="stackName"
|
|
prop="stackName"
|
|
label="货位"
|
|
label="货位"
|
|
align="center"
|
|
align="center"
|
|
- width="180px"
|
|
|
|
|
|
+ width="120px"
|
|
>
|
|
>
|
|
<template slot-scope="scope">
|
|
<template slot-scope="scope">
|
|
<el-input v-model.number="scope.row.stackName" placeholder="货位">
|
|
<el-input v-model.number="scope.row.stackName" placeholder="货位">
|
|
@@ -225,14 +247,14 @@
|
|
prop="orderNum"
|
|
prop="orderNum"
|
|
label="运输订单号"
|
|
label="运输订单号"
|
|
align="center"
|
|
align="center"
|
|
- width="150px"
|
|
|
|
|
|
+ width="180px"
|
|
>
|
|
>
|
|
</el-table-column>
|
|
</el-table-column>
|
|
<el-table-column
|
|
<el-table-column
|
|
prop="wgmDelete"
|
|
prop="wgmDelete"
|
|
label="入库状态"
|
|
label="入库状态"
|
|
align="center"
|
|
align="center"
|
|
- width="150px"
|
|
|
|
|
|
+ width="100px"
|
|
column-key="wgmDelete"
|
|
column-key="wgmDelete"
|
|
:filters="[
|
|
:filters="[
|
|
{ text: '入库', value: '入库' },
|
|
{ text: '入库', value: '入库' },
|
|
@@ -242,11 +264,20 @@
|
|
:filter-method="filterDeleted"
|
|
:filter-method="filterDeleted"
|
|
>
|
|
>
|
|
</el-table-column>
|
|
</el-table-column>
|
|
|
|
+ <el-table-column
|
|
|
|
+ prop="outGateTime"
|
|
|
|
+ label="出厂日期"
|
|
|
|
+ align="center"
|
|
|
|
+ width="150px"
|
|
|
|
+ >
|
|
|
|
+ </el-table-column>
|
|
<el-table-column
|
|
<el-table-column
|
|
prop="EnStation"
|
|
prop="EnStation"
|
|
label="进站日期"
|
|
label="进站日期"
|
|
align="center"
|
|
align="center"
|
|
width="150px"
|
|
width="150px"
|
|
|
|
+ :filters="filterEnStationList"
|
|
|
|
+ :filter-method="filterEnStation"
|
|
>
|
|
>
|
|
<template slot-scope="scope">
|
|
<template slot-scope="scope">
|
|
<el-date-picker
|
|
<el-date-picker
|
|
@@ -288,6 +319,8 @@
|
|
label="发出日期"
|
|
label="发出日期"
|
|
align="center"
|
|
align="center"
|
|
width="150px"
|
|
width="150px"
|
|
|
|
+ :filters="filterOutStationList"
|
|
|
|
+ :filter-method="filterOutStation"
|
|
>
|
|
>
|
|
<template slot-scope="scope">
|
|
<template slot-scope="scope">
|
|
<el-date-picker
|
|
<el-date-picker
|
|
@@ -462,7 +495,17 @@ export default {
|
|
unloadPointList: [],
|
|
unloadPointList: [],
|
|
spanArr: [],
|
|
spanArr: [],
|
|
mergeList: ['wagonNo', 'wagonBillWeight', 'OutStation'],
|
|
mergeList: ['wagonNo', 'wagonBillWeight', 'OutStation'],
|
|
- filterMap: {}
|
|
|
|
|
|
+ filterMap: {},
|
|
|
|
+ filterConsigneeList: [],
|
|
|
|
+ filterEnStationList: [],
|
|
|
|
+ filterOutStationList: [],
|
|
|
|
+ filtermaterialSpaList: [],
|
|
|
|
+ filtermaterialNameList: [],
|
|
|
|
+ filterCapacityList: [],
|
|
|
|
+ filterToStationList: [],
|
|
|
|
+ filterUnloadPlaceList: [],
|
|
|
|
+ tableRowIndex: '',
|
|
|
|
+ isRowClick: 0
|
|
}
|
|
}
|
|
},
|
|
},
|
|
created() {
|
|
created() {
|
|
@@ -471,7 +514,36 @@ export default {
|
|
mounted() {
|
|
mounted() {
|
|
this.showSummariesPosition()
|
|
this.showSummariesPosition()
|
|
},
|
|
},
|
|
|
|
+ watch: {
|
|
|
|
+ tableData: {
|
|
|
|
+ handler() {
|
|
|
|
+ this.tableRowIndex = ''
|
|
|
|
+ if (this.tableData.length > 0) {
|
|
|
|
+ this.filterEnStationList = this.tableData[0].filterEnStationList
|
|
|
|
+ this.filterOutStationList = this.tableData[0].filterOutStationList
|
|
|
|
+ this.filtermaterialSpaList = this.tableData[0].filtermaterialSpaList
|
|
|
|
+ this.filtermaterialNameList = this.tableData[0].filtermaterialNameList
|
|
|
|
+ this.filterCapacityList = this.tableData[0].filterCapacityList
|
|
|
|
+ this.filterToStationList = this.tableData[0].filterToStationList
|
|
|
|
+ this.filterUnloadPlaceList = this.tableData[0].filterUnloadPlaceList
|
|
|
|
+ this.filterConsigneeList = this.tableData[0].filterConsigneeList
|
|
|
|
+ }
|
|
|
|
+ },
|
|
|
|
+ deep: true,
|
|
|
|
+ immediate: true
|
|
|
|
+ }
|
|
|
|
+ },
|
|
methods: {
|
|
methods: {
|
|
|
|
+ rowClick(row, column, event) {
|
|
|
|
+ console.log(row, 'row')
|
|
|
|
+ this.tableRowIndex = row.group
|
|
|
|
+ this.isRowClick = 1
|
|
|
|
+ },
|
|
|
|
+ tableRowClassName({ row, rowIndex }) {
|
|
|
|
+ if (row.group == this.tableRowIndex && this.tableRowIndex !== '') {
|
|
|
|
+ return 'warning-row'
|
|
|
|
+ }
|
|
|
|
+ },
|
|
batchOperate() {
|
|
batchOperate() {
|
|
this.$refs.tableRef.data.forEach((e, index) => {
|
|
this.$refs.tableRef.data.forEach((e, index) => {
|
|
this.$refs.tableRef.data.forEach((item, index) => {
|
|
this.$refs.tableRef.data.forEach((item, index) => {
|
|
@@ -688,6 +760,39 @@ export default {
|
|
filterSend(value, row, column) {
|
|
filterSend(value, row, column) {
|
|
return row.sendStation === value
|
|
return row.sendStation === value
|
|
},
|
|
},
|
|
|
|
+ //筛选收货单位
|
|
|
|
+ filterConsignee(value, row, column) {
|
|
|
|
+ return row.consigneeName === value
|
|
|
|
+ },
|
|
|
|
+ //筛选卸货地点
|
|
|
|
+ filterUnloadPlace(value, row, column) {
|
|
|
|
+ return row.unloadPoint === value
|
|
|
|
+ },
|
|
|
|
+ //筛选到站
|
|
|
|
+ filterToStation(value, row, column) {
|
|
|
|
+ return row.arrivalStation === value
|
|
|
|
+ },
|
|
|
|
+ //筛选车牌号
|
|
|
|
+ filterCapacity(value, row, column) {
|
|
|
|
+ return row.capacityNum === value
|
|
|
|
+ },
|
|
|
|
+ //筛选物资
|
|
|
|
+ filterMaterialName(value, row, column) {
|
|
|
|
+ return row.materialName === value
|
|
|
|
+ },
|
|
|
|
+ //筛选规格
|
|
|
|
+ filterMaterialSpa(value, row, column) {
|
|
|
|
+ return row.materialSpa === value
|
|
|
|
+ },
|
|
|
|
+ //筛选进站日期
|
|
|
|
+ filterEnStation(value, row, column) {
|
|
|
|
+ return row.EnStation === value
|
|
|
|
+ },
|
|
|
|
+ //筛选发出日期
|
|
|
|
+ filterOutStation(value, row, column) {
|
|
|
|
+ return row.OutStation === value
|
|
|
|
+ },
|
|
|
|
+
|
|
//筛选类型
|
|
//筛选类型
|
|
filterType(value, row, column) {
|
|
filterType(value, row, column) {
|
|
return row.orderType.indexOf(value) != -1
|
|
return row.orderType.indexOf(value) != -1
|
|
@@ -824,7 +929,7 @@ export default {
|
|
}
|
|
}
|
|
/deep/ .el-table__body {
|
|
/deep/ .el-table__body {
|
|
tr:hover > td {
|
|
tr:hover > td {
|
|
- background-color: #8089f8;
|
|
|
|
|
|
+ background-color: #fff;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|