fix: 一些国际化和样式调整
This commit is contained in:
@@ -6,11 +6,12 @@
|
|||||||
&.search__suffixes--text-mode, &.search__suffixes--tag-mode {
|
&.search__suffixes--text-mode, &.search__suffixes--tag-mode {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
display: flex;
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
top: 10px;
|
top: 10px;
|
||||||
right: 10px;
|
right: 10px;
|
||||||
|
|
||||||
.search__suffix {
|
.search__suffix {
|
||||||
// margin-left: 8px;
|
margin-right: 12px;
|
||||||
|
|
||||||
.cn-icon-search-advance, .cn-icon-search-normal, .cn-icon-filter {
|
.cn-icon-search-advance, .cn-icon-search-normal, .cn-icon-filter {
|
||||||
color: #A6AAAE;
|
color: #A6AAAE;
|
||||||
@@ -24,12 +25,11 @@
|
|||||||
&:hover {
|
&:hover {
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
|
&:last-of-type {
|
||||||
|
margin-right: 4px;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
.search__suffix-close {
|
.search__suffix-close {
|
||||||
height: 40px;
|
|
||||||
line-height: 40px;
|
|
||||||
margin-top: -9px;
|
|
||||||
|
|
||||||
.el-icon-error {
|
.el-icon-error {
|
||||||
font-size: 17px;
|
font-size: 17px;
|
||||||
color: #C4C4C4;
|
color: #C4C4C4;
|
||||||
@@ -39,7 +39,6 @@
|
|||||||
}
|
}
|
||||||
.entity-explorer-search {
|
.entity-explorer-search {
|
||||||
color: #3976CB;
|
color: #3976CB;
|
||||||
margin-top: -2px;
|
|
||||||
}
|
}
|
||||||
.margin-r-12 {
|
.margin-r-12 {
|
||||||
margin-right: 12px;
|
margin-right: 12px;
|
||||||
@@ -65,8 +64,6 @@
|
|||||||
|
|
||||||
&.search__suffixes--tag-mode__block {
|
&.search__suffixes--tag-mode__block {
|
||||||
background: #fff;
|
background: #fff;
|
||||||
margin-top: -9px;
|
|
||||||
padding-top: 9px;
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
/*.search-tip--error {
|
/*.search-tip--error {
|
||||||
|
|||||||
@@ -351,6 +351,7 @@
|
|||||||
}
|
}
|
||||||
.score-dot {
|
.score-dot {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
|
margin-bottom: 2px;
|
||||||
width: 6px;
|
width: 6px;
|
||||||
height: 6px;
|
height: 6px;
|
||||||
border-radius: 50%;
|
border-radius: 50%;
|
||||||
|
|||||||
@@ -199,6 +199,7 @@
|
|||||||
|
|
||||||
.score-dot {
|
.score-dot {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
|
margin-bottom: 2px;
|
||||||
width: 6px;
|
width: 6px;
|
||||||
height: 6px;
|
height: 6px;
|
||||||
border-radius: 50%;
|
border-radius: 50%;
|
||||||
|
|||||||
@@ -17,7 +17,7 @@
|
|||||||
size="mini"
|
size="mini"
|
||||||
v-model="meta.column.label"
|
v-model="meta.column.label"
|
||||||
ref="columnSelect"
|
ref="columnSelect"
|
||||||
:placeholder="meta.column.label || ''"
|
:placeholder="meta.column.label || ' '"
|
||||||
@blur="columnBlur(meta, index)"
|
@blur="columnBlur(meta, index)"
|
||||||
@change="(value) => selectColumn(value, meta)"
|
@change="(value) => selectColumn(value, meta)"
|
||||||
>
|
>
|
||||||
@@ -91,7 +91,7 @@
|
|||||||
</div>
|
</div>
|
||||||
<div class="tag-search__add" @click="addCondition">{{$t('entities.advancedSearch.add')}}</div>
|
<div class="tag-search__add" @click="addCondition">{{$t('entities.advancedSearch.add')}}</div>
|
||||||
<div class="search__suffixes search__suffixes--tag-mode search__suffixes--tag-mode__block">
|
<div class="search__suffixes search__suffixes--tag-mode search__suffixes--tag-mode__block">
|
||||||
<div class="search__suffix" style="margin-right: 12px;margin-top: 1px;">
|
<span class="search__suffix">
|
||||||
<el-popover
|
<el-popover
|
||||||
popper-class="my-popper-class"
|
popper-class="my-popper-class"
|
||||||
placement="top"
|
placement="top"
|
||||||
@@ -102,13 +102,13 @@
|
|||||||
<i class="cn-icon cn-icon-search-normal" @click="changeMode"></i>
|
<i class="cn-icon cn-icon-search-normal" @click="changeMode"></i>
|
||||||
</template>
|
</template>
|
||||||
</el-popover>
|
</el-popover>
|
||||||
</div>
|
</span>
|
||||||
<div v-show="metaList.length>0" class="search__suffix-close" @click="cleanMetaList">
|
<span v-show="metaList.length>0" class="search__suffix-close" @click="cleanMetaList">
|
||||||
<i class="el-icon-error"></i>
|
<i class="el-icon-error"></i>
|
||||||
</div>
|
</span>
|
||||||
<div class="search__suffix" :class="showList ? 'new-search__suffix' : 'entity-explorer-search'" @click="search">
|
<span class="search__suffix" :class="showList ? 'new-search__suffix' : 'entity-explorer-search'" @click="search">
|
||||||
<i class="el-icon-search"></i>
|
<i class="el-icon-search"></i>
|
||||||
</div>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|||||||
@@ -41,7 +41,7 @@
|
|||||||
{{ dateFormatByAppearance(getMillisecond(myEndTime)) }}
|
{{ dateFormatByAppearance(getMillisecond(myEndTime)) }}
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="date-range-title" style="padding-left: 0">{{$t('dateTime.recentlyUsedAbsoluteRanges')}}</div>
|
<div class="date-range-title" style="padding-left: 0">{{$t('dateTime.recentlyUsedRanges')}}</div>
|
||||||
<div class="date-range-history">
|
<div class="date-range-history">
|
||||||
<div v-for="(item, index) in rangeHistoryArr" :key="index" class="date-range-history-item"
|
<div v-for="(item, index) in rangeHistoryArr" :key="index" class="date-range-history-item"
|
||||||
@click="historyChange(item)">
|
@click="historyChange(item)">
|
||||||
@@ -55,7 +55,7 @@
|
|||||||
:span="8"
|
:span="8"
|
||||||
class="date-range-panel-content date-range-panel-content-right"
|
class="date-range-panel-content date-range-panel-content-right"
|
||||||
style="border-left: 1px solid rgba(0,0,0,0.09);">
|
style="border-left: 1px solid rgba(0,0,0,0.09);">
|
||||||
<div class="date-range-title">{{$t('dateTime.relatimeTimeRanges')}}</div>
|
<div class="date-range-title">{{$t('dateTime.relativeTimeRanges')}}</div>
|
||||||
<ul class="date-range-item">
|
<ul class="date-range-item">
|
||||||
<li v-for="item in dateRangeArr"
|
<li v-for="item in dateRangeArr"
|
||||||
@click="quickChange(item.value)"
|
@click="quickChange(item.value)"
|
||||||
|
|||||||
@@ -20,7 +20,7 @@
|
|||||||
v-model="location"
|
v-model="location"
|
||||||
class="map-select map-select__location"
|
class="map-select map-select__location"
|
||||||
clearable
|
clearable
|
||||||
placeholder="All"
|
:placeholder="$t('overall.country')"
|
||||||
filterable
|
filterable
|
||||||
popper-class="map-select-down"
|
popper-class="map-select-down"
|
||||||
:popper-append-to-body="false"
|
:popper-append-to-body="false"
|
||||||
|
|||||||
@@ -26,9 +26,10 @@
|
|||||||
scrollbar-always-on="false"
|
scrollbar-always-on="false"
|
||||||
@row-click="selectHistory"
|
@row-click="selectHistory"
|
||||||
style="overflow-x: unset"
|
style="overflow-x: unset"
|
||||||
|
empty-text=""
|
||||||
>
|
>
|
||||||
<el-table-column prop="str" :label="$t('networkOverview.search')" min-width="560" />
|
<el-table-column prop="str" :label="$t('overall.expression')" min-width="560" />
|
||||||
<el-table-column prop="date" :label="$t('entity.search.lastRun')" sortable width="200">
|
<el-table-column prop="date" :label="$t('overall.time')" sortable width="200">
|
||||||
<template #default="scope">
|
<template #default="scope">
|
||||||
<span>{{ changeTimeByDate(scope.row.date) }}</span>
|
<span>{{ changeTimeByDate(scope.row.date) }}</span>
|
||||||
</template>
|
</template>
|
||||||
|
|||||||
@@ -158,7 +158,7 @@
|
|||||||
<template v-if="!loadingNetworkQuality && score !=='-'">
|
<template v-if="!loadingNetworkQuality && score !=='-'">
|
||||||
<span v-for="(dot, i) in scoreDot" :key="i" :class="dot.class"></span>
|
<span v-for="(dot, i) in scoreDot" :key="i" :class="dot.class"></span>
|
||||||
</template>
|
</template>
|
||||||
<span>{{score}}</span>
|
<span style="padding-left: 4px;">{{score}}</span>
|
||||||
<loading :loading="loadingNetworkQuality" size="small"></loading>
|
<loading :loading="loadingNetworkQuality" size="small"></loading>
|
||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@@ -39,9 +39,10 @@
|
|||||||
scrollbar-always-on="false"
|
scrollbar-always-on="false"
|
||||||
@row-click="selectHistory"
|
@row-click="selectHistory"
|
||||||
style="overflow-x: unset"
|
style="overflow-x: unset"
|
||||||
|
empty-text=" "
|
||||||
>
|
>
|
||||||
<el-table-column prop="str" :label="$t('networkOverview.search')" min-width="560" />
|
<el-table-column prop="str" :label="$t('overall.expression')" min-width="560" />
|
||||||
<el-table-column prop="date" :label="$t('entity.search.lastRun')" sortable width="200">
|
<el-table-column prop="date" :label="$t('overall.time')" sortable width="200">
|
||||||
<template #default="scope">
|
<template #default="scope">
|
||||||
<span>{{ changeTimeByDate(scope.row.date) }}</span>
|
<span>{{ changeTimeByDate(scope.row.date) }}</span>
|
||||||
</template>
|
</template>
|
||||||
|
|||||||
Reference in New Issue
Block a user