| | |
|---|
| | | <el-card shadow="hover" header="设备运行时长排名" style="height: 100%;" class="running"> |
|---|
| | | <div class="running-icon"> |
|---|
| | | <el-icon><RefreshLeft /></el-icon> |
|---|
| | | <el-icon @click="isSearch = true"><Filter /></el-icon> |
|---|
| | | <el-icon @click="showSearch"><Filter /></el-icon> |
|---|
| | | </div> |
|---|
| | | <div class="no-list">设备运行时长{{timeLevel}}小时内前{{top}}名</div> |
|---|
| | | <div :id="'running'" style="height:160px;"></div> |
|---|
| | |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | methods: { |
|---|
| | | showSearch() { |
|---|
| | | this.search.timeLevel = this.timeLevel; |
|---|
| | | this.search.top = this.top; |
|---|
| | | this.isSearch = true; |
|---|
| | | }, |
|---|
| | | serchSubmit() { |
|---|
| | | |
|---|
| | | this.apiResource = this.search; |
|---|
| | | this.getRunData(); |
|---|
| | | }, |
|---|
| | | setCurrentKey(v) { |
|---|
| | | if (this.firstWorkKey) return |
|---|
| | |
|---|
| | | getRunData() { |
|---|
| | | this.$HTTP.post(`/api/blade-visual/status/running-top`,this.apiResource).then(res=> { |
|---|
| | | if(res.code == 200) { |
|---|
| | | this.isSearch = false; |
|---|
| | | var recordDom = document.getElementById('running'); |
|---|
| | | if(res.data.categories.length == 0) return; |
|---|
| | | this.option.yAxis.data = res.data.categories; |
|---|
