fix(视图): 修复指标卡视图名称设定不显示时没有缩略相关配置项的问题

This commit is contained in:
junjun 2022-10-26 17:30:21 +08:00
parent 0cb0e3ff79
commit d31138c562
2 changed files with 178 additions and 174 deletions

View File

@ -541,97 +541,99 @@
@change="changeBarSizeCase('dimensionShow')" @change="changeBarSizeCase('dimensionShow')"
>{{ $t('chart.show') }}</el-checkbox> >{{ $t('chart.show') }}</el-checkbox>
</el-form-item> </el-form-item>
<el-form-item <div v-show="sizeForm.dimensionShow">
v-show="showProperty('dimensionFontSize')" <el-form-item
:label="$t('chart.dimension_font_size')" v-show="showProperty('dimensionFontSize')"
class="form-item" :label="$t('chart.dimension_font_size')"
> class="form-item"
<el-select
v-model="sizeForm.dimensionFontSize"
:placeholder="$t('chart.dimension_font_size')"
@change="changeBarSizeCase('dimensionFontSize')"
> >
<el-option <el-select
v-for="option in fontSize" v-model="sizeForm.dimensionFontSize"
:key="option.value" :placeholder="$t('chart.dimension_font_size')"
:label="option.name" @change="changeBarSizeCase('dimensionFontSize')"
:value="option.value" >
/> <el-option
</el-select> v-for="option in fontSize"
</el-form-item> :key="option.value"
<el-form-item :label="option.name"
v-show="showProperty('dimensionFontFamily')" :value="option.value"
:label="$t('chart.dimension_font_family')" />
class="form-item" </el-select>
> </el-form-item>
<el-select <el-form-item
v-model="sizeForm.dimensionFontFamily" v-show="showProperty('dimensionFontFamily')"
:placeholder="$t('chart.dimension_font_family')" :label="$t('chart.dimension_font_family')"
@change="changeBarSizeCase('dimensionFontFamily')" class="form-item"
> >
<el-option <el-select
v-for="option in fontFamily" v-model="sizeForm.dimensionFontFamily"
:key="option.value" :placeholder="$t('chart.dimension_font_family')"
:label="option.name" @change="changeBarSizeCase('dimensionFontFamily')"
:value="option.value" >
/> <el-option
</el-select> v-for="option in fontFamily"
</el-form-item> :key="option.value"
<el-form-item :label="option.name"
v-show="showProperty('dimensionFontStyle')" :value="option.value"
:label="$t('chart.dimension_text_style')" />
class="form-item" </el-select>
> </el-form-item>
<el-checkbox <el-form-item
v-model="sizeForm.dimensionFontIsItalic" v-show="showProperty('dimensionFontStyle')"
@change="changeBarSizeCase('dimensionFontIsItalic')" :label="$t('chart.dimension_text_style')"
>{{ $t('chart.italic') }}</el-checkbox> class="form-item"
<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 <el-checkbox
v-for="option in fontLetterSpace" v-model="sizeForm.dimensionFontIsItalic"
:key="option.value" @change="changeBarSizeCase('dimensionFontIsItalic')"
:label="option.name" >{{ $t('chart.italic') }}</el-checkbox>
:value="option.value" <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> </div>
<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>
<!--text&label-end--> <!--text&label-end-->
<!--scatter-begin--> <!--scatter-begin-->
<el-form-item <el-form-item

View File

@ -892,97 +892,99 @@
@change="changeBarSizeCase('dimensionShow')" @change="changeBarSizeCase('dimensionShow')"
>{{ $t('chart.show') }}</el-checkbox> >{{ $t('chart.show') }}</el-checkbox>
</el-form-item> </el-form-item>
<el-form-item <div v-show="sizeForm.dimensionShow">
v-show="showProperty('dimensionFontSize')" <el-form-item
:label="$t('chart.dimension_font_size')" v-show="showProperty('dimensionFontSize')"
class="form-item" :label="$t('chart.dimension_font_size')"
> class="form-item"
<el-select
v-model="sizeForm.dimensionFontSize"
:placeholder="$t('chart.dimension_font_size')"
@change="changeBarSizeCase('dimensionFontSize')"
> >
<el-option <el-select
v-for="option in fontSize" v-model="sizeForm.dimensionFontSize"
:key="option.value" :placeholder="$t('chart.dimension_font_size')"
:label="option.name" @change="changeBarSizeCase('dimensionFontSize')"
:value="option.value" >
/> <el-option
</el-select> v-for="option in fontSize"
</el-form-item> :key="option.value"
<el-form-item :label="option.name"
v-show="showProperty('dimensionFontFamily')" :value="option.value"
:label="$t('chart.dimension_font_family')" />
class="form-item" </el-select>
> </el-form-item>
<el-select <el-form-item
v-model="sizeForm.dimensionFontFamily" v-show="showProperty('dimensionFontFamily')"
:placeholder="$t('chart.dimension_font_family')" :label="$t('chart.dimension_font_family')"
@change="changeBarSizeCase('dimensionFontFamily')" class="form-item"
> >
<el-option <el-select
v-for="option in fontFamily" v-model="sizeForm.dimensionFontFamily"
:key="option.value" :placeholder="$t('chart.dimension_font_family')"
:label="option.name" @change="changeBarSizeCase('dimensionFontFamily')"
:value="option.value" >
/> <el-option
</el-select> v-for="option in fontFamily"
</el-form-item> :key="option.value"
<el-form-item :label="option.name"
v-show="showProperty('dimensionFontStyle')" :value="option.value"
:label="$t('chart.dimension_text_style')" />
class="form-item" </el-select>
> </el-form-item>
<el-checkbox <el-form-item
v-model="sizeForm.dimensionFontIsItalic" v-show="showProperty('dimensionFontStyle')"
@change="changeBarSizeCase('dimensionFontIsItalic')" :label="$t('chart.dimension_text_style')"
>{{ $t('chart.italic') }}</el-checkbox> class="form-item"
<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 <el-checkbox
v-for="option in fontLetterSpace" v-model="sizeForm.dimensionFontIsItalic"
:key="option.value" @change="changeBarSizeCase('dimensionFontIsItalic')"
:label="option.name" >{{ $t('chart.italic') }}</el-checkbox>
:value="option.value" <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> </div>
<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>
<!--text&label-end--> <!--text&label-end-->
<!--scatter-begin--> <!--scatter-begin-->
<el-form-item <el-form-item