🐞 fix(分页): 修复版本不同导致的分页失效

gear-ui3/src/views/product/info/index.vue

@@ -10,6 +10,9 @@
       <el-form-item label="负责人" prop="salesManager">
         <el-input v-model="queryParams.owner" :multiple="false" placeholder="请填写负责人" />
       </el-form-item>
+      <el-form-item label="展示BOM">
+        <el-checkbox v-model="showDetail" @change="handleQuery" />
+      </el-form-item>
       <!-- <el-form-item label="是否启用" prop="isEnabled">
         <el-select v-model="queryParams.isEnabled" placeholder="请选择是否启用" clearable>
           <el-option
@@ -57,7 +60,7 @@
       </el-table-column>
       <el-table-column label="BOM" align="center">
         <template #default="scope">
-          <BomInfoMini :bomId="scope.row.bomId" />
+          <BomInfoMini :bomId="scope.row.bomId" :detail="showDetail" />
         </template>
       </el-table-column>
       <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
@@ -71,8 +74,13 @@
       </el-table-column>
     </el-table>
 
-    <pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNum" :limit.sync="queryParams.pageSize"
-      @pagination="getList" />
+    <pagination
+      v-show="total>0"
+      :total="total"
+      v-model:page="queryParams.pageNum"
+      v-model:limit="queryParams.pageSize"
+      @pagination="getList"
+    />
 
     <!-- 添加或修改产品对话框 -->
     <el-dialog :title="title" v-model="open" width="800px" append-to-body>
@@ -190,6 +198,8 @@ export default {
       itemId: undefined,
 
       installManualDialogVisible: false,
+
+      showDetail: false,
     };
   },
   created() {
@@ -217,7 +227,9 @@ export default {
     },
     /** 查询产品列表 */
     getList() {
+      console.log('getList');
       this.loading = true;
+      console.log(this.queryParams);
       listProduct(this.queryParams).then(response => {
         this.productList = response.rows;
         this.total = response.total;