Showing
6 changed files
with
29 additions
and
8 deletions
| ... | @@ -65,7 +65,7 @@ export default { | ... | @@ -65,7 +65,7 @@ export default { |
| 65 | }, | 65 | }, |
| 66 | }, | 66 | }, |
| 67 | tableAttr: tableAttr, // table配置项 | 67 | tableAttr: tableAttr, // table配置项 |
| 68 | - columns: columnHeader(this.deleteRow), // 表头 | 68 | + columns: columnHeader(this.indexAdd, this.deleteRow), // 表头 |
| 69 | tableData: [], // 表格数据 | 69 | tableData: [], // 表格数据 |
| 70 | multipleSelection: [], | 70 | multipleSelection: [], |
| 71 | }; | 71 | }; |
| ... | @@ -201,6 +201,12 @@ export default { | ... | @@ -201,6 +201,12 @@ export default { |
| 201 | this.queryFindHsCodeList(); | 201 | this.queryFindHsCodeList(); |
| 202 | }); | 202 | }); |
| 203 | }, | 203 | }, |
| 204 | + // 翻页序号递增 | ||
| 205 | + indexAdd(index){ | ||
| 206 | + const page = this.pageConfig.pageData.page // 当前页码 | ||
| 207 | + const pagesize = this.pageConfig.pageData.size // 每页条数 | ||
| 208 | + return index + 1 + (page - 1) * pagesize | ||
| 209 | + }, | ||
| 204 | //条数变化 | 210 | //条数变化 |
| 205 | handleSizeChange(e) { | 211 | handleSizeChange(e) { |
| 206 | this.pageConfig.pageData.size = e; | 212 | this.pageConfig.pageData.size = e; | ... | ... |
| ... | @@ -58,7 +58,7 @@ export const tableAttr = { | ... | @@ -58,7 +58,7 @@ export const tableAttr = { |
| 58 | ], | 58 | ], |
| 59 | }, | 59 | }, |
| 60 | }; | 60 | }; |
| 61 | -export const columnHeader = (deleteRow) => [ | 61 | +export const columnHeader = (indexAdd, deleteRow) => [ |
| 62 | { | 62 | { |
| 63 | type: "selection", | 63 | type: "selection", |
| 64 | align: "center", | 64 | align: "center", |
| ... | @@ -71,6 +71,7 @@ export const columnHeader = (deleteRow) => [ | ... | @@ -71,6 +71,7 @@ export const columnHeader = (deleteRow) => [ |
| 71 | prop: "id", | 71 | prop: "id", |
| 72 | align: "center", | 72 | align: "center", |
| 73 | width: "50", | 73 | width: "50", |
| 74 | + index: indexAdd, | ||
| 74 | }, | 75 | }, |
| 75 | { | 76 | { |
| 76 | label: "HSCODE", | 77 | label: "HSCODE", | ... | ... |
| ... | @@ -59,7 +59,7 @@ export default { | ... | @@ -59,7 +59,7 @@ export default { |
| 59 | }, | 59 | }, |
| 60 | }, | 60 | }, |
| 61 | tableAttr: tableAttr, // table配置项 | 61 | tableAttr: tableAttr, // table配置项 |
| 62 | - columns: columnHeader(this.viewRow, this.editRow, this.deleteRow), // 表头 | 62 | + columns: columnHeader(this.indexAdd, this.viewRow, this.editRow, this.deleteRow), // 表头 |
| 63 | tableData: [], // 表格数据 | 63 | tableData: [], // 表格数据 |
| 64 | }; | 64 | }; |
| 65 | }, | 65 | }, |
| ... | @@ -122,6 +122,12 @@ export default { | ... | @@ -122,6 +122,12 @@ export default { |
| 122 | this.queryFindAllEtesRules(); | 122 | this.queryFindAllEtesRules(); |
| 123 | }); | 123 | }); |
| 124 | }, | 124 | }, |
| 125 | + // 翻页序号递增 | ||
| 126 | + indexAdd(index){ | ||
| 127 | + const page = this.pageConfig.pageData.page // 当前页码 | ||
| 128 | + const pagesize = this.pageConfig.pageData.size // 每页条数 | ||
| 129 | + return index + 1 + (page - 1) * pagesize | ||
| 130 | + }, | ||
| 125 | //条数变化 | 131 | //条数变化 |
| 126 | handleSizeChange(e) { | 132 | handleSizeChange(e) { |
| 127 | this.pageConfig.pageData.size = e; | 133 | this.pageConfig.pageData.size = e; | ... | ... |
| ... | @@ -32,13 +32,14 @@ export const tableAttr = { | ... | @@ -32,13 +32,14 @@ export const tableAttr = { |
| 32 | ], | 32 | ], |
| 33 | }, | 33 | }, |
| 34 | }; | 34 | }; |
| 35 | -export const columnHeader = (viewRow, editRow, deleteRow) => [ | 35 | +export const columnHeader = (indexAdd, viewRow, editRow, deleteRow) => [ |
| 36 | { | 36 | { |
| 37 | type: "index", | 37 | type: "index", |
| 38 | label: "序号", | 38 | label: "序号", |
| 39 | prop: "id", | 39 | prop: "id", |
| 40 | align: "center", | 40 | align: "center", |
| 41 | width: "50", | 41 | width: "50", |
| 42 | + index: indexAdd, | ||
| 42 | }, | 43 | }, |
| 43 | { | 44 | { |
| 44 | label: "原航班", | 45 | label: "原航班", |
| ... | @@ -89,7 +90,7 @@ export const columnHeader = (viewRow, editRow, deleteRow) => [ | ... | @@ -89,7 +90,7 @@ export const columnHeader = (viewRow, editRow, deleteRow) => [ |
| 89 | minWidth: 90, | 90 | minWidth: 90, |
| 90 | fixed: "right", | 91 | fixed: "right", |
| 91 | render: (h, params) => { | 92 | render: (h, params) => { |
| 92 | - let operateData = [] | 93 | + let operateData = []; |
| 93 | if (params.row.status == "1") { | 94 | if (params.row.status == "1") { |
| 94 | operateData = [ | 95 | operateData = [ |
| 95 | h( | 96 | h( |
| ... | @@ -144,7 +145,7 @@ export const columnHeader = (viewRow, editRow, deleteRow) => [ | ... | @@ -144,7 +145,7 @@ export const columnHeader = (viewRow, editRow, deleteRow) => [ |
| 144 | "删除" | 145 | "删除" |
| 145 | ), | 146 | ), |
| 146 | ]; | 147 | ]; |
| 147 | - }else{ | 148 | + } else { |
| 148 | operateData = [ | 149 | operateData = [ |
| 149 | h( | 150 | h( |
| 150 | "el-button", | 151 | "el-button", | ... | ... |
| ... | @@ -63,7 +63,7 @@ export default { | ... | @@ -63,7 +63,7 @@ export default { |
| 63 | }, | 63 | }, |
| 64 | }, | 64 | }, |
| 65 | tableAttr: tableAttr, // table配置项 | 65 | tableAttr: tableAttr, // table配置项 |
| 66 | - columns: columnHeader(this.deleteRow), // 表头 | 66 | + columns: columnHeader(this.indexAdd, this.deleteRow), // 表头 |
| 67 | tableData: [], // 表格数据 | 67 | tableData: [], // 表格数据 |
| 68 | multipleSelection: [], | 68 | multipleSelection: [], |
| 69 | }; | 69 | }; |
| ... | @@ -183,6 +183,12 @@ export default { | ... | @@ -183,6 +183,12 @@ export default { |
| 183 | this.queryFindShipmentDescList(); | 183 | this.queryFindShipmentDescList(); |
| 184 | }); | 184 | }); |
| 185 | }, | 185 | }, |
| 186 | + // 翻页序号递增 | ||
| 187 | + indexAdd(index){ | ||
| 188 | + const page = this.pageConfig.pageData.page // 当前页码 | ||
| 189 | + const pagesize = this.pageConfig.pageData.size // 每页条数 | ||
| 190 | + return index + 1 + (page - 1) * pagesize | ||
| 191 | + }, | ||
| 186 | //条数变化 | 192 | //条数变化 |
| 187 | handleSizeChange(e) { | 193 | handleSizeChange(e) { |
| 188 | this.pageConfig.pageData.size = e; | 194 | this.pageConfig.pageData.size = e; | ... | ... |
| ... | @@ -49,7 +49,7 @@ export const tableAttr = { | ... | @@ -49,7 +49,7 @@ export const tableAttr = { |
| 49 | ], | 49 | ], |
| 50 | }, | 50 | }, |
| 51 | }; | 51 | }; |
| 52 | -export const columnHeader = (deleteRow) => [ | 52 | +export const columnHeader = (indexAdd, deleteRow) => [ |
| 53 | { | 53 | { |
| 54 | type: "selection", | 54 | type: "selection", |
| 55 | align: "center", | 55 | align: "center", |
| ... | @@ -62,6 +62,7 @@ export const columnHeader = (deleteRow) => [ | ... | @@ -62,6 +62,7 @@ export const columnHeader = (deleteRow) => [ |
| 62 | prop: "id", | 62 | prop: "id", |
| 63 | align: "center", | 63 | align: "center", |
| 64 | width: "50", | 64 | width: "50", |
| 65 | + index: indexAdd, | ||
| 65 | }, | 66 | }, |
| 66 | { | 67 | { |
| 67 | label: "ShipmentDesc", | 68 | label: "ShipmentDesc", | ... | ... |
-
Please register or login to post a comment