gfwleak/nezha-nezha-fronted
Archived
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat： topo 补充国际化

Browse Source
This commit is contained in:
zhangyu
2023-02-23 18:00:33 +08:00
parent acd18071fc
commit bcbeaa1843
7 changed files with 69 additions and 62 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
nezha-fronted/src/assets/css/components/common/project/meta2dProps.scss
View File

@@ -51,6 +51,7 @@
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
margin-bottom: 15px; margin-bottom: 15px;
text-transform: capitalize;
} }
.form-row-content{ .form-row-content{
margin-bottom: 5px; margin-bottom: 5px;

14
nezha-fronted/src/components/common/project/meta2d/meta2dCanvas.vue
View File

@@ -3,13 +3,13 @@
<div class="form-row-box"> <div class="form-row-box">
<!-- backGround --> <!-- backGround -->
<div class="form-row-title"> <div class="form-row-title">
BackGround {{$t('project.topology.bac')}}
<i class="nz-icon nz-icon-arrow-down" @click="updateShow('backGround')"/> <i class="nz-icon nz-icon-arrow-down" @click="updateShow('backGround')"/>
</div> </div>
<div v-show="canvasProps.backGround" class="form-row-content"> <div v-show="canvasProps.backGround" class="form-row-content">
<div class="form-row-item"> <div class="form-row-item">
<div class="form-row-key"> <div class="form-row-key">
Background {{$t('project.topology.color')}}
</div> </div>
<div class="form-row-value"> <div class="form-row-value">
<nezhaColor <nezhaColor
@@ -20,7 +20,7 @@
</div> </div>
<div class="form-row-item"> <div class="form-row-item">
<div class="form-row-key"> <div class="form-row-key">
Image {{$t('project.topology.image')}}
</div> </div>
<div class="form-row-value"> <div class="form-row-value">
<!-- <el-input v-model="pen.image" size="small" @change="change('image')"/>--> <!-- <el-input v-model="pen.image" size="small" @change="change('image')"/>-->
@@ -29,7 +29,7 @@
</div> </div>
</div> </div>
<div class="form-row-title"> <div class="form-row-title">
Elements {{$t('project.topology.elements')}}
</div> </div>
<div class="form-row-content"> <div class="form-row-content">
<div class="form-row-item form-row-item-full"> <div class="form-row-item form-row-item-full">
@@ -52,6 +52,12 @@
<span> <span>
<i v-if="item.type !== 1" class="nz-icon nz-icon-zhengfangxing" /> <i v-if="item.type !== 1" class="nz-icon nz-icon-zhengfangxing" />
<i v-else class="nz-icon nz-icon-compare" /> <i v-else class="nz-icon nz-icon-compare" />
<span v-if="item.data.source!=='legend'" style="margin-left: 5px">
{{item.name}}
</span>
<span v-else style="margin-left: 5px">
{{item.name}}
</span>
</span> </span>
<span> <span>
<span @click.stop="penChange(item, 'locked')" class="pen-tools-item"> <span @click.stop="penChange(item, 'locked')" class="pen-tools-item">

6
nezha-fronted/src/components/common/project/meta2d/meta2dData.vue
View File

@@ -3,7 +3,7 @@
<div class="form-row-box chart-config"> <div class="form-row-box chart-config">
<div class="form-row-item form-row-item-full"> <div class="form-row-item form-row-item-full">
<div class="form-row-key"> <div class="form-row-key">
Time Range {{$t('project.topology.timeRange')}}
</div> </div>
<div class="form-row-value"> <div class="form-row-value">
<el-select v-model="dataTimeType" size="small" style="width: 100%"> <el-select v-model="dataTimeType" size="small" style="width: 100%">
@@ -142,7 +142,7 @@
<el-row style="margin-top: 18px;display: flex"> <el-row style="margin-top: 18px;display: flex">
<div class="form-row-item"> <div class="form-row-item">
<div class="form-row-key"> <div class="form-row-key">
Statistics {{$t('dashboard.panel.chartForm.statistics')}}
</div> </div>
<div class="form-row-value"> <div class="form-row-value">
<el-select v-model="expressionsShow[index-1].statistic" size="small"> <el-select v-model="expressionsShow[index-1].statistic" size="small">
@@ -152,7 +152,7 @@
</div> </div>
<div class="form-row-item"> <div class="form-row-item">
<div class="form-row-key"> <div class="form-row-key">
Unit {{$t('dashboard.panel.chartForm.unit')}}
</div> </div>
<div class="form-row-value"> <div class="form-row-value">
<el-cascader :id="'columns-unit'" v-model="expressionsShow[index-1].unit" :options="unitOptions" :props="{ expandTrigger: 'hover',emitPath:false }" :show-all-levels="false" filterable <el-cascader :id="'columns-unit'" v-model="expressionsShow[index-1].unit" :options="unitOptions" :props="{ expandTrigger: 'hover',emitPath:false }" :show-all-levels="false" filterable

92
nezha-fronted/src/components/common/project/meta2d/meta2dElement.vue
View File

@@ -7,7 +7,7 @@
<div class="form-row-box"> <div class="form-row-box">
<!-- Position --> <!-- Position -->
<div class="form-row-title"> <div class="form-row-title">
Position {{$t('project.topology.position')}}
<i class="nz-icon nz-icon-arrow-down" @click="updateShow('position')"/> <i class="nz-icon nz-icon-arrow-down" @click="updateShow('position')"/>
</div> </div>
<div v-show="elements.position" class="form-row-content"> <div v-show="elements.position" class="form-row-content">
@@ -51,7 +51,7 @@
</div> </div>
<div class="form-row-item"> <div class="form-row-item">
<div class="form-row-key"> <div class="form-row-key">
Width <div>{{ $t('dashboard.panel.chartForm.width') }}</div>
</div> </div>
<div class="form-row-value"> <div class="form-row-value">
<el-input-number <el-input-number
@@ -70,7 +70,7 @@
</div> </div>
<div class="form-row-item"> <div class="form-row-item">
<div class="form-row-key"> <div class="form-row-key">
Height <div>{{ $t('dashboard.panel.chartForm.high') }}</div>
</div> </div>
<div class="form-row-value"> <div class="form-row-value">
<el-input-number <el-input-number
@@ -89,7 +89,7 @@
</div> </div>
<div class="form-row-item"> <div class="form-row-item">
<div class="form-row-key"> <div class="form-row-key">
Lock aspect Ratio {{$t('project.topology.lockRatio')}}
</div> </div>
<div class="form-row-value"> <div class="form-row-value">
<el-switch <el-switch
@@ -102,7 +102,7 @@
</div> </div>
<div class="form-row-item"> <div class="form-row-item">
<div class="form-row-key"> <div class="form-row-key">
Rotate {{ $t('project.topology.rotate') }}（°）
</div> </div>
<div class="form-row-value"> <div class="form-row-value">
<el-input-number <el-input-number
@@ -125,13 +125,13 @@
<!-- Border --> <!-- Border -->
<div class="form-row-title"> <div class="form-row-title">
Border {{ $t('project.topology.border') }}
<i class="nz-icon nz-icon-arrow-down" @click="updateShow('border')"/> <i class="nz-icon nz-icon-arrow-down" @click="updateShow('border')"/>
</div> </div>
<div v-show="elements.border" class="form-row-content"> <div v-show="elements.border" class="form-row-content">
<div class="form-row-item "> <div class="form-row-item ">
<div class="form-row-key"> <div class="form-row-key">
Type {{$t('overall.type')}}
</div> </div>
<div class="form-row-value"> <div class="form-row-value">
<el-select :popper-append-to-body="true" v-model="pen.borderType" size="small" popper-class="right-box-select-top right-public-box-dropdown-top" <el-select :popper-append-to-body="true" v-model="pen.borderType" size="small" popper-class="right-box-select-top right-public-box-dropdown-top"
@@ -162,7 +162,7 @@
</div> </div>
<div class="form-row-item"> <div class="form-row-item">
<div class="form-row-key"> <div class="form-row-key">
Width {{ $t('dashboard.panel.chartForm.width') }}
</div> </div>
<div class="form-row-value"> <div class="form-row-value">
<el-input-number <el-input-number
@@ -182,7 +182,7 @@
</div> </div>
<div class="form-row-item"> <div class="form-row-item">
<div class="form-row-key"> <div class="form-row-key">
color {{ $t('project.topology.color') }}
</div> </div>
<div class="form-row-value"> <div class="form-row-value">
<nezhaColor <nezhaColor
@@ -193,7 +193,7 @@
</div> </div>
<div class="form-row-item"> <div class="form-row-item">
<div class="form-row-key"> <div class="form-row-key">
Radius {{ $t('project.topology.radius') }}
</div> </div>
<div class="form-row-value"> <div class="form-row-value">
<el-input-number <el-input-number
@@ -215,13 +215,13 @@
<!-- backGround --> <!-- backGround -->
<div class="form-row-title"> <div class="form-row-title">
BackGround {{$t('project.topology.bac')}}
<i class="nz-icon nz-icon-arrow-down" @click="updateShow('backGround')"/> <i class="nz-icon nz-icon-arrow-down" @click="updateShow('backGround')"/>
</div> </div>
<div v-show="elements.backGround" class="form-row-content"> <div v-show="elements.backGround" class="form-row-content">
<div class="form-row-item"> <div class="form-row-item">
<div class="form-row-key"> <div class="form-row-key">
color {{$t('project.topology.color')}}
</div> </div>
<div class="form-row-value"> <div class="form-row-value">
<nezhaColor <nezhaColor
@@ -232,7 +232,7 @@
</div> </div>
<div class="form-row-item"> <div class="form-row-item">
<div class="form-row-key"> <div class="form-row-key">
opacity {{$t('project.topology.opacity')}}
</div> </div>
<div class="form-row-value"> <div class="form-row-value">
<el-input-number <el-input-number
@@ -253,7 +253,7 @@
</div> </div>
<div class="form-row-item"> <div class="form-row-item">
<div class="form-row-key"> <div class="form-row-key">
Image {{$t('project.topology.image')}}
</div> </div>
<div class="form-row-value"> <div class="form-row-value">
<!-- <el-input v-model="pen.image" size="small" @change="change('image')"/>--> <!-- <el-input v-model="pen.image" size="small" @change="change('image')"/>-->
@@ -262,7 +262,7 @@
</div> </div>
<div class="form-row-item"> <div class="form-row-item">
<div class="form-row-key"> <div class="form-row-key">
是否保留长宽比 {{$t('project.topology.imageRatio')}}
</div> </div>
<div class="form-row-value"> <div class="form-row-value">
<el-switch <el-switch
@@ -277,13 +277,13 @@
<!-- text --> <!-- text -->
<div class="form-row-title"> <div class="form-row-title">
text {{$t('project.topology.text')}}
<i class="nz-icon nz-icon-arrow-down" @click="updateShow('text')"/> <i class="nz-icon nz-icon-arrow-down" @click="updateShow('text')"/>
</div> </div>
<div v-show="elements.text" class="form-row-content"> <div v-show="elements.text" class="form-row-content">
<div class="form-row-item"> <div class="form-row-item">
<div class="form-row-key"> <div class="form-row-key">
color {{$t('project.topology.color')}}
</div> </div>
<div class="form-row-value"> <div class="form-row-value">
<nezhaColor <nezhaColor
@@ -294,7 +294,7 @@
</div> </div>
<div class="form-row-item"> <div class="form-row-item">
<div class="form-row-key"> <div class="form-row-key">
fontSize {{$t('project.topology.fontSize')}}
</div> </div>
<div class="form-row-value"> <div class="form-row-value">
<el-input-number <el-input-number
@@ -314,7 +314,7 @@
</div> </div>
<div class="form-row-item"> <div class="form-row-item">
<div class="form-row-key"> <div class="form-row-key">
Align text {{ $t('project.topology.textAlign') }}
</div> </div>
<div class="form-row-value"> <div class="form-row-value">
<el-select :placeholder="$t('el.select.placeholder')" :popper-append-to-body="true" <el-select :placeholder="$t('el.select.placeholder')" :popper-append-to-body="true"
@@ -329,7 +329,7 @@
</div> </div>
<div class="form-row-item"> <div class="form-row-item">
<div class="form-row-key"> <div class="form-row-key">
Vertical text {{ $t('project.topology.textBaseline') }}
</div> </div>
<div class="form-row-value"> <div class="form-row-value">
<el-select :placeholder="$t('el.select.placeholder')" :popper-append-to-body="true" <el-select :placeholder="$t('el.select.placeholder')" :popper-append-to-body="true"
@@ -344,7 +344,7 @@
</div> </div>
<div class="form-row-item form-row-item-full"> <div class="form-row-item form-row-item-full">
<div class="form-row-key"> <div class="form-row-key">
Source {{$t('profile.source')}}
</div> </div>
<div class="form-row-value"> <div class="form-row-value">
<el-select :placeholder="$t('el.select.placeholder')" :popper-append-to-body="true" <el-select :placeholder="$t('el.select.placeholder')" :popper-append-to-body="true"
@@ -352,17 +352,17 @@
size="mini" size="mini"
v-model="pen.data.source" value-key="chartType" @change="change('data.source')"> v-model="pen.data.source" value-key="chartType" @change="change('data.source')">
<el-option :label="'Text'" :value="'text'"> <el-option :label="'Text'" :value="'text'">
<span class="panel-dropdown-label-txt">{{ 'Text' }}</span> <span class="panel-dropdown-label-txt">{{ $t('project.topology.text') }}</span>
</el-option> </el-option>
<el-option :label="'Legend'" :value="'legend'"> <el-option :label="'Legend'" :value="'legend'">
<span class="panel-dropdown-label-txt">{{ 'Legend' }}</span> <span class="panel-dropdown-label-txt">{{ $t('dashboard.panel.chartForm.legend') }}</span>
</el-option> </el-option>
</el-select> </el-select>
</div> </div>
</div> </div>
<div class="form-row-item form-row-item-full" v-if="pen.data.source !== 'legend'"> <div class="form-row-item form-row-item-full" v-if="pen.data.source !== 'legend'">
<div class="form-row-key"> <div class="form-row-key">
Content {{$t('dashboard.panel.chartForm.content')}}
</div> </div>
<div class="form-row-value"> <div class="form-row-value">
<el-input maxlength="256" show-word-limit v-model="pen.text" size="small" :rows="4" type="textarea" @change="change('text')"/> <el-input maxlength="256" show-word-limit v-model="pen.text" size="small" :rows="4" type="textarea" @change="change('text')"/>
@@ -372,7 +372,7 @@
<div class="form-row-value"> <div class="form-row-value">
<div class="form-row-item form-row-item-full"> <div class="form-row-item form-row-item-full">
<div class="form-row-key"> <div class="form-row-key">
Legend {{ $t('dashboard.panel.chartForm.legend') }}
</div> </div>
<div class="form-row-value"> <div class="form-row-value">
<div style="display: inline-block;width: calc(20% - 3px)"> <div style="display: inline-block;width: calc(20% - 3px)">
@@ -397,13 +397,13 @@
<div class="form-row-box"> <div class="form-row-box">
<!-- Line --> <!-- Line -->
<div class="form-row-title"> <div class="form-row-title">
Line {{$t('project.topology.line')}}
<i class="nz-icon nz-icon-arrow-down" @click="updateShow('line')"/> <i class="nz-icon nz-icon-arrow-down" @click="updateShow('line')"/>
</div> </div>
<div v-show="elements.line" class="form-row-content"> <div v-show="elements.line" class="form-row-content">
<div class="form-row-item"> <div class="form-row-item">
<div class="form-row-key"> <div class="form-row-key">
style {{$t('project.topology.style')}}
</div> </div>
<div class="form-row-value"> <div class="form-row-value">
<el-select :popper-append-to-body="true" v-model="pen.borderType" size="small" popper-class="right-box-select-top right-public-box-dropdown-top" <el-select :popper-append-to-body="true" v-model="pen.borderType" size="small" popper-class="right-box-select-top right-public-box-dropdown-top"
@@ -434,7 +434,7 @@
</div> </div>
<div class="form-row-item special-meta2d-select"> <div class="form-row-item special-meta2d-select">
<div class="form-row-key"> <div class="form-row-key">
Type {{$t('overall.type')}}
</div> </div>
<div class="form-row-value"> <div class="form-row-value">
<el-select :popper-append-to-body="true" v-model="pen.lineName" size="small" popper-class="right-box-select-top right-public-box-dropdown-top" <el-select :popper-append-to-body="true" v-model="pen.lineName" size="small" popper-class="right-box-select-top right-public-box-dropdown-top"
@@ -465,7 +465,7 @@
</div> </div>
<div class="form-row-item special-meta2d-select"> <div class="form-row-item special-meta2d-select">
<div class="form-row-key"> <div class="form-row-key">
From {{$t('project.topology.fromArrow')}}
</div> </div>
<div class="form-row-value"> <div class="form-row-value">
<el-select :popper-append-to-body="true" v-model="pen.fromArrow" size="small" popper-class="right-box-select-top right-public-box-dropdown-top" <el-select :popper-append-to-body="true" v-model="pen.fromArrow" size="small" popper-class="right-box-select-top right-public-box-dropdown-top"
@@ -515,7 +515,7 @@
</div> </div>
<div class="form-row-item special-meta2d-select"> <div class="form-row-item special-meta2d-select">
<div class="form-row-key"> <div class="form-row-key">
To {{$t('project.topology.toArrow')}}
</div> </div>
<div class="form-row-value"> <div class="form-row-value">
<el-select :popper-append-to-body="true" v-model="pen.toArrow" size="small" popper-class="right-box-select-top right-public-box-dropdown-top" <el-select :popper-append-to-body="true" v-model="pen.toArrow" size="small" popper-class="right-box-select-top right-public-box-dropdown-top"
@@ -565,7 +565,7 @@
</div> </div>
<div class="form-row-item"> <div class="form-row-item">
<div class="form-row-key"> <div class="form-row-key">
color {{$t('project.topology.color')}}
</div> </div>
<div class="form-row-value"> <div class="form-row-value">
<nezhaColor <nezhaColor
@@ -576,7 +576,7 @@
</div> </div>
<div class="form-row-item"> <div class="form-row-item">
<div class="form-row-key"> <div class="form-row-key">
width {{ $t('dashboard.panel.chartForm.width') }}
</div> </div>
<div class="form-row-value"> <div class="form-row-value">
<el-input-number <el-input-number
@@ -596,7 +596,7 @@
</div> </div>
<div class="form-row-item"> <div class="form-row-item">
<div class="form-row-key"> <div class="form-row-key">
border color {{$t('project.topology.borderColor')}}
</div> </div>
<div class="form-row-value"> <div class="form-row-value">
<nezhaColor <nezhaColor
@@ -607,7 +607,7 @@
</div> </div>
<div class="form-row-item"> <div class="form-row-item">
<div class="form-row-key"> <div class="form-row-key">
borderWidth {{$t('project.topology.borderWidth')}}
</div> </div>
<div class="form-row-value"> <div class="form-row-value">
<el-input-number <el-input-number
@@ -629,13 +629,13 @@
<!-- lineAnimate --> <!-- lineAnimate -->
<div class="form-row-title"> <div class="form-row-title">
Animate {{$t('project.topology.animate')}}
<i class="nz-icon nz-icon-arrow-down" @click="updateShow('lineAnimate')"/> <i class="nz-icon nz-icon-arrow-down" @click="updateShow('lineAnimate')"/>
</div> </div>
<div v-show="elements.lineAnimate" class="form-row-content"> <div v-show="elements.lineAnimate" class="form-row-content">
<div class="form-row-item"> <div class="form-row-item">
<div class="form-row-key"> <div class="form-row-key">
Type {{$t('overall.type')}}
</div> </div>
<div class="form-row-value"> <div class="form-row-value">
<el-select <el-select
@@ -655,7 +655,7 @@
</div> </div>
<div class="form-row-item"> <div class="form-row-item">
<div class="form-row-key"> <div class="form-row-key">
Speed (0 - 10) {{$t('project.topology.speed')}} (0 - 10)
</div> </div>
<div class="form-row-value"> <div class="form-row-value">
<el-input-number <el-input-number
@@ -676,7 +676,7 @@
</div> </div>
<div class="form-row-item"> <div class="form-row-item">
<div class="form-row-key"> <div class="form-row-key">
color {{$t('project.topology.color')}}
</div> </div>
<div class="form-row-value"> <div class="form-row-value">
<nezhaColor <nezhaColor
@@ -687,7 +687,7 @@
</div> </div>
<div class="form-row-item"> <div class="form-row-item">
<div class="form-row-key"> <div class="form-row-key">
Reverse {{$t('project.topology.reverse')}}
</div> </div>
<div class="form-row-value"> <div class="form-row-value">
<el-switch <el-switch
@@ -704,7 +704,7 @@
<!-- valueMapping --> <!-- valueMapping -->
<div class="form-row-title"> <div class="form-row-title">
Value mappings {{$t('dashboard.panel.chartForm.valueMapping')}}
<span> <span>
<el-switch <el-switch
v-model="pen.data.enable.valueMapping" v-model="pen.data.enable.valueMapping"
@@ -720,7 +720,7 @@
<div class="form-row-content"> <div class="form-row-content">
<div class="form-row-item form-row-item-full"> <div class="form-row-item form-row-item-full">
<div class="form-row-key"> <div class="form-row-key">
Legend {{$t('dashboard.panel.chartForm.legend')}}
</div> </div>
<div class="form-row-value"> <div class="form-row-value">
<div style="display: inline-block;width: calc(20% - 3px)"> <div style="display: inline-block;width: calc(20% - 3px)">
@@ -922,7 +922,7 @@
<!-- tooltip --> <!-- tooltip -->
<div class="form-row-title"> <div class="form-row-title">
Tooltip {{$t('project.topology.tooltip')}}
<span> <span>
<el-switch <el-switch
v-model="pen.data.enable.tooltip" v-model="pen.data.enable.tooltip"
@@ -937,7 +937,7 @@
<div v-show="elements.tooltip" class="form-row-content" v-if="pen.type !== 1"> <div v-show="elements.tooltip" class="form-row-content" v-if="pen.type !== 1">
<div class="form-row-item form-row-item-full"> <div class="form-row-item form-row-item-full">
<div class="form-row-key"> <div class="form-row-key">
Title {{$t('project.topology.title')}}
</div> </div>
<div class="form-row-value" style="display: flex"> <div class="form-row-value" style="display: flex">
<el-input v-model="pen.data.tooltip.title" size="small" style="flex: 1"/> <el-input v-model="pen.data.tooltip.title" size="small" style="flex: 1"/>
@@ -950,7 +950,7 @@
</div> </div>
<div class="form-row-item form-row-item-full"> <div class="form-row-item form-row-item-full">
<div class="form-row-key"> <div class="form-row-key">
Type {{$t('overall.type')}}
</div> </div>
<div class="form-row-value"> <div class="form-row-value">
<el-input v-model="pen.data.tooltip.chartType" /> <el-input v-model="pen.data.tooltip.chartType" />
@@ -958,7 +958,7 @@
</div> </div>
<div class="form-row-item form-row-item-full"> <div class="form-row-item form-row-item-full">
<div class="form-row-key"> <div class="form-row-key">
Content {{$t('dashboard.panel.chartForm.content')}}
</div> </div>
<div class="form-row-value"> <div class="form-row-value">
<el-input maxlength="256" show-word-limit v-model="pen.data.tooltip.content" size="small" :rows="4" type="textarea"/> <el-input maxlength="256" show-word-limit v-model="pen.data.tooltip.content" size="small" :rows="4" type="textarea"/>
@@ -966,7 +966,7 @@
</div> </div>
<div class="form-row-item form-row-item-full chart-config"> <div class="form-row-item form-row-item-full chart-config">
<div class="form-row-key" style="margin-bottom: 5px"> <div class="form-row-key" style="margin-bottom: 5px">
Legends {{$t('project.topology.legends')}}
</div> </div>
<div class="form-row-value" style="margin-bottom: 10px" v-for="legend in pen.data.tooltip.legends" :key="legend.parent + legend.legend"> <div class="form-row-value" style="margin-bottom: 10px" v-for="legend in pen.data.tooltip.legends" :key="legend.parent + legend.legend">
<div style="display: inline-block;width: calc(20% - 3px)"> <div style="display: inline-block;width: calc(20% - 3px)">

2
nezha-fronted/src/components/common/project/meta2d/meta2dMain.vue
View File

@@ -26,7 +26,7 @@
<CanvasContextMenu :meta2dId="meta2dId" :selectPens.sync="selectPens"></CanvasContextMenu> <CanvasContextMenu :meta2dId="meta2dId" :selectPens.sync="selectPens"></CanvasContextMenu>
</div> </div>
<div <div
v-show="position.show && !editFlag" v-show="position.show && (!editFlag || isPreview )"
@mouseleave="tooltipOut" @mouseleave="tooltipOut"
@mouseenter="tooltipOver" @mouseenter="tooltipOver"
style="position: absolute" style="position: absolute"

6
nezha-fronted/src/components/common/project/meta2d/meta2dProps.vue
View File

@@ -1,13 +1,13 @@
<template> <template>
<div class="props-box props" @keypress.stop="" @keydown.stop="" @keyup.stop=""> <div class="props-box props" @keypress.stop="" @keydown.stop="" @keyup.stop="">
<el-tabs v-model="activeName" type="card" :before-leave="beforeLeave"> <el-tabs v-model="activeName" type="card" :before-leave="beforeLeave">
<el-tab-pane label="elements" name="elements" v-if="selectPens.length === 1"> <el-tab-pane :label="$t('project.topology.element')" name="elements" v-if="selectPens.length === 1">
<meta2dElement :selectPens.sync="selectPens" @change="change" :elements="elements"/> <meta2dElement :selectPens.sync="selectPens" @change="change" :elements="elements"/>
</el-tab-pane> </el-tab-pane>
<el-tab-pane label="canvas" name="canvas"> <el-tab-pane :label="$t('project.topology.canvas')" name="canvas">
<meta2dCanvas :canvasProps="canvasProps" :meta2dId='meta2dId' @changeActiveName="changeActiveName" ref ='meta2dCanvas'/> <meta2dCanvas :canvasProps="canvasProps" :meta2dId='meta2dId' @changeActiveName="changeActiveName" ref ='meta2dCanvas'/>
</el-tab-pane> </el-tab-pane>
<el-tab-pane label="data" name="data"> <el-tab-pane :label="$t('project.topology.data')" name="data">
<meta2dData :querysArray.sync="querysArray" :params.sync="params" ref="meta2dData"/> <meta2dData :querysArray.sync="querysArray" :params.sync="params" ref="meta2dData"/>
</el-tab-pane> </el-tab-pane>
</el-tabs> </el-tabs>

10
nezha-fronted/src/components/common/project/meta2d/topologyTopTool.vue
View File

@@ -1,6 +1,6 @@
<template> <template>
<div class="tool-top" id="tool-top" @mouseup="changeDrawLineFlag(false)"> <div class="tool-top" id="tool-top" @mouseup="changeDrawLineFlag(false)">
<div id="tools-left-drag" class="top-tool-item" :title="'add node'" :class="dragstartFlag ? 'is-active-meta2d' : ''"> <div id="tools-left-drag" class="top-tool-item" :title="$t('project.topology.addNode')" :class="dragstartFlag ? 'is-active-meta2d' : ''">
<div <div
draggable="true" draggable="true"
@mousedown="changeState('dragstartFlag')" @mousedown="changeState('dragstartFlag')"
@@ -13,7 +13,7 @@
class="top-tool-item" class="top-tool-item"
:class="drawLineFlag ? 'is-active-meta2d' : ''" :class="drawLineFlag ? 'is-active-meta2d' : ''"
@click="changeState('drawLineFlag')" @click="changeState('drawLineFlag')"
:title="'add line'"> :title="$t('project.topology.addLine')">
<i class="nz-icon nz-icon-compare" /> <i class="nz-icon nz-icon-compare" />
</div> </div>
<div id="undo" <div id="undo"
@@ -71,7 +71,7 @@
</el-switch> </el-switch>
</div> </div>
<div class="top-tool-item top-tool-item-switch"> <div class="top-tool-item top-tool-item-switch">
<label>{{$t('Thumbnail')}}</label> <label>{{$t('project.topology.thumbnail')}}</label>
<el-switch <el-switch
v-model="option.map" v-model="option.map"
:active-value="true" :active-value="true"
@@ -165,7 +165,7 @@ export default {
onDragstart (e) { onDragstart (e) {
const pen = { const pen = {
name: 'rectangle', name: 'rectangle',
text: '矩形', text: 'rectangle',
width: 100, width: 100,
height: 100 height: 100
} }
@@ -176,7 +176,7 @@ export default {
onTouchstart (e) { onTouchstart (e) {
const pen = { const pen = {
name: 'rectangle', name: 'rectangle',
text: '矩形', text: 'rectangle',
width: 100, width: 100,
height: 100 height: 100
} }