工作台列表

src/api/purchase/workSpace.js

@@ -23,4 +23,12 @@ export function rebacktWork(data) {
     method: 'post',
     data: data
   })
+}
+// 单据概述
+export function getWorkDetailList(data) {
+  return request({
+    url: `oaflow/detail?pageSize=${data.pageSize}&pageNum=${data.pageNum}`,
+    method: 'post',
+    data: data
+  })
 }

src/views/purchase/workSpace/index.vue

@@ -78,12 +78,53 @@
         :total=total>
       </el-pagination>
 
+      <el-card class="box-card" style="margin-top: 10px;">
+        <div slot="header" class="clearfix">
+          <span>单据概述</span>
+        </div>
+        <el-table
+          :data="sonTableList" 
+          fit
+          :cell-style="{ borderColor: '#c0c0c0' }"
+          :header-cell-style="{ borderColor: '#c0c0c0' }"
+          class="exporttable"
+          max-height="410"
+          border
+          highlight-current-row
+          style="font-size: 12px;"
+        >
+          <el-table-column label="序号" type="index" align="center" width="50px"/>
+          <el-table-column show-overflow-tooltip label="物料编码" align="center" prop="materialCode"/>
+          <el-table-column show-overflow-tooltip label="物料名称" align="center" prop="materialName"/>
+          <el-table-column show-overflow-tooltip label="规格" align="center" prop="specification"/>
+          <el-table-column show-overflow-tooltip label="型号" align="center" prop="model"/>
+          <el-table-column show-overflow-tooltip label="单位" align="center" prop="unitName"/>
+          <el-table-column show-overflow-tooltip label="生产厂家/代理人" align="center" prop="manufacturerName"/>
+          <el-table-column show-overflow-tooltip label="调出仓库" align="center" prop="deliveryWarehouseName"/>
+          <el-table-column show-overflow-tooltip label="调出货位" align="center" prop="deliveryAllocationName"/>
+          <el-table-column show-overflow-tooltip label="数量" align="center" prop="qty"/>
+          <el-table-column show-overflow-tooltip label="调入仓库" align="center" prop="storageWarehouseName"/>
+          <el-table-column show-overflow-tooltip label="调入货位" align="center" prop="storageAllocationName"/>
+        </el-table>
+
+        <el-pagination
+          background
+          @size-change="sonSizeChange"
+          @current-change="sonCurrentChange"
+          :current-page="sonQuery.pageNum"
+          :page-sizes="[10, 20, 50, 100, 200, 500]"
+          :page-size="10"
+          layout="total, sizes, prev, pager, next, jumper"
+          :total=sonTotal>
+        </el-pagination>
+      </el-card>
+
     </el-card>
   </div>
 </template>
 
 <script>
-import { getWorkSpaceList, auditWork } from '@/api/purchase/workSpace.js'
+import { getWorkSpaceList, auditWork, getWorkDetailList } from '@/api/purchase/workSpace.js'
 export default {
   name: 'workSpace',
   dicts: ['oa_templete_id'],
@@ -98,7 +139,17 @@ export default {
       loading: false,
       tableList: [],
       total: 0,
-      ids: []
+      ids: [],
+      sonTableList: [],
+      sonQuery: {
+        pageNum: 1,
+        pageSize: 10
+      },
+      sonTotal: 0,
+      checkRow: {
+        billCode: '',
+        type: ''
+      }
     }
   },
   created() {
@@ -138,7 +189,10 @@ export default {
       this.$refs.tables.toggleRowSelection(row);
     },
     doubleClick(row) {
-      this.check(row)
+      // this.check(row)
+      // 选择行存储便于子表分页
+      this.checkRow = row
+      this.getDetailList(this.checkRow)
     },
     audits() {
       if(this.ids.length == 0) {
@@ -184,6 +238,28 @@ export default {
       this.queryParams.pageNum = val
       this.getList(this.queryParams)
     },
+    sonSizeChange(val) {
+      this.sonQuery.pageSize = val
+      this.getDetailList(this.checkRow)
+    },
+    sonCurrentChange(val) {
+      this.sonQuery.pageNum = val
+      this.getDetailList(this.checkRow)
+    },
+    // 获取单据概述列表
+    getDetailList (row) {
+      let param = {
+        billCode: row.billCode,
+        type: row.type,
+        ...this.sonQuery
+      }
+      getWorkDetailList(param).then(res => {
+        if(res.code === 200) {
+          this.sonTableList = res.rows
+          this.sonTotal = res.total
+        }
+      })
+    },
   }
 }
 </script>