| | |
| | | <el-col :span="3"> |
| | | <div class="center-title"> |
| | | <span>总计任务数量:</span> |
| | | <span v-if="$refs.insOrderPlan != undefined">{{$refs.insOrderPlan.total}}</span> |
| | | <span>{{total}}</span> |
| | | </div> |
| | | </el-col> |
| | | </el-row> |
| | |
| | | :key="upIndex"/> --> |
| | | <el-table |
| | | :data="tableData" |
| | | ref="table" |
| | | ref="table0" |
| | | border |
| | | style="width: 100%;" |
| | | height="calc(100% - 80px)" |
| | | :row-class-name="rowClassName" |
| | | v-loading="tableLoading" |
| | | row-key="orderStateId" |
| | | > |
| | | <el-table-column |
| | | prop="entrustCode" |
| | |
| | | loading:false, |
| | | currentTime: null, |
| | | sonLaboratoryList:[], |
| | | tableData: [], |
| | | tableData: null, |
| | | page:{ |
| | | current:1, |
| | | size:20, |
| | |
| | | } |
| | | }, |
| | | methods: { |
| | | // 拖拽 |
| | | initializeSortable() { |
| | | const tableBody = this.$refs.table.$el.querySelector('.el-table__body-wrapper > table > tbody'); |
| | | |
| | | const tableBody = this.$refs.table0.$el.querySelector('.el-table__body-wrapper > table > tbody'); |
| | | if (tableBody) { |
| | | Sortable.create(tableBody, { |
| | | handle: '.el-table__row', // 拖动手柄 |
| | | animation: 150, |
| | | animation: 200, |
| | | onEnd: this.handleSortEnd, |
| | | }); |
| | | } else { |
| | |
| | | const oldIndex = evt.oldIndex; |
| | | const newIndex = evt.newIndex; |
| | | const movedItem = this.tableData[oldIndex]; |
| | | if (oldIndex !== newIndex) { |
| | | this.tableData.splice(oldIndex, 1); |
| | | this.tableData.splice(newIndex, 0, movedItem); |
| | | } |
| | | this.upIndex++ |
| | | this.$axios.post(this.$api.insOrderPlan.jumpTeam, |
| | | { |
| | | id: movedItem.id, |
| | | id: movedItem.orderStateId, |
| | | sort: newIndex+1, |
| | | ...this.page |
| | | }, { |
| | |
| | | 'Content-Type': 'application/json' |
| | | } |
| | | } |
| | | ).then(res => {}) |
| | | ).then(res => { |
| | | |
| | | }) |
| | | }, |
| | | rowClassName({ row, rowIndex }) { |
| | | return 'draggable-row'; |
| | |
| | | this.tableLoading = false |
| | | this.total = res.data.body.total |
| | | this.tableData = res.data.body.records |
| | | // this.$refs.table0.doLayout() |
| | | }) |
| | | }, |
| | | changeRowClass({ |