gfwleak/cyber-narrator-cn-ui
Archived
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

CN-1456 feat: 一些国际化

Browse Source
This commit is contained in:
chenjinsong
2023-11-22 16:48:17 +08:00
parent 5d42334074
commit f25805ea0a
10 changed files with 35 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
src/assets/css/components/views/detections/detection-overview.scss
View File

@@ -37,7 +37,7 @@
flex-direction: row; flex-direction: row;
align-items: flex-start; align-items: flex-start;
flex-wrap: nowrap; flex-wrap: nowrap;
padding: 2px 10px 2px 0; padding: 6px 10px 6px 0;
font-size: 14px; font-size: 14px;
word-break: break-all; word-break: break-all;
@@ -45,6 +45,8 @@
padding-right: 20px; padding-right: 20px;
min-width: 100px; min-width: 100px;
color: #6B717B; color: #6B717B;
line-height: 14px;
word-break: normal;
} }
.row__charts { .row__charts {
@@ -68,6 +70,7 @@
font-size: 14px; font-size: 14px;
align-items: center; align-items: center;
flex-wrap: wrap; flex-wrap: wrap;
line-height: 14px;
&.row__content--link { &.row__content--link {
font-style: italic; font-style: italic;

1
src/components/rightBox/report/ReportBox.vue
View File

@@ -154,7 +154,6 @@
<el-checkbox v-for="item in dateList" :key="item" :label="item"/> <el-checkbox v-for="item in dateList" :key="item" :label="item"/>
</el-checkbox-group> </el-checkbox-group>
</div> </div>
<div class="enable-month-value">*一月，三月，五月，七月，八月，十月和12月含31天;闰年二月含29天*</div>
</template> </template>
<!-- 按周 --> <!-- 按周 -->
<template v-else-if="monthScheduleType === 'weekly'"> <template v-else-if="monthScheduleType === 'weekly'">

2
src/views/charts2/charts/entityDetail/EntityDetailBasicInfo.vue
View File

@@ -439,7 +439,7 @@ export default {
case 'domain': { case 'domain': {
detailCards.value = _.concat(detailCards.value, detailCards.value = _.concat(detailCards.value,
{ icon: 'cn-icon cn-icon-category2', name: 'categoryName', label: i18n.global.t('entities.category'), value: '' }, { icon: 'cn-icon cn-icon-category2', name: 'categoryName', label: i18n.global.t('entities.category'), value: '' },
{ icon: 'cn-icon cn-icon-sub-type', name: 'categoryGroup', label: i18n.global.t('entities.group'), value: '' }, { icon: 'cn-icon cn-icon-sub-type', name: 'categoryGroup', label: i18n.global.t('entities.domainDetail.categoryGroup'), value: '' },
{ icon: 'cn-icon cn-icon-credit-rating', name: 'reputationLevel', label: i18n.global.t('entities.creditLevel2'), value: '' }, { icon: 'cn-icon cn-icon-credit-rating', name: 'reputationLevel', label: i18n.global.t('entities.creditLevel2'), value: '' },
{ icon: 'cn-icon cn-icon-expire-date', name: 'expireDate', label: i18n.global.t('entities.expirationDate2'), value: '' }, { icon: 'cn-icon cn-icon-expire-date', name: 'expireDate', label: i18n.global.t('entities.expirationDate2'), value: '' },
{ icon: 'cn-icon cn-icon-registrar', name: 'registrarName', label: i18n.global.t('entities.registrar'), value: '' }, { icon: 'cn-icon cn-icon-registrar', name: 'registrarName', label: i18n.global.t('entities.registrar'), value: '' },

14
src/views/charts2/charts/entityDetail/EntityDetailLine.vue
View File

@@ -46,7 +46,7 @@
/> />
</div> </div>
<div class="line-select-metric"> <div class="line-select-metric">
<span class="select-prefix line-margin-right">Metric:</span> <span class="select-prefix line-margin-right">{{$t('network.metric')}}:</span>
<el-select <el-select
size="mini" size="mini"
v-model="metric" v-model="metric"
@@ -71,7 +71,9 @@
:popper-append-to-body="false" :popper-append-to-body="false"
@change="referenceSelectChange" @change="referenceSelectChange"
> >
<el-option v-for="item in options2" :key="item.value" :label="item.label" :value="item.value"></el-option> <el-option :key="options2[0].value" :label="$t(options2[0].label)" :value="options2[0].value"></el-option>
<el-option :key="options2[1].value" :label="$t(options2[1].label[0], options2[1].label[1])" :value="options2[1].value"></el-option>
<el-option :key="options2[2].value" :label="$t(options2[2].label)" :value="options2[2].value"></el-option>
</el-select> </el-select>
</div> </div>
</div> </div>
@@ -306,6 +308,14 @@ export default {
label: { label: {
formatter (params) { formatter (params) {
const arr = unitConvert(params.value, unitTypes.number).join('') const arr = unitConvert(params.value, unitTypes.number).join('')
const referIndex = _this.options2.findIndex(o => o.value === _this.lineRefer)
if (referIndex > -1) {
if (referIndex === 1) {
return _this.$t(_this.options2[1].label[0], _this.options2[1].label[1]) + '(' + arr + echartsData[0].unitType + ')'
} else {
return _this.$t(_this.options2[referIndex].label) + '(' + arr + echartsData[0].unitType + ')'
}
}
return _this.lineRefer + '(' + arr + echartsData[0].unitType + ')' return _this.lineRefer + '(' + arr + echartsData[0].unitType + ')'
}, },
position: 'insideStartTop', position: 'insideStartTop',

16
src/views/charts2/charts/linkMonitor/LinkTrafficSankey.vue
View File

@@ -13,16 +13,16 @@
</el-tab-pane> </el-tab-pane>
</el-tabs> </el-tabs>
<template v-if="parseInt(tab) === 0 && !ingressNoData"> <template v-if="parseInt(tab) === 0 && !ingressNoData">
<div class="sankey__label" style="left: 5%;">External Locations</div> <div class="sankey__label" style="left: 5%;">{{$t('linkMonitor.externalLocations')}}</div>
<div class="sankey__label" style="left: 35%;">Next-Hop Internets</div> <div class="sankey__label" style="left: 35%;">{{$t('linkMonitor.nextHopInternet')}}</div>
<div class="sankey__label" style="left: 63%;">Links</div> <div class="sankey__label" style="left: 63%;">{{$t('linkMonitor.links')}}</div>
<div class="sankey__label" style="right: 9%; transform: translateX(50%)">Internal Locations</div> <div class="sankey__label" style="right: 9%; transform: translateX(50%)">{{$t('linkMonitor.internalLocations')}}</div>
</template> </template>
<template v-else-if="parseInt(tab) === 1 && !egressNoData"> <template v-else-if="parseInt(tab) === 1 && !egressNoData">
<div class="sankey__label" style="left: 5%;">Internal Locations</div> <div class="sankey__label" style="left: 5%;">{{$t('linkMonitor.internalLocations')}}</div>
<div class="sankey__label" style="left: 33.2%;">Links</div> <div class="sankey__label" style="left: 33.2%;">{{$t('linkMonitor.links')}}</div>
<div class="sankey__label" style="left: 64.5%;">Next-Hop Internets</div> <div class="sankey__label" style="left: 64.5%;">{{$t('linkMonitor.nextHopInternet')}}</div>
<div class="sankey__label" style="right: 9%; transform: translateX(50%)">External Locations</div> <div class="sankey__label" style="right: 9%; transform: translateX(50%)">{{$t('linkMonitor.externalLocations')}}</div>
</template> </template>
</div> </div>
</template> </template>

2
src/views/charts2/charts/networkOverview/NetworkOverviewApps.vue
View File

@@ -39,7 +39,7 @@
</div> </div>
<div class="app-card__body-unit">{{this.metric}}</div> <div class="app-card__body-unit">{{this.metric}}</div>
<div class="app-card__body-previous"> <div class="app-card__body-previous">
<div>Total</div> <div>{{$t('network.total')}}</div>
<div v-if="metric === 'Bits/s'" :test-id="`total${index}`">{{valueToRangeValue(app.total, unitTypes.byte).join(' ')}}</div> <div v-if="metric === 'Bits/s'" :test-id="`total${index}`">{{valueToRangeValue(app.total, unitTypes.byte).join(' ')}}</div>
<div v-else :test-id="`total${index}`">{{valueToRangeValue(app.total, unitTypes.number).join(' ')}}</div> <div v-else :test-id="`total${index}`">{{valueToRangeValue(app.total, unitTypes.number).join(' ')}}</div>
</div> </div>

8
src/views/charts2/charts/npm/NpmNetworkQuantity.vue
View File

@@ -36,17 +36,17 @@
<div class="single-value__circle"> <div class="single-value__circle">
<div class="single-value__circle-p95" :test-id="`singleValueP95${index}`"> <div class="single-value__circle-p95" :test-id="`singleValueP95${index}`">
<span v-if="index ===0 || index ===1 || index ===2"> <span v-if="index ===0 || index ===1 || index ===2">
P95:{{ valueToRangeValue(npm.P95, unitTypes.time).join(' ') }}</span> P95:&nbsp;{{ valueToRangeValue(npm.P95, unitTypes.time).join(' ') }}</span>
<span v-else> <span v-else>
P95:{{ valueToRangeValue(npm.P95, unitTypes.percent).join(' ') }} P95:&nbsp;{{ valueToRangeValue(npm.P95, unitTypes.percent).join(' ') }}
</span> </span>
</div> </div>
<div class="single-value__circle-p99" :test-id="`singleValueP99${index}`"> <div class="single-value__circle-p99" :test-id="`singleValueP99${index}`">
<span v-if="index ===0 || index ===1 || index ===2"> <span v-if="index ===0 || index ===1 || index ===2">
P99:{{ valueToRangeValue(npm.P99, unitTypes.time).join(' ') }} P99:&nbsp;{{ valueToRangeValue(npm.P99, unitTypes.time).join(' ') }}
</span> </span>
<span v-else> <span v-else>
P99:{{ valueToRangeValue(npm.P99, unitTypes.percent).join(' ') }} P99:&nbsp;{{ valueToRangeValue(npm.P99, unitTypes.percent).join(' ') }}
</span> </span>
</div> </div>
</div> </div>

2
src/views/detections/overview/DetectionSecurityEventOverview.vue
View File

@@ -148,7 +148,7 @@
</template> </template>
<template v-else-if="detection.darkweb"> <template v-else-if="detection.darkweb">
<div class="overview__row"> <div class="overview__row">
<div class="row__label">{{ $t('detection.nodeTypeLower') }}</div> <div class="row__label">{{ $t('detection.nodeType') }}</div>
<div class="row__content">{{ $_.get(detection, 'darkweb.nodeType', '-') || '-' }}</div> <div class="row__content">{{ $_.get(detection, 'darkweb.nodeType', '-') || '-' }}</div>
</div> </div>
<template v-if="$_.get(detection.darkweb, 'nodeType', '') === 'tor'"> <template v-if="$_.get(detection.darkweb, 'nodeType', '') === 'tor'">

2
src/views/entityExplorer/entityGraph/GraphEntityList.vue
View File

@@ -61,7 +61,7 @@
<div class="graph-list-item-value">{{ $_.get(item.detail, 'category.categoryName', '-') || '-' }}</div> <div class="graph-list-item-value">{{ $_.get(item.detail, 'category.categoryName', '-') || '-' }}</div>
</div> </div>
<div class="graph-list-item__app"> <div class="graph-list-item__app">
<div class="graph-list-item-label__app">{{$t('entities.group')}}:</div> <div class="graph-list-item-label__app">{{$t('entities.domainDetail.categoryGroup')}}:</div>
<div class="graph-list-item-value">{{ $_.get(item.detail, 'category.categoryGroup', '-') || '-' }}</div> <div class="graph-list-item-value">{{ $_.get(item.detail, 'category.categoryGroup', '-') || '-' }}</div>
</div> </div>
<div class="graph-list-item__app"> <div class="graph-list-item__app">

6
src/views/entityExplorer/entityList/Row.vue
View File

@@ -59,12 +59,12 @@
<div class="basic-info__item"> <div class="basic-info__item">
<i class="cn-icon cn-icon-category-group"></i> <i class="cn-icon cn-icon-category-group"></i>
<span class="row-item-label">{{ $t('entities.category') }}&nbsp;:&nbsp;&nbsp;</span> <span class="row-item-label">{{ $t('entities.category') }}&nbsp;:&nbsp;&nbsp;</span>
<span class="row-item-value" v-high-light="keywordList">{{ $_.get(entityData, 'category.categoryGroup', '-') || '-' }}</span> <span class="row-item-value" v-high-light="keywordList">{{ $_.get(entityData, 'category.categoryName', '-') || '-' }}</span>
</div> </div>
<div class="basic-info__item"> <div class="basic-info__item">
<i class="cn-icon cn-icon-sub-category"></i> <i class="cn-icon cn-icon-sub-category"></i>
<span class="row-item-label">{{ $t('entities.subcategory') }}&nbsp;:&nbsp;&nbsp;</span> <span class="row-item-label">{{ $t('entities.domainDetail.categoryGroup') }}&nbsp;:&nbsp;&nbsp;</span>
<span class="row-item-value" v-high-light="keywordList">{{ $_.get(entityData, 'category.categoryName', '-') || '-' }}</span> <span class="row-item-value" v-high-light="keywordList">{{ $_.get(entityData, 'category.categoryGroup', '-') || '-' }}</span>
</div> </div>
<div class="basic-info__item"> <div class="basic-info__item">
<i class="cn-icon cn-icon-credit-rating"></i> <i class="cn-icon cn-icon-credit-rating"></i>