<!--
 * @Author: Jason Liu
 * @Date: 2023-11-02 15:02:23
 * @Desc: 
-->
<template>
  <a-spin :tip="loadingtip" :spinning="loading">
    <a-layout class="hdw_module_container">
      <a-layout-sider :trigger="null" collapsible width="286px">
        <hdw-basic-info
          v-model="hdwModule"
          :key="hdwModule.id"
          @getData="getHdwData"
          :indicator-info="indicatorInfo"
          :source-hdws="hdwList"
          @setMdeol="setMdeol"
          @change="changeMdeol"
          @addNew="addNewHdw"
          @changeTableCode="changeTableCode"
        />
        <schedule-module
          ref="scheduleModule"
          v-model="scheduleJob"
          :modelInfo.sync="modelInfo"
          :jobInfo.sync="jobInfo"
        ></schedule-module>
      </a-layout-sider>
      <a-layout-content class="hdw_module_content">
        <template>
          <div class="hdw_field_info">
            <hdw-field-info
              v-model="hdwModule.columnList"
              :id=hdwModule.id
              :editEnabled="hdwTableEnabled"
              @change="changeColumnList"
            />
          </div>

          <a-collapse
            size="small"
            v-model="activeKey"
            :bordered="false"
            expand-icon-position="right"
          >
            <a-collapse-panel key="jobTask">
              <template slot="header">
                <win-title>数据集成</win-title>
              </template>
              <transfer-module
                ref="transferModule"
                v-model="transferJobs"
                :modelInfo="modelInfo"
                :targetColumns="targetColumns"
                :jobInfo="jobInfo"
              ></transfer-module>
            </a-collapse-panel>
          </a-collapse>
        </template>
      </a-layout-content>
    </a-layout>
  </a-spin>
</template>

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

<style lang="less" scoped>
.hdw_module_container {
  height: 100%;
  width: 100%;
  .ant-layout-sider {
    padding: 8px;
  }
  .hdw_module_content {
    background: #ffffff;
    margin: 0 0 0 8px;
    /deep/.ant-collapse-borderless {
      background: #ffffff;
      .ant-collapse-header {
        padding: 8px 40px 8px 8px;
      }
      .ant-collapse-content-box {
        padding: 0;
      }
    }
  }
}
</style>
