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

gear-ui3/src/components/ProductSelect/BomPanel/BomItem.vue

@@ -69,8 +69,8 @@
     <pagination
       v-show="total>0"
       :total="total"
-      :page.sync="queryParams.pageNum"
+      v-model:page="queryParams.pageNum"
-      :limit.sync="queryParams.pageSize"
+      v-model:limit="queryParams.pageSize"
       @pagination="getList"
     />
 

gear-ui3/src/components/Renderer/BomInfoMini.vue

@@ -1,9 +1,35 @@
 <template>
   <div v-if="bomInfo.length > 0">
-    <el-tooltip :content="bomInfo.map(item => item.attrKey + ':' + item.attrValue).join(',')" class="bom-info"
+    <!-- 始终显示带溢出隐藏的文本 -->
-      placement="top">
+    <template v-if="props.detail">
-      <span>{{bomInfo.map(item => item.attrKey).join(',')}}</span>
+      <!-- 当detail为true时，显示可弹出的popover -->
-    </el-tooltip>
+      <el-popover
+        placement="top"
+        trigger="hover"
+        :width="500"
+      >
+        <div>
+          <el-descriptions column="2" border>
+            <el-descriptions-item 
+              v-for="item in bomInfo" 
+              :key="item.attrKey"
+              :label="item.attrKey"
+            >
+              {{ item.attrValue }}
+            </el-descriptions-item>
+          </el-descriptions>
+        </div>
+        
+        <template #reference>
+          <span class="bom-info">{{ bomInfo.map(item => item.attrKey).join(',') }}</span>
+        </template>
+      </el-popover>
+    </template>
+    
+    <template v-else>
+      <!-- 当detail为false时，仅显示文本，不弹出popover -->
+      <span class="bom-info">{{ bomInfo.map(item => item.attrKey).join(',') }}</span>
+    </template>
   </div>
   <div v-else>
     无
@@ -13,6 +39,7 @@
 <script setup>
 import { ref, watch } from 'vue';
 import useProductStore from '@/store/modules/product';
+import { ElPopover, ElDescriptions, ElDescriptionsItem } from 'element-plus';
 
 // 定义组件props
 const props = defineProps({
@@ -27,6 +54,11 @@ const props = defineProps({
   itemId: {
     type: [String, Number],
     required: false
+  },
+  detail: {
+    type: Boolean,
+    required: false,
+    default: true  // 默认显示popover
   }
 });
 
@@ -44,7 +76,6 @@ const getBomInfo = async () => {
 
   let bomId = props.bomId;
   if (!bomId) {
-    // 这里假设productMap是productStore中的属性
     bomId = productStore.productMap?.[props.itemId]?.bomId;
   }
 
@@ -74,10 +105,27 @@ watch(
 <style scoped>
 .bom-info {
   cursor: pointer;
-  /* 溢出隐藏显示省略号 */
+  white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
-  white-space: nowrap;
+  max-width: 150px;
-  max-width: 100px;
+  /* 当不需要弹出时，指针样式改为默认 */
+  &:not(:hover) {
+    cursor: default;
+  }
+}
+
+/* 弹窗样式优化 */
+:deep(.el-popover) {
+  padding: 10px;
+}
+
+/* 描述列表样式优化 */
+:deep(.el-descriptions) {
+  font-size: 14px;
+}
+
+:deep(.el-descriptions__label) {
+  font-weight: 600;
 }
 </style>

gear-ui3/src/views/info/construction/detail.vue

@@ -135,8 +135,8 @@
     <pagination
       v-show="total>0"
       :total="total"
-      :page.sync="queryParams.pageNum"
+      v-model:page="queryParams.pageNum"
-      :limit.sync="queryParams.pageSize"
+      v-model:limit="queryParams.pageSize"
       @pagination="getList"
     />
 

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

@@ -113,8 +113,8 @@
     <pagination
       v-show="total>0"
       :total="total"
-      :page.sync="queryParams.pageNum"
+      v-model:page="queryParams.pageNum"
-      :limit.sync="queryParams.pageSize"
+      v-model:limit="queryParams.pageSize"
       @pagination="getList"
     />
 

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

@@ -222,8 +222,8 @@
     <pagination
       v-show="total>0"
       :total="total"
-      :page.sync="queryParams.pageNum"
+      v-model:page="queryParams.pageNum"
-      :limit.sync="queryParams.pageSize"
+      v-model:limit="queryParams.pageSize"
       @pagination="getList"
     />
 

gear-ui3/src/views/info/express/question.vue

@@ -120,8 +120,8 @@
     <pagination
       v-show="total>0"
       :total="total"
-      :page.sync="queryParams.pageNum"
+      v-model:page="queryParams.pageNum"
-      :limit.sync="queryParams.pageSize"
+      v-model:limit="queryParams.pageSize"
       @pagination="getList"
     />
 

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

@@ -6,8 +6,8 @@
         <el-card class="list-container">
           <pagination
             :total="total"
-            :page.sync="queryParams.pageNum"
+            v-model:page="queryParams.pageNum"
-            :limit.sync="queryParams.pageSize"
+            v-model:limit="queryParams.pageSize"
             @pagination="getList"
           />
           <div

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

@@ -141,8 +141,8 @@
     <pagination
       v-show="total>0"
       :total="total"
-      :page.sync="queryParams.pageNum"
+      v-model:page="queryParams.pageNum"
-      :limit.sync="queryParams.pageSize"
+      v-model:limit="queryParams.pageSize"
       @pagination="getList"
     />
 

gear-ui3/src/views/oms/customer/index.vue

@@ -115,8 +115,8 @@
     <pagination
       v-show="total>0"
       :total="total"
-      :page.sync="queryParams.pageNum"
+      v-model:page="queryParams.pageNum"
-      :limit.sync="queryParams.pageSize"
+      v-model:limit="queryParams.pageSize"
       @pagination="getList"
     />
 

gear-ui3/src/views/oms/jounery/index.vue

@@ -76,7 +76,7 @@
       </el-table-column>
     </el-table>
 
-    <pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNum" :limit.sync="queryParams.pageSize"
+    <pagination v-show="total > 0" :total="total" v-model:page="queryParams.pageNum" v-model:limit="queryParams.pageSize"
       @pagination="getList" />
 
     <!-- 添加或修改资金日记账对话框 -->

gear-ui3/src/views/oms/order/panels/orderPage.vue

@@ -26,8 +26,8 @@
         </klp-list>
 
         <!-- 分页组件 -->
-        <pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNum"
+        <pagination v-show="total > 0" :total="total" v-model:page="queryParams.pageNum"
-          :limit.sync="queryParams.pageSize" @pagination="getList" class="mt-4" layout="total, pager" />
+          v-model:limit="queryParams.pageSize" @pagination="getList" class="mt-4" layout="total, pager" />
       </el-col>
 
       <!-- 右侧：详情区（占18列） -->

gear-ui3/src/views/oms/pay/index.vue

@@ -113,8 +113,8 @@
     <pagination
       v-show="total>0"
       :total="total"
-      :page.sync="queryParams.pageNum"
+      v-model:page="queryParams.pageNum"
-      :limit.sync="queryParams.pageSize"
+      v-model:limit="queryParams.pageSize"
       @pagination="getList"
     />
 

gear-ui3/src/views/oms/receive/index.vue

@@ -113,8 +113,8 @@
     <pagination
       v-show="total>0"
       :total="total"
-      :page.sync="queryParams.pageNum"
+      v-model:page="queryParams.pageNum"
-      :limit.sync="queryParams.pageSize"
+      v-model:limit="queryParams.pageSize"
       @pagination="getList"
     />
 

gear-ui3/src/views/product/components/BomItem.vue

@@ -68,8 +68,8 @@
     <pagination
       v-show="total>0"
       :total="total"
-      :page.sync="queryParams.pageNum"
+      v-model:page="queryParams.pageNum"
-      :limit.sync="queryParams.pageSize"
+      v-model:limit="queryParams.pageSize"
       @pagination="getList"
     />
 

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
-      @pagination="getList" />
+      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;

gear-ui3/src/views/wms/ledger/index.vue

@@ -77,8 +77,8 @@
     <pagination
       v-show="total>0"
       :total="total"
-      :page.sync="queryParams.pageNum"
+      v-model:page="queryParams.pageNum"
-      :limit.sync="queryParams.pageSize"
+      v-model:limit="queryParams.pageSize"
       @pagination="getList"
     />
 

gear-ui3/src/views/wms/stock/index.vue

@@ -64,7 +64,7 @@
         </el-table-column>
       </el-table>
 
-      <pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNum" :limit.sync="queryParams.pageSize"
+      <pagination v-show="total > 0" :total="total" v-model:page="queryParams.pageNum" v-model:limit="queryParams.pageSize"
         @pagination="getList" />
 
       <!-- 添加或修改库存对话框（保持不变） -->

gear-ui3/src/views/wms/stockIo/index.vue

@@ -149,8 +149,8 @@
     <pagination
       v-show="total>0"
       :total="total"
-      :page.sync="queryParams.pageNum"
+      v-model:page="queryParams.pageNum"
-      :limit.sync="queryParams.pageSize"
+      v-model:limit="queryParams.pageSize"
       @pagination="getList"
     />
 

gear-ui3/src/views/wms/stockIo/panels/detail.vue

@@ -156,8 +156,8 @@
       <pagination
         v-show="total>0"
         :total="total"
-        :page.sync="queryParams.pageNum"
+        v-model:page="queryParams.pageNum"
-        :limit.sync="queryParams.pageSize"
+        v-model:limit="queryParams.pageSize"
         @pagination="getList"
       />
       <!-- 操作按钮 -->

gear-ui3/src/views/wms/stockIo/panels/returnCreate.vue

@@ -59,7 +59,7 @@
           </template>
         </el-table-column>
       </el-table>
-      <pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNum" :limit.sync="queryParams.pageSize"
+      <pagination v-show="total > 0" :total="total" v-model:page="queryParams.pageNum" v-model:limit="queryParams.pageSize"
         @pagination="getList" />
       <!-- 操作按钮 -->
       <div style="margin-top: 20px; text-align: right;">

gear-ui3/src/views/wms/stockIo/panels/stockIoPage.vue

@@ -81,7 +81,7 @@
       </el-table-column>
     </el-table>
 
-    <pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNum" :limit.sync="queryParams.pageSize"
+    <pagination v-show="total > 0" :total="total" v-model:page="queryParams.pageNum" v-model:limit="queryParams.pageSize"
       @pagination="getList" />
 
     <!-- 添加或修改出入库单主对话框 -->