Merge pull request #3464 from dataease/pr@dev@fix_label_name

fix(视图): 修复指标卡视图名称设定不显示时没有缩略相关配置项的问题
This commit is contained in:
xuwei-fit2cloud 2022-10-26 18:01:56 +08:00 committed by GitHub
commit 0056e50110
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 178 additions and 174 deletions

View File

@ -541,97 +541,99 @@
@change="changeBarSizeCase('dimensionShow')"
>{{ $t('chart.show') }}</el-checkbox>
</el-form-item>
<el-form-item
v-show="showProperty('dimensionFontSize')"
:label="$t('chart.dimension_font_size')"
class="form-item"
>
<el-select
v-model="sizeForm.dimensionFontSize"
:placeholder="$t('chart.dimension_font_size')"
@change="changeBarSizeCase('dimensionFontSize')"
<div v-show="sizeForm.dimensionShow">
<el-form-item
v-show="showProperty('dimensionFontSize')"
:label="$t('chart.dimension_font_size')"
class="form-item"
>
<el-option
v-for="option in fontSize"
:key="option.value"
:label="option.name"
:value="option.value"
/>
</el-select>
</el-form-item>
<el-form-item
v-show="showProperty('dimensionFontFamily')"
:label="$t('chart.dimension_font_family')"
class="form-item"
>
<el-select
v-model="sizeForm.dimensionFontFamily"
:placeholder="$t('chart.dimension_font_family')"
@change="changeBarSizeCase('dimensionFontFamily')"
<el-select
v-model="sizeForm.dimensionFontSize"
:placeholder="$t('chart.dimension_font_size')"
@change="changeBarSizeCase('dimensionFontSize')"
>
<el-option
v-for="option in fontSize"
:key="option.value"
:label="option.name"
:value="option.value"
/>
</el-select>
</el-form-item>
<el-form-item
v-show="showProperty('dimensionFontFamily')"
:label="$t('chart.dimension_font_family')"
class="form-item"
>
<el-option
v-for="option in fontFamily"
:key="option.value"
:label="option.name"
:value="option.value"
/>
</el-select>
</el-form-item>
<el-form-item
v-show="showProperty('dimensionFontStyle')"
:label="$t('chart.dimension_text_style')"
class="form-item"
>
<el-checkbox
v-model="sizeForm.dimensionFontIsItalic"
@change="changeBarSizeCase('dimensionFontIsItalic')"
>{{ $t('chart.italic') }}</el-checkbox>
<el-checkbox
v-model="sizeForm.dimensionFontIsBolder"
@change="changeBarSizeCase('dimensionFontIsBolder')"
>{{ $t('chart.bolder') }}</el-checkbox>
</el-form-item>
<el-form-item
v-show="showProperty('dimensionLetterSpace')"
:label="$t('chart.dimension_letter_space')"
class="form-item"
>
<el-select
v-model="sizeForm.dimensionLetterSpace"
:placeholder="$t('chart.dimension_letter_space')"
@change="changeBarSizeCase('dimensionLetterSpace')"
<el-select
v-model="sizeForm.dimensionFontFamily"
:placeholder="$t('chart.dimension_font_family')"
@change="changeBarSizeCase('dimensionFontFamily')"
>
<el-option
v-for="option in fontFamily"
:key="option.value"
:label="option.name"
:value="option.value"
/>
</el-select>
</el-form-item>
<el-form-item
v-show="showProperty('dimensionFontStyle')"
:label="$t('chart.dimension_text_style')"
class="form-item"
>
<el-option
v-for="option in fontLetterSpace"
:key="option.value"
:label="option.name"
:value="option.value"
<el-checkbox
v-model="sizeForm.dimensionFontIsItalic"
@change="changeBarSizeCase('dimensionFontIsItalic')"
>{{ $t('chart.italic') }}</el-checkbox>
<el-checkbox
v-model="sizeForm.dimensionFontIsBolder"
@change="changeBarSizeCase('dimensionFontIsBolder')"
>{{ $t('chart.bolder') }}</el-checkbox>
</el-form-item>
<el-form-item
v-show="showProperty('dimensionLetterSpace')"
:label="$t('chart.dimension_letter_space')"
class="form-item"
>
<el-select
v-model="sizeForm.dimensionLetterSpace"
:placeholder="$t('chart.dimension_letter_space')"
@change="changeBarSizeCase('dimensionLetterSpace')"
>
<el-option
v-for="option in fontLetterSpace"
:key="option.value"
:label="option.name"
:value="option.value"
/>
</el-select>
</el-form-item>
<el-form-item
v-show="showProperty('dimensionFontShadow')"
:label="$t('chart.font_shadow')"
class="form-item"
>
<el-checkbox
v-model="sizeForm.dimensionFontShadow"
@change="changeBarSizeCase('dimensionFontShadow')"
>{{ $t('chart.font_shadow') }}</el-checkbox>
</el-form-item>
<el-divider v-if="showProperty('spaceSplit')" />
<el-form-item
v-show="showProperty('spaceSplit')"
:label="$t('chart.space_split')"
class="form-item"
>
<el-input-number
v-model="sizeForm.spaceSplit"
:min="0"
size="mini"
@change="changeBarSizeCase('spaceSplit')"
/>
</el-select>
</el-form-item>
<el-form-item
v-show="showProperty('dimensionFontShadow')"
:label="$t('chart.font_shadow')"
class="form-item"
>
<el-checkbox
v-model="sizeForm.dimensionFontShadow"
@change="changeBarSizeCase('dimensionFontShadow')"
>{{ $t('chart.font_shadow') }}</el-checkbox>
</el-form-item>
<el-divider v-if="showProperty('spaceSplit')" />
<el-form-item
v-show="showProperty('spaceSplit')"
:label="$t('chart.space_split')"
class="form-item"
>
<el-input-number
v-model="sizeForm.spaceSplit"
:min="0"
size="mini"
@change="changeBarSizeCase('spaceSplit')"
/>
</el-form-item>
</el-form-item>
</div>
<!--text&label-end-->
<!--scatter-begin-->
<el-form-item

View File

@ -892,97 +892,99 @@
@change="changeBarSizeCase('dimensionShow')"
>{{ $t('chart.show') }}</el-checkbox>
</el-form-item>
<el-form-item
v-show="showProperty('dimensionFontSize')"
:label="$t('chart.dimension_font_size')"
class="form-item"
>
<el-select
v-model="sizeForm.dimensionFontSize"
:placeholder="$t('chart.dimension_font_size')"
@change="changeBarSizeCase('dimensionFontSize')"
<div v-show="sizeForm.dimensionShow">
<el-form-item
v-show="showProperty('dimensionFontSize')"
:label="$t('chart.dimension_font_size')"
class="form-item"
>
<el-option
v-for="option in fontSize"
:key="option.value"
:label="option.name"
:value="option.value"
/>
</el-select>
</el-form-item>
<el-form-item
v-show="showProperty('dimensionFontFamily')"
:label="$t('chart.dimension_font_family')"
class="form-item"
>
<el-select
v-model="sizeForm.dimensionFontFamily"
:placeholder="$t('chart.dimension_font_family')"
@change="changeBarSizeCase('dimensionFontFamily')"
<el-select
v-model="sizeForm.dimensionFontSize"
:placeholder="$t('chart.dimension_font_size')"
@change="changeBarSizeCase('dimensionFontSize')"
>
<el-option
v-for="option in fontSize"
:key="option.value"
:label="option.name"
:value="option.value"
/>
</el-select>
</el-form-item>
<el-form-item
v-show="showProperty('dimensionFontFamily')"
:label="$t('chart.dimension_font_family')"
class="form-item"
>
<el-option
v-for="option in fontFamily"
:key="option.value"
:label="option.name"
:value="option.value"
/>
</el-select>
</el-form-item>
<el-form-item
v-show="showProperty('dimensionFontStyle')"
:label="$t('chart.dimension_text_style')"
class="form-item"
>
<el-checkbox
v-model="sizeForm.dimensionFontIsItalic"
@change="changeBarSizeCase('dimensionFontIsItalic')"
>{{ $t('chart.italic') }}</el-checkbox>
<el-checkbox
v-model="sizeForm.dimensionFontIsBolder"
@change="changeBarSizeCase('dimensionFontIsBolder')"
>{{ $t('chart.bolder') }}</el-checkbox>
</el-form-item>
<el-form-item
v-show="showProperty('dimensionLetterSpace')"
:label="$t('chart.dimension_letter_space')"
class="form-item"
>
<el-select
v-model="sizeForm.dimensionLetterSpace"
:placeholder="$t('chart.dimension_letter_space')"
@change="changeBarSizeCase('dimensionLetterSpace')"
<el-select
v-model="sizeForm.dimensionFontFamily"
:placeholder="$t('chart.dimension_font_family')"
@change="changeBarSizeCase('dimensionFontFamily')"
>
<el-option
v-for="option in fontFamily"
:key="option.value"
:label="option.name"
:value="option.value"
/>
</el-select>
</el-form-item>
<el-form-item
v-show="showProperty('dimensionFontStyle')"
:label="$t('chart.dimension_text_style')"
class="form-item"
>
<el-option
v-for="option in fontLetterSpace"
:key="option.value"
:label="option.name"
:value="option.value"
<el-checkbox
v-model="sizeForm.dimensionFontIsItalic"
@change="changeBarSizeCase('dimensionFontIsItalic')"
>{{ $t('chart.italic') }}</el-checkbox>
<el-checkbox
v-model="sizeForm.dimensionFontIsBolder"
@change="changeBarSizeCase('dimensionFontIsBolder')"
>{{ $t('chart.bolder') }}</el-checkbox>
</el-form-item>
<el-form-item
v-show="showProperty('dimensionLetterSpace')"
:label="$t('chart.dimension_letter_space')"
class="form-item"
>
<el-select
v-model="sizeForm.dimensionLetterSpace"
:placeholder="$t('chart.dimension_letter_space')"
@change="changeBarSizeCase('dimensionLetterSpace')"
>
<el-option
v-for="option in fontLetterSpace"
:key="option.value"
:label="option.name"
:value="option.value"
/>
</el-select>
</el-form-item>
<el-form-item
v-show="showProperty('dimensionFontShadow')"
:label="$t('chart.font_shadow')"
class="form-item"
>
<el-checkbox
v-model="sizeForm.dimensionFontShadow"
@change="changeBarSizeCase('dimensionFontShadow')"
>{{ $t('chart.font_shadow') }}</el-checkbox>
</el-form-item>
<el-divider v-if="showProperty('spaceSplit')" />
<el-form-item
v-show="showProperty('spaceSplit')"
:label="$t('chart.space_split')"
class="form-item"
>
<el-input-number
v-model="sizeForm.spaceSplit"
:min="0"
size="mini"
@change="changeBarSizeCase('spaceSplit')"
/>
</el-select>
</el-form-item>
<el-form-item
v-show="showProperty('dimensionFontShadow')"
:label="$t('chart.font_shadow')"
class="form-item"
>
<el-checkbox
v-model="sizeForm.dimensionFontShadow"
@change="changeBarSizeCase('dimensionFontShadow')"
>{{ $t('chart.font_shadow') }}</el-checkbox>
</el-form-item>
<el-divider v-if="showProperty('spaceSplit')" />
<el-form-item
v-show="showProperty('spaceSplit')"
:label="$t('chart.space_split')"
class="form-item"
>
<el-input-number
v-model="sizeForm.spaceSplit"
:min="0"
size="mini"
@change="changeBarSizeCase('spaceSplit')"
/>
</el-form-item>
</el-form-item>
</div>
<!--text&label-end-->
<!--scatter-begin-->
<el-form-item