<template>
  <el-container>
    <el-main
      ><process-container :id="processId" ref="process"></process-container
    ></el-main>
    <el-aside width="200px">
      <div>{{ $lang.process }}</div>
      <div>
        <el-button @click="addProcess">{{ $lang.addProcess }}</el-button>
      </div>
      <process-list @checked="setProcess" ref="processList"></process-list>
    </el-aside>
  </el-container>
</template>
<script lang="ts">
import { Options, Vue } from "vue-class-component";
@Options({})
export default class layout extends Vue {
  public processId = "";
  public setProcess(id: string) {
    this.processId = id;
  }
  public changeName() {
    (this.$refs["process"] as any).changeName();
  }
  public addProcess(){
    (this.$refs["processList"] as any).addProcess();
  }
}
</script>

<style lang="scss"></style>
