2025-10-30

生产派工单列表支持拖拽

src/views/modules/shopOrder/productionOrderScheduling/searchProductionDispatchList.vue

@@ -122,6 +122,18 @@
       </el-table-column>
     </el-table>
 
+    <!-- 分页组件 -->
+    <el-pagination
+      style="margin-top: 0px"
+      @size-change="sizeChangeHandle"
+      @current-change="currentChangeHandle"
+      :current-page="pageIndex"
+      :page-sizes="[10, 20, 50, 100]"
+      :page-size="pageSize"
+      :total="totalPage"
+      layout="total, sizes, prev, pager, next, jumper">
+    </el-pagination>
+
     <Chooselist ref="baseList" @getBaseData="getBaseData"></Chooselist>
 
     <!-- 动态列    -->
@@ -197,6 +209,9 @@ export default {
         date6: '',
         user: this.$store.state.user.name
       },
+      pageIndex: 1,
+      pageSize: 50,
+      totalPage: 0,
       dataList: [],
       dataListLoading: false,
       buttons: {
@@ -982,7 +997,7 @@ export default {
   },
   mounted() {
     this.$nextTick(() => {
-      this.height = window.innerHeight - 180;
+      this.height = window.innerHeight - 207;
       // 初始化拖拽排序
       this.initSortable();
     })
@@ -1181,14 +1196,17 @@ export default {
 
     getData() {
       this.scheduleRow = null;
-      // 添加时间戳防止缓存
+      // 添加时间戳防止缓存和分页参数
       const searchDataWithTimestamp = {
         ...this.searchData,
+        page: this.pageIndex,
+        limit: this.pageSize,
         _timestamp: new Date().getTime()
       };
       return searchProductionDispatchList(searchDataWithTimestamp).then(({data}) => {
         // 先清空数据列表，强制表格重新渲染
         this.dataList = [];
+        this.totalPage = data.total || 0;
 
         // 在下一个tick中设置数据并清除排序
         this.$nextTick(() => {
@@ -1205,6 +1223,19 @@ export default {
         return data.rows;
       });
     },
+
+    // 每页数
+    sizeChangeHandle(val) {
+      this.pageSize = val;
+      this.pageIndex = 1;
+      this.getData();
+    },
+
+    // 当前页
+    currentChangeHandle(val) {
+      this.pageIndex = val;
+      this.getData();
+    },
     //导出excel
     createExportData() {