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

fix； 修改拓扑图框选的排版选项

Browse Source
This commit is contained in:
zhangyu
2021-07-14 13:50:51 +08:00
parent 0e63e13259
commit ee536f2408
3 changed files with 19 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
nezha-fronted/src/components/common/language/cn.js
View File

@@ -1438,6 +1438,7 @@ const cn = {
previewExit: '继续编辑', previewExit: '继续编辑',
iconColor: '图标颜色', iconColor: '图标颜色',
maxWidth: '最大宽度', maxWidth: '最大宽度',
maxCount: '水平个数',
nodeWidth: '节点宽度', nodeWidth: '节点宽度',
nodeHeight: '节点高度', nodeHeight: '节点高度',
spaceWidth: '水平间距', spaceWidth: '水平间距',

1
nezha-fronted/src/components/common/language/en.js
View File

@@ -1442,6 +1442,7 @@ const en = {
previewExit: 'Continue', previewExit: 'Continue',
iconColor: 'Icon color', iconColor: 'Icon color',
maxWidth: 'Max width', maxWidth: 'Max width',
maxCount: 'Max count',
nodeWidth: 'Node width', nodeWidth: 'Node width',
nodeHeight: 'Node height', nodeHeight: 'Node height',
spaceWidth: 'Space width', spaceWidth: 'Space width',

26
nezha-fronted/src/components/common/project/L5/CanvasProps.vue
View File

@@ -729,45 +729,53 @@
<!--排版--> <!--排版-->
<el-collapse-item title="排版" name="2" v-if="selection.pens"> <el-collapse-item title="排版" name="2" v-if="selection.pens">
<div class="mt10"> <div class="mt10">
<!-- <div class="flex middle mb10">-->
<!-- <label>{{$t('project.topology.maxWidth')}}：</label>-->
<!-- <div class="full pr10">-->
<!-- <el-input-number :precision="0" controls-position="right" type="number" class="input" size="small"-->
<!-- v-model.number="layout.maxWidth" ></el-input-number>-->
<!-- </div>-->
<!-- </div>-->
<div class="flex middle mb10"> <div class="flex middle mb10">
<label>{{$t('project.topology.maxWidth')}}：</label> <label>{{$t('project.topology.maxCount')}}：</label>
<div class="full pr10"> <div class="full pr10">
<el-input-number :precision="0" controls-position="right" type="number" class="input" size="small" <el-input-number :precision="0" type="number" controls-position="right" class="input" size="small"
v-model.number="layout.maxWidth" title="超出最大宽度换行"></el-input-number> v-model.number="layout.maxCount"
title=""></el-input-number>
</div> </div>
</div> </div>
<div class="flex middle mb10"> <div class="flex middle mb10">
<label>{{$t('project.topology.nodeWidth')}}：</label> <label>{{$t('project.topology.nodeWidth')}}：</label>
<div class="full pr10"> <div class="full pr10">
<el-input-number :precision="0" controls-position="right" type="number" class="input" size="small" <el-input-number :precision="0" controls-position="right" type="number" class="input" size="small"
v-model.number="layout.nodeWidth" title="固定每个节点的宽度"></el-input-number> v-model.number="layout.nodeWidth" title=""></el-input-number>
</div> </div>
</div> </div>
<div class="flex middle mb10"> <div class="flex middle mb10">
<label>{{$t('project.topology.nodeHeight')}}：</label> <label>{{$t('project.topology.nodeHeight')}}：</label>
<div class="full pr10"> <div class="full pr10">
<el-input-number :precision="0" controls-position="right" type="number" class="input" size="small" <el-input-number :precision="0" controls-position="right" type="number" class="input" size="small"
v-model.number="layout.nodeHeight" title="固定每个节点的高度"></el-input-number> v-model.number="layout.nodeHeight" title=""></el-input-number>
</div> </div>
</div> </div>
<div class="flex middle mb10"> <div class="flex middle mb10">
<label>{{$t('project.topology.spaceWidth')}}：</label> <label>{{$t('project.topology.spaceWidth')}}：</label>
<div class="full pr10"> <div class="full pr10">
<el-input-number :precision="0" controls-position="right" type="number" class="input" size="small" <el-input-number :precision="0" controls-position="right" type="number" class="input" size="small"
v-model.number="layout.spaceWidth" title="节点之间水平间距（px）"></el-input-number> v-model.number="layout.spaceWidth" title=""></el-input-number>
</div> </div>
</div> </div>
<div class="flex middle mb10"> <div class="flex middle mb10">
<label>{{$t('project.topology.spaceHeight')}}：</label> <label>{{$t('project.topology.spaceHeight')}}：</label>
<div class="full pr10"> <div class="full pr10">
<el-input-number :precision="0" controls-position="right" type="number" class="input" size="small" <el-input-number :precision="0" controls-position="right" type="number" class="input" size="small"
v-model.number="layout.spaceHeight" title="节点之间垂直间距（px）"></el-input-number> v-model.number="layout.spaceHeight" title=""></el-input-number>
</div> </div>
</div> </div>
<div class="flex middle"> <div class="flex middle">
<label></label> <label></label>
<div class="full pr10"> <div class="full pr10">
<button class="button primary" @click="onLayout">{{$t('project.topology.onLayout')}}</button> <button class="button primary nz-btn nz-btn-size-mini-new nz-btn-style-light-new" @click="onLayout">{{$t('project.topology.onLayout')}}</button>
</div> </div>
</div> </div>
</div> </div>
@@ -1163,7 +1171,7 @@ export default {
desc: '水平居中' desc: '水平居中'
}], }],
layout: { // 显示对应属性 layout: { // 显示对应属性
maxWidth: 1000, maxWidth: undefined,
nodeWidth: 0, nodeWidth: 0,
nodeHeight: 0, nodeHeight: 0,
maxCount: 0, maxCount: 0,