虚拟清单详情页;项目库列表页;未符合项跟踪列表页 表格排序问题

This commit is contained in:
zyx.net
2022-12-16 10:31:27 +08:00
parent 3086d524a6
commit e3922c9f23
4 changed files with 73 additions and 0 deletions
@@ -154,6 +154,7 @@
:scroll="{x: '100%',y:'calc(100vh - 356px)'}"
rowKey="id"
:data-source="dataSource"
@change="tableOnChange"
:row-selection="{ selectedRowKeys: selectedRowKeys, onChange: onSelectChange }"
:columns="columns"
>
@@ -293,6 +294,8 @@
components: {},
visibleFile: false,
transferList: false,
orderBy: '1',
orderByField: '',
downLoadFileUrl: window._CONFIG['domianPreviewURL'] + '/sys/common/download',
downLoadImgUrl: window._CONFIG['domianWebImgURL'] + '/sys/common/download',
dataSourceFile: [],
@@ -334,6 +337,7 @@
align: 'center',
dataIndex: 'serialNumber',
width: 180,
sorter:true,
fixed: 'left',
scopedSlots: { customRender: 'standard' }
},
@@ -364,6 +368,7 @@
align: 'center',
width: 180,
ellipsis: true,
sorter:true,
dataIndex: 'shi4Yong4Fan4Wei2_dictText'
},
{
@@ -371,6 +376,7 @@
align: 'center',
width: 100,
ellipsis: true,
sorter:true,
dataIndex: 'state_dictText'
},
{
@@ -392,6 +398,7 @@
align: 'center',
width: 200,
ellipsis: true,
sorter:true,
dataIndex: 'xin1Che1Xing2Shi2Shi1Ri4Qi1'
},
{
@@ -399,6 +406,7 @@
align: 'center',
width: 210,
ellipsis: true,
sorter:true,
dataIndex: 'implementTime'
},
{
@@ -406,6 +414,7 @@
align: 'center',
dataIndex: 'wvtaId',
width: 180,
sorter:true,
ellipsis: true
},
{
@@ -420,6 +429,7 @@
align: 'center',
width: 200,
ellipsis: true,
sorter:true,
dataIndex: 'attestationRank_dictText'
},
{
@@ -441,6 +451,7 @@
align: 'center',
width: 180,
ellipsis: true,
sorter:true,
dataIndex: 'dutyTerritory_dictText'
},
{
@@ -743,10 +754,31 @@
this.$refs.transferListRef.handleCancel()
this.getList()
},
tableOnChange(pagination, filters, sorter) {
this.orderBy = sorter.order == 'ascend' ? '1' : '2'
if(sorter.columnKey == 'shi4Yong4Fan4Wei2_dictText'){
this.orderByField = 'shi4Yong4Fan4Wei2'
} else if(sorter.columnKey == 'state_dictText') {
this.orderByField = 'state'
} else if(sorter.columnKey == 'xin1Che1Xing2Shi2Shi1Ri4Qi1') {
this.orderByField = 'xin1_che1_xing2_shi2_shi1_ri4_qi1'
} else if(sorter.columnKey == 'implementTime') {
this.orderByField = 'implement_time'
} else if(sorter.columnKey == 'dutyTerritory_dictText') {
this.orderByField = 'dutyTerritory'
} else if(sorter.columnKey == 'attestationRank_dictText') {
this.orderByField = 'attestationRank'
} else{
this.orderByField = sorter.columnKey
}
this.getList()
},
getList() {
let query = {
...this.queryParam,
...this.queryParamQuery,
orderBy: this.orderBy,
orderByField: this.orderByField,
dummyInventoryBaseId: this.$route.query.id
}
this.loading = true
@@ -56,6 +56,7 @@
:scroll="{x: '100%'}"
rowKey="id"
:data-source="dataSource"
@change="tableOnChange"
:row-selection="{ selectedRowKeys: selectedRowKeys, onChange: onSelectChange }"
:columns="columns"
>
@@ -246,6 +247,8 @@
],
queryParam: {},
administrators:false,
orderBy: '1',
orderByField: ''
}
},
mounted() {
@@ -269,6 +272,11 @@
this.selectedRowKeys = []
this.getList()
},
tableOnChange(pagination, filters, sorter) {
this.orderBy = sorter.order == 'ascend' ? '1' : '2'
this.orderByField = sorter.columnKey
this.getList()
},
setCreatorClick() {
if (this.selectedRowKeys.length > 0) {
let selectedRowKeys = JSON.parse(JSON.stringify(this.selectedRowKeys))
@@ -415,6 +423,8 @@
let query = {
pageNo: this.pageNo,
pageSize: this.pageSize,
orderBy: this.orderBy,
orderByField: this.orderByField,
...this.queryParam
}
this.loading = true
@@ -120,6 +120,7 @@
:pagination="false"
:scroll="{x: '100%'}"
rowKey="id"
@change="tableOnChange"
:data-source="dataSource"
:row-selection="{ selectedRowKeys: selectedRowKeys, onChange: onSelectChange }"
:columns="columns"
@@ -203,6 +204,7 @@
align: 'left',
dataIndex: 'projectName',
width: 180,
sorter:true,
ellipsis: true,
scopedSlots: { customRender: 'projectName' }
},
@@ -224,6 +226,7 @@
title: this.$t('StudioEngineer'),
align: 'center',
width: 180,
sorter:true,
ellipsis: true,
dataIndex: 'studioEngineerName'
},
@@ -246,6 +249,7 @@
align: 'center',
width: 180,
ellipsis: true,
sorter:true,
dataIndex: 'vehiclePlatform'
},
{
@@ -253,6 +257,7 @@
align: 'center',
width: 180,
ellipsis: true,
sorter:true,
dataIndex: 'digitalPlatform'
},
{
@@ -265,6 +270,8 @@
],
userInfoQuery: {},
queryParam: {},
orderBy: '1',
orderByField: '',
administrators: false
}
},
@@ -396,10 +403,17 @@
this.queryParam[value] = id
this.queryParam = { ...this.queryParam }
},
tableOnChange(pagination, filters, sorter) {
this.orderBy = sorter.order == 'ascend' ? '1' : '2'
this.orderByField = sorter.columnKey
this.getList()
},
getList() {
let query = {
pageNo: this.pageNo,
pageSize: this.pageSize,
orderBy: this.orderBy,
orderByField: this.orderByField,
...this.queryParam
}
this.loading = true
@@ -155,6 +155,7 @@
:loading="loading"
:pagination="false"
:scroll="{x: '100%'}"
@change="tableOnChange"
:row-selection="{ selectedRowKeys: selectedRowKeys, onChange: onSelectChange }"
:data-source="dataSource"
:columns="columns"
@@ -205,6 +206,7 @@
align: 'center',
dataIndex: 'serialNumber',
width: 170,
sorter:true,
scopedSlots: { customRender: 'standard' }
},
{
@@ -219,6 +221,7 @@
align: 'center',
dataIndex: 'flowType',
width: 180,
sorter:true,
ellipsis: true
},
{
@@ -226,6 +229,7 @@
align: 'center',
dataIndex: 'dutyTerritory',
width: 180,
sorter:true,
ellipsis: true
},
{
@@ -233,6 +237,7 @@
align: 'center',
dataIndex: 'projectName',
width: 180,
sorter:true,
ellipsis: true
},
{
@@ -240,24 +245,29 @@
align: 'center',
dataIndex: 'problemType',
width: 140,
sorter:true,
ellipsis: true
},
{
title: this.$t('Sponsor'),
align: 'center',
dataIndex: 'initiator',
sorter:true,
width: 140
},
{
title: this.$t('personLiable'),
align: 'center',
dataIndex: 'duty',
sorter:true,
width: 140
}
],
total: 0,
pageSize: 10,
pageNo: 1,
orderBy: '1',
orderByField: '',
url: {
page: '/project/ncrTrackController/queryPage',
exportData: '/project/ncrTrackController/exportData'
@@ -333,10 +343,17 @@
this.pageSize = pageSize
this.getList()
},
tableOnChange(pagination, filters, sorter) {
this.orderBy = sorter.order == 'ascend' ? '1' : '2'
this.orderByField = sorter.columnKey
this.getList()
},
getList() {
let query = {
pageNo: this.pageNo,
pageSize: this.pageSize,
orderBy: this.orderBy,
orderByField: this.orderByField,
...this.queryParam
}
this.loading = true