64 lines
1.4 KiB
Vue
64 lines
1.4 KiB
Vue
<script setup>
|
|
|
|
</script>
|
|
|
|
<template>
|
|
<el-col :span="6">
|
|
<div class="headerAnalyseDesc">
|
|
<p style="margin-right: 6px;font-weight: bold">事件分析</p>
|
|
<el-icon size="20">
|
|
<Warning/>
|
|
</el-icon>
|
|
</div>
|
|
</el-col>
|
|
<el-col :span="10" :offset="8">
|
|
<div class="headerAnalyseToolbar" style="display: flex;float:right">
|
|
<span class="toolbarSpan">
|
|
<p>近似计算</p>
|
|
</span>
|
|
<span class="toolbarSpan">
|
|
<el-switch></el-switch>
|
|
</span>
|
|
<span class="toolbarSpan">
|
|
<el-dropdown>
|
|
<el-button>
|
|
UTC +8
|
|
</el-button>
|
|
</el-dropdown>
|
|
</span>
|
|
<span class="toolbarSpan">
|
|
<el-icon size="20">
|
|
<Refresh/>
|
|
</el-icon>
|
|
</span>
|
|
<span class="toolbarSpan">
|
|
<el-icon size="20">
|
|
<Download/>
|
|
</el-icon>
|
|
</span>
|
|
<span class="toolbarSpan">
|
|
<el-button>已存报表</el-button>
|
|
</span>
|
|
</div>
|
|
</el-col>
|
|
</template>
|
|
|
|
<style scoped lang="scss">
|
|
.headerAnalyseDesc {
|
|
display: flex;
|
|
float: left;
|
|
justify-content: center;
|
|
align-items: center;
|
|
}
|
|
|
|
.headerAnalyseToolbar {
|
|
display: flex;
|
|
float: right;
|
|
justify-content: center;
|
|
align-items: center;
|
|
|
|
.toolbarSpan {
|
|
margin-left: 10px;
|
|
}
|
|
}
|
|
</style> |