ehs_tanghHe
/
tanghe-report
5
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

图层增加uuid

Browse Source
qianlishi 2 years ago
parent b4425a6578
commit 18bd9d5388
30 changed files with 1708 additions and 1504 deletions
Show Stats Download Patch File Download Diff File

11
report-ui/src/views/bigscreenDesigner/designer/tools/configure/barCharts/widget-bar-compare.js
Unescape Escape View File

@ -3,8 +3,8 @@
* @version:
* @Author: qianlishi
* @Date: 2021-08-29 07:39:35
* @LastEditors: qianlishi
* @LastEditTime: 2021-09-28 14:09:58
* @LastEditors: qianlishi qianlishi@anji-plus.com
* @LastEditTime: 2023-01-10 14:08:40
*/
export const widgetBarCompare = {
code: 'widgetBarCompareChart',
@ -23,6 +23,13 @@ export const widgetBarCompare = {
placeholder: '',
value: '柱状对比图',
},
{
type: 'el-input-text',
label: '图层唯一标识',
name: 'uuid',
disabled: true,
value: 'widgetBarCompareChart' + Date.now()
},
{
type: 'vue-color',
label: '背景颜色',

83
report-ui/src/views/bigscreenDesigner/designer/tools/configure/barCharts/widget-bar-stack.js
Unescape Escape View File

@ -3,8 +3,8 @@
* @version:
* @Author: qianlishi
* @Date: 2021-08-29 07:37:09
* @LastEditors: qianlishi
* @LastEditTime: 2021-09-28 14:11:09
* @LastEditors: qianlishi qianlishi@anji-plus.com
* @LastEditTime: 2023-01-10 14:09:07
*/
export const widgetBarStack = {
code: 'widgetBarStackChart',
@ -23,6 +23,13 @@ export const widgetBarStack = {
placeholder: '',
value: '柱状堆叠图',
},
{
type: 'el-input-text',
label: '图层唯一标识',
name: 'uuid',
disabled: true,
value: 'widgetBarStackChart' + Date.now()
},
{
type: 'el-switch',
label: '竖展示',
@ -46,8 +53,8 @@ export const widgetBarStack = {
required: false,
placeholder: '',
selectOptions: [
{code: 'leftRight', name: '左右堆叠'},
{code: 'upDown', name: '上下堆叠'},
{ code: 'leftRight', name: '左右堆叠' },
{ code: 'upDown', name: '上下堆叠' },
],
value: 'leftRight'
},
@ -115,10 +122,10 @@ export const widgetBarStack = {
required: false,
placeholder: '',
selectOptions: [
{code: 'normal', name: '正常'},
{code: 'bold', name: '粗体'},
{code: 'bolder', name: '特粗体'},
{code: 'lighter', name: '细体'}
{ code: 'normal', name: '正常' },
{ code: 'bold', name: '粗体' },
{ code: 'bolder', name: '特粗体' },
{ code: 'lighter', name: '细体' }
],
value: 'normal'
},
@ -129,9 +136,9 @@ export const widgetBarStack = {
required: false,
placeholder: '',
selectOptions: [
{code: 'normal', name: '正常'},
{code: 'italic', name: 'italic斜体'},
{code: 'oblique', name: 'oblique斜体'},
{ code: 'normal', name: '正常' },
{ code: 'italic', name: 'italic斜体' },
{ code: 'oblique', name: 'oblique斜体' },
],
value: 'normal'
},
@ -142,9 +149,9 @@ export const widgetBarStack = {
required: false,
placeholder: '',
selectOptions: [
{code: 'center', name: '居中'},
{code: 'left', name: '左对齐'},
{code: 'right', name: '右对齐'},
{ code: 'center', name: '居中' },
{ code: 'left', name: '左对齐' },
{ code: 'right', name: '右对齐' },
],
value: 'center'
},
@ -179,10 +186,10 @@ export const widgetBarStack = {
required: false,
placeholder: '',
selectOptions: [
{code: 'normal', name: '正常'},
{code: 'bold', name: '粗体'},
{code: 'bolder', name: '特粗体'},
{code: 'lighter', name: '细体'}
{ code: 'normal', name: '正常' },
{ code: 'bold', name: '粗体' },
{ code: 'bolder', name: '特粗体' },
{ code: 'lighter', name: '细体' }
],
value: 'normal'
},
@ -193,9 +200,9 @@ export const widgetBarStack = {
required: false,
placeholder: '',
selectOptions: [
{code: 'normal', name: '正常'},
{code: 'italic', name: 'italic斜体'},
{code: 'oblique', name: 'oblique斜体'},
{ code: 'normal', name: '正常' },
{ code: 'italic', name: 'italic斜体' },
{ code: 'oblique', name: 'oblique斜体' },
],
value: 'normal'
},
@ -251,9 +258,9 @@ export const widgetBarStack = {
required: false,
placeholder: '',
selectOptions: [
{code: 'center', name: '居中'},
{code: 'left', name: '左对齐'},
{code: 'right', name: '右对齐'},
{ code: 'center', name: '居中' },
{ code: 'left', name: '左对齐' },
{ code: 'right', name: '右对齐' },
],
value: 'center'
},
@ -264,8 +271,8 @@ export const widgetBarStack = {
required: false,
placeholder: '',
selectOptions: [
{code: 'top', name: '顶部'},
{code: 'bottom', name: '底部'},
{ code: 'top', name: '顶部' },
{ code: 'bottom', name: '底部' },
],
value: 'top'
},
@ -276,8 +283,8 @@ export const widgetBarStack = {
required: false,
placeholder: '',
selectOptions: [
{code: 'vertical', name: '竖排'},
{code: 'horizontal', name: '横排'},
{ code: 'vertical', name: '竖排' },
{ code: 'horizontal', name: '横排' },
],
value: 'horizontal'
},
@ -559,10 +566,10 @@ export const widgetBarStack = {
required: false,
placeholder: '',
selectOptions: [
{code: 'normal', name: '正常'},
{code: 'bold', name: '粗体'},
{code: 'bolder', name: '特粗体'},
{code: 'lighter', name: '细体'}
{ code: 'normal', name: '正常' },
{ code: 'bold', name: '粗体' },
{ code: 'bolder', name: '特粗体' },
{ code: 'lighter', name: '细体' }
],
value: 'normal'
},
@ -631,7 +638,7 @@ export const widgetBarStack = {
label: '',
name: 'customColor',
required: false,
value: [{color: '#ff7f50'}, {color: '#87cefa'}, {color: '#da70d6'}, {color: '#32cd32'}, {color: '#6495ed'}],
value: [{ color: '#ff7f50' }, { color: '#87cefa' }, { color: '#da70d6' }, { color: '#32cd32' }, { color: '#6495ed' }],
},
],
},
@ -675,11 +682,11 @@ export const widgetBarStack = {
relactiveDom: 'dataType',
relactiveDomValue: 'staticData',
value: [
{"axis": "2021-07-25", "name": "A", "data": "12"},
{"axis": "2021-07-25", "name": "B", "data": "20"},
{"axis": "2021-07-26", "name": "B", "data": "5"},
{"axis": "2021-07-27", "name": "A", "data": "15"},
{"axis": "2021-07-27", "name": "B", "data": "30"},
{ "axis": "2021-07-25", "name": "A", "data": "12" },
{ "axis": "2021-07-25", "name": "B", "data": "20" },
{ "axis": "2021-07-26", "name": "B", "data": "5" },
{ "axis": "2021-07-27", "name": "A", "data": "15" },
{ "axis": "2021-07-27", "name": "B", "data": "30" },
],
},
{

4
report-ui/src/views/bigscreenDesigner/designer/tools/configure/barCharts/widget-barchart.js
Unescape Escape View File

@ -4,7 +4,7 @@
* @Author: qianlishi
* @Date: 2021-08-29 07:21:45
* @LastEditors: qianlishi qianlishi@anji-plus.com
* @LastEditTime: 2023-01-10 13:59:59
* @LastEditTime: 2023-01-10 14:09:03
*/
export const widgetBarchart = {
code: 'widget-barchart',
@ -25,7 +25,7 @@ export const widgetBarchart = {
},
{
type: 'el-input-text',
label: 'uuid',
label: '图层唯一标识',
name: 'uuid',
disabled: true,
value: 'widget-barchart' + Date.now()

29
report-ui/src/views/bigscreenDesigner/designer/tools/configure/barCharts/widget-gradient-barchart.js
Unescape Escape View File

@ -3,8 +3,8 @@
* @version:
* @Author: qianlishi
* @Date: 2021-08-29 07:23:41
* @LastEditors: qianlishi
* @LastEditTime: 2021-09-28 14:14:08
* @LastEditors: qianlishi qianlishi@anji-plus.com
* @LastEditTime: 2023-01-10 14:09:49
*/
export const widgetGradientBarchart = {
code: 'widget-gradient-color-barchart',
@ -23,6 +23,13 @@ export const widgetGradientBarchart = {
placeholder: '',
value: '柱形图-渐变色',
},
{
type: 'el-input-text',
label: '图层唯一标识',
name: 'uuid',
disabled: true,
value: 'widget-gradient-color-barchart' + Date.now()
},
{
type: 'el-switch',
label: '竖展示',
@ -457,10 +464,10 @@ export const widgetGradientBarchart = {
required: false,
placeholder: '',
selectOptions: [
{code: 'normal', name: '正常'},
{code: 'bold', name: '粗体'},
{code: 'bolder', name: '特粗体'},
{code: 'lighter', name: '细体'}
{ code: 'normal', name: '正常' },
{ code: 'bold', name: '粗体' },
{ code: 'bolder', name: '特粗体' },
{ code: 'lighter', name: '细体' }
],
value: 'normal'
},
@ -598,11 +605,11 @@ export const widgetGradientBarchart = {
relactiveDom: 'dataType',
relactiveDomValue: 'staticData',
value: [
{"axis": "苹果", "data": 1000},
{"axis": "三星", "data": 2229},
{"axis": "小米", "data": 3879},
{"axis": "oppo", "data": 2379},
{"axis": "vivo", "data": 4079},
{ "axis": "苹果", "data": 1000 },
{ "axis": "三星", "data": 2229 },
{ "axis": "小米", "data": 3879 },
{ "axis": "oppo", "data": 2379 },
{ "axis": "vivo", "data": 4079 },
],
},
{

97
report-ui/src/views/bigscreenDesigner/designer/tools/configure/barlineCharts/widget-bar-line-stack.js
Unescape Escape View File

@ -19,6 +19,13 @@ export const widgetBarLineStack = {
placeholder: '',
value: '柱线堆叠图',
},
{
type: 'el-input-text',
label: '图层唯一标识',
name: 'uuid',
disabled: true,
value: 'widgetBarLineStackChart' + Date.now()
},
{
type: 'vue-color',
label: '背景颜色',
@ -75,8 +82,8 @@ export const widgetBarLineStack = {
required: false,
placeholder: '',
selectOptions: [
{code: 'circle', name: '实心点'},
{code: 'emptyCircle', name: '空心点'},
{ code: 'circle', name: '实心点' },
{ code: 'emptyCircle', name: '空心点' },
],
value: 'circle'
},
@ -140,10 +147,10 @@ export const widgetBarLineStack = {
required: false,
placeholder: '',
selectOptions: [
{code: 'normal', name: '正常'},
{code: 'bold', name: '粗体'},
{code: 'bolder', name: '特粗体'},
{code: 'lighter', name: '细体'}
{ code: 'normal', name: '正常' },
{ code: 'bold', name: '粗体' },
{ code: 'bolder', name: '特粗体' },
{ code: 'lighter', name: '细体' }
],
value: 'normal'
},
@ -154,9 +161,9 @@ export const widgetBarLineStack = {
required: false,
placeholder: '',
selectOptions: [
{code: 'normal', name: '正常'},
{code: 'italic', name: 'italic斜体'},
{code: 'oblique', name: 'oblique斜体'},
{ code: 'normal', name: '正常' },
{ code: 'italic', name: 'italic斜体' },
{ code: 'oblique', name: 'oblique斜体' },
],
value: 'normal'
},
@ -167,9 +174,9 @@ export const widgetBarLineStack = {
required: false,
placeholder: '',
selectOptions: [
{code: 'center', name: '居中'},
{code: 'left', name: '左对齐'},
{code: 'right', name: '右对齐'},
{ code: 'center', name: '居中' },
{ code: 'left', name: '左对齐' },
{ code: 'right', name: '右对齐' },
],
value: 'center'
},
@ -204,10 +211,10 @@ export const widgetBarLineStack = {
required: false,
placeholder: '',
selectOptions: [
{code: 'normal', name: '正常'},
{code: 'bold', name: '粗体'},
{code: 'bolder', name: '特粗体'},
{code: 'lighter', name: '细体'}
{ code: 'normal', name: '正常' },
{ code: 'bold', name: '粗体' },
{ code: 'bolder', name: '特粗体' },
{ code: 'lighter', name: '细体' }
],
value: 'normal'
},
@ -218,9 +225,9 @@ export const widgetBarLineStack = {
required: false,
placeholder: '',
selectOptions: [
{code: 'normal', name: '正常'},
{code: 'italic', name: 'italic斜体'},
{code: 'oblique', name: 'oblique斜体'},
{ code: 'normal', name: '正常' },
{ code: 'italic', name: 'italic斜体' },
{ code: 'oblique', name: 'oblique斜体' },
],
value: 'normal'
},
@ -276,9 +283,9 @@ export const widgetBarLineStack = {
required: false,
placeholder: '',
selectOptions: [
{code: 'center', name: '居中'},
{code: 'left', name: '左对齐'},
{code: 'right', name: '右对齐'},
{ code: 'center', name: '居中' },
{ code: 'left', name: '左对齐' },
{ code: 'right', name: '右对齐' },
],
value: 'center'
},
@ -289,8 +296,8 @@ export const widgetBarLineStack = {
required: false,
placeholder: '',
selectOptions: [
{code: 'top', name: '顶部'},
{code: 'bottom', name: '底部'},
{ code: 'top', name: '顶部' },
{ code: 'bottom', name: '底部' },
],
value: 'top'
},
@ -301,8 +308,8 @@ export const widgetBarLineStack = {
required: false,
placeholder: '',
selectOptions: [
{code: 'vertical', name: '竖排'},
{code: 'horizontal', name: '横排'},
{ code: 'vertical', name: '竖排' },
{ code: 'horizontal', name: '横排' },
],
value: 'horizontal'
},
@ -716,10 +723,10 @@ export const widgetBarLineStack = {
required: false,
placeholder: '',
selectOptions: [
{code: 'normal', name: '正常'},
{code: 'bold', name: '粗体'},
{code: 'bolder', name: '特粗体'},
{code: 'lighter', name: '细体'}
{ code: 'normal', name: '正常' },
{ code: 'bold', name: '粗体' },
{ code: 'bolder', name: '特粗体' },
{ code: 'lighter', name: '细体' }
],
value: 'normal'
},
@ -767,10 +774,10 @@ export const widgetBarLineStack = {
required: false,
placeholder: '',
selectOptions: [
{code: 'normal', name: '正常'},
{code: 'bold', name: '粗体'},
{code: 'bolder', name: '特粗体'},
{code: 'lighter', name: '细体'}
{ code: 'normal', name: '正常' },
{ code: 'bold', name: '粗体' },
{ code: 'bolder', name: '特粗体' },
{ code: 'lighter', name: '细体' }
],
value: 'normal'
},
@ -839,7 +846,7 @@ export const widgetBarLineStack = {
label: '',
name: 'customColor',
required: false,
value: [{color: '#ff7f50'}, {color: '#87cefa'}, {color: '#da70d6'}, {color: '#32cd32'}, {color: '#6495ed'}],
value: [{ color: '#ff7f50' }, { color: '#87cefa' }, { color: '#da70d6' }, { color: '#32cd32' }, { color: '#6495ed' }],
},
],
},
@ -883,16 +890,16 @@ export const widgetBarLineStack = {
relactiveDom: 'dataType',
relactiveDomValue: 'staticData',
value: [
{"axis": "2021-07", "name": "A", "bar": "12", "line": "20"},
{"axis": "2021-07", "name": "B", "bar": "20", "line": "12"},
{"axis": "2021-08", "name": "A", "bar": "0", "line": "8"},
{"axis": "2021-08", "name": "B", "bar": "5", "line": "3"},
{"axis": "2021-09", "name": "A", "bar": "15", "line": "9"},
{"axis": "2021-09", "name": "B", "bar": "30", "line": "19"},
{"axis": "2021-10", "name": "A", "bar": "10", "line": "27"},
{"axis": "2021-10", "name": "B", "bar": "24", "line": "6"},
{"axis": "2021-11", "name": "A", "bar": "23", "line": "29"},
{"axis": "2021-11", "name": "B", "bar": "8", "line": "9"},
{ "axis": "2021-07", "name": "A", "bar": "12", "line": "20" },
{ "axis": "2021-07", "name": "B", "bar": "20", "line": "12" },
{ "axis": "2021-08", "name": "A", "bar": "0", "line": "8" },
{ "axis": "2021-08", "name": "B", "bar": "5", "line": "3" },
{ "axis": "2021-09", "name": "A", "bar": "15", "line": "9" },
{ "axis": "2021-09", "name": "B", "bar": "30", "line": "19" },
{ "axis": "2021-10", "name": "A", "bar": "10", "line": "27" },
{ "axis": "2021-10", "name": "B", "bar": "24", "line": "6" },
{ "axis": "2021-11", "name": "A", "bar": "23", "line": "29" },
{ "axis": "2021-11", "name": "B", "bar": "8", "line": "9" },
],
},
{

103
report-ui/src/views/bigscreenDesigner/designer/tools/configure/barlineCharts/widget-barlinechart.js
Unescape Escape View File

@ -4,7 +4,7 @@
* @Author: qianlishi
* @Date: 2021-08-29 07:26:48
* @LastEditors: qianlishi qianlishi@anji-plus.com
* @LastEditTime: 2022-11-07 15:39:29
* @LastEditTime: 2023-01-10 14:04:14
*/
export const widgetBarlinechart = {
code: 'widget-barlinechart',
@ -23,6 +23,13 @@ export const widgetBarlinechart = {
placeholder: '',
value: '柱线图',
},
{
type: 'el-input-text',
label: '图层唯一标识',
name: 'uuid',
disabled: true,
value: 'widget-barlinechart' + Date.now()
},
{
type: 'vue-color',
label: '背景颜色',
@ -87,8 +94,8 @@ export const widgetBarlinechart = {
required: false,
placeholder: '',
selectOptions: [
{code: 'circle', name: '实心点'},
{code: 'emptyCircle', name: '空心点'},
{ code: 'circle', name: '实心点' },
{ code: 'emptyCircle', name: '空心点' },
],
value: 'circle'
},
@ -168,10 +175,10 @@ export const widgetBarlinechart = {
required: false,
placeholder: '',
selectOptions: [
{code: 'normal', name: '正常'},
{code: 'bold', name: '粗体'},
{code: 'bolder', name: '特粗体'},
{code: 'lighter', name: '细体'}
{ code: 'normal', name: '正常' },
{ code: 'bold', name: '粗体' },
{ code: 'bolder', name: '特粗体' },
{ code: 'lighter', name: '细体' }
],
value: 'normal'
},
@ -182,9 +189,9 @@ export const widgetBarlinechart = {
required: false,
placeholder: '',
selectOptions: [
{code: 'normal', name: '正常'},
{code: 'italic', name: 'italic斜体'},
{code: 'oblique', name: 'oblique斜体'},
{ code: 'normal', name: '正常' },
{ code: 'italic', name: 'italic斜体' },
{ code: 'oblique', name: 'oblique斜体' },
],
value: 'normal'
},
@ -195,9 +202,9 @@ export const widgetBarlinechart = {
required: false,
placeholder: '',
selectOptions: [
{code: 'center', name: '居中'},
{code: 'left', name: '左对齐'},
{code: 'right', name: '右对齐'},
{ code: 'center', name: '居中' },
{ code: 'left', name: '左对齐' },
{ code: 'right', name: '右对齐' },
],
value: 'center'
},
@ -232,10 +239,10 @@ export const widgetBarlinechart = {
required: false,
placeholder: '',
selectOptions: [
{code: 'normal', name: '正常'},
{code: 'bold', name: '粗体'},
{code: 'bolder', name: '特粗体'},
{code: 'lighter', name: '细体'}
{ code: 'normal', name: '正常' },
{ code: 'bold', name: '粗体' },
{ code: 'bolder', name: '特粗体' },
{ code: 'lighter', name: '细体' }
],
value: 'normal'
},
@ -246,9 +253,9 @@ export const widgetBarlinechart = {
required: false,
placeholder: '',
selectOptions: [
{code: 'normal', name: '正常'},
{code: 'italic', name: 'italic斜体'},
{code: 'oblique', name: 'oblique斜体'},
{ code: 'normal', name: '正常' },
{ code: 'italic', name: 'italic斜体' },
{ code: 'oblique', name: 'oblique斜体' },
],
value: 'normal'
},
@ -304,9 +311,9 @@ export const widgetBarlinechart = {
required: false,
placeholder: '',
selectOptions: [
{code: 'center', name: '居中'},
{code: 'left', name: '左对齐'},
{code: 'right', name: '右对齐'},
{ code: 'center', name: '居中' },
{ code: 'left', name: '左对齐' },
{ code: 'right', name: '右对齐' },
],
value: 'center'
},
@ -317,8 +324,8 @@ export const widgetBarlinechart = {
required: false,
placeholder: '',
selectOptions: [
{code: 'top', name: '顶部'},
{code: 'bottom', name: '底部'},
{ code: 'top', name: '顶部' },
{ code: 'bottom', name: '底部' },
],
value: 'top'
},
@ -329,8 +336,8 @@ export const widgetBarlinechart = {
required: false,
placeholder: '',
selectOptions: [
{code: 'vertical', name: '竖排'},
{code: 'horizontal', name: '横排'},
{ code: 'vertical', name: '竖排' },
{ code: 'horizontal', name: '横排' },
],
value: 'horizontal'
},
@ -744,10 +751,10 @@ export const widgetBarlinechart = {
required: false,
placeholder: '',
selectOptions: [
{code: 'normal', name: '正常'},
{code: 'bold', name: '粗体'},
{code: 'bolder', name: '特粗体'},
{code: 'lighter', name: '细体'}
{ code: 'normal', name: '正常' },
{ code: 'bold', name: '粗体' },
{ code: 'bolder', name: '特粗体' },
{ code: 'lighter', name: '细体' }
],
value: 'normal'
},
@ -795,10 +802,10 @@ export const widgetBarlinechart = {
required: false,
placeholder: '',
selectOptions: [
{code: 'normal', name: '正常'},
{code: 'bold', name: '粗体'},
{code: 'bolder', name: '特粗体'},
{code: 'lighter', name: '细体'}
{ code: 'normal', name: '正常' },
{ code: 'bold', name: '粗体' },
{ code: 'bolder', name: '特粗体' },
{ code: 'lighter', name: '细体' }
],
value: 'normal'
},
@ -867,7 +874,7 @@ export const widgetBarlinechart = {
label: '',
name: 'customColor',
required: false,
value: [{color: '#ff7f50'}, {color: '#87cefa'}, {color: '#da70d6'}, {color: '#32cd32'}, {color: '#6495ed'}],
value: [{ color: '#ff7f50' }, { color: '#87cefa' }, { color: '#da70d6' }, { color: '#32cd32' }, { color: '#6495ed' }],
},
],
},
@ -911,18 +918,18 @@ export const widgetBarlinechart = {
relactiveDom: 'dataType',
relactiveDomValue: 'staticData',
value: [
{"axis": "1月", "bar": 2.6, "line": 2},
{"axis": "2月", "bar": 5.9, "line": 2.2},
{"axis": "3月", "bar": 9, "line": 3.3},
{"axis": "4月", "bar": 26.4, "line": 4.5},
{"axis": "5月", "bar": 28.7, "line": 6.3},
{"axis": "6月", "bar": 70.7, "line": 10.2},
{"axis": "7月", "bar": 175.6, "line": 20.3},
{"axis": "8月", "bar": 182.2, "line": 23.4},
{"axis": "9月", "bar": 48.7, "line": 23},
{"axis": "10月", "bar": 18.8, "line": 16.5},
{"axis": "11月", "bar": 6, "line": 12},
{"axis": "12月", "bar": 2.3, "line": 6.2},
{ "axis": "1月", "bar": 2.6, "line": 2 },
{ "axis": "2月", "bar": 5.9, "line": 2.2 },
{ "axis": "3月", "bar": 9, "line": 3.3 },
{ "axis": "4月", "bar": 26.4, "line": 4.5 },
{ "axis": "5月", "bar": 28.7, "line": 6.3 },
{ "axis": "6月", "bar": 70.7, "line": 10.2 },
{ "axis": "7月", "bar": 175.6, "line": 20.3 },
{ "axis": "8月", "bar": 182.2, "line": 23.4 },
{ "axis": "9月", "bar": 48.7, "line": 23 },
{ "axis": "10月", "bar": 18.8, "line": 16.5 },
{ "axis": "11月", "bar": 6, "line": 12 },
{ "axis": "12月", "bar": 2.3, "line": 6.2 },
]
},
{

95
report-ui/src/views/bigscreenDesigner/designer/tools/configure/barlineCharts/widget-more-bar-line.js
Unescape Escape View File

@ -4,7 +4,7 @@
* @Author: foming
* @Date:
* @LastEditors: qianlishi qianlishi@anji-plus.com
* @LastEditTime: 2022-11-07 15:39:52
* @LastEditTime: 2023-01-10 14:10:08
*/
export const widgetMoreBarLine = {
code: 'widgetMoreBarLineChart',
@ -23,6 +23,13 @@ export const widgetMoreBarLine = {
placeholder: '',
value: '多柱线图',
},
{
type: 'el-input-text',
label: '图层唯一标识',
name: 'uuid',
disabled: true,
value: 'widgetMoreBarLineChart' + Date.now()
},
{
type: 'vue-color',
label: '背景颜色',
@ -79,8 +86,8 @@ export const widgetMoreBarLine = {
required: false,
placeholder: '',
selectOptions: [
{code: 'circle', name: '实心点'},
{code: 'emptyCircle', name: '空心点'},
{ code: 'circle', name: '实心点' },
{ code: 'emptyCircle', name: '空心点' },
],
value: 'circle'
},
@ -160,10 +167,10 @@ export const widgetMoreBarLine = {
required: false,
placeholder: '',
selectOptions: [
{code: 'normal', name: '正常'},
{code: 'bold', name: '粗体'},
{code: 'bolder', name: '特粗体'},
{code: 'lighter', name: '细体'}
{ code: 'normal', name: '正常' },
{ code: 'bold', name: '粗体' },
{ code: 'bolder', name: '特粗体' },
{ code: 'lighter', name: '细体' }
],
value: 'normal'
},
@ -174,9 +181,9 @@ export const widgetMoreBarLine = {
required: false,
placeholder: '',
selectOptions: [
{code: 'normal', name: '正常'},
{code: 'italic', name: 'italic斜体'},
{code: 'oblique', name: 'oblique斜体'},
{ code: 'normal', name: '正常' },
{ code: 'italic', name: 'italic斜体' },
{ code: 'oblique', name: 'oblique斜体' },
],
value: 'normal'
},
@ -187,9 +194,9 @@ export const widgetMoreBarLine = {
required: false,
placeholder: '',
selectOptions: [
{code: 'center', name: '居中'},
{code: 'left', name: '左对齐'},
{code: 'right', name: '右对齐'},
{ code: 'center', name: '居中' },
{ code: 'left', name: '左对齐' },
{ code: 'right', name: '右对齐' },
],
value: 'center'
},
@ -224,10 +231,10 @@ export const widgetMoreBarLine = {
required: false,
placeholder: '',
selectOptions: [
{code: 'normal', name: '正常'},
{code: 'bold', name: '粗体'},
{code: 'bolder', name: '特粗体'},
{code: 'lighter', name: '细体'}
{ code: 'normal', name: '正常' },
{ code: 'bold', name: '粗体' },
{ code: 'bolder', name: '特粗体' },
{ code: 'lighter', name: '细体' }
],
value: 'normal'
},
@ -238,9 +245,9 @@ export const widgetMoreBarLine = {
required: false,
placeholder: '',
selectOptions: [
{code: 'normal', name: '正常'},
{code: 'italic', name: 'italic斜体'},
{code: 'oblique', name: 'oblique斜体'},
{ code: 'normal', name: '正常' },
{ code: 'italic', name: 'italic斜体' },
{ code: 'oblique', name: 'oblique斜体' },
],
value: 'normal'
},
@ -296,9 +303,9 @@ export const widgetMoreBarLine = {
required: false,
placeholder: '',
selectOptions: [
{code: 'center', name: '居中'},
{code: 'left', name: '左对齐'},
{code: 'right', name: '右对齐'},
{ code: 'center', name: '居中' },
{ code: 'left', name: '左对齐' },
{ code: 'right', name: '右对齐' },
],
value: 'center'
},
@ -309,8 +316,8 @@ export const widgetMoreBarLine = {
required: false,
placeholder: '',
selectOptions: [
{code: 'top', name: '顶部'},
{code: 'bottom', name: '底部'},
{ code: 'top', name: '顶部' },
{ code: 'bottom', name: '底部' },
],
value: 'top'
},
@ -321,8 +328,8 @@ export const widgetMoreBarLine = {
required: false,
placeholder: '',
selectOptions: [
{code: 'vertical', name: '竖排'},
{code: 'horizontal', name: '横排'},
{ code: 'vertical', name: '竖排' },
{ code: 'horizontal', name: '横排' },
],
value: 'horizontal'
},
@ -736,10 +743,10 @@ export const widgetMoreBarLine = {
required: false,
placeholder: '',
selectOptions: [
{code: 'normal', name: '正常'},
{code: 'bold', name: '粗体'},
{code: 'bolder', name: '特粗体'},
{code: 'lighter', name: '细体'}
{ code: 'normal', name: '正常' },
{ code: 'bold', name: '粗体' },
{ code: 'bolder', name: '特粗体' },
{ code: 'lighter', name: '细体' }
],
value: 'normal'
},
@ -787,10 +794,10 @@ export const widgetMoreBarLine = {
required: false,
placeholder: '',
selectOptions: [
{code: 'normal', name: '正常'},
{code: 'bold', name: '粗体'},
{code: 'bolder', name: '特粗体'},
{code: 'lighter', name: '细体'}
{ code: 'normal', name: '正常' },
{ code: 'bold', name: '粗体' },
{ code: 'bolder', name: '特粗体' },
{ code: 'lighter', name: '细体' }
],
value: 'normal'
},
@ -859,7 +866,7 @@ export const widgetMoreBarLine = {
label: '',
name: 'customColor',
required: false,
value: [{color: '#ff7f50'}, {color: '#87cefa'}, {color: '#da70d6'}, {color: '#32cd32'}, {color: '#6495ed'}],
value: [{ color: '#ff7f50' }, { color: '#87cefa' }, { color: '#da70d6' }, { color: '#32cd32' }, { color: '#6495ed' }],
},
],
},
@ -903,14 +910,14 @@ export const widgetMoreBarLine = {
relactiveDom: 'dataType',
relactiveDomValue: 'staticData',
value: [
{"date": "2014", "unsales": 400, "manus": 300, "sales": 4.2,},
{"date": "2015", "unsales": 400, "manus": 500, "sales": 3.6,},
{"date": "2016", "unsales": 300, "manus": 500, "sales": 5.8,},
{"date": "2017", "unsales": 300, "manus": 500, "sales": 3.4,},
{"date": "2018", "unsales": 400, "manus": 400, "sales": 2.5,},
{"date": "2019", "unsales": 400, "manus": 500, "sales": 5.8,},
{"date": "2020", "unsales": 300, "manus": 400, "sales": 7.6,},
{"date": "2021", "unsales": 300, "manus": 600, "sales": 3.4,},
{ "date": "2014", "unsales": 400, "manus": 300, "sales": 4.2, },
{ "date": "2015", "unsales": 400, "manus": 500, "sales": 3.6, },
{ "date": "2016", "unsales": 300, "manus": 500, "sales": 5.8, },
{ "date": "2017", "unsales": 300, "manus": 500, "sales": 3.4, },
{ "date": "2018", "unsales": 400, "manus": 400, "sales": 2.5, },
{ "date": "2019", "unsales": 400, "manus": 500, "sales": 5.8, },
{ "date": "2020", "unsales": 300, "manus": 400, "sales": 7.6, },
{ "date": "2021", "unsales": 300, "manus": 600, "sales": 3.4, },
]
},
{

9
report-ui/src/views/bigscreenDesigner/designer/tools/configure/decorateCharts/widget-decorate-pie.js
Unescape Escape View File

@ -4,7 +4,7 @@
* @Author: foming
* @Date:
* @LastEditors: qianlishi qianlishi@anji-plus.com
* @LastEditTime: 2022-11-07 15:40:07
* @LastEditTime: 2023-01-10 14:04:50
*/
export const widgetDecoratePie = {
code: 'widgetDecoratePieChart',
@ -23,6 +23,13 @@ export const widgetDecoratePie = {
placeholder: '',
value: '静态装饰饼图',
},
{
type: 'el-input-text',
label: '图层唯一标识',
name: 'uuid',
disabled: true,
value: 'widgetDecoratePieChart' + Date.now()
},
{
type: 'vue-color',
label: '背景颜色',

9
report-ui/src/views/bigscreenDesigner/designer/tools/configure/funnelCharts/widget-funnel.js
Unescape Escape View File

@ -4,7 +4,7 @@
* @Author: qianlishi
* @Date: 2021-08-29 07:29:23
* @LastEditors: qianlishi qianlishi@anji-plus.com
* @LastEditTime: 2022-11-07 15:40:21
* @LastEditTime: 2023-01-10 14:05:07
*/
export const widgetFunnel = {
code: 'widget-funnel',
@ -23,6 +23,13 @@ export const widgetFunnel = {
placeholder: '',
value: '漏斗图',
},
{
type: 'el-input-text',
label: '图层唯一标识',
name: 'uuid',
disabled: true,
value: 'widget-funnel' + Date.now()
},
{
type: 'vue-color',
label: '背景颜色',

9
report-ui/src/views/bigscreenDesigner/designer/tools/configure/heatmap/widget-heatmap.js
Unescape Escape View File

@ -4,7 +4,7 @@
* @Author: whw
* @Date: 2021-11-3
* @LastEditors: qianlishi qianlishi@anji-plus.com
* @LastEditTime: 2022-11-07 15:40:35
* @LastEditTime: 2023-01-11 13:14:37
*/
export const widgetHeatmap = {
code: 'widget-heatmap',
@ -23,6 +23,13 @@ export const widgetHeatmap = {
placeholder: '',
value: '热力图',
},
{
type: 'el-input-text',
label: '图层唯一标识',
name: 'uuid',
disabled: true,
value: 'widget-heatmap' + Date.now()
},
{
type: 'vue-color',
label: '背景颜色',

13
report-ui/src/views/bigscreenDesigner/designer/tools/configure/lineCharts/widget-line-compare.js
Unescape Escape View File

@ -4,7 +4,7 @@
* @Author: foming
* @Date: 2021-08-29 07:39:35
* @LastEditors: qianlishi qianlishi@anji-plus.com
* @LastEditTime: 2022-11-07 15:40:44
* @LastEditTime: 2023-01-10 14:05:37
*/
export const widgetLineCompare = {
code: 'widgetLineCompareChart',
@ -23,6 +23,13 @@ export const widgetLineCompare = {
placeholder: '',
value: '折线对比图',
},
{
type: 'el-input-text',
label: '图层唯一标识',
name: 'uuid',
disabled: true,
value: 'widgetLineCompareChart' + Date.now()
},
{
type: 'vue-color',
label: '背景颜色',
@ -58,8 +65,8 @@ export const widgetLineCompare = {
required: false,
placeholder: '',
selectOptions: [
{code: 'circle', name: '实心点'},
{code: 'emptyCircle', name: '空心点'},
{ code: 'circle', name: '实心点' },
{ code: 'emptyCircle', name: '空心点' },
],
value: 'circle'
},

15
report-ui/src/views/bigscreenDesigner/designer/tools/configure/lineCharts/widget-line-stack.js
Unescape Escape View File

@ -3,8 +3,8 @@
* @version:
* @Author: qianlishi
* @Date: 2021-08-29 07:38:17
* @LastEditors: qianlishi
* @LastEditTime: 2021-09-28 14:16:28
* @LastEditors: qianlishi qianlishi@anji-plus.com
* @LastEditTime: 2023-01-10 14:05:48
*/
export const widgetLineStack = {
code: 'widgetLineStackChart',
@ -23,6 +23,13 @@ export const widgetLineStack = {
placeholder: '',
value: '折线堆叠图',
},
{
type: 'el-input-text',
label: '图层唯一标识',
name: 'uuid',
disabled: true,
value: 'widgetLineStackChart' + Date.now()
},
{
type: 'el-switch',
label: '竖展示',
@ -66,8 +73,8 @@ export const widgetLineStack = {
required: false,
placeholder: '',
selectOptions: [
{code: 'circle', name: '实心点'},
{code: 'emptyCircle', name: '空心点'},
{ code: 'circle', name: '实心点' },
{ code: 'emptyCircle', name: '空心点' },
],
value: 'circle'
},

65
report-ui/src/views/bigscreenDesigner/designer/tools/configure/lineCharts/widget-linechart.js
Unescape Escape View File

@ -23,6 +23,13 @@ export const widgetLinechart = {
placeholder: '',
value: '折线图',
},
{
type: 'el-input-text',
label: '图层唯一标识',
name: 'uuid',
disabled: true,
value: 'widget-linechart' + Date.now()
},
{
type: 'vue-color',
label: '背景颜色',
@ -58,8 +65,8 @@ export const widgetLinechart = {
required: false,
placeholder: '',
selectOptions: [
{code: 'circle', name: '实心点'},
{code: 'emptyCircle', name: '空心点'},
{ code: 'circle', name: '实心点' },
{ code: 'emptyCircle', name: '空心点' },
],
value: 'circle'
},
@ -139,10 +146,10 @@ export const widgetLinechart = {
required: false,
placeholder: '',
selectOptions: [
{code: 'normal', name: '正常'},
{code: 'bold', name: '粗体'},
{code: 'bolder', name: '特粗体'},
{code: 'lighter', name: '细体'}
{ code: 'normal', name: '正常' },
{ code: 'bold', name: '粗体' },
{ code: 'bolder', name: '特粗体' },
{ code: 'lighter', name: '细体' }
],
value: 'normal'
},
@ -153,9 +160,9 @@ export const widgetLinechart = {
required: false,
placeholder: '',
selectOptions: [
{code: 'normal', name: '正常'},
{code: 'italic', name: 'italic斜体'},
{code: 'oblique', name: 'oblique斜体'},
{ code: 'normal', name: '正常' },
{ code: 'italic', name: 'italic斜体' },
{ code: 'oblique', name: 'oblique斜体' },
],
value: 'normal'
},
@ -166,9 +173,9 @@ export const widgetLinechart = {
required: false,
placeholder: '',
selectOptions: [
{code: 'center', name: '居中'},
{code: 'left', name: '左对齐'},
{code: 'right', name: '右对齐'},
{ code: 'center', name: '居中' },
{ code: 'left', name: '左对齐' },
{ code: 'right', name: '右对齐' },
],
value: 'center'
},
@ -203,10 +210,10 @@ export const widgetLinechart = {
required: false,
placeholder: '',
selectOptions: [
{code: 'normal', name: '正常'},
{code: 'bold', name: '粗体'},
{code: 'bolder', name: '特粗体'},
{code: 'lighter', name: '细体'}
{ code: 'normal', name: '正常' },
{ code: 'bold', name: '粗体' },
{ code: 'bolder', name: '特粗体' },
{ code: 'lighter', name: '细体' }
],
value: 'normal'
},
@ -217,9 +224,9 @@ export const widgetLinechart = {
required: false,
placeholder: '',
selectOptions: [
{code: 'normal', name: '正常'},
{code: 'italic', name: 'italic斜体'},
{code: 'oblique', name: 'oblique斜体'},
{ code: 'normal', name: '正常' },
{ code: 'italic', name: 'italic斜体' },
{ code: 'oblique', name: 'oblique斜体' },
],
value: 'normal'
},
@ -501,10 +508,10 @@ export const widgetLinechart = {
required: false,
placeholder: '',
selectOptions: [
{code: 'normal', name: '正常'},
{code: 'bold', name: '粗体'},
{code: 'bolder', name: '特粗体'},
{code: 'lighter', name: '细体'}
{ code: 'normal', name: '正常' },
{ code: 'bold', name: '粗体' },
{ code: 'bolder', name: '特粗体' },
{ code: 'lighter', name: '细体' }
],
value: 'normal'
},
@ -576,7 +583,7 @@ export const widgetLinechart = {
label: '',
name: 'customColor',
required: false,
value: [{color: '#1E90FF'}],
value: [{ color: '#1E90FF' }],
},
],
},
@ -620,11 +627,11 @@ export const widgetLinechart = {
relactiveDom: 'dataType',
relactiveDomValue: 'staticData',
value: [
{"axis": "苹果", "data": 1000},
{"axis": "三星", "data": 2229},
{"axis": "小米", "data": 3879},
{"axis": "oppo", "data": 2379},
{"axis": "vivo", "data": 4079},
{ "axis": "苹果", "data": 1000 },
{ "axis": "三星", "data": 2229 },
{ "axis": "小米", "data": 3879 },
{ "axis": "oppo", "data": 2379 },
{ "axis": "vivo", "data": 4079 },
],
},
{

93
report-ui/src/views/bigscreenDesigner/designer/tools/configure/mapCharts/widget-airbubble-map.js
Unescape Escape View File

@ -23,6 +23,13 @@ export const widgetAirbubbleMap = {
placeholder: '',
value: '中国地图-气泡图',
},
{
type: 'el-input-text',
label: '图层唯一标识',
name: 'uuid',
disabled: true,
value: 'widgetAirBubbleMap' + Date.now()
},
{
type: 'vue-color',
label: '背景颜色',
@ -194,10 +201,10 @@ export const widgetAirbubbleMap = {
required: false,
placeholder: '',
selectOptions: [
{code: 'normal', name: '正常'},
{code: 'bold', name: '粗体'},
{code: 'bolder', name: '特粗体'},
{code: 'lighter', name: '细体'}
{ code: 'normal', name: '正常' },
{ code: 'bold', name: '粗体' },
{ code: 'bolder', name: '特粗体' },
{ code: 'lighter', name: '细体' }
],
value: 'normal'
},
@ -224,10 +231,10 @@ export const widgetAirbubbleMap = {
required: false,
placeholder: '',
selectOptions: [
{code: 'normal', name: '正常'},
{code: 'bold', name: '粗体'},
{code: 'bolder', name: '特粗体'},
{code: 'lighter', name: '细体'}
{ code: 'normal', name: '正常' },
{ code: 'bold', name: '粗体' },
{ code: 'bolder', name: '特粗体' },
{ code: 'lighter', name: '细体' }
],
value: 'normal'
},
@ -330,41 +337,41 @@ export const widgetAirbubbleMap = {
relactiveDom: 'dataType',
relactiveDomValue: 'staticData',
value: [
{"name": "南海诸岛", "value": 1},
{"name": "北京市", "value": 524},
{"name": "天津市", "value": 14},
{"name": "上海市", "value": 150},
{"name": "重庆市", "value": 75},
{"name": "河北省", "value": 13},
{"name": "河南省", "value": 83},
{"name": "云南省", "value": 11},
{"name": "辽宁省", "value": 19},
{"name": "黑龙江省", "value": 15},
{"name": "湖南省", "value": 69},
{"name": "安徽省", "value": 260},
{"name": "山东省", "value": 39},
{"name": "新疆维吾尔自治区", "value": 4},
{"name": "江苏省", "value": 31},
{"name": "浙江省", "value": 104},
{"name": "江西省", "value": 36},
{"name": "湖北省", "value": 1052},
{"name": "广西壮族自治区", "value": 33},
{"name": "甘肃省", "value": 347},
{"name": "山西省", "value": 8},
{"name": "内蒙古自治区", "value": 157},
{"name": "陕西省", "value": 22},
{"name": "吉林省", "value": 4},
{"name": "福建省", "value": 36},
{"name": "贵州省", "value": 39},
{"name": "广东省", "value": 996},
{"name": "青海省", "value": 27},
{"name": "西藏自治区", "value": 31},
{"name": "四川省", "value": 46},
{"name": "宁夏回族自治区", "value": 16},
{"name": "海南省", "value": 22},
{"name": "台湾省", "value": 6},
{"name": "香港", "value": 2},
{"name": "澳门", "value": 9}],
{ "name": "南海诸岛", "value": 1 },
{ "name": "北京市", "value": 524 },
{ "name": "天津市", "value": 14 },
{ "name": "上海市", "value": 150 },
{ "name": "重庆市", "value": 75 },
{ "name": "河北省", "value": 13 },
{ "name": "河南省", "value": 83 },
{ "name": "云南省", "value": 11 },
{ "name": "辽宁省", "value": 19 },
{ "name": "黑龙江省", "value": 15 },
{ "name": "湖南省", "value": 69 },
{ "name": "安徽省", "value": 260 },
{ "name": "山东省", "value": 39 },
{ "name": "新疆维吾尔自治区", "value": 4 },
{ "name": "江苏省", "value": 31 },
{ "name": "浙江省", "value": 104 },
{ "name": "江西省", "value": 36 },
{ "name": "湖北省", "value": 1052 },
{ "name": "广西壮族自治区", "value": 33 },
{ "name": "甘肃省", "value": 347 },
{ "name": "山西省", "value": 8 },
{ "name": "内蒙古自治区", "value": 157 },
{ "name": "陕西省", "value": 22 },
{ "name": "吉林省", "value": 4 },
{ "name": "福建省", "value": 36 },
{ "name": "贵州省", "value": 39 },
{ "name": "广东省", "value": 996 },
{ "name": "青海省", "value": 27 },
{ "name": "西藏自治区", "value": 31 },
{ "name": "四川省", "value": 46 },
{ "name": "宁夏回族自治区", "value": 16 },
{ "name": "海南省", "value": 22 },
{ "name": "台湾省", "value": 6 },
{ "name": "香港", "value": 2 },
{ "name": "澳门", "value": 9 }],
},
{
type: 'dycustComponents',

11
report-ui/src/views/bigscreenDesigner/designer/tools/configure/mapCharts/widget-line-map.js
Unescape Escape View File

@ -3,8 +3,8 @@
* @version:
* @Author: qianlishi
* @Date: 2021-08-29 07:31:21
* @LastEditors: qianlishi
* @LastEditTime: 2021-09-28 14:17:20
* @LastEditors: qianlishi qianlishi@anji-plus.com
* @LastEditTime: 2023-01-10 14:06:32
*/
export const widgetLineMap = {
code: 'widgetLineMap',
@ -22,6 +22,13 @@ export const widgetLineMap = {
placeholder: '',
value: '中国地图-路线图',
},
{
type: 'el-input-text',
label: '图层唯一标识',
name: 'uuid',
disabled: true,
value: 'widgetLineMap' + Date.now()
},
{
type: 'vue-color',
label: '背景颜色',

11
report-ui/src/views/bigscreenDesigner/designer/tools/configure/percentCharts/widget-gauge.js
Unescape Escape View File

@ -3,8 +3,8 @@
* @version:
* @Author: qianlishi
* @Date: 2021-08-29 07:30:25
* @LastEditors: qianlishi
* @LastEditTime: 2021-09-28 14:13:17
* @LastEditors: qianlishi qianlishi@anji-plus.com
* @LastEditTime: 2023-01-10 14:06:52
*/
export const widgetGauge = {
code: 'widget-gauge',
@ -23,6 +23,13 @@ export const widgetGauge = {
placeholder: '',
value: '仪表盘',
},
{
type: 'el-input-text',
label: '图层唯一标识',
name: 'uuid',
disabled: true,
value: 'widget-gauge' + Date.now()
},
{
type: 'vue-color',
label: '背景颜色',

485
report-ui/src/views/bigscreenDesigner/designer/tools/configure/percentCharts/widget-pie-percentage.js
Unescape Escape View File

@ -3,256 +3,263 @@
* @version:
* @Author: qianlishi
* @Date: 2021-08-29 07:34:01
* @LastEditors: qianlishi
* @LastEditTime: 2021-09-28 14:18:45
* @LastEditors: qianlishi qianlishi@anji-plus.com
* @LastEditTime: 2023-01-11 13:15:26
*/
export const widgetPiePercentage = {
code: 'widgetPiePercentageChart',
type: 'percent',
tabName: '百分比',
label: '百分比图',
icon: 'iconbaifenbi',
options: {
// 配置
setup: [
code: 'widgetPiePercentageChart',
type: 'percent',
tabName: '百分比',
label: '百分比图',
icon: 'iconbaifenbi',
options: {
// 配置
setup: [
{
type: 'el-input-text',
label: '图层名称',
name: 'layerName',
required: false,
placeholder: '',
value: '百分比图',
},
{
type: 'el-input-text',
label: '图层唯一标识',
name: 'uuid',
disabled: true,
value: 'widgetPiePercentageChart' + Date.now()
},
{
type: 'vue-color',
label: '背景颜色',
name: 'background',
required: false,
placeholder: '',
value: ''
},
[
{
type: 'el-input-text',
label: '图层名称',
name: 'layerName',
required: false,
placeholder: '',
value: '百分比图',
},
{
type: 'vue-color',
label: '背景颜色',
name: 'background',
required: false,
placeholder: '',
value: ''
},
[
{
name: '数值设置',
list: [
{
type: 'vue-color',
label: '数值颜色',
name: 'textNumColor',
required: false,
placeholder: '',
value: '#fff'
},
{
type: 'el-input-number',
label: '数值字体',
name: 'textNumFontSize',
required: false,
placeholder: '',
value: 40
},
{
type: 'el-select',
label: '字体粗细',
name: 'textNumFontWeight',
required: false,
placeholder: '',
selectOptions: [
{code: 'normal', name: '正常'},
{code: 'bold', name: '粗体'},
{code: 'bolder', name: '特粗体'},
{code: 'lighter', name: '细体'}
],
value: 'normal'
},
{
type: 'vue-color',
label: '%号颜色',
name: 'textPerColor',
required: false,
placeholder: '',
value: '#fff'
},
{
type: 'el-input-number',
label: '%号字体',
name: 'textPerFontSize',
required: false,
placeholder: '',
value: 20
},
{
type: 'el-select',
label: '字体粗细',
name: 'textPerFontWeight',
required: false,
placeholder: '',
selectOptions: [
{code: 'normal', name: '正常'},
{code: 'bold', name: '粗体'},
{code: 'bolder', name: '特粗体'},
{code: 'lighter', name: '细体'}
],
value: 'normal'
}
],
},
{
name: '圆环设置',
list: [
{
type: 'el-input-number',
label: '刻度数量',
name: 'lineNumber',
required: false,
placeholder: '',
value: 8
},
{
type: 'el-input-number',
label: '刻度长度',
name: 'lineLength',
required: false,
placeholder: '',
value: 19
},
{
type: 'el-input-number',
label: '刻度宽度',
name: 'lineWidth',
required: false,
placeholder: '',
value: 2
},
{
type: 'vue-color',
label: '刻度颜色',
name: 'lineColor',
required: false,
placeholder: '',
value: '#061740'
},
]
},
{
name: '渐变色',
list: [
{
type: 'vue-color',
label: '0%处颜色',
name: 'color0Start',
required: false,
placeholder: '',
value: '#4FADFD'
},
{
type: 'vue-color',
label: '100%颜色',
name: 'color100End',
required: false,
placeholder: '',
value: '#28E8FA'
},
{
type: 'vue-color',
label: '余处颜色',
name: 'colorsurplus',
required: false,
placeholder: '',
value: '#173164'
},
]
}
],
],
// 数据
data: [
{
type: 'el-radio-group',
label: '数据类型',
name: 'dataType',
require: false,
placeholder: '',
selectValue: true,
selectOptions: [
name: '数值设置',
list: [
{
code: 'staticData',
name: '静态数据',
type: 'vue-color',
label: '数值颜色',
name: 'textNumColor',
required: false,
placeholder: '',
value: '#fff'
},
{
code: 'dynamicData',
name: '动态数据',
type: 'el-input-number',
label: '数值字体',
name: 'textNumFontSize',
required: false,
placeholder: '',
value: 40
},
],
value: 'staticData',
},
{
type: 'el-input-number',
label: '刷新时间(毫秒)',
name: 'refreshTime',
relactiveDom: 'dataType',
relactiveDomValue: 'dynamicData',
value: 5000
},
{
type: 'el-button',
label: '静态数据',
name: 'staticData',
required: false,
placeholder: '',
relactiveDom: 'dataType',
relactiveDomValue: 'staticData',
value: [
{"num":60}
{
type: 'el-select',
label: '字体粗细',
name: 'textNumFontWeight',
required: false,
placeholder: '',
selectOptions: [
{ code: 'normal', name: '正常' },
{ code: 'bold', name: '粗体' },
{ code: 'bolder', name: '特粗体' },
{ code: 'lighter', name: '细体' }
],
value: 'normal'
},
{
type: 'vue-color',
label: '%号颜色',
name: 'textPerColor',
required: false,
placeholder: '',
value: '#fff'
},
{
type: 'el-input-number',
label: '%号字体',
name: 'textPerFontSize',
required: false,
placeholder: '',
value: 20
},
{
type: 'el-select',
label: '字体粗细',
name: 'textPerFontWeight',
required: false,
placeholder: '',
selectOptions: [
{ code: 'normal', name: '正常' },
{ code: 'bold', name: '粗体' },
{ code: 'bolder', name: '特粗体' },
{ code: 'lighter', name: '细体' }
],
value: 'normal'
}
],
},
{
type: 'dycustComponents',
label: '',
name: 'dynamicData',
required: false,
placeholder: '',
relactiveDom: 'dataType',
chartType: 'widget-piechart',
dictKey: 'TEXT_PROPERTIES',
relactiveDomValue: 'dynamicData',
value: '',
},
],
// 坐标
position: [
{
type: 'el-input-number',
label: '左边距',
name: 'left',
required: false,
placeholder: '',
value: 0,
},
{
type: 'el-input-number',
label: '上边距',
name: 'top',
required: false,
placeholder: '',
value: 0,
},
{
type: 'el-input-number',
label: '宽度',
name: 'width',
required: false,
placeholder: '该容器在1920px大屏中的宽度',
value: 400,
name: '圆环设置',
list: [
{
type: 'el-input-number',
label: '刻度数量',
name: 'lineNumber',
required: false,
placeholder: '',
value: 8
},
{
type: 'el-input-number',
label: '刻度长度',
name: 'lineLength',
required: false,
placeholder: '',
value: 19
},
{
type: 'el-input-number',
label: '刻度宽度',
name: 'lineWidth',
required: false,
placeholder: '',
value: 2
},
{
type: 'vue-color',
label: '刻度颜色',
name: 'lineColor',
required: false,
placeholder: '',
value: '#061740'
},
]
},
{
type: 'el-input-number',
label: '高度',
name: 'height',
required: false,
placeholder: '该容器在1080px大屏中的高度',
value: 300,
},
name: '渐变色',
list: [
{
type: 'vue-color',
label: '0%处颜色',
name: 'color0Start',
required: false,
placeholder: '',
value: '#4FADFD'
},
{
type: 'vue-color',
label: '100%颜色',
name: 'color100End',
required: false,
placeholder: '',
value: '#28E8FA'
},
{
type: 'vue-color',
label: '余处颜色',
name: 'colorsurplus',
required: false,
placeholder: '',
value: '#173164'
},
]
}
],
}
],
// 数据
data: [
{
type: 'el-radio-group',
label: '数据类型',
name: 'dataType',
require: false,
placeholder: '',
selectValue: true,
selectOptions: [
{
code: 'staticData',
name: '静态数据',
},
{
code: 'dynamicData',
name: '动态数据',
},
],
value: 'staticData',
},
{
type: 'el-input-number',
label: '刷新时间(毫秒)',
name: 'refreshTime',
relactiveDom: 'dataType',
relactiveDomValue: 'dynamicData',
value: 5000
},
{
type: 'el-button',
label: '静态数据',
name: 'staticData',
required: false,
placeholder: '',
relactiveDom: 'dataType',
relactiveDomValue: 'staticData',
value: [
{ "num": 60 }
],
},
{
type: 'dycustComponents',
label: '',
name: 'dynamicData',
required: false,
placeholder: '',
relactiveDom: 'dataType',
chartType: 'widget-piechart',
dictKey: 'TEXT_PROPERTIES',
relactiveDomValue: 'dynamicData',
value: '',
},
],
// 坐标
position: [
{
type: 'el-input-number',
label: '左边距',
name: 'left',
required: false,
placeholder: '',
value: 0,
},
{
type: 'el-input-number',
label: '上边距',
name: 'top',
required: false,
placeholder: '',
value: 0,
},
{
type: 'el-input-number',
label: '宽度',
name: 'width',
required: false,
placeholder: '该容器在1920px大屏中的宽度',
value: 400,
},
{
type: 'el-input-number',
label: '高度',
name: 'height',
required: false,
placeholder: '该容器在1080px大屏中的高度',
value: 300,
},
],
}
}

9
report-ui/src/views/bigscreenDesigner/designer/tools/configure/pieCharts/widget-pie-nightingale.js
Unescape Escape View File

@ -4,7 +4,7 @@
* @Author: qianlishi
* @Date: 2021-08-29 07:32:40
* @LastEditors: qianlishi qianlishi@anji-plus.com
* @LastEditTime: 2022-11-07 15:41:37
* @LastEditTime: 2023-01-11 13:15:38
*/
export const widgetPieNightingale = {
code: 'WidgetPieNightingaleRoseArea',
@ -23,6 +23,13 @@ export const widgetPieNightingale = {
placeholder: '',
value: '南丁格尔玫瑰图',
},
{
type: 'el-input-text',
label: '图层唯一标识',
name: 'uuid',
disabled: true,
value: 'WidgetPieNightingaleRoseArea' + Date.now()
},
{
type: 'vue-color',
label: '背景颜色',

11
report-ui/src/views/bigscreenDesigner/designer/tools/configure/pieCharts/widget-piechart.js
Unescape Escape View File

@ -3,8 +3,8 @@
* @version:
* @Author: qianlishi
* @Date: 2021-08-29 07:28:20
* @LastEditors: qianlishi
* @LastEditTime: 2021-09-28 14:19:19
* @LastEditors: qianlishi qianlishi@anji-plus.com
* @LastEditTime: 2023-01-11 13:15:48
*/
export const widgetPiechart = {
code: 'widget-piechart',
@ -23,6 +23,13 @@ export const widgetPiechart = {
placeholder: '',
value: '饼图',
},
{
type: 'el-input-text',
label: '图层唯一标识',
name: 'uuid',
disabled: true,
value: 'widget-piechart' + Date.now()
},
{
type: 'vue-color',
label: '背景颜色',

69
report-ui/src/views/bigscreenDesigner/designer/tools/configure/radarCharts/widget-radar.js
Unescape Escape View File

@ -17,6 +17,13 @@ export const widgetRadar = {
placeholder: '',
value: '雷达图',
},
{
type: 'el-input-text',
label: '图层唯一标识',
name: 'uuid',
disabled: true,
value: 'widget-radar' + Date.now()
},
{
type: 'vue-color',
label: '背景颜色',
@ -164,8 +171,8 @@ export const widgetRadar = {
required: false,
placeholder: '',
selectOptions: [
{code: 'line', name: '线型'},
{code: 'circle', name: '圆型'},
{ code: 'line', name: '线型' },
{ code: 'circle', name: '圆型' },
],
value: 'line'
},
@ -261,10 +268,10 @@ export const widgetRadar = {
required: false,
placeholder: '',
selectOptions: [
{code: 'normal', name: '正常'},
{code: 'bold', name: '粗体'},
{code: 'bolder', name: '特粗体'},
{code: 'lighter', name: '细体'}
{ code: 'normal', name: '正常' },
{ code: 'bold', name: '粗体' },
{ code: 'bolder', name: '特粗体' },
{ code: 'lighter', name: '细体' }
],
value: 'normal'
},
@ -275,9 +282,9 @@ export const widgetRadar = {
required: false,
placeholder: '',
selectOptions: [
{code: 'normal', name: '正常'},
{code: 'italic', name: 'italic斜体'},
{code: 'oblique', name: 'oblique斜体'},
{ code: 'normal', name: '正常' },
{ code: 'italic', name: 'italic斜体' },
{ code: 'oblique', name: 'oblique斜体' },
],
value: 'normal'
},
@ -333,9 +340,9 @@ export const widgetRadar = {
required: false,
placeholder: '',
selectOptions: [
{code: 'center', name: '居中'},
{code: 'left', name: '左对齐'},
{code: 'right', name: '右对齐'},
{ code: 'center', name: '居中' },
{ code: 'left', name: '左对齐' },
{ code: 'right', name: '右对齐' },
],
value: 'center'
},
@ -346,8 +353,8 @@ export const widgetRadar = {
required: false,
placeholder: '',
selectOptions: [
{code: 'top', name: '顶部'},
{code: 'bottom', name: '底部'},
{ code: 'top', name: '顶部' },
{ code: 'bottom', name: '底部' },
],
value: 'top'
},
@ -358,8 +365,8 @@ export const widgetRadar = {
required: false,
placeholder: '',
selectOptions: [
{code: 'vertical', name: '竖排'},
{code: 'horizontal', name: '横排'},
{ code: 'vertical', name: '竖排' },
{ code: 'horizontal', name: '横排' },
],
value: 'horizontal'
},
@ -399,10 +406,10 @@ export const widgetRadar = {
required: false,
placeholder: '',
selectOptions: [
{code: 'normal', name: '正常'},
{code: 'bold', name: '粗体'},
{code: 'bolder', name: '特粗体'},
{code: 'lighter', name: '细体'}
{ code: 'normal', name: '正常' },
{ code: 'bold', name: '粗体' },
{ code: 'bolder', name: '特粗体' },
{ code: 'lighter', name: '细体' }
],
value: 'normal'
},
@ -421,9 +428,9 @@ export const widgetRadar = {
required: false,
placeholder: '',
selectOptions: [
{code: 'solid', name: '实线'},
{code: 'dashed', name: '线型虚线'},
{code: 'dotted', name: '点型虚线'},
{ code: 'solid', name: '实线' },
{ code: 'dashed', name: '线型虚线' },
{ code: 'dotted', name: '点型虚线' },
],
value: 'solid'
},
@ -466,7 +473,7 @@ export const widgetRadar = {
label: '',
name: 'customColor',
required: false,
value: [{color: '#ff7f50'}, {color: '#87cefa'}, {color: '#da70d6'}, {color: '#32cd32'}, {color: '#6495ed'}],
value: [{ color: '#ff7f50' }, { color: '#87cefa' }, { color: '#da70d6' }, { color: '#32cd32' }, { color: '#6495ed' }],
},
],
},
@ -478,11 +485,11 @@ export const widgetRadar = {
required: false,
placeholder: '',
value: [
{name: 'SA', key: 'Sales', max: 6500},
{name: 'Admin', key: 'Admin', max: 16000},
{name: 'Information', key: 'Information', max: 30000},
{name: 'Customer', key: 'Customer', max: 38000},
{name: 'Develop', key: 'Develop', max: 52000},
{ name: 'SA', key: 'Sales', max: 6500 },
{ name: 'Admin', key: 'Admin', max: 16000 },
{ name: 'Information', key: 'Information', max: 30000 },
{ name: 'Customer', key: 'Customer', max: 38000 },
{ name: 'Develop', key: 'Develop', max: 52000 },
]
}
],
@ -523,8 +530,8 @@ export const widgetRadar = {
relactiveDom: 'dataType',
relactiveDomValue: 'staticData',
value: [
{name: '2016', Sales: 4200, Admin: 3000, Information: 20000, Customer: 35000, Develop: 50000},
{name: '2017', Sales: 5000, Admin: 14000, Information: 28000, Customer: 26000, Develop: 42000},
{ name: '2016', Sales: 4200, Admin: 3000, Information: 20000, Customer: 35000, Develop: 50000 },
{ name: '2017', Sales: 5000, Admin: 14000, Information: 28000, Customer: 26000, Develop: 42000 },
],
},
{

11
report-ui/src/views/bigscreenDesigner/designer/tools/configure/texts/widget-href.js
Unescape Escape View File

@ -3,8 +3,8 @@
* @version:
* @Author: qianlishi
* @Date: 2021-08-29 07:03:58
* @LastEditors: qianlishi
* @LastEditTime: 2021-09-28 14:14:21
* @LastEditors: qianlishi qianlishi@anji-plus.com
* @LastEditTime: 2023-01-11 13:16:21
*/
export const widgetHref = {
code: 'widget-href',
@ -23,6 +23,13 @@ export const widgetHref = {
placeholder: '',
value: '超链接',
},
{
type: 'el-input-text',
label: '图层唯一标识',
name: 'uuid',
disabled: true,
value: 'widget-href' + Date.now()
},
{
type: 'el-input-text',
label: '文本内容',

11
report-ui/src/views/bigscreenDesigner/designer/tools/configure/texts/widget-iframe.js
Unescape Escape View File

@ -3,8 +3,8 @@
* @version:
* @Author: qianlishi
* @Date: 2021-08-29 07:17:55
* @LastEditors: qianlishi
* @LastEditTime: 2021-09-28 14:14:39
* @LastEditors: qianlishi qianlishi@anji-plus.com
* @LastEditTime: 2023-01-11 13:17:35
*/
export const widgetIframe = {
code: 'widget-iframe',
@ -23,6 +23,13 @@ export const widgetIframe = {
placeholder: '',
value: 'iframe',
},
{
type: 'el-input-text',
label: '图层唯一标识',
name: 'uuid',
disabled: true,
value: 'widget-iframe' + Date.now()
},
{
type: 'el-input-text',
label: '地址',

211
report-ui/src/views/bigscreenDesigner/designer/tools/configure/texts/widget-image.js
Unescape Escape View File

@ -7,106 +7,113 @@
* @LastEditTime: 2021-09-28 14:14:51
*/
export const widgetImage = {
code: 'widget-image',
type: 'text',
tabName: '文本栏',
label: '图片',
icon: 'icontupian',
options: {
// 配置
setup: [
{
type: 'el-input-text',
label: '图层名称',
name: 'layerName',
required: false,
placeholder: '',
value: '图片',
},
{
type: 'el-switch',
label: '开启旋转',
name: 'startRotate',
required: false,
placeholder: '',
value: false,
},
{
type: 'el-slider',
label: '旋转速度',
name: 'rotationSpeed',
required: false,
placeholder: '',
value: 70
},
{
type: 'el-slider',
label: '透明度',
name: 'transparency',
required: false,
placeholder: '',
value: 100
},
{
type: 'el-input-number',
label: '圆角',
name: 'borderRadius',
required: false,
placeholder: '',
value: '0'
},
{
type: 'custom-upload',
label: '图片地址',
name: 'imageAdress',
required: false,
placeholder: '',
value: 'http://10.108.26.197:9095/file/download/fd20d563-00aa-45e2-b5db-aff951f814ec',
},
{
type: 'vue-color',
label: '背景颜色',
name: 'background',
required: false,
placeholder: '',
},
],
// 数据
data: [],
// 坐标
position: [
{
type: 'el-input-number',
label: '左边距',
name: 'left',
required: false,
placeholder: '',
value: 0,
},
{
type: 'el-input-number',
label: '上边距',
name: 'top',
required: false,
placeholder: '',
value: 0,
},
{
type: 'el-input-number',
label: '宽度',
name: 'width',
required: false,
placeholder: '该容器在1920px大屏中的宽度',
value: 300,
},
{
type: 'el-input-number',
label: '高度',
name: 'height',
required: false,
placeholder: '该容器在1080px大屏中的高度',
value: 200,
},
],
}
code: 'widget-image',
type: 'text',
tabName: '文本栏',
label: '图片',
icon: 'icontupian',
options: {
// 配置
setup: [
{
type: 'el-input-text',
label: '图层名称',
name: 'layerName',
required: false,
placeholder: '',
value: '图片',
},
{
type: 'el-input-text',
label: '图层唯一标识',
name: 'uuid',
disabled: true,
value: 'widget-image' + Date.now()
},
{
type: 'el-switch',
label: '开启旋转',
name: 'startRotate',
required: false,
placeholder: '',
value: false,
},
{
type: 'el-slider',
label: '旋转速度',
name: 'rotationSpeed',
required: false,
placeholder: '',
value: 70
},
{
type: 'el-slider',
label: '透明度',
name: 'transparency',
required: false,
placeholder: '',
value: 100
},
{
type: 'el-input-number',
label: '圆角',
name: 'borderRadius',
required: false,
placeholder: '',
value: '0'
},
{
type: 'custom-upload',
label: '图片地址',
name: 'imageAdress',
required: false,
placeholder: '',
value: 'http://10.108.26.197:9095/file/download/fd20d563-00aa-45e2-b5db-aff951f814ec',
},
{
type: 'vue-color',
label: '背景颜色',
name: 'background',
required: false,
placeholder: '',
},
],
// 数据
data: [],
// 坐标
position: [
{
type: 'el-input-number',
label: '左边距',
name: 'left',
required: false,
placeholder: '',
value: 0,
},
{
type: 'el-input-number',
label: '上边距',
name: 'top',
required: false,
placeholder: '',
value: 0,
},
{
type: 'el-input-number',
label: '宽度',
name: 'width',
required: false,
placeholder: '该容器在1920px大屏中的宽度',
value: 300,
},
{
type: 'el-input-number',
label: '高度',
name: 'height',
required: false,
placeholder: '该容器在1080px大屏中的高度',
value: 200,
},
],
}
}

345
report-ui/src/views/bigscreenDesigner/designer/tools/configure/texts/widget-marquee.js
Unescape Escape View File

@ -3,175 +3,182 @@
* @version:
* @Author: qianlishi
* @Date: 2021-08-29 07:00:00
* @LastEditors: qianlishi
* @LastEditTime: 2021-09-28 14:17:39
* @LastEditors: qianlishi qianlishi@anji-plus.com
* @LastEditTime: 2023-01-11 13:18:02
*/
export const widgetMarquee = {
code: 'widget-marquee',
type: 'text',
tabName: '文本栏',
label: '滚动文本',
icon: 'iconhengxiangwenzi',
options: {
// 配置
setup: [
{
type: 'el-input-text',
label: '图层名称',
name: 'layerName',
required: false,
placeholder: '',
value: '跑马灯',
},
{
type: 'el-input-text',
label: '文本内容',
name: 'text',
required: false,
placeholder: '',
value: '滚动文本',
},
{
type: 'el-input-number',
label: '字体字号',
name: 'fontSize',
required: false,
placeholder: '',
value: '26',
},
{
type: 'vue-color',
label: '字体颜色',
name: 'color',
required: false,
placeholder: '',
value: '#FAD400',
},
{
type: 'el-input-number',
label: '字体间距',
name: 'letterSpacing',
required: false,
placeholder: '',
value: '0',
},
{
type: 'vue-color',
label: '字体背景',
name: 'background',
required: false,
placeholder: '',
value: 'rgba(115,170,229,.5)',
},
{
type: 'el-select',
label: '文字粗细',
name: 'fontWeight',
required: false,
placeholder: '',
selectOptions: [
{code: 'normal', name: '正常'},
{code: 'bold', name: '粗体'},
{code: 'bolder', name: '特粗体'},
{code: 'lighter', name: '细体'}
],
value: 'normal'
},
/* {
type: 'el-input-number',
label: '滚动速度',
name: 'jScrollPane',
//required: false,
placeholder: '',
value: '50',
}*/
],
// 数据
data: [
{
type: 'el-radio-group',
label: '数据类型',
name: 'dataType',
require: false,
placeholder: '',
selectValue: true,
selectOptions: [
{
code: 'staticData',
name: '静态数据',
},
{
code: 'dynamicData',
name: '动态数据',
},
],
value: 'staticData',
},
{
type: 'el-input-number',
label: '刷新时间(毫秒)',
name: 'refreshTime',
relactiveDom: 'dataType',
relactiveDomValue: 'dynamicData',
value: 5000
},
{
type: 'el-button',
label: '静态数据',
name: 'staticData',
required: false,
placeholder: '',
relactiveDom: 'dataType',
relactiveDomValue: 'staticData',
value: '文本框',
},
{
type: 'dycustComponents',
label: '',
name: 'dynamicData',
required: false,
placeholder: '',
relactiveDom: 'dataType',
relactiveDomValue: 'dynamicData',
chartType: 'widget-text',
dictKey: 'TEXT_PROPERTIES',
value: '',
}
],
// 坐标
position: [
{
type: 'el-input-number',
label: '左边距',
name: 'left',
required: false,
placeholder: '',
value: 0,
},
{
type: 'el-input-number',
label: '上边距',
name: 'top',
required: false,
placeholder: '',
value: 0,
},
{
type: 'el-input-number',
label: '宽度',
name: 'width',
required: false,
placeholder: '该容器在1920px大屏中的宽度',
value: 100,
},
{
type: 'el-input-number',
label: '高度',
name: 'height',
required: false,
placeholder: '该容器在1080px大屏中的高度',
value: 40,
},
],
}
code: 'widget-marquee',
type: 'text',
tabName: '文本栏',
label: '滚动文本',
icon: 'iconhengxiangwenzi',
options: {
// 配置
setup: [
{
type: 'el-input-text',
label: '图层名称',
name: 'layerName',
required: false,
placeholder: '',
value: '跑马灯',
},
{
type: 'el-input-text',
label: '图层唯一标识',
name: 'uuid',
disabled: true,
value: 'widget-marquee' + Date.now()
},
{
type: 'el-input-text',
label: '文本内容',
name: 'text',
required: false,
placeholder: '',
value: '滚动文本',
},
{
type: 'el-input-number',
label: '字体字号',
name: 'fontSize',
required: false,
placeholder: '',
value: '26',
},
{
type: 'vue-color',
label: '字体颜色',
name: 'color',
required: false,
placeholder: '',
value: '#FAD400',
},
{
type: 'el-input-number',
label: '字体间距',
name: 'letterSpacing',
required: false,
placeholder: '',
value: '0',
},
{
type: 'vue-color',
label: '字体背景',
name: 'background',
required: false,
placeholder: '',
value: 'rgba(115,170,229,.5)',
},
{
type: 'el-select',
label: '文字粗细',
name: 'fontWeight',
required: false,
placeholder: '',
selectOptions: [
{ code: 'normal', name: '正常' },
{ code: 'bold', name: '粗体' },
{ code: 'bolder', name: '特粗体' },
{ code: 'lighter', name: '细体' }
],
value: 'normal'
},
/* {
type: 'el-input-number',
label: '滚动速度',
name: 'jScrollPane',
//required: false,
placeholder: '',
value: '50',
}*/
],
// 数据
data: [
{
type: 'el-radio-group',
label: '数据类型',
name: 'dataType',
require: false,
placeholder: '',
selectValue: true,
selectOptions: [
{
code: 'staticData',
name: '静态数据',
},
{
code: 'dynamicData',
name: '动态数据',
},
],
value: 'staticData',
},
{
type: 'el-input-number',
label: '刷新时间(毫秒)',
name: 'refreshTime',
relactiveDom: 'dataType',
relactiveDomValue: 'dynamicData',
value: 5000
},
{
type: 'el-button',
label: '静态数据',
name: 'staticData',
required: false,
placeholder: '',
relactiveDom: 'dataType',
relactiveDomValue: 'staticData',
value: '文本框',
},
{
type: 'dycustComponents',
label: '',
name: 'dynamicData',
required: false,
placeholder: '',
relactiveDom: 'dataType',
relactiveDomValue: 'dynamicData',
chartType: 'widget-text',
dictKey: 'TEXT_PROPERTIES',
value: '',
}
],
// 坐标
position: [
{
type: 'el-input-number',
label: '左边距',
name: 'left',
required: false,
placeholder: '',
value: 0,
},
{
type: 'el-input-number',
label: '上边距',
name: 'top',
required: false,
placeholder: '',
value: 0,
},
{
type: 'el-input-number',
label: '宽度',
name: 'width',
required: false,
placeholder: '该容器在1920px大屏中的宽度',
value: 100,
},
{
type: 'el-input-number',
label: '高度',
name: 'height',
required: false,
placeholder: '该容器在1080px大屏中的高度',
value: 40,
},
],
}
}

171
report-ui/src/views/bigscreenDesigner/designer/tools/configure/texts/widget-slider.js
Unescape Escape View File

@ -3,86 +3,93 @@
* @version:
* @Author: qianlishi
* @Date: 2021-08-29 07:08:53
* @LastEditors: qianlishi
* @LastEditTime: 2021-09-28 14:19:30
* @LastEditors: qianlishi qianlishi@anji-plus.com
* @LastEditTime: 2023-01-11 13:18:15
*/
export const widgetSliders = {
code: 'widget-slider',
type: 'text',
tabName: '文本栏',
label: '轮播图片',
icon: 'slider',
options: {
// 配置
setup: [
{
type: 'el-input-text',
label: '图层名称',
name: 'layerName',
required: false,
placeholder: '',
},
{
type: 'el-switch',
label: '隐藏图层',
name: 'hideLayer',
required: false,
placeholder: '',
},
{
type: 'el-select',
label: '轮播方向',
name: 'tabDirection',
required: false,
placeholder: '',
},
{
type: 'el-select',
label: '选择器',
name: 'tabSelector',
required: false,
placeholder: '',
},
{
type: 'el-input-number',
label: '轮播时间',
name: 'tabTime',
required: false,
placeholder: '',
},
],
// 数据
data: [],
// 坐标
position: [
{
type: 'el-input-number',
label: '左边距',
name: 'left',
required: true,
placeholder: '',
},
{
type: 'el-input-number',
label: '上边距',
name: 'top',
required: true,
placeholder: '',
},
{
type: 'el-input-number',
label: '宽度',
name: 'width',
required: true,
placeholder: '该容器在1920px大屏中的宽度',
},
{
type: 'el-input-number',
label: '高度',
name: 'height',
required: true,
placeholder: '该容器在1080px大屏中的高度',
},
],
}
}
export const widgetSliders = {
code: 'widget-slider',
type: 'text',
tabName: '文本栏',
label: '轮播图片',
icon: 'slider',
options: {
// 配置
setup: [
{
type: 'el-input-text',
label: '图层名称',
name: 'layerName',
required: false,
placeholder: '',
},
{
type: 'el-input-text',
label: '图层唯一标识',
name: 'uuid',
disabled: true,
value: 'widget-slider' + Date.now()
},
{
type: 'el-switch',
label: '隐藏图层',
name: 'hideLayer',
required: false,
placeholder: '',
},
{
type: 'el-select',
label: '轮播方向',
name: 'tabDirection',
required: false,
placeholder: '',
},
{
type: 'el-select',
label: '选择器',
name: 'tabSelector',
required: false,
placeholder: '',
},
{
type: 'el-input-number',
label: '轮播时间',
name: 'tabTime',
required: false,
placeholder: '',
},
],
// 数据
data: [],
// 坐标
position: [
{
type: 'el-input-number',
label: '左边距',
name: 'left',
required: true,
placeholder: '',
},
{
type: 'el-input-number',
label: '上边距',
name: 'top',
required: true,
placeholder: '',
},
{
type: 'el-input-number',
label: '宽度',
name: 'width',
required: true,
placeholder: '该容器在1920px大屏中的宽度',
},
{
type: 'el-input-number',
label: '高度',
name: 'height',
required: true,
placeholder: '该容器在1080px大屏中的高度',
},
],
}
}

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

@ -3,303 +3,311 @@
* @version:
* @Author: qianlishi
* @Date: 2021-08-29 07:16:10
* @LastEditors: qianlishi
* @LastEditTime: 2021-09-28 14:19:54
* @LastEditors: qianlishi qianlishi@anji-plus.com
* @LastEditTime: 2023-01-11 13:18:28
*/
export const widgetTable = {
code: 'widget-table',
type: 'text',
tabName: '文本栏',
label: '表格',
icon: 'iconbiaoge',
options: {
setup: [
{
type: 'el-input-text',
label: '图层名称',
name: 'layerName',
required: false,
placeholder: '',
value: '表格',
},
{
type: 'el-select',
label: '字体位置',
name: 'textAlign',
required: false,
placeholder: '',
selectOptions: [
{code: 'center', name: '居中'},
{code: 'left', name: '左对齐'},
{code: 'right', name: '右对齐'},
],
value: 'center'
},
{
type: 'el-input-number',
label: '字体字号',
name: 'fontSize',
required: false,
placeholder: '',
value: '16'
},
{
type: 'el-input-number',
label: '显示行数',
name: 'vis',
required: false,
placeholder: '',
value: '5'
},
{
type: 'el-input-number',
label: '行高',
name: 'rowHeight',
required: false,
placeholder: '',
value: '50'
},
{
type: 'el-switch',
label: '开启滚动',
name: 'isRoll',
required: false,
placeholder: '',
value: true
},
{
type: 'el-select',
label: '动画效果',
name: 'effect',
required: false,
placeholder: '',
selectOptions: [
{code: 'top', name: '上滚动'},
{code: 'topLoop', name: '上循环滚动'},
],
value: 'topLoop'
},
{
type: 'el-input-number',
label: '滚动间隔(毫秒)',
name: 'interTime',
required: false,
placeholder: '',
value: 2500
},
{
type: 'el-input-number',
label: '动效时间(毫秒)',
name: 'delayTime',
required: false,
placeholder: '',
value: 500
},
{
type: 'el-input-number',
label: '滚动个数',
name: 'scroll',
required: false,
placeholder: '',
value: 1
},
{
type: 'el-switch',
label: '边框线',
name: 'isLine',
required: false,
placeholder: '',
value: false
},
{
type: 'el-input-number',
label: '边框宽度',
name: 'borderWidth',
required: false,
placeholder: '',
value: 1
},
{
type: 'vue-color',
label: '边框颜色',
name: 'borderColor',
required: false,
placeholder: '',
value: '#fff'
},
[
{
name: '表头设置',
list: [
{
type: 'el-switch',
label: '表头显隐',
name: 'isHeader',
required: false,
placeholder: '',
value: true,
},
{
type: 'vue-color',
label: '表头颜色',
name: 'headColor',
require: false,
placeholder: '',
value: '#fff',
},
{
type: 'vue-color',
label: '表头背景',
name: 'headBackColor',
require: false,
placeholder: '',
value: '#0a73ff',
},
],
},
{
name: '表体设置',
list: [
{
type: 'vue-color',
label: '文字颜色',
name: 'bodyColor',
required: false,
placeholder: '',
value: '#fff',
},
{
type: 'vue-color',
label: '表格背景色',
name: 'tableBgColor',
require: false,
placeholder: '',
value: '',
},
{
type: 'vue-color',
label: '奇行颜色',
name: 'oldColor',
require: false,
placeholder: '',
value: '#0a2732',
},
{
type: 'vue-color',
label: '偶行颜色',
name: 'eventColor',
required: false,
placeholder: '',
value: '#003b51'
}
],
},
code: 'widget-table',
type: 'text',
tabName: '文本栏',
label: '表格',
icon: 'iconbiaoge',
options: {
setup: [
{
type: 'el-input-text',
label: '图层名称',
name: 'layerName',
required: false,
placeholder: '',
value: '表格',
},
{
type: 'el-input-text',
label: '图层唯一标识',
name: 'uuid',
disabled: true,
value: 'widget-table' + Date.now()
},
{
type: 'el-select',
label: '字体位置',
name: 'textAlign',
required: false,
placeholder: '',
selectOptions: [
{ code: 'center', name: '居中' },
{ code: 'left', name: '左对齐' },
{ code: 'right', name: '右对齐' },
],
value: 'center'
},
{
type: 'el-input-number',
label: '字体字号',
name: 'fontSize',
required: false,
placeholder: '',
value: '16'
},
{
type: 'el-input-number',
label: '显示行数',
name: 'vis',
required: false,
placeholder: '',
value: '5'
},
{
type: 'el-input-number',
label: '行高',
name: 'rowHeight',
required: false,
placeholder: '',
value: '50'
},
{
type: 'el-switch',
label: '开启滚动',
name: 'isRoll',
required: false,
placeholder: '',
value: true
},
{
type: 'el-select',
label: '动画效果',
name: 'effect',
required: false,
placeholder: '',
selectOptions: [
{ code: 'top', name: '上滚动' },
{ code: 'topLoop', name: '上循环滚动' },
],
value: 'topLoop'
},
{
type: 'el-input-number',
label: '滚动间隔(毫秒)',
name: 'interTime',
required: false,
placeholder: '',
value: 2500
},
{
type: 'el-input-number',
label: '动效时间(毫秒)',
name: 'delayTime',
required: false,
placeholder: '',
value: 500
},
{
type: 'el-input-number',
label: '滚动个数',
name: 'scroll',
required: false,
placeholder: '',
value: 1
},
{
type: 'el-switch',
label: '边框线',
name: 'isLine',
required: false,
placeholder: '',
value: false
},
{
type: 'el-input-number',
label: '边框宽度',
name: 'borderWidth',
required: false,
placeholder: '',
value: 1
},
{
type: 'vue-color',
label: '边框颜色',
name: 'borderColor',
required: false,
placeholder: '',
value: '#fff'
},
[
{
type: 'dynamic-add-table',
label: '',
name: 'dynamicAddTable',
required: false,
placeholder: '',
value: [
{name: '日期', key: 'date', width: '50%'},
{name: '姓名', key: 'name', width: '50%'},
{name: '地址', key: 'address', width: '200%',
}]
}
],
data: [
{
type: 'el-radio-group',
label: '数据类型',
name: 'dataType',
require: false,
placeholder: '',
selectValue: true,
selectOptions: [
name: '表头设置',
list: [
{
type: 'el-switch',
label: '表头显隐',
name: 'isHeader',
required: false,
placeholder: '',
value: true,
},
{
code: 'staticData',
name: '静态数据',
type: 'vue-color',
label: '表头颜色',
name: 'headColor',
require: false,
placeholder: '',
value: '#fff',
},
{
code: 'dynamicData',
name: '动态数据',
type: 'vue-color',
label: '表头背景',
name: 'headBackColor',
require: false,
placeholder: '',
value: '#0a73ff',
},
],
value: 'staticData',
},
{
type: 'el-input-number',
label: '刷新时间(毫秒)',
name: 'refreshTime',
relactiveDom: 'dataType',
relactiveDomValue: 'dynamicData',
value: 30000
},
{
type: 'el-button',
label: '静态数据',
name: 'staticData',
required: false,
placeholder: '',
relactiveDom: 'dataType',
relactiveDomValue: 'staticData',
value: [
{date: '2016-05-02', name: '王小虎', address: '上海市普陀区金沙江路 1518 弄0001'},
{date: '2016-05-02', name: '王小虎', address: '上海市普陀区金沙江路 1518 弄0002'},
{date: '2016-05-02', name: '王小虎', address: '上海市普陀区金沙江路 1518 弄0003'},
{date: '2016-05-02', name: '王小虎', address: '上海市普陀区金沙江路 1518 弄0004'},
{date: '2016-05-02', name: '王小虎', address: '上海市普陀区金沙江路 1518 弄0005'},
{date: '2016-05-02', name: '王小虎', address: '上海市普陀区金沙江路 1518 弄0006'},
{date: '2016-05-02', name: '王小虎', address: '上海市普陀区金沙江路 1518 弄0007'},
name: '表体设置',
list: [
{
type: 'vue-color',
label: '文字颜色',
name: 'bodyColor',
required: false,
placeholder: '',
value: '#fff',
},
{
type: 'vue-color',
label: '表格背景色',
name: 'tableBgColor',
require: false,
placeholder: '',
value: '',
},
{
type: 'vue-color',
label: '奇行颜色',
name: 'oldColor',
require: false,
placeholder: '',
value: '#0a2732',
},
{
type: 'vue-color',
label: '偶行颜色',
name: 'eventColor',
required: false,
placeholder: '',
value: '#003b51'
}
],
},
{
type: 'dycustComponents',
label: '',
name: 'dynamicData',
required: false,
placeholder: '',
relactiveDom: 'dataType',
relactiveDomValue: 'dynamicData',
chartType: 'widget-table',
dictKey: 'TEXT_PROPERTIES',
value: '',
},
],
position: [
{
type: 'el-input-number',
label: '左边距',
name: 'left',
required: false,
placeholder: '',
value: 0,
},
{
type: 'el-input-number',
label: '上边距',
name: 'top',
required: false,
placeholder: '',
value: 0,
},
{
type: 'el-input-number',
label: '宽度',
name: 'width',
required: false,
placeholder: '该容器在1920px大屏中的宽度',
value: 600,
},
{
type: 'el-input-number',
label: '高度',
name: 'height',
required: false,
placeholder: '该容器在1080px大屏中的高度',
value: 300,
},
]
}
{
type: 'dynamic-add-table',
label: '',
name: 'dynamicAddTable',
required: false,
placeholder: '',
value: [
{ name: '日期', key: 'date', width: '50%' },
{ name: '姓名', key: 'name', width: '50%' },
{
name: '地址', key: 'address', width: '200%',
}]
}
],
data: [
{
type: 'el-radio-group',
label: '数据类型',
name: 'dataType',
require: false,
placeholder: '',
selectValue: true,
selectOptions: [
{
code: 'staticData',
name: '静态数据',
},
{
code: 'dynamicData',
name: '动态数据',
},
],
value: 'staticData',
},
{
type: 'el-input-number',
label: '刷新时间(毫秒)',
name: 'refreshTime',
relactiveDom: 'dataType',
relactiveDomValue: 'dynamicData',
value: 30000
},
{
type: 'el-button',
label: '静态数据',
name: 'staticData',
required: false,
placeholder: '',
relactiveDom: 'dataType',
relactiveDomValue: 'staticData',
value: [
{ date: '2016-05-02', name: '王小虎', address: '上海市普陀区金沙江路 1518 弄0001' },
{ date: '2016-05-02', name: '王小虎', address: '上海市普陀区金沙江路 1518 弄0002' },
{ date: '2016-05-02', name: '王小虎', address: '上海市普陀区金沙江路 1518 弄0003' },
{ date: '2016-05-02', name: '王小虎', address: '上海市普陀区金沙江路 1518 弄0004' },
{ date: '2016-05-02', name: '王小虎', address: '上海市普陀区金沙江路 1518 弄0005' },
{ date: '2016-05-02', name: '王小虎', address: '上海市普陀区金沙江路 1518 弄0006' },
{ date: '2016-05-02', name: '王小虎', address: '上海市普陀区金沙江路 1518 弄0007' },
],
},
{
type: 'dycustComponents',
label: '',
name: 'dynamicData',
required: false,
placeholder: '',
relactiveDom: 'dataType',
relactiveDomValue: 'dynamicData',
chartType: 'widget-table',
dictKey: 'TEXT_PROPERTIES',
value: '',
},
],
position: [
{
type: 'el-input-number',
label: '左边距',
name: 'left',
required: false,
placeholder: '',
value: 0,
},
{
type: 'el-input-number',
label: '上边距',
name: 'top',
required: false,
placeholder: '',
value: 0,
},
{
type: 'el-input-number',
label: '宽度',
name: 'width',
required: false,
placeholder: '该容器在1920px大屏中的宽度',
value: 600,
},
{
type: 'el-input-number',
label: '高度',
name: 'height',
required: false,
placeholder: '该容器在1080px大屏中的高度',
value: 300,
},
]
}
}

357
report-ui/src/views/bigscreenDesigner/designer/tools/configure/texts/widget-text.js
Unescape Escape View File

@ -3,181 +3,188 @@
* @version:
* @Author: qianlishi
* @Date: 2021-08-29 06:52:13
* @LastEditors: qianlishi
* @LastEditTime: 2021-09-28 14:20:12
* @LastEditors: qianlishi qianlishi@anji-plus.com
* @LastEditTime: 2023-01-11 13:18:36
*/
export const widgetText = {
code: 'widget-text',
type: 'text',
tabName: '文本栏',
label: '文本',
icon: 'iconziyuan',
options: {
// 配置
setup: [
{
type: 'el-input-text',
label: '图层名称',
name: 'layerName',
required: false,
placeholder: '',
value: '文本框',
},
{
type: 'el-input-text',
label: '文本内容',
name: 'text',
required: false,
placeholder: '',
value: '文本框',
},
{
type: 'el-input-number',
label: '字体字号',
name: 'fontSize',
required: false,
placeholder: '',
value: '26',
},
{
type: 'vue-color',
label: '字体颜色',
name: 'color',
required: false,
placeholder: '',
value: '#FAD400',
},
{
type: 'el-input-number',
label: '字体间距',
name: 'letterSpacing',
required: false,
placeholder: '',
value: '0',
},
{
type: 'vue-color',
label: '字体背景',
name: 'background',
required: false,
placeholder: '',
value: 'rgba(115,170,229,.0)',
},
{
type: 'el-select',
label: '文字粗细',
name: 'fontWeight',
required: false,
placeholder: '',
selectOptions: [
{code: 'normal', name: '正常'},
{code: 'bold', name: '粗体'},
{code: 'bolder', name: '特粗体'},
{code: 'lighter', name: '细体'}
],
value: 'normal'
},
{
type: 'el-select',
label: '对齐方式',
name: 'textAlign',
required: false,
placeholder: '',
selectOptions: [
{code: 'center', name: '居中'},
{code: 'left', name: '左对齐'},
{code: 'right', name: '右对齐'},
],
value: 'center'
},
],
// 数据
data: [
{
type: 'el-radio-group',
label: '数据类型',
name: 'dataType',
require: false,
placeholder: '',
selectValue: true,
selectOptions: [
{
code: 'staticData',
name: '静态数据',
},
{
code: 'dynamicData',
name: '动态数据',
},
],
value: 'staticData',
},
{
type: 'el-input-number',
label: '刷新时间(毫秒)',
name: 'refreshTime',
relactiveDom: 'dataType',
relactiveDomValue: 'dynamicData',
value: 5000
},
{
type: 'el-button',
label: '静态数据',
name: 'staticData',
required: false,
placeholder: '',
relactiveDom: 'dataType',
relactiveDomValue: 'staticData',
value: '文本框',
},
{
type: 'dycustComponents',
label: '',
name: 'dynamicData',
required: false,
placeholder: '',
relactiveDom: 'dataType',
relactiveDomValue: 'dynamicData',
chartType: 'widget-text',
dictKey: 'TEXT_PROPERTIES',
value: '',
}
],
export const widgetText = {
code: 'widget-text',
type: 'text',
tabName: '文本栏',
label: '文本',
icon: 'iconziyuan',
options: {
// 配置
setup: [
{
type: 'el-input-text',
label: '图层名称',
name: 'layerName',
required: false,
placeholder: '',
value: '文本框',
},
{
type: 'el-input-text',
label: '图层唯一标识',
name: 'uuid',
disabled: true,
value: 'widget-text' + Date.now()
},
{
type: 'el-input-text',
label: '文本内容',
name: 'text',
required: false,
placeholder: '',
value: '文本框',
},
{
type: 'el-input-number',
label: '字体字号',
name: 'fontSize',
required: false,
placeholder: '',
value: '26',
},
{
type: 'vue-color',
label: '字体颜色',
name: 'color',
required: false,
placeholder: '',
value: '#FAD400',
},
{
type: 'el-input-number',
label: '字体间距',
name: 'letterSpacing',
required: false,
placeholder: '',
value: '0',
},
{
type: 'vue-color',
label: '字体背景',
name: 'background',
required: false,
placeholder: '',
value: 'rgba(115,170,229,.0)',
},
{
type: 'el-select',
label: '文字粗细',
name: 'fontWeight',
required: false,
placeholder: '',
selectOptions: [
{ code: 'normal', name: '正常' },
{ code: 'bold', name: '粗体' },
{ code: 'bolder', name: '特粗体' },
{ code: 'lighter', name: '细体' }
],
value: 'normal'
},
{
type: 'el-select',
label: '对齐方式',
name: 'textAlign',
required: false,
placeholder: '',
selectOptions: [
{ code: 'center', name: '居中' },
{ code: 'left', name: '左对齐' },
{ code: 'right', name: '右对齐' },
],
value: 'center'
},
],
// 数据
data: [
{
type: 'el-radio-group',
label: '数据类型',
name: 'dataType',
require: false,
placeholder: '',
selectValue: true,
selectOptions: [
{
code: 'staticData',
name: '静态数据',
},
{
code: 'dynamicData',
name: '动态数据',
},
],
value: 'staticData',
},
{
type: 'el-input-number',
label: '刷新时间(毫秒)',
name: 'refreshTime',
relactiveDom: 'dataType',
relactiveDomValue: 'dynamicData',
value: 5000
},
{
type: 'el-button',
label: '静态数据',
name: 'staticData',
required: false,
placeholder: '',
relactiveDom: 'dataType',
relactiveDomValue: 'staticData',
value: '文本框',
},
{
type: 'dycustComponents',
label: '',
name: 'dynamicData',
required: false,
placeholder: '',
relactiveDom: 'dataType',
relactiveDomValue: 'dynamicData',
chartType: 'widget-text',
dictKey: 'TEXT_PROPERTIES',
value: '',
}
],
// 坐标
position: [
{
type: 'el-input-number',
label: '左边距',
name: 'left',
required: false,
placeholder: '',
value: 0,
},
{
type: 'el-input-number',
label: '上边距',
name: 'top',
required: false,
placeholder: '',
value: 0,
},
{
type: 'el-input-number',
label: '宽度',
name: 'width',
required: false,
placeholder: '该容器在1920px大屏中的宽度',
value: 100,
},
{
type: 'el-input-number',
label: '高度',
name: 'height',
required: false,
placeholder: '该容器在1080px大屏中的高度',
value: 40
},
],
}
// 坐标
position: [
{
type: 'el-input-number',
label: '左边距',
name: 'left',
required: false,
placeholder: '',
value: 0,
},
{
type: 'el-input-number',
label: '上边距',
name: 'top',
required: false,
placeholder: '',
value: 0,
},
{
type: 'el-input-number',
label: '宽度',
name: 'width',
required: false,
placeholder: '该容器在1920px大屏中的宽度',
value: 100,
},
{
type: 'el-input-number',
label: '高度',
name: 'height',
required: false,
placeholder: '该容器在1080px大屏中的高度',
value: 40
},
],
}
}

281
report-ui/src/views/bigscreenDesigner/designer/tools/configure/texts/widget-time.js
Unescape Escape View File

@ -3,142 +3,149 @@
* @version:
* @Author: qianlishi
* @Date: 2021-08-29 07:05:52
* @LastEditors: qianlishi
* @LastEditTime: 2021-09-28 14:20:30
* @LastEditors: qianlishi qianlishi@anji-plus.com
* @LastEditTime: 2023-01-11 13:18:54
*/
export const widgetTime = {
code: 'widget-time',
type: 'text',
tabName: '文本栏',
label: '当前时间',
icon: 'iconshijian',
options: {
// 配置
setup: [
{
type: 'el-input-text',
label: '图层名称',
name: 'layerName',
required: false,
placeholder: '',
value: '当前时间',
},
{
type: 'el-select',
label: '时间格式',
name: 'timeFormat',
required: false,
placeholder: '',
selectOptions: [
{code: 'yyyy-MM-dd', name: '日期'},
{code: 'yyyy-MM-dd hh:mm', name: '日期+时分'},
{code: 'yyyy-MM-dd hh:mm:ss', name: '日期+时分秒'},
{code: 'MM-dd', name: '日期无年'},
{code: 'hh:mm', name: '时分'},
{code: 'hh:mm:ss', name: '时分秒'},
{code: 'year-week', name: '日期+星期'},
{code: 'year-h-m-week', name: '日期+时分+星期'},
{code: 'year-h-m-s-week', name: '日期+时分秒+星期'},
{code: 'week', name: '星期'}
],
value: 'yyyy-MM-dd hh:mm:ss'
},
{
type: 'el-input-number',
label: '字体间距',
name: 'letterSpacing',
required: false,
placeholder: '',
value: '0'
},
{
type: 'el-input-number',
label: '字体字号',
name: 'fontSize',
required: false,
placeholder: '',
value: '36'
},
{
type: 'vue-color',
label: '字体颜色',
name: 'color',
required: false,
placeholder: '',
value: '#FAD400'
},
{
type: 'vue-color',
label: '字体背景',
name: 'background',
required: false,
placeholder: '',
value: 'rgba(115,170,229,.5)'
},
{
type: 'el-select',
label: '文字粗细',
name: 'fontWeight',
required: false,
placeholder: '',
selectOptions: [
{code: 'normal', name: '正常'},
{code: 'bold', name: '粗体'},
{code: 'bolder', name: '特粗体'},
{code: 'lighter', name: '细体'}
],
value: 'normal'
},
{
type: 'el-select',
label: '对齐方式',
name: 'textAlign',
required: false,
placeholder: '',
selectOptions: [
{code: 'center', name: '居中'},
{code: 'left', name: '左对齐'},
{code: 'right', name: '右对齐'},
],
value: 'left'
},
],
// 数据
data: [],
// 坐标
position: [
{
type: 'el-input-number',
label: '左边距',
name: 'left',
required: false,
placeholder: '',
value: 0,
},
{
type: 'el-input-number',
label: '上边距',
name: 'top',
required: false,
placeholder: '',
value: 0,
},
{
type: 'el-input-number',
label: '宽度',
name: 'width',
required: false,
placeholder: '该容器在1920px大屏中的宽度',
value: 400,
},
{
type: 'el-input-number',
label: '高度',
name: 'height',
required: false,
placeholder: '该容器在1080px大屏中的高度',
value: 50,
},
],
}
export const widgetTime = {
code: 'widget-time',
type: 'text',
tabName: '文本栏',
label: '当前时间',
icon: 'iconshijian',
options: {
// 配置
setup: [
{
type: 'el-input-text',
label: '图层名称',
name: 'layerName',
required: false,
placeholder: '',
value: '当前时间',
},
{
type: 'el-input-text',
label: '图层唯一标识',
name: 'uuid',
disabled: true,
value: 'widget-time' + Date.now()
},
{
type: 'el-select',
label: '时间格式',
name: 'timeFormat',
required: false,
placeholder: '',
selectOptions: [
{ code: 'yyyy-MM-dd', name: '日期' },
{ code: 'yyyy-MM-dd hh:mm', name: '日期+时分' },
{ code: 'yyyy-MM-dd hh:mm:ss', name: '日期+时分秒' },
{ code: 'MM-dd', name: '日期无年' },
{ code: 'hh:mm', name: '时分' },
{ code: 'hh:mm:ss', name: '时分秒' },
{ code: 'year-week', name: '日期+星期' },
{ code: 'year-h-m-week', name: '日期+时分+星期' },
{ code: 'year-h-m-s-week', name: '日期+时分秒+星期' },
{ code: 'week', name: '星期' }
],
value: 'yyyy-MM-dd hh:mm:ss'
},
{
type: 'el-input-number',
label: '字体间距',
name: 'letterSpacing',
required: false,
placeholder: '',
value: '0'
},
{
type: 'el-input-number',
label: '字体字号',
name: 'fontSize',
required: false,
placeholder: '',
value: '36'
},
{
type: 'vue-color',
label: '字体颜色',
name: 'color',
required: false,
placeholder: '',
value: '#FAD400'
},
{
type: 'vue-color',
label: '字体背景',
name: 'background',
required: false,
placeholder: '',
value: 'rgba(115,170,229,.5)'
},
{
type: 'el-select',
label: '文字粗细',
name: 'fontWeight',
required: false,
placeholder: '',
selectOptions: [
{ code: 'normal', name: '正常' },
{ code: 'bold', name: '粗体' },
{ code: 'bolder', name: '特粗体' },
{ code: 'lighter', name: '细体' }
],
value: 'normal'
},
{
type: 'el-select',
label: '对齐方式',
name: 'textAlign',
required: false,
placeholder: '',
selectOptions: [
{ code: 'center', name: '居中' },
{ code: 'left', name: '左对齐' },
{ code: 'right', name: '右对齐' },
],
value: 'left'
},
],
// 数据
data: [],
// 坐标
position: [
{
type: 'el-input-number',
label: '左边距',
name: 'left',
required: false,
placeholder: '',
value: 0,
},
{
type: 'el-input-number',
label: '上边距',
name: 'top',
required: false,
placeholder: '',
value: 0,
},
{
type: 'el-input-number',
label: '宽度',
name: 'width',
required: false,
placeholder: '该容器在1920px大屏中的宽度',
value: 400,
},
{
type: 'el-input-number',
label: '高度',
name: 'height',
required: false,
placeholder: '该容器在1080px大屏中的高度',
value: 50,
},
],
}
}

9
report-ui/src/views/bigscreenDesigner/designer/tools/configure/texts/widget-video.js
Unescape Escape View File

@ -4,7 +4,7 @@
* @Author: qianlishi
* @Date: 2021-08-29 07:10:22
* @LastEditors: qianlishi qianlishi@anji-plus.com
* @LastEditTime: 2022-11-07 15:42:46
* @LastEditTime: 2023-01-11 13:19:06
*/
export const widgetVideo = {
code: 'widget-video',
@ -23,6 +23,13 @@ export const widgetVideo = {
placeholder: '',
value: 'video',
},
{
type: 'el-input-text',
label: '图层唯一标识',
name: 'uuid',
disabled: true,
value: 'widget-video' + Date.now()
},
{
type: 'el-input-text',
label: '地址',

7
report-ui/src/views/bigscreenDesigner/designer/tools/configure/wordcloudCharts/widget-word-cloud.js
Unescape Escape View File

@ -15,6 +15,13 @@ export const widgetWordCloud = {
placeholder: '',
value: '词云图',
},
{
type: 'el-input-text',
label: '图层唯一标识',
name: 'uuid',
disabled: true,
value: 'widgetWordCloud' + Date.now()
},
{
type: 'vue-color',
label: '背景颜色',

Write Preview
Loading…
Cancel
Save