| | |
| | | <template> |
| | | <div class="tbl-container dialog-table" v-loading="loading"> |
| | | <div class="tbl-container dialog-table" |
| | | v-loading="loading" |
| | | element-loading-text="拼命加载中" |
| | | element-loading-spinner="el-icon-loading" |
| | | element-loading-background="rgba(0, 0, 0, 0.2)"> |
| | | <flex-layout no-bg> |
| | | <el-table :data="tblData" height="100%"> |
| | | <el-table-column |
| | | v-for="item in tblHeader" :key="item.prop" |
| | | :label="item.label" :prop="item.prop" |
| | | align="center" :min-width="item.minWidth"></el-table-column> |
| | | </el-table> |
| | | <el-tabs type="border-card" name="resTabs" v-model="acTabs" class="flex-layout noborder"> |
| | | <el-tab-pane name="line" label="曲线图"> |
| | | |
| | | </el-tab-pane> |
| | | <el-tab-pane name="tblData" label="数据表格"> |
| | | <el-table :data="tblData" height="100%"> |
| | | <el-table-column |
| | | v-for="item in tblHeader" :key="item.prop" |
| | | :label="item.label" :prop="item.prop" |
| | | align="center" :min-width="item.minWidth"></el-table-column> |
| | | </el-table> |
| | | </el-tab-pane> |
| | | </el-tabs> |
| | | |
| | | <div class="flex-page-footer" slot="footer"> |
| | | <div class="el-pagination-btns"> |
| | | <el-button type="primary" round size="mini" icon="el-icon-search" @click="searchData">查询</el-button> |
| | |
| | | data() { |
| | | return { |
| | | loading: false, |
| | | acTabs: "tblData", |
| | | tblHeader: [ |
| | | { |
| | | label: '测试日期', |