productivity-platform-web/src/views/house/workbench/index.vue

<template>
    <div class="base">
      <div class="content">
        <div class="breadcrumb">
         <Breadcrumb />
        </div>
        <Bench  @getProcessParentId="getProcessParentId" ></Bench>
        <Timeline :processParentId="processParentId"></Timeline>
      </div>
    </div>
  </template>
  
  <script>
   import Breadcrumb from '../../../components/Breadcrumb/index.vue'
   import { Timeline, Bench } from "./components";

    export default {
      name:'houseWorkBench',
      components:{
        Breadcrumb,
        Bench,
        Timeline,
      },
      data() {
        return {
          processParentId:null
        }
      },

      
      methods:{
        getProcessParentId(value){
          this.processParentId = value;
        }
      }
    }
  </script>
  
  <style scoped>
  .base {
    min-height: calc(100vh - 80px);
    width: 100%;
  }
  .content {
    margin-left: 160px;
    margin-right: 160px;
    padding: 50px 20px 20px 20px;
    
  }
  
  </style>