github/skywalking-booster-ui
2
0
Fork 1
mirror of https://github.com/apache/skywalking-booster-ui.git synced 2025-05-12 15:52:57 +00:00
Code Issues Packages Projects Releases Wiki Activity

change layout

Browse Source
This commit is contained in:
Fine 2025-02-20 13:40:03 +08:00
parent f891f7871b
commit 287b1b178f
1 changed files with 22 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

38
src/views/dashboard/related/event/Header.vue
View File

@ -13,9 +13,9 @@ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and See the License for the specific language governing permissions and
limitations under the License. --> limitations under the License. -->
<template> <template>
<div class="flex-h row"> <div class="flex-h">
<div class="mr-5" v-if="dashboardStore.entity !== EntityType[3].value"> <div class="mr-5 flex-h" v-if="dashboardStore.entity !== EntityType[3].value">
<span class="grey mr-5"> {{ t("instance") }}: </span> <span class="grey mr-5 label"> {{ t("instance") }}: </span>
<Selector <Selector
size="small" size="small"
:value="state.instance.value" :value="state.instance.value"
@ -24,8 +24,8 @@ limitations under the License. -->
@change="changeField('instance', $event)" @change="changeField('instance', $event)"
/> />
</div> </div>
<div class="mr-5" v-if="dashboardStore.entity !== EntityType[2].value"> <div class="mr-5 flex-h" v-if="dashboardStore.entity !== EntityType[2].value">
<span class="grey mr-5"> {{ t("endpoint") }}: </span> <span class="grey mr-5 label"> {{ t("endpoint") }}: </span>
<Selector <Selector
size="small" size="small"
:value="state.endpoint.value" :value="state.endpoint.value"
@ -36,8 +36,8 @@ limitations under the License. -->
@query="searchEndpoints" @query="searchEndpoints"
/> />
</div> </div>
<div class="mr-5"> <div class="mr-5 flex-h">
<span class="grey">{{ t("eventsType") }}: </span> <span class="grey label" style="width: 95px">{{ t("eventsType") }}: </span>
<Selector <Selector
v-model="state.eventType" v-model="state.eventType"
:options="EventTypes" :options="EventTypes"
@ -47,15 +47,17 @@ limitations under the License. -->
size="small" size="small"
/> />
</div> </div>
<el-pagination <div>
v-model="pageNum" <el-pagination
:page-size="pageSize" v-model="pageNum"
layout="prev, pager, next" :page-size="pageSize"
:total="total" layout="prev, pager, next"
@current-change="updatePage" :total="total"
:pager-count="5" @current-change="updatePage"
size="small" :pager-count="5"
/> size="small"
/>
</div>
<el-button class="search-btn" size="small" type="primary" @click="queryEvents"> <el-button class="search-btn" size="small" type="primary" @click="queryEvents">
{{ t("search") }} {{ t("search") }}
</el-button> </el-button>
@ -231,4 +233,8 @@ limitations under the License. -->
font-size: $font-size-smaller; font-size: $font-size-smaller;
margin: 0 2px; margin: 0 2px;
} }
.label {
line-height: 24px;
}
</style> </style>