From deca2e2a19cd15502b81698b7dd8133633ac4c4f Mon Sep 17 00:00:00 2001 From: licp <lichunping@guanfang.com.cn> Date: 星期二, 03 九月 2024 09:59:38 +0800 Subject: [PATCH] 修改插队bug --- src/components/view/b1-inspect-order-plan.vue | 25 +++++++++++++++++-------- 1 files changed, 17 insertions(+), 8 deletions(-) diff --git a/src/components/view/b1-inspect-order-plan.vue b/src/components/view/b1-inspect-order-plan.vue index 5aa83ee..5e0dd6f 100644 --- a/src/components/view/b1-inspect-order-plan.vue +++ b/src/components/view/b1-inspect-order-plan.vue @@ -153,7 +153,7 @@ <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> @@ -164,12 +164,13 @@ :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" @@ -501,7 +502,7 @@ loading:false, currentTime: null, sonLaboratoryList:[], - tableData: [], + tableData: null, page:{ current:1, size:20, @@ -540,13 +541,13 @@ } }, 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 { @@ -557,9 +558,14 @@ 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 }, { @@ -567,7 +573,9 @@ 'Content-Type': 'application/json' } } - ).then(res => {}) + ).then(res => { + + }) }, rowClassName({ row, rowIndex }) { return 'draggable-row'; @@ -671,6 +679,7 @@ this.tableLoading = false this.total = res.data.body.total this.tableData = res.data.body.records + // this.$refs.table0.doLayout() }) }, changeRowClass({ -- Gitblit v1.9.3