添加分页 添加仓库数据权限

ruoyi-ui/src/views/out/addOutStockout.vue

@@ -88,11 +88,18 @@
         <el-table-column type="selection" width="55" align="center" />
         <el-table-column :label="$t('addOutStockout.materialCode')" align="left" prop="productId" /><!--物资编码-->
         <el-table-column :label="$t('addOutStockout.materialName')" align="left" prop="productName" /><!--物资名称-->
-<!--        <el-table-column :label="$t('addOutStockout.batchNo')" align="left" prop="lotNo" />&lt;!&ndash;批号&ndash;&gt;-->
         <el-table-column :label="$t('addOutStockout.quantity')" align="right" prop="quantity" /><!--数量-->
         <el-table-column :label="$t('addOutStockout.warehouse')" align="left" prop="warehouseId" /><!--仓库-->
       </el-table>
 
+      <pagination
+        v-show="total > 0"
+        :total="total"
+        :page.sync="queryParams.pageNum"
+        :limit.sync="queryParams.pageSize"
+        @pagination="getMaterialList"
+      />
+
       <div slot="footer" class="dialog-footer">
         <el-button type="primary" @click="confirmSelectMaterials">{{$t('addOutStockout.confirm')}}<!--确 定--></el-button>
         <el-button @click="cancelSelectMaterials">{{$t('addOutStockout.cancel')}}<!--取 消--></el-button>
@@ -104,15 +111,21 @@
 <script>
 import { listProductAndStock,saveOutStock } from "@/api/out/outStockout";
 import {listWarehouse} from "@/api/bas/warehouse";
+import Pagination from "@/components/Pagination";
 
 export default {
   name: "AddOutStock",
   dicts: ['out_bill_type', 'bill_status'],
+  components: {
+    Pagination
+  },
   data() {
     return {
       // 遮罩层
       loading: false,
       materialLoading: false,
+      // 总条数
+      total: 0,
       // 表单验证规则
       rules: {
         warehouseId: [
@@ -183,6 +196,7 @@ export default {
       this.materialLoading = true;
       listProductAndStock(this.queryParams).then(response => {
         this.materialOptions = response.rows;
+        this.total = response.total;
         this.materialLoading = false;
       });
     },