55

src/views/produceOrder/components/details/index.vue

@@ -43,6 +43,21 @@
             :description="desIndex == index ? '此处' : ''"
           ></el-step>
         </el-steps>
+
+        <el-tabs type="border-card">
+          <el-tab-pane label="投料详情">
+            <feedDetails
+              :routeObj="routeObj"
+              :curTaskObj="curTaskObj"
+            ></feedDetails
+          ></el-tab-pane>
+          <el-tab-pane label="报工详情">
+            <jobDetails
+              :routeObj="routeObj"
+              :curTaskObj="curTaskObj"
+            ></jobDetails>
+          </el-tab-pane>
+        </el-tabs>
       </div>
     </el-drawer>
   </div>
@@ -51,10 +66,16 @@
 <script>
   import Info from './info.vue';
 
+  import feedDetails from '@/views/produce/components/feeding/details.vue';
+  import jobDetails from '@/views/produce/components/jobBooking/details.vue';
   import { getTaskInstanceList } from '@/api/produce/job';
 
   export default {
-    components: { Info },
+    components: {
+      Info,
+      feedDetails,
+      jobDetails
+    },
     data() {
       return {
         drawer: false,
@@ -65,7 +86,11 @@
         routeList: [],
         activeIndex: 0,
         desIndex: 0,
-        curTaskObj: null
+        curTaskObj: null,
+
+        routeObj: {
+          id: null
+        }
       };
     },
 
@@ -82,6 +107,7 @@
 
       open(row) {
         this.workOrderInfo = row;
+        this.routeObj.id = this.workOrderInfo.id;
         this.getTaskFn();
         this.drawer = true;
       },