lxm_front/AJ-Report
1
0
Fork 0
mirror of https://gitee.com/anji-plus/report.git synced 2026-03-20 09:38:35 +08:00
Code Issues Projects Releases Wiki Activity

大屏设计器-表格组件表头表体增加文字格式属性

Browse Source
This commit is contained in:
qianming
2024-08-07 16:29:26 +08:00
parent 651a84d1d4
commit 174546d330
2 changed files with 88 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

82
report-ui/src/views/bigscreenDesigner/designer/tools/configure/texts/widget-table.js
View File

@@ -79,6 +79,47 @@ export const widgetTable = {
placeholder: '',
value: '#fff',
},
{
type: 'el-select',
label: '字体粗细',
name: 'headTextFontWeight',
required: false,
placeholder: '',
selectOptions: [
{code: 'normal', name: '正常'},
{code: 'bold', name: '粗体'},
{code: 'bolder', name: '特粗体'},
{code: 'lighter', name: '细体'}
],
value: 'normal'
},
{
type: 'el-select',
label: '字体风格',
name: 'headTextFontStyle',
required: false,
placeholder: '',
selectOptions: [
{code: 'normal', name: '正常'},
{code: 'italic', name: 'italic斜体'},
{code: 'oblique', name: 'oblique斜体'},
],
value: 'normal'
},
{
type: 'el-select',
label: '字体系列',
name: 'headTextFontFamily',
required: false,
placeholder: '',
selectOptions: [
{code: 'sans-serif', name: 'sans-serif'},
{code: 'serif', name: 'serif'},
{code: 'Arial', name: 'Arial'},
{code: 'Courier New', name: 'Courier New'},
],
value: 'sans-serif'
},
{
type: 'vue-color',
label: '表头背景色',
@@ -121,6 +162,47 @@ export const widgetTable = {
placeholder: '',
value: '#fff',
},
{
type: 'el-select',
label: '字体粗细',
name: 'bodyTextFontWeight',
required: false,
placeholder: '',
selectOptions: [
{code: 'normal', name: '正常'},
{code: 'bold', name: '粗体'},
{code: 'bolder', name: '特粗体'},
{code: 'lighter', name: '细体'}
],
value: 'normal'
},
{
type: 'el-select',
label: '字体风格',
name: 'bodyTextFontStyle',
required: false,
placeholder: '',
selectOptions: [
{code: 'normal', name: '正常'},
{code: 'italic', name: 'italic斜体'},
{code: 'oblique', name: 'oblique斜体'},
],
value: 'normal'
},
{
type: 'el-select',
label: '字体系列',
name: 'bodyTextFontFamily',
required: false,
placeholder: '',
selectOptions: [
{code: 'sans-serif', name: 'sans-serif'},
{code: 'serif', name: 'serif'},
{code: 'Arial', name: 'Arial'},
{code: 'Courier New', name: 'Courier New'},
],
value: 'sans-serif'
},
{
type: 'vue-color',
label: '表体背景色',

6
report-ui/src/views/bigscreenDesigner/designer/widget/texts/widgetTable.vue
View File

@@ -82,6 +82,9 @@ export default {
return {
"text-align": headStyle.textAlignHeader,
"font-size": headStyle.fontSizeHeader + "px",
"font-weight": headStyle.headTextFontWeight,
"font-style": headStyle.headTextFontStyle,
"font-family": headStyle.headTextFontFamily,
"border-style": headStyle.isLine ? "solid" : "none",
"border-width": headStyle.borderWidth + "px",
"border-color": headStyle.borderColor,
@@ -96,6 +99,9 @@ export default {
return {
"text-align": bodyStyle.textAlignBody,
"font-size": bodyStyle.fontSizeBody + "px",
"font-weight": bodyStyle.bodyTextFontWeight,
"font-style": bodyStyle.bodyTextFontStyle,
"font-family": bodyStyle.bodyTextFontFamily,
"border-style": bodyStyle.isLine ? "solid" : "none",
"border-width": bodyStyle.borderWidth + "px",
"border-color": bodyStyle.borderColor,