|
|
@@ -9,6 +9,59 @@
|
|
|
<TableHeaderCell :label="childCol.columnLabel" :filter-options="tableDataFilters[childCol.columnName]" :filter-values.sync="filterValues[childCol.columnName]" :sortable="childCol.needSort" :sort-rule.sync="tableDataSortRules[childCol.columnName]" />
|
|
|
</el-tooltip>
|
|
|
</template>
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <template v-if="childCol.columnName == 'check_in_LT'">
|
|
|
+ <div v-if="scope.row.check_in_L>0" class="is-click-btn" @click="cellClick2(scope.row,'check_in_L')"><span class="cell">{{ scope.row.check_in_L}}L</span></div>
|
|
|
+ <div v-else>0L</div>
|
|
|
+ <div v-if="scope.row.check_in_T>0" class="is-click-btn" @click="cellClick2(scope.row,'check_in_T')"><span class="cell">{{ scope.row.check_in_T}}T</span></div>
|
|
|
+ <div v-else>0T</div>
|
|
|
+ </template>
|
|
|
+ <template v-else-if="childCol.columnName == 'security_LT'">
|
|
|
+ <div v-if="scope.row.security_L>0" class="is-click-btn" @click="cellClick2(scope.row,'security_L')"><span class="cell">{{ scope.row.security_L}}L</span></div>
|
|
|
+ <div v-else>0L</div>
|
|
|
+ <div v-if="scope.row.security_T>0" class="is-click-btn" @click="cellClick2(scope.row,'security_T')"><span class="cell">{{ scope.row.security_T}}T</span></div>
|
|
|
+ <div v-else>0T</div>
|
|
|
+ </template>
|
|
|
+ <template v-else-if="childCol.columnName == 'sort_LT'">
|
|
|
+ <div v-if="scope.row.sort_L>0" class="is-click-btn" @click="cellClick2(scope.row,'sort_L')"><span class="cell">{{ scope.row.sort_L}}L</span></div>
|
|
|
+ <div v-else>0L</div>
|
|
|
+ <div v-if="scope.row.sort_T>0" class="is-click-btn" @click="cellClick2(scope.row,'sort_T')"><span class="cell">{{ scope.row.sort_T}}T</span></div>
|
|
|
+ <div v-else>0T</div>
|
|
|
+ </template>
|
|
|
+ <template v-else-if="childCol.columnName == 'load_LT'">
|
|
|
+ <div v-if="scope.row.load_L>0" class="is-click-btn" @click="cellClick2(scope.row,'load_L')"><span class="cell">{{ scope.row.load_L}}L</span></div>
|
|
|
+ <div v-else>0L</div>
|
|
|
+ <div v-if="scope.row.load_T>0" class="is-click-btn" @click="cellClick2(scope.row,'load_T')"><span class="cell">{{ scope.row.load_T}}T</span></div>
|
|
|
+ <div v-else>0T</div>
|
|
|
+ </template>
|
|
|
+ <template v-else-if="childCol.columnName == 'onaiecraft_LT'">
|
|
|
+ <div v-if="scope.row.onaiecraft_L>0" class="is-click-btn" @click="cellClick2(scope.row,'onaiecraft_L')"><span class="cell">{{ scope.row.onaiecraft_L}}L</span></div>
|
|
|
+ <div v-else>0L</div>
|
|
|
+ <div v-if="scope.row.onaiecraft_T>0" class="is-click-btn" @click="cellClick2(scope.row,'onaiecraft_T')"><span class="cell">{{ scope.row.onaiecraft_T}}T</span></div>
|
|
|
+ <div v-else>0T</div>
|
|
|
+ </template>
|
|
|
+ <template v-else-if="childCol.columnName == 'unload_XT'">
|
|
|
+ <div v-if="scope.row.unload_X>0" class="is-click-btn" @click="cellClick2(scope.row,'unload_X')"><span class="cell">{{ scope.row.unload_X}}X</span></div>
|
|
|
+ <div v-else>0L</div>
|
|
|
+ <div v-if="scope.row.unload_T>0" class="is-click-btn" @click="cellClick2(scope.row,'unload_T')"><span class="cell">{{ scope.row.unload_T}}T</span></div>
|
|
|
+ <div v-else>0T</div>
|
|
|
+ </template>
|
|
|
+ <template v-else-if="childCol.columnName == 'arrive_XT'">
|
|
|
+ <div v-if="scope.row.arrive_X>0" class="is-click-btn" @click="cellClick2(scope.row,'arrive_X')"><span class="cell">{{ scope.row.arrive_X}}X</span></div>
|
|
|
+ <div v-else>0L</div>
|
|
|
+ <div v-if="scope.row.arrive_T>0" class="is-click-btn" @click="cellClick2(scope.row,'arrive_T')"><span class="cell">{{ scope.row.arrive_T}}T</span></div>
|
|
|
+ <div v-else>0T</div>
|
|
|
+ </template>
|
|
|
+ <template v-else-if="childCol.columnName == 'B_security_check_number_LT'">
|
|
|
+ <div v-if="scope.row.B_security_check_number_L>0" class="is-click-btn" @click="cellClick2(scope.row,'B_security_check_number_L')"><span class="cell">{{ scope.row.B_security_check_number_L}}L</span></div>
|
|
|
+ <div v-else>0L</div>
|
|
|
+ <div v-if="scope.row.B_security_check_number_T>0" class="is-click-btn" @click="cellClick2(scope.row,'B_security_check_number_T')"><span class="cell">{{ scope.row.B_security_check_number_T}}T</span></div>
|
|
|
+ <div v-else>0T</div>
|
|
|
+ </template>
|
|
|
+ <template v-else>
|
|
|
+ {{ scope.row[childCol.columnName]}}
|
|
|
+ </template>
|
|
|
+ </template>
|
|
|
</el-table-column>
|
|
|
</el-table-column>
|
|
|
</el-table>
|
|
|
@@ -21,6 +74,64 @@
|
|
|
<TableHeaderCell :label="item.columnLabel" :filter-options="tableDataFilters[item.columnName]" :filter-values.sync="filterValues[item.columnName]" :sortable="item.needSort" :sort-rule.sync="tableDataSortRules[item.columnName]" />
|
|
|
</el-tooltip>
|
|
|
</template>
|
|
|
+ <!-- <template slot-scope="scope" v-if="item.columnName == 'check_in_LT'">
|
|
|
+ <p>{{ scope.row.check_in_L}}L</p>
|
|
|
+ <p>{{ scope.row.check_in_T}}T</p>
|
|
|
+ </template> -->
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <template v-if="item.columnName == 'check_in_LT'">
|
|
|
+ <div v-if="scope.row.check_in_L>0" class="is-click-btn" @click="cellClick2(scope.row,'check_in_L')"><span class="cell">{{ scope.row.check_in_L}}L</span></div>
|
|
|
+ <div v-else>0L</div>
|
|
|
+ <div v-if="scope.row.check_in_T>0" class="is-click-btn" @click="cellClick2(scope.row,'check_in_T')"><span class="cell">{{ scope.row.check_in_T}}T</span></div>
|
|
|
+ <div v-else>0T</div>
|
|
|
+ </template>
|
|
|
+ <template v-else-if="item.columnName == 'security_LT'">
|
|
|
+ <div v-if="scope.row.security_L>0" class="is-click-btn" @click="cellClick2(scope.row,'security_L')"><span class="cell">{{ scope.row.security_L}}L</span></div>
|
|
|
+ <div v-else>0L</div>
|
|
|
+ <div v-if="scope.row.security_T>0" class="is-click-btn" @click="cellClick2(scope.row,'security_T')"><span class="cell">{{ scope.row.security_T}}T</span></div>
|
|
|
+ <div v-else>0T</div>
|
|
|
+ </template>
|
|
|
+ <template v-else-if="item.columnName == 'sort_LT'">
|
|
|
+ <div v-if="scope.row.sort_L>0" class="is-click-btn" @click="cellClick2(scope.row,'sort_L')"><span class="cell">{{ scope.row.sort_L}}L</span></div>
|
|
|
+ <div v-else>0L</div>
|
|
|
+ <div v-if="scope.row.sort_T>0" class="is-click-btn" @click="cellClick2(scope.row,'sort_T')"><span class="cell">{{ scope.row.sort_T}}T</span></div>
|
|
|
+ <div v-else>0T</div>
|
|
|
+ </template>
|
|
|
+ <template v-else-if="item.columnName == 'load_LT'">
|
|
|
+ <div v-if="scope.row.load_L>0" class="is-click-btn" @click="cellClick2(scope.row,'load_L')"><span class="cell">{{ scope.row.load_L}}L</span></div>
|
|
|
+ <div v-else>0L</div>
|
|
|
+ <div v-if="scope.row.load_T>0" class="is-click-btn" @click="cellClick2(scope.row,'load_T')"><span class="cell">{{ scope.row.load_T}}T</span></div>
|
|
|
+ <div v-else>0T</div>
|
|
|
+ </template>
|
|
|
+ <template v-else-if="item.columnName == 'onaiecraft_LT'">
|
|
|
+ <div v-if="scope.row.onaiecraft_L>0" class="is-click-btn" @click="cellClick2(scope.row,'onaiecraft_L')"><span class="cell">{{ scope.row.onaiecraft_L}}L</span></div>
|
|
|
+ <div v-else>0L</div>
|
|
|
+ <div v-if="scope.row.onaiecraft_T>0" class="is-click-btn" @click="cellClick2(scope.row,'onaiecraft_T')"><span class="cell">{{ scope.row.onaiecraft_T}}T</span></div>
|
|
|
+ <div v-else>0T</div>
|
|
|
+ </template>
|
|
|
+ <template v-else-if="item.columnName == 'unload_XT'">
|
|
|
+ <div v-if="scope.row.unload_X>0" class="is-click-btn" @click="cellClick2(scope.row,'unload_X')"><span class="cell">{{ scope.row.unload_X}}X</span></div>
|
|
|
+ <div v-else>0L</div>
|
|
|
+ <div v-if="scope.row.unload_T>0" class="is-click-btn" @click="cellClick2(scope.row,'unload_T')"><span class="cell">{{ scope.row.unload_T}}T</span></div>
|
|
|
+ <div v-else>0T</div>
|
|
|
+ </template>
|
|
|
+ <template v-else-if="item.columnName == 'arrive_XT'">
|
|
|
+ <div v-if="scope.row.arrive_X>0" class="is-click-btn" @click="cellClick2(scope.row,'arrive_X')"><span class="cell">{{ scope.row.arrive_X}}X</span></div>
|
|
|
+ <div v-else>0L</div>
|
|
|
+ <div v-if="scope.row.arrive_T>0" class="is-click-btn" @click="cellClick2(scope.row,'arrive_T')"><span class="cell">{{ scope.row.arrive_T}}T</span></div>
|
|
|
+ <div v-else>0T</div>
|
|
|
+ </template>
|
|
|
+ <template v-else-if="item.columnName == 'B_security_check_number_LT'">
|
|
|
+ <div v-if="scope.row.B_security_check_number_L>0" class="is-click-btn" @click="cellClick2(scope.row,'B_security_check_number_L')"><span class="cell">{{ scope.row.B_security_check_number_L}}L</span></div>
|
|
|
+ <div v-else>0L</div>
|
|
|
+ <div v-if="scope.row.B_security_check_number_T>0" class="is-click-btn" @click="cellClick2(scope.row,'B_security_check_number_T')"><span class="cell">{{ scope.row.B_security_check_number_T}}T</span></div>
|
|
|
+ <div v-else>0T</div>
|
|
|
+ </template>
|
|
|
+ <template v-else>
|
|
|
+ {{ scope.row[item.columnName]}}
|
|
|
+ </template>
|
|
|
+ </template>
|
|
|
+
|
|
|
</el-table-column>
|
|
|
</el-table>
|
|
|
</template>
|
|
|
@@ -161,6 +272,7 @@ export default {
|
|
|
},
|
|
|
data () {
|
|
|
return {
|
|
|
+ allColReturnData:[],
|
|
|
page: 0,
|
|
|
queryId: '',
|
|
|
noMore: false,
|
|
|
@@ -287,50 +399,8 @@ export default {
|
|
|
sessionStorage.setItem('tableColumns', JSON.stringify(returnData))
|
|
|
this.$store.dispatch('auth/changeAuthMsg', returnData)
|
|
|
}
|
|
|
- const msgDatas = returnData.filter(item => item.needShow)
|
|
|
- const msgCounts = msgDatas.filter(item => item.needCount)
|
|
|
- if (msgCounts.length) {
|
|
|
- this.showSummary = true
|
|
|
- }
|
|
|
- const msgDatasShows = formatOrder(msgDatas)
|
|
|
- this.tableCath = msgDatasShows
|
|
|
- if (this.istableChild) {
|
|
|
- const datas = _.cloneDeep(msgDatasShows)
|
|
|
- const cache = {}
|
|
|
- const indices = []
|
|
|
- const others = []
|
|
|
- datas.forEach(item => {
|
|
|
- if (!cache[item.groupName] && item.groupName) {
|
|
|
- cache[item.groupName] = item.groupName
|
|
|
- indices.push(item)
|
|
|
- } else {
|
|
|
- const newItem = _.cloneDeep(item)
|
|
|
- others.push(newItem)
|
|
|
- }
|
|
|
- })
|
|
|
- indices.map((item, index) => {
|
|
|
- item.tabIndex = index
|
|
|
- })
|
|
|
- others.forEach(item => {
|
|
|
- indices.forEach(p => {
|
|
|
- if (item.groupName == p.groupName && item.groupName) {
|
|
|
- item.tabIndex = p.tabIndex
|
|
|
- }
|
|
|
- })
|
|
|
- })
|
|
|
- indices.forEach(item => {
|
|
|
- item.children = [
|
|
|
- _.cloneDeep(item),
|
|
|
- ...this.formatCaps(item.tabIndex, others),
|
|
|
- ]
|
|
|
- })
|
|
|
- this.tableCols = _.cloneDeep(indices)
|
|
|
- } else {
|
|
|
- this.tableCols = _.cloneDeep(msgDatasShows)
|
|
|
- }
|
|
|
- this.tableColsCopy = _.cloneDeep(this.tableCols)
|
|
|
- this.initTableCols()
|
|
|
- this.setTableCols()
|
|
|
+ this.allColReturnData = returnData;
|
|
|
+ this.setTableColsXT()
|
|
|
}
|
|
|
} else {
|
|
|
this.$message.error('获取表头数据失败')
|
|
|
@@ -339,6 +409,73 @@ export default {
|
|
|
console.log(error)
|
|
|
}
|
|
|
},
|
|
|
+ setTableColsXT(val = sessionStorage.getItem("Totalvalue")){
|
|
|
+ let returnData = this.allColReturnData;
|
|
|
+ if(val == true){
|
|
|
+ returnData.map(item =>{
|
|
|
+ if(item.columnName == "check_in_baggage_number"||item.columnName == "screened_number"||item.columnName == "sorted_number"||item.columnName == "loaded_number"||item.columnName == "onaiecraft_number"||item.columnName == "unloading_number"||item.columnName == "arrive_number"||item.columnName == "B_security_check_number"){
|
|
|
+ item.needShow = 1
|
|
|
+ }
|
|
|
+ if(item.columnName == "check_in_LT"||item.columnName == "security_LT"||item.columnName == "sort_LT"||item.columnName == "load_LT"||item.columnName == "onaiecraft_LT"||item.columnName == "unload_XT"||item.columnName == "arrive_XT"||item.columnName == "B_security_check_number_LT"){
|
|
|
+ item.needShow = 0
|
|
|
+ }
|
|
|
+ })
|
|
|
+ }
|
|
|
+ else{
|
|
|
+ returnData.map(item =>{
|
|
|
+ if(item.columnName == "check_in_baggage_number"||item.columnName == "screened_number"||item.columnName == "sorted_number"||item.columnName == "loaded_number"||item.columnName == "onaiecraft_number"||item.columnName == "unloading_number"||item.columnName == "arrive_number"||item.columnName == "B_security_check_number"){
|
|
|
+ item.needShow = 0
|
|
|
+ }
|
|
|
+ if(item.columnName == "check_in_LT"||item.columnName == "security_LT"||item.columnName == "sort_LT"||item.columnName == "load_LT"||item.columnName == "onaiecraft_LT"||item.columnName == "unload_XT"||item.columnName == "arrive_XT"||item.columnName == "B_security_check_number_LT"){
|
|
|
+ item.needShow = 1
|
|
|
+ }
|
|
|
+ })
|
|
|
+ }
|
|
|
+ const msgDatas = returnData.filter(item => item.needShow)
|
|
|
+ const msgCounts = msgDatas.filter(item => item.needCount)
|
|
|
+ if (msgCounts.length) {
|
|
|
+ this.showSummary = true
|
|
|
+ }
|
|
|
+ const msgDatasShows = formatOrder(msgDatas)
|
|
|
+ this.tableCath = msgDatasShows
|
|
|
+ if (this.istableChild) {
|
|
|
+ const datas = _.cloneDeep(msgDatasShows)
|
|
|
+ const cache = {}
|
|
|
+ const indices = []
|
|
|
+ const others = []
|
|
|
+ datas.forEach(item => {
|
|
|
+ if (!cache[item.groupName] && item.groupName) {
|
|
|
+ cache[item.groupName] = item.groupName
|
|
|
+ indices.push(item)
|
|
|
+ } else {
|
|
|
+ const newItem = _.cloneDeep(item)
|
|
|
+ others.push(newItem)
|
|
|
+ }
|
|
|
+ })
|
|
|
+ indices.map((item, index) => {
|
|
|
+ item.tabIndex = index
|
|
|
+ })
|
|
|
+ others.forEach(item => {
|
|
|
+ indices.forEach(p => {
|
|
|
+ if (item.groupName == p.groupName && item.groupName) {
|
|
|
+ item.tabIndex = p.tabIndex
|
|
|
+ }
|
|
|
+ })
|
|
|
+ })
|
|
|
+ indices.forEach(item => {
|
|
|
+ item.children = [
|
|
|
+ _.cloneDeep(item),
|
|
|
+ ...this.formatCaps(item.tabIndex, others),
|
|
|
+ ]
|
|
|
+ })
|
|
|
+ this.tableCols = _.cloneDeep(indices)
|
|
|
+ } else {
|
|
|
+ this.tableCols = _.cloneDeep(msgDatasShows)
|
|
|
+ }
|
|
|
+ this.tableColsCopy = _.cloneDeep(this.tableCols)
|
|
|
+ this.initTableCols()
|
|
|
+ this.setTableCols()
|
|
|
+ },
|
|
|
setTableCols () {
|
|
|
this.tableCath.forEach(({ columnName, needFilters, needSort }) => {
|
|
|
if (needFilters) {
|
|
|
@@ -769,7 +906,7 @@ export default {
|
|
|
}
|
|
|
return classes.join(' ')
|
|
|
},
|
|
|
- // 表格-设置单元格样式
|
|
|
+ // 表格-设置单元格样式---
|
|
|
cellClass ({ row, column, rowIndex, columnIndex }) {
|
|
|
const classes = []
|
|
|
if (this.authBtnColName.includes(column.property) && Number(row[column.property]) !== 0) {
|
|
|
@@ -869,6 +1006,7 @@ export default {
|
|
|
query.forEach(key => {
|
|
|
obj[key] = row[key]
|
|
|
})
|
|
|
+ http://localhost:9528/#/newFlightView?carrierFlights=TK89&carrierFlightsDate=2024-11-12&outAirport=PEK&landAirport=IST&NO_BSM_number=363
|
|
|
if (['Inbound_flight_number'].includes(relation_data)) {
|
|
|
obj.outAirport = obj.inbound_flights_departure_airport
|
|
|
obj.landAirport = obj.current_airport
|
|
|
@@ -895,6 +1033,19 @@ export default {
|
|
|
this.headerClick(row, column)
|
|
|
}
|
|
|
},
|
|
|
+ cellClick2(row,property){
|
|
|
+ let obj = {
|
|
|
+ "carrierFlights":row.carrierFlights,
|
|
|
+ "carrierFlightsDate":row.carrierFlightsDate,
|
|
|
+ "outAirport":row.outAirport,
|
|
|
+ "landAirport":row.landAirport,
|
|
|
+ }
|
|
|
+ obj[property] = row[property]
|
|
|
+ this.$router.push({
|
|
|
+ path: "/newFlightView",
|
|
|
+ query: obj,
|
|
|
+ })
|
|
|
+ },
|
|
|
// 表格-备注-单元格点击
|
|
|
headerClick (row, column) {
|
|
|
const { property } = column
|
|
|
@@ -1027,6 +1178,7 @@ export default {
|
|
|
height: 100%;
|
|
|
position: relative;
|
|
|
::v-deep .table {
|
|
|
+ p{padding: 0;}
|
|
|
.is-click-btn {
|
|
|
.cell {
|
|
|
color: #409eff;
|
