2024-1-3

src/api/quote/quoteDetailTool.js

@@ -1,6 +1,7 @@
 import {createAPI} from "../../utils/httpRequest";
 
 export const queryToolList = (data) => createAPI('/quote/detail/tool/list', 'post', data)
+export const queryToolListByPage = (data) => createAPI(`/quote/detail/tool/list/${data.no}/${data.size}`, 'post', data)
 export const queryQuoteDetailTool = (data) =>createAPI(`/quote/detail/tool`,'post',data)
 export const removeQuoteDetailTool = (data) => createAPI(`quote/detail/tool/remove/${data.id}`,'post',data)
 export const saveQuoteDetailTool = (data) => createAPI(`quote/detail/tool/save`,'post',data)

src/views/modules/quote/detail/primary/quoteDetailTool.vue

@@ -1,7 +1,7 @@
 <script>
 import {
   queryQuoteDetailTool,
-  queryToolList,
+  queryToolList, queryToolListByPage,
   removeQuoteDetailTool,
   saveQuoteDetailTool, updateQuoteDetailTool
 } from "../../../../../api/quote/quoteDetailTool";
@@ -62,6 +62,9 @@ export default {
         toolNo: "",
         toolDesc: "",
       },
+      no:1,
+      size:20,
+      total:0,
     }
   },
   methods:{
@@ -130,10 +133,13 @@ export default {
         site:this.quoteDetail.site,
         toolNo:this.queryTool.toolNo,
         toolDesc:this.queryTool.toolDesc,
+        no:this.no,
+        size:this.size,
       }
-      queryToolList(params).then(({data})=>{
+      queryToolListByPage(params).then(({data})=>{
         if (data && data.code === 0){
           this.toolList = data.rows;
+          this.total = data.total;
           if (flag){
             if (this.toolList.length === 1){
               this.handleToolDblClick(this.toolList[0])
@@ -222,6 +228,14 @@ export default {
         this.$message.error(error)
       })
     },
+    handleSizeChange(val){
+      this.size = val;
+      this.handleQueryToolList();
+    },
+    handleCurrentChange(val){
+      this.no = val;
+      this.handleQueryToolList();
+    }
   },
   created() {
     if (this.quoteDetail && this.quoteDetail.id){
@@ -357,6 +371,14 @@ export default {
       <el-table-column label="工具编码" align="left" header-align="center"  min-width="120" prop="toolNo"></el-table-column>
       <el-table-column label="工具描述" align="left" header-align="center"  min-width="180" prop="toolDesc"></el-table-column>
     </el-table>
+    <el-pagination @size-change="handleSizeChange"
+                   @current-change="handleCurrentChange"
+                   :current-page="no"
+                   :page-sizes="[20, 50, 100, 200, 500]"
+                   :page-size="size"
+                   :total="total"
+                   layout="total,sizes, prev, pager, next">
+    </el-pagination>
   </el-dialog>
 </div>
 </template>