fix: 一些国际化和样式调整

This commit is contained in:
chenjinsong
2023-11-16 17:29:54 +08:00
parent 07dd16f2c2
commit ee05f47f2d
9 changed files with 24 additions and 23 deletions

View File

@@ -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 {

View File

@@ -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%;

View File

@@ -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%;

View File

@@ -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>

View File

@@ -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)"

View File

@@ -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"

View File

@@ -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>

View File

@@ -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>

View File

@@ -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>