<template>
  <div class="eibs-tab">
    <c-list-search>
      <!-- 持续展示区 -->
      <template v-slot="searchSlot">
        <el-form class="m-table-search-form" ref="paramsForm" label-position="right" label-width="110px" size="small"
          :model="model">
          <el-row>

            <c-col :span="8">
              <el-form-item label="Start Processing" prop="strflg">
                <c-select v-model="model.strflg" style="width:100%" placeholder="请输入Start Processing">
                </c-select>
              </el-form-item>
            </c-col>

            <c-col :span="8">
              <el-form-item label="Started" prop="jubstrdat">
                <c-input v-model="model.jubstrdat" placeholder="请输入Started"></c-input>
              </el-form-item>
            </c-col>

            <c-col :span="4">
              <el-form-item label="h" prop="jobstrtimhh">
                <c-input v-model="model.jobstrtimhh" style="width:100%" placeholder="请输入H"></c-input>
              </el-form-item>
            </c-col>

            <c-col :span="4">
              <el-form-item label="min" prop="jobstrtimmm">
                <c-input v-model="model.jobstrtimmm" style="width:100%" placeholder="请输入H"></c-input>
              </el-form-item>
            </c-col>

            <c-col :span="8">
              <el-form-item label="Restart Period" prop="terflg">
                <c-select v-model="model.terflg" style="width:100%" placeholder="请输入Restart Period">
                </c-select>
              </el-form-item>
            </c-col>

            <c-col :span="8">
              <el-form-item label="Termination" prop="terflg">
                <c-input v-model="model.terflg" placeholder="请输入Termination"></c-input>
              </el-form-item>
            </c-col>

            <c-col :span="4">
              <el-form-item label="h" prop="downtimehh">
                <c-input v-model="model.downtimehh" style="width:100%" placeholder="请输入H"></c-input>
              </el-form-item>
            </c-col>

            <c-col :span="4">
              <el-form-item label="min" prop="downtimemm">
                <c-input v-model="model.downtimemm" style="width:100%" placeholder="请输入H"></c-input>
              </el-form-item>
            </c-col>

          </el-row>

        </el-form>
      </template>
    </c-list-search>

    <el-col :span="24" style="margin-top: 10px;margin-bottom: 10px;">
      <c-button class="medium_bcs" size="medium" type="primary" style="margin-right: 5px">
        Start
      </c-button>
      <c-button class="medium_bcs" size="medium" type="primary" style="margin-right: 5px">
        Stop
      </c-button>
    </el-col>

    <el-col :span="24" style="margin-top: 10px">
      <el-table v-loading="load" :data="tableData" style="width:100%" size="small" :border="true"
        :highlight-current-row="true">

        <el-table-column label="Own Reference" prop="" align="left" fixed="left"></el-table-column>
        <el-table-column label="Cur" prop="" align="left"></el-table-column>
        <el-table-column label="Relevant Amount" prop="" align="left"></el-table-column>
        <el-table-column label="Entry" prop="" align="left"></el-table-column>
        <el-table-column label="User" prop="" align="left"></el-table-column>
        <el-table-column label="Status" prop="" align="left"></el-table-column>

      </el-table>
      <el-pagination layout="total, sizes, prev, pager, next, jumper" :total="pagination.total"
        :page-size="pagination.pageSize" :current-page.sync="pagination.pageNum">
      </el-pagination>
    </el-col>

  </div>
</template>
<script>
  import event from "../event";
  import BusNavbar from "~/components/business/BusNavbar";
  import Api from "~/service/Api";
  import { getSelectList } from "~/service/business/codeTable";
  export default {
    inject: ["root"],
    props: ["model", "codes"],
    mixins: [event],
    components: { "m-busbtn": BusNavbar },

    data() {
      return {
        selectAll: [], // 是否全选
        digColumns: [], // 弹框的所有列
        columnGroup: [], // 弹框选中的列
        showDig: false, // 弹框的展示/隐藏
        load: false,
        tableData: [],
        pagination: {
          pageNum: 1,
          pageSize: 10,
          total: 0
        },
      };
    },
    watch: {
    },
    computed: {},

    mounted() {
    },
    methods: {
    }
  };
</script>
<style scoped lang="less">
  .eibs-tabs /deep/ {
    .m-table-search {
      padding: 20px 0px 10px 0px;
    }
  }

  .header-wrap {
    height: 36px;
    display: flex;
    justify-content: space-between;
    align-items: center;

    .title {
      font-size: 16px;
      color: #000;
    }

    .close-btn {
      padding: 3px;
      cursor: pointer;
    }
  }

  .m-list-btns {
    height: 300px;
    overflow: auto;
  }

  .medium_bcs {
    border-radius: 5px;
  }
</style>