| | |
| | | <el-row> |
| | | <el-col :span="12"> |
| | | <div style="height:80vh;padding: 0px 10px;"> |
| | | <avue-crud :data="tableData" ref="crud" :option="option" :span-method="spanMethod" |
| | | <avue-crud |
| | | :data="tableData" |
| | | ref="crud" |
| | | :option="option" |
| | | :span-method="spanMethod" |
| | | @refresh-change="getData" |
| | | @current-change="handleCurrentChange" |
| | | @size-change="handleSizeChange" |
| | | :page="page" |
| | | @selection-change="selectionRow" |
| | | :table-loading="loading"> |
| | |
| | | deleteSchedul, |
| | | updateSchedul |
| | | } from '@/api//plan/productionschedul' |
| | | import TableForm from './template-form' |
| | | import ttable from '@/views/common/ztt-table.vue' |
| | | import { mapGetters } from 'vuex' |
| | | export default { |
| | |
| | | page: { |
| | | total: 10, |
| | | currentPage: 1, |
| | | pageSize: 10 |
| | | pageSize: 10, |
| | | pagerCount: 5 |
| | | }, |
| | | option: { |
| | | defaultSort:{ |
| | | prop:'id', |
| | | order:'descending' |
| | | }, |
| | | height: 400, |
| | | selection: true, |
| | | columnBtn: false, |
| | |
| | | }, |
| | | components: { |
| | | ttable, |
| | | TableForm, |
| | | }, |
| | | computed: { |
| | | ...mapGetters(['permissions']), |
| | |
| | | this.loading = true |
| | | this.getData() |
| | | this.getParamType() |
| | | this.rowSort() |
| | | // this.rowSort() |
| | | this.rowCalc() |
| | | }, |
| | | beforeUpdate() { |
| | | this.rowSort() |
| | | // this.rowSort() |
| | | this.rowCalc() |
| | | }, |
| | | watch:{ |
| | |
| | | } |
| | | return '' |
| | | }, |
| | | handleSizeChange(val){ |
| | | if(val){ |
| | | this.page.pageSize=val |
| | | this.getData() |
| | | } |
| | | }, |
| | | handleCurrentChange(val){ |
| | | if(val){ |
| | | this.page.currentPage=val |
| | | this.getData() |
| | | } |
| | | }, |
| | | // 获取数据列表 |
| | | getData() { |
| | | this.loading = true |
| | | let param = { |
| | | size: 20, |
| | | current: 1, |
| | | size: this.page.pageSize, |
| | | current: this.page.currentPage, |
| | | } |
| | | fetchScheduleList(param).then((res) => { |
| | | this.tableData = res.data.data.records |
| | |
| | | this.scheduleList = [] |
| | | }) |
| | | this.loading = false |
| | | }, |
| | | handleCurrentChange(val) { |
| | | this.multipleSelection = val |
| | | }, |
| | | // 删除 |
| | | deleteHandle(row,index) { |
| | |
| | | ele.span = this.rowSpan(ele.prop, parent) |
| | | }) |
| | | }, |
| | | rowSort(list) { |
| | | rowSort() { |
| | | let propList = this.spanArr.map(ele => ele.prop) |
| | | this.spanArr.forEach((ele, index) => { |
| | | let key = ele.prop |
| | |
| | | } |
| | | </script> |
| | | <style> |
| | | .avue-crud__tip{ |
| | | display: none; |
| | | } |
| | | .basic-template-table .el-table__body .el-table__row td:first-child .cell { |
| | | padding-left: 0px; |
| | | padding-right: 0px; |