<!--
 * @Author: Jason Liu
 * @Date: 2025-06-05 17:16:02
 * @Desc: 
-->
<template>
<div class="integration_schedule_module">
  <a-layout>
    <a-layout-sider :collapsed-width="0" width="320" class="schedule_container">
      <schedule-module
        ref="scheduleModule"
        v-model="scheduleJob"
        type="inteSchedule"
        :modelInfo="modelInfo"
        :jobInfo="jobInfo"
        @change="changeModel"
      ></schedule-module>

    </a-layout-sider>
    <a-layout-content class="integration_container">
      <a-spin :spinning="loading">
        <transfer-module
          ref="transferModule"
          v-model="transferJobs"
          :modelInfo="modelInfo"
          :targetColumns="targetColumns"
          :jobInfo="jobInfo"
        ></transfer-module>
      </a-spin>
    </a-layout-content>
  </a-layout>
</div>
</template>

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

<style lang="less" scoped>
.integration_schedule_module {
  height: 100%;
  .ant-layout {
    height: 100%;
  }
  .schedule_container {
    height: 100%;
    padding: 6px 12px;
    margin-right: 12px;
    overflow: hidden;
    overflow-y: auto;
  }
  .integration_container {
    // height: 100%;
    position: relative;
    .transfer_tips {
      position: absolute;
      top: 40%;
      left: 0;
      right: 0;
      font-size: 16px;
      text-align: center;
    }
  }
  /deep/.ant-spin-nested-loading {
    // height: 100%;
    .ant-spin-container {
      // height: 100%;
    }
  }
}
</style>