| | |
| | | hasUpload: true, |
| | | height: 110 |
| | | }, |
| | | result: '' |
| | | result: '', |
| | | elapsedTime:'', |
| | | }; |
| | | }, |
| | | computed: { |
| | |
| | | }); |
| | | } |
| | | }, |
| | | handleSizeChange(val) { |
| | | this.isLoading = true; |
| | | setTimeout(() => { |
| | | this.page.pageSize = val; |
| | | this.$emit("pageSize", val); |
| | | this.CrudRend(); |
| | | }, 3000); |
| | | async CrudRend() { |
| | | this.elapsedTime = 0; |
| | | const startTime = performance.now(); |
| | | const res = await TableData({ |
| | | templateOid: this.templateOid, |
| | | codeClassifyOid: this.codeClassifyOid, |
| | | page: this.page.currentPage, |
| | | limit: this.page.pageSize, |
| | | }); |
| | | const endTime = performance.now(); |
| | | this.elapsedTime = Math.floor(endTime - startTime) * 1; |
| | | console.log(this.elapsedTime) |
| | | this.page.total = res.data.total; |
| | | this.data = res.data.data; |
| | | this.tableData = res.data.data; |
| | | }, |
| | | handleCurrentChange(val) { |
| | | |
| | | async handleSizeChange(val) { |
| | | this.isLoading = true; |
| | | setTimeout(() => { |
| | | this.page.currentPage = val; |
| | | this.$emit("currentPage", val); |
| | | this.CrudRend(); |
| | | }, 3000); |
| | | await this.CrudRend(); |
| | | this.page.pageSize = val; |
| | | this.$emit("pageSize", val); |
| | | this.isLoading = false; |
| | | }, |
| | | |
| | | async handleCurrentChange(val) { |
| | | this.isLoading = true; |
| | | await this.CrudRend(); |
| | | this.page.currentPage = val; |
| | | this.$emit("currentPage", val); |
| | | this.isLoading = false; |
| | | }, |
| | | // 监听单元格点击事件并存储正在编辑的行 |
| | | handleCellClick(row, column) { |
| | |
| | | this.$refs.dataTable.doLayout(); |
| | | } |
| | | }) |
| | | }, |
| | | //表格头渲染 |
| | | CrudHeaderRend() { |
| | | if (this.codeClassifyOid != "") { |
| | | MasterTable({ |
| | | codeClassifyOid: this.codeClassifyOid |
| | | }).then((res) => { |
| | | this.options = res.data.tableDefineVO.seniorQueryColumns; |
| | | this.List = res.data.tableDefineVO.cols[0]; |
| | | this.List.forEach((item) => { |
| | | let columnItem = { |
| | | label: item.title, |
| | | prop: item.queryField, |
| | | type: this.columnType[item.type], |
| | | sortable: item.sort, |
| | | width: item.minWidth, |
| | | }; |
| | | this.option.column.push(columnItem); |
| | | this.option.column = this.tableHeadData; |
| | | this.templateOid = res.data.tableDefineVO.oid; |
| | | this.$emit("templateOid", this.templateOid); |
| | | }); |
| | | }); |
| | | } |
| | | }, |
| | | //表格数据 |
| | | CrudRend() { |
| | | TableData({ |
| | | templateOid: this.templateOid, |
| | | codeClassifyOid: this.codeClassifyOid, |
| | | page: this.page.currentPage, |
| | | limit: this.page.pageSize, |
| | | }).then((res) => { |
| | | this.page.total = res.data.total; |
| | | this.data = res.data.data; |
| | | this.tableData = res.data.data; |
| | | }); |
| | | }, |
| | | // 排序 |
| | | sortChange(val) { |