优化商品选择的全选提示

src/components/ProductsSelector/index.vue

@@ -13,8 +13,8 @@
           <el-button type="primary" @click="reLoad">{{$t('搜索')}}</el-button>
 
           <div v-if="showAll">
-            <el-checkbox :label="$t('全选(最多500)')" @change="toggleAll" :disabled="isAllProduct"></el-checkbox>
-            <el-checkbox :label="$t('全选库内商品(共{cnt}个)', {cnt: total})" v-model="isAllProduct"></el-checkbox>
+            <el-checkbox :label="$t('全选') + `(${total > 500 ? $t('最多500') : $t('{total}个', {total})})`" @change="toggleAll" :disabled="isAllProduct"></el-checkbox>
+            <el-checkbox :label="$t('全选库内商品(共{cnt}个)', {cnt: allTotal})" v-model="isAllProduct"></el-checkbox>
           </div>
         </div>
         <div class="list">
@@ -61,7 +61,8 @@ export default {
       list: [],
       page: 1,
       pages: 1,
-      total: 0, // 商品总数
+      total: 0, // 当前筛选条件的商品总数
+      allTotal: 0, // 全库商品总数
       queryParams: {
         pageNo: 1,
         pageSize: 500,
@@ -115,6 +116,11 @@ export default {
     if(this.defaultIds.length){
       this.loadDefaultProds()
     }
+
+    // 获取全库商品总数
+    getProductPage({pageNo: 1, pageSize: 1}).then(res => {
+      this.allTotal = res.data.total
+    })
   },
   methods: {
     /* setAllProduct(status){
@@ -209,4 +215,4 @@ export default {
     text-overflow: ellipsis;
   }
 }
-</style>
\ No newline at end of file
+</style>