<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>