<!-- 这里还是一个标准的BUI页面 -->
|
<div class="bui-page">
|
<header class="bui-bar">
|
<div class="bui-bar-left">
|
<!-- 左边有图标示例 -->
|
<div class="bui-btn btn-back" @click="stopTimers"><i class="icon-back"></i></div>
|
</div>
|
<div class="bui-bar-main">告警管理</div>
|
<div class="bui-bar-right">
|
<!-- 右边有图标示例 -->
|
</div>
|
</header>
|
<main>
|
<div id="uiTab" class="bui-tab">
|
<div class="bui-tab-head">
|
<ul class="bui-nav">
|
<li class="bui-btn">当前告警</li>
|
<li class="bui-btn">历史告警</li>
|
</ul>
|
</div>
|
<div class="bui-tab-main" ref="tabMain">
|
<ul>
|
<!-- 内容必须在li里面 -->
|
<li >
|
<iview-table
|
:columns="currTbl.columns"
|
:data="currTbl.data"
|
height="380"
|
style="margin: 0"></iview-table>
|
<div class="tbl-page mt8" style="text-align: center" ref="currBlock1">
|
<i-button
|
type="info"
|
@click="pre('alarm')"
|
:disabled="currTbl.pageBtn.pre">上一页</i-button>
|
<i-button
|
type="info"
|
class="ml8"
|
@click="next('alarm')"
|
:disabled="currTbl.pageBtn.next">下一页</i-button>
|
</div>
|
</li>
|
<li style="display: none;">
|
<iview-table
|
:columns="hisTbl.columns"
|
:data="hisTbl.data"
|
height="380"
|
style="margin: 0"></iview-table>
|
<div class="tbl-page mt8" style="text-align: center" ref="hisBlock1">
|
<i-button
|
type="info"
|
@click="pre('his')"
|
:disabled="hisTbl.pageBtn.pre">上一页</i-button>
|
<i-button
|
type="info"
|
class="ml8"
|
@click="next('his')"
|
:disabled="hisTbl.pageBtn.next">下一页</i-button>
|
</div>
|
</li>
|
</ul>
|
</div>
|
</div>
|
</main>
|
</div>
|
