采购需求单列表接口

src/api/purchase/purchaseDemand.js

@@ -0,0 +1,10 @@
+import request from '@/utils/request'
+
+// 采购需求单列表
+export function getDemandList(data) {
+  return request({
+    url: `/pu/demand/list?pageSize=${data.pageSize}&pageNum=${data.pageNum}`,
+    method: 'post',
+    data: data
+  })
+}

src/views/purchase/PurchaseDemandList/index.vue

@@ -245,22 +245,20 @@
           @selection-change="handleSelectionChange"
         >
           <el-table-column type="selection" width="55" />
-          <el-table-column label="编码" align="center" prop="orgId"/>
-          <el-table-column label="需求日期" align="center" width="200" prop="orgId" />
-          <el-table-column label="单据状态" align="center" prop="code" />
-          <el-table-column label="是否已处理需求" align="center" width="150" prop="createTime" />
-          <el-table-column label="业务类型" align="center" width="150" prop="status"/>
-          <el-table-column label="是否特殊需求" align="center" width="150" prop="materialCode" />
-          <el-table-column label="需求人员" align="center" width="150" prop="materialName" />
-          <el-table-column label="需求客户" align="center" prop="createByName" />
-          <el-table-column label="需求部门" align="center" width="150" prop="createTime" />
-          <el-table-column label="供应仓库" align="center" width="120" prop="updateByName" />
-          <el-table-column label="供应货位" align="center" width="150" prop="updateTime" />
-          <el-table-column label="周期单位" align="center" width="150" prop="updateTime" />
-          <el-table-column label="业务部门" align="center" width="150" prop="updateTime" />
-          <el-table-column label="单据来源" align="center" width="150" prop="updateTime" />
-          <el-table-column label="组织" align="center" width="150" prop="updateTime" />
-          <el-table-column label="备注" align="center" width="150" prop="updateTime" />
+          <el-table-column label="编码" align="center" prop="code"/>
+          <el-table-column label="需求日期" align="center" width="200" prop="demandDate" />
+          <el-table-column label="单据状态" align="center" prop="status" />
+          <el-table-column label="是否已处理需求" align="center" width="150" prop="isProcess" />
+          <el-table-column label="业务类型" align="center" width="150" prop="billType"/>
+          <el-table-column label="是否特殊需求" align="center" width="150" prop="isSpeical" />
+          <el-table-column label="需求人员" align="center" width="150" prop="demandPersonalName" />
+          <el-table-column label="需求客户" align="center" prop="customerName" />
+          <el-table-column label="需求部门" align="center" width="150" prop="demandDeptName" />
+          <el-table-column label="供应仓库" align="center" width="120" prop="warehouseName" />
+          <el-table-column label="供应货位" align="center" width="150" prop="goodsAllocationName" />
+          <el-table-column label="单据来源" align="center" width="150" prop="source" />
+          <el-table-column label="组织" align="center" width="150" prop="orgName" />
+          <el-table-column label="备注" align="center" width="150" prop="remark" />
           <el-table-column
           fixed="right"
           label="操作"
@@ -274,6 +272,16 @@
           </template>
         </el-table-column>
         </el-table>
+
+        <el-pagination
+          @size-change="handleSizeChange"
+          @current-change="handleCurrentChange"
+          :current-page="1"
+          :page-sizes="[5, 10, 15, 20]"
+          :page-size="100"
+          layout="total, sizes, prev, pager, next, jumper"
+          :total=total>
+        </el-pagination>
       </el-card>
     </div>
 
@@ -283,6 +291,7 @@
 
 <script>
 import Add from './add.vue'
+import {getDemandList} from '@/api/purchase/purchaseDemand.js'
 export default {
   name: 'PurchaseDemandList',
   components: {
@@ -308,15 +317,33 @@ export default {
         ddman: '',
         cgman: '',
         sccj: '',
-        bz: ''
+        bz: '',
+        pageNum: 1,
+        pageSize: 10
       },
       options: [{
-        value: 0, label: '仓库1'
+        value: '1', label: '是',
+      }, {
+        value: '0', label: '否'
       }],
-      tableList: []
+      tableList: [],
+      total: 0,
+      rowDetail: {},
+      disable: false
     }
   },
+  created() {
+    this.getList(this.queryParams)
+  },
   methods: {
+    getList(params){
+      getDemandList(params).then(res => {
+        if (res.code === 200) {
+          this.tableList = res.rows
+          this.total = res.total
+        }
+      })
+    },
     handleSelectionChange() {},
     handleCommand(command) {
       alert(command)
@@ -324,6 +351,16 @@ export default {
     addDivision() {
       this.isList = false
       this.page = 'add'
+    },
+    handleSizeChange(val) {
+      console.log(`每页 ${val} 条`);
+      this.queryParams.pageSize = val
+      this.getList(this.queryParams)
+    },
+    handleCurrentChange(val) {
+      console.log(`当前页: ${val}`);
+      this.queryParams.pageNum = val
+      this.getList(this.queryParams)
     }
   }
 }