<template>
<a-drawer
  :visible="visible"
  :destroy-on-close="true"
  width="100%"
  class="integration_schedule_design"
  :closable="false"
>
  <template slot="title">
    <a-button @click="closeHandle" icon="caret-left" class="header_back"></a-button>
    <span class="header_title">{{ $t('集成调度维护') }}</span>
    <div class="header_btns">
      <!-- <a-button type="primary" @click="toDebug">{{ $t('作业调试') }}</a-button> -->
      <a-button type="primary" :loading="submitLoading" @click="toSave()">{{ $t('保存') }}</a-button>
      <a-button @click="closeHandle">{{ $t('关闭') }}</a-button>
    </div>
  </template>

  <!-- 和模型组件构成集成全流程配置 -->
  <inteScheduleModule
    ref="inteScheduleModule"
    :inteScheduleInfo="inteScheduleInfo"
  ></inteScheduleModule>
  
</a-drawer>
</template>

<script type="text/javascript" src="./service.js"></script>

<style lang="less" scoped>
.integration_schedule_design {
  transform: translateX(0px) !important;
  /deep/.ant-drawer-content {
    .ant-drawer-header {
      box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1);
    }
    .ant-drawer-body {
      height: calc(100% - 55px);
      padding: 12px 12px 0;
      background: #eff2fd;
    }
  }
  
  .header_back {
    position: absolute;
    top: 0;
    left: 0;
    width: 54px;
    height: 54px;
    border: 0;
    font-size: 20px;
    color: rgba(0, 0, 0, 0.7);
    border-radius: 0;
    border-right: 1px solid #e9e9e9;
    &:hover {
      background: rgba(0, 0, 0, 0.1);
    }
  }
  .header_title {
    margin-left: 40px;
  }
  .header_btns {
    float: right;
    margin-top: -5px;
    .ant-btn {
      margin-left: 12px;
    }
  }
}
</style>