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

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

@ -3,8 +3,8 @@
* @version: * @version:
* @Author: qianlishi * @Author: qianlishi
* @Date: 2021-08-29 07:37:09 * @Date: 2021-08-29 07:37:09
* @LastEditors: qianlishi * @LastEditors: qianlishi qianlishi@anji-plus.com
* @LastEditTime: 2021-09-28 14:11:09 * @LastEditTime: 2023-01-10 14:09:07
*/ */
export const widgetBarStack = { export const widgetBarStack = {
code: 'widgetBarStackChart', code: 'widgetBarStackChart',
@ -23,6 +23,13 @@ export const widgetBarStack = {
placeholder: '', placeholder: '',
value: '柱状堆叠图', value: '柱状堆叠图',
}, },
{
type: 'el-input-text',
label: '图层唯一标识',
name: 'uuid',
disabled: true,
value: 'widgetBarStackChart' + Date.now()
},
{ {
type: 'el-switch', type: 'el-switch',
label: '竖展示', label: '竖展示',
@ -46,8 +53,8 @@ export const widgetBarStack = {
required: false, required: false,
placeholder: '', placeholder: '',
selectOptions: [ selectOptions: [
{code: 'leftRight', name: '左右堆叠'}, { code: 'leftRight', name: '左右堆叠' },
{code: 'upDown', name: '上下堆叠'}, { code: 'upDown', name: '上下堆叠' },
], ],
value: 'leftRight' value: 'leftRight'
}, },
@ -115,10 +122,10 @@ export const widgetBarStack = {
required: false, required: false,
placeholder: '', placeholder: '',
selectOptions: [ selectOptions: [
{code: 'normal', name: '正常'}, { code: 'normal', name: '正常' },
{code: 'bold', name: '粗体'}, { code: 'bold', name: '粗体' },
{code: 'bolder', name: '特粗体'}, { code: 'bolder', name: '特粗体' },
{code: 'lighter', name: '细体'} { code: 'lighter', name: '细体' }
], ],
value: 'normal' value: 'normal'
}, },
@ -129,9 +136,9 @@ export const widgetBarStack = {
required: false, required: false,
placeholder: '', placeholder: '',
selectOptions: [ selectOptions: [
{code: 'normal', name: '正常'}, { code: 'normal', name: '正常' },
{code: 'italic', name: 'italic斜体'}, { code: 'italic', name: 'italic斜体' },
{code: 'oblique', name: 'oblique斜体'}, { code: 'oblique', name: 'oblique斜体' },
], ],
value: 'normal' value: 'normal'
}, },
@ -142,9 +149,9 @@ export const widgetBarStack = {
required: false, required: false,
placeholder: '', placeholder: '',
selectOptions: [ selectOptions: [
{code: 'center', name: '居中'}, { code: 'center', name: '居中' },
{code: 'left', name: '左对齐'}, { code: 'left', name: '左对齐' },
{code: 'right', name: '右对齐'}, { code: 'right', name: '右对齐' },
], ],
value: 'center' value: 'center'
}, },
@ -179,10 +186,10 @@ export const widgetBarStack = {
required: false, required: false,
placeholder: '', placeholder: '',
selectOptions: [ selectOptions: [
{code: 'normal', name: '正常'}, { code: 'normal', name: '正常' },
{code: 'bold', name: '粗体'}, { code: 'bold', name: '粗体' },
{code: 'bolder', name: '特粗体'}, { code: 'bolder', name: '特粗体' },
{code: 'lighter', name: '细体'} { code: 'lighter', name: '细体' }
], ],
value: 'normal' value: 'normal'
}, },
@ -193,9 +200,9 @@ export const widgetBarStack = {
required: false, required: false,
placeholder: '', placeholder: '',
selectOptions: [ selectOptions: [
{code: 'normal', name: '正常'}, { code: 'normal', name: '正常' },
{code: 'italic', name: 'italic斜体'}, { code: 'italic', name: 'italic斜体' },
{code: 'oblique', name: 'oblique斜体'}, { code: 'oblique', name: 'oblique斜体' },
], ],
value: 'normal' value: 'normal'
}, },
@ -251,9 +258,9 @@ export const widgetBarStack = {
required: false, required: false,
placeholder: '', placeholder: '',
selectOptions: [ selectOptions: [
{code: 'center', name: '居中'}, { code: 'center', name: '居中' },
{code: 'left', name: '左对齐'}, { code: 'left', name: '左对齐' },
{code: 'right', name: '右对齐'}, { code: 'right', name: '右对齐' },
], ],
value: 'center' value: 'center'
}, },
@ -264,8 +271,8 @@ export const widgetBarStack = {
required: false, required: false,
placeholder: '', placeholder: '',
selectOptions: [ selectOptions: [
{code: 'top', name: '顶部'}, { code: 'top', name: '顶部' },
{code: 'bottom', name: '底部'}, { code: 'bottom', name: '底部' },
], ],
value: 'top' value: 'top'
}, },
@ -276,8 +283,8 @@ export const widgetBarStack = {
required: false, required: false,
placeholder: '', placeholder: '',
selectOptions: [ selectOptions: [
{code: 'vertical', name: '竖排'}, { code: 'vertical', name: '竖排' },
{code: 'horizontal', name: '横排'}, { code: 'horizontal', name: '横排' },
], ],
value: 'horizontal' value: 'horizontal'
}, },
@ -559,10 +566,10 @@ export const widgetBarStack = {
required: false, required: false,
placeholder: '', placeholder: '',
selectOptions: [ selectOptions: [
{code: 'normal', name: '正常'}, { code: 'normal', name: '正常' },
{code: 'bold', name: '粗体'}, { code: 'bold', name: '粗体' },
{code: 'bolder', name: '特粗体'}, { code: 'bolder', name: '特粗体' },
{code: 'lighter', name: '细体'} { code: 'lighter', name: '细体' }
], ],
value: 'normal' value: 'normal'
}, },
@ -631,7 +638,7 @@ export const widgetBarStack = {
label: '', label: '',
name: 'customColor', name: 'customColor',
required: false, 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', relactiveDom: 'dataType',
relactiveDomValue: 'staticData', relactiveDomValue: 'staticData',
value: [ value: [
{"axis": "2021-07-25", "name": "A", "data": "12"}, { "axis": "2021-07-25", "name": "A", "data": "12" },
{"axis": "2021-07-25", "name": "B", "data": "20"}, { "axis": "2021-07-25", "name": "B", "data": "20" },
{"axis": "2021-07-26", "name": "B", "data": "5"}, { "axis": "2021-07-26", "name": "B", "data": "5" },
{"axis": "2021-07-27", "name": "A", "data": "15"}, { "axis": "2021-07-27", "name": "A", "data": "15" },
{"axis": "2021-07-27", "name": "B", "data": "30"}, { "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 * @Author: qianlishi
* @Date: 2021-08-29 07:21:45 * @Date: 2021-08-29 07:21:45
* @LastEditors: qianlishi qianlishi@anji-plus.com * @LastEditors: qianlishi qianlishi@anji-plus.com
* @LastEditTime: 2023-01-10 13:59:59 * @LastEditTime: 2023-01-10 14:09:03
*/ */
export const widgetBarchart = { export const widgetBarchart = {
code: 'widget-barchart', code: 'widget-barchart',
@ -25,7 +25,7 @@ export const widgetBarchart = {
}, },
{ {
type: 'el-input-text', type: 'el-input-text',
label: 'uuid', label: '图层唯一标识',
name: 'uuid', name: 'uuid',
disabled: true, disabled: true,
value: 'widget-barchart' + Date.now() 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: * @version:
* @Author: qianlishi * @Author: qianlishi
* @Date: 2021-08-29 07:23:41 * @Date: 2021-08-29 07:23:41
* @LastEditors: qianlishi * @LastEditors: qianlishi qianlishi@anji-plus.com
* @LastEditTime: 2021-09-28 14:14:08 * @LastEditTime: 2023-01-10 14:09:49
*/ */
export const widgetGradientBarchart = { export const widgetGradientBarchart = {
code: 'widget-gradient-color-barchart', code: 'widget-gradient-color-barchart',
@ -23,6 +23,13 @@ export const widgetGradientBarchart = {
placeholder: '', placeholder: '',
value: '柱形图-渐变色', value: '柱形图-渐变色',
}, },
{
type: 'el-input-text',
label: '图层唯一标识',
name: 'uuid',
disabled: true,
value: 'widget-gradient-color-barchart' + Date.now()
},
{ {
type: 'el-switch', type: 'el-switch',
label: '竖展示', label: '竖展示',
@ -457,10 +464,10 @@ export const widgetGradientBarchart = {
required: false, required: false,
placeholder: '', placeholder: '',
selectOptions: [ selectOptions: [
{code: 'normal', name: '正常'}, { code: 'normal', name: '正常' },
{code: 'bold', name: '粗体'}, { code: 'bold', name: '粗体' },
{code: 'bolder', name: '特粗体'}, { code: 'bolder', name: '特粗体' },
{code: 'lighter', name: '细体'} { code: 'lighter', name: '细体' }
], ],
value: 'normal' value: 'normal'
}, },
@ -598,11 +605,11 @@ export const widgetGradientBarchart = {
relactiveDom: 'dataType', relactiveDom: 'dataType',
relactiveDomValue: 'staticData', relactiveDomValue: 'staticData',
value: [ value: [
{"axis": "苹果", "data": 1000}, { "axis": "苹果", "data": 1000 },
{"axis": "三星", "data": 2229}, { "axis": "三星", "data": 2229 },
{"axis": "小米", "data": 3879}, { "axis": "小米", "data": 3879 },
{"axis": "oppo", "data": 2379}, { "axis": "oppo", "data": 2379 },
{"axis": "vivo", "data": 4079}, { "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: '', placeholder: '',
value: '柱线堆叠图', value: '柱线堆叠图',
}, },
{
type: 'el-input-text',
label: '图层唯一标识',
name: 'uuid',
disabled: true,
value: 'widgetBarLineStackChart' + Date.now()
},
{ {
type: 'vue-color', type: 'vue-color',
label: '背景颜色', label: '背景颜色',
@ -75,8 +82,8 @@ export const widgetBarLineStack = {
required: false, required: false,
placeholder: '', placeholder: '',
selectOptions: [ selectOptions: [
{code: 'circle', name: '实心点'}, { code: 'circle', name: '实心点' },
{code: 'emptyCircle', name: '空心点'}, { code: 'emptyCircle', name: '空心点' },
], ],
value: 'circle' value: 'circle'
}, },
@ -140,10 +147,10 @@ export const widgetBarLineStack = {
required: false, required: false,
placeholder: '', placeholder: '',
selectOptions: [ selectOptions: [
{code: 'normal', name: '正常'}, { code: 'normal', name: '正常' },
{code: 'bold', name: '粗体'}, { code: 'bold', name: '粗体' },
{code: 'bolder', name: '特粗体'}, { code: 'bolder', name: '特粗体' },
{code: 'lighter', name: '细体'} { code: 'lighter', name: '细体' }
], ],
value: 'normal' value: 'normal'
}, },
@ -154,9 +161,9 @@ export const widgetBarLineStack = {
required: false, required: false,
placeholder: '', placeholder: '',
selectOptions: [ selectOptions: [
{code: 'normal', name: '正常'}, { code: 'normal', name: '正常' },
{code: 'italic', name: 'italic斜体'}, { code: 'italic', name: 'italic斜体' },
{code: 'oblique', name: 'oblique斜体'}, { code: 'oblique', name: 'oblique斜体' },
], ],
value: 'normal' value: 'normal'
}, },
@ -167,9 +174,9 @@ export const widgetBarLineStack = {
required: false, required: false,
placeholder: '', placeholder: '',
selectOptions: [ selectOptions: [
{code: 'center', name: '居中'}, { code: 'center', name: '居中' },
{code: 'left', name: '左对齐'}, { code: 'left', name: '左对齐' },
{code: 'right', name: '右对齐'}, { code: 'right', name: '右对齐' },
], ],
value: 'center' value: 'center'
}, },
@ -204,10 +211,10 @@ export const widgetBarLineStack = {
required: false, required: false,
placeholder: '', placeholder: '',
selectOptions: [ selectOptions: [
{code: 'normal', name: '正常'}, { code: 'normal', name: '正常' },
{code: 'bold', name: '粗体'}, { code: 'bold', name: '粗体' },
{code: 'bolder', name: '特粗体'}, { code: 'bolder', name: '特粗体' },
{code: 'lighter', name: '细体'} { code: 'lighter', name: '细体' }
], ],
value: 'normal' value: 'normal'
}, },
@ -218,9 +225,9 @@ export const widgetBarLineStack = {
required: false, required: false,
placeholder: '', placeholder: '',
selectOptions: [ selectOptions: [
{code: 'normal', name: '正常'}, { code: 'normal', name: '正常' },
{code: 'italic', name: 'italic斜体'}, { code: 'italic', name: 'italic斜体' },
{code: 'oblique', name: 'oblique斜体'}, { code: 'oblique', name: 'oblique斜体' },
], ],
value: 'normal' value: 'normal'
}, },
@ -276,9 +283,9 @@ export const widgetBarLineStack = {
required: false, required: false,
placeholder: '', placeholder: '',
selectOptions: [ selectOptions: [
{code: 'center', name: '居中'}, { code: 'center', name: '居中' },
{code: 'left', name: '左对齐'}, { code: 'left', name: '左对齐' },
{code: 'right', name: '右对齐'}, { code: 'right', name: '右对齐' },
], ],
value: 'center' value: 'center'
}, },
@ -289,8 +296,8 @@ export const widgetBarLineStack = {
required: false, required: false,
placeholder: '', placeholder: '',
selectOptions: [ selectOptions: [
{code: 'top', name: '顶部'}, { code: 'top', name: '顶部' },
{code: 'bottom', name: '底部'}, { code: 'bottom', name: '底部' },
], ],
value: 'top' value: 'top'
}, },
@ -301,8 +308,8 @@ export const widgetBarLineStack = {
required: false, required: false,
placeholder: '', placeholder: '',
selectOptions: [ selectOptions: [
{code: 'vertical', name: '竖排'}, { code: 'vertical', name: '竖排' },
{code: 'horizontal', name: '横排'}, { code: 'horizontal', name: '横排' },
], ],
value: 'horizontal' value: 'horizontal'
}, },
@ -716,10 +723,10 @@ export const widgetBarLineStack = {
required: false, required: false,
placeholder: '', placeholder: '',
selectOptions: [ selectOptions: [
{code: 'normal', name: '正常'}, { code: 'normal', name: '正常' },
{code: 'bold', name: '粗体'}, { code: 'bold', name: '粗体' },
{code: 'bolder', name: '特粗体'}, { code: 'bolder', name: '特粗体' },
{code: 'lighter', name: '细体'} { code: 'lighter', name: '细体' }
], ],
value: 'normal' value: 'normal'
}, },
@ -767,10 +774,10 @@ export const widgetBarLineStack = {
required: false, required: false,
placeholder: '', placeholder: '',
selectOptions: [ selectOptions: [
{code: 'normal', name: '正常'}, { code: 'normal', name: '正常' },
{code: 'bold', name: '粗体'}, { code: 'bold', name: '粗体' },
{code: 'bolder', name: '特粗体'}, { code: 'bolder', name: '特粗体' },
{code: 'lighter', name: '细体'} { code: 'lighter', name: '细体' }
], ],
value: 'normal' value: 'normal'
}, },
@ -839,7 +846,7 @@ export const widgetBarLineStack = {
label: '', label: '',
name: 'customColor', name: 'customColor',
required: false, 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', relactiveDom: 'dataType',
relactiveDomValue: 'staticData', relactiveDomValue: 'staticData',
value: [ value: [
{"axis": "2021-07", "name": "A", "bar": "12", "line": "20"}, { "axis": "2021-07", "name": "A", "bar": "12", "line": "20" },
{"axis": "2021-07", "name": "B", "bar": "20", "line": "12"}, { "axis": "2021-07", "name": "B", "bar": "20", "line": "12" },
{"axis": "2021-08", "name": "A", "bar": "0", "line": "8"}, { "axis": "2021-08", "name": "A", "bar": "0", "line": "8" },
{"axis": "2021-08", "name": "B", "bar": "5", "line": "3"}, { "axis": "2021-08", "name": "B", "bar": "5", "line": "3" },
{"axis": "2021-09", "name": "A", "bar": "15", "line": "9"}, { "axis": "2021-09", "name": "A", "bar": "15", "line": "9" },
{"axis": "2021-09", "name": "B", "bar": "30", "line": "19"}, { "axis": "2021-09", "name": "B", "bar": "30", "line": "19" },
{"axis": "2021-10", "name": "A", "bar": "10", "line": "27"}, { "axis": "2021-10", "name": "A", "bar": "10", "line": "27" },
{"axis": "2021-10", "name": "B", "bar": "24", "line": "6"}, { "axis": "2021-10", "name": "B", "bar": "24", "line": "6" },
{"axis": "2021-11", "name": "A", "bar": "23", "line": "29"}, { "axis": "2021-11", "name": "A", "bar": "23", "line": "29" },
{"axis": "2021-11", "name": "B", "bar": "8", "line": "9"}, { "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 * @Author: qianlishi
* @Date: 2021-08-29 07:26:48 * @Date: 2021-08-29 07:26:48
* @LastEditors: qianlishi qianlishi@anji-plus.com * @LastEditors: qianlishi qianlishi@anji-plus.com
* @LastEditTime: 2022-11-07 15:39:29 * @LastEditTime: 2023-01-10 14:04:14
*/ */
export const widgetBarlinechart = { export const widgetBarlinechart = {
code: 'widget-barlinechart', code: 'widget-barlinechart',
@ -23,6 +23,13 @@ export const widgetBarlinechart = {
placeholder: '', placeholder: '',
value: '柱线图', value: '柱线图',
}, },
{
type: 'el-input-text',
label: '图层唯一标识',
name: 'uuid',
disabled: true,
value: 'widget-barlinechart' + Date.now()
},
{ {
type: 'vue-color', type: 'vue-color',
label: '背景颜色', label: '背景颜色',
@ -87,8 +94,8 @@ export const widgetBarlinechart = {
required: false, required: false,
placeholder: '', placeholder: '',
selectOptions: [ selectOptions: [
{code: 'circle', name: '实心点'}, { code: 'circle', name: '实心点' },
{code: 'emptyCircle', name: '空心点'}, { code: 'emptyCircle', name: '空心点' },
], ],
value: 'circle' value: 'circle'
}, },
@ -168,10 +175,10 @@ export const widgetBarlinechart = {
required: false, required: false,
placeholder: '', placeholder: '',
selectOptions: [ selectOptions: [
{code: 'normal', name: '正常'}, { code: 'normal', name: '正常' },
{code: 'bold', name: '粗体'}, { code: 'bold', name: '粗体' },
{code: 'bolder', name: '特粗体'}, { code: 'bolder', name: '特粗体' },
{code: 'lighter', name: '细体'} { code: 'lighter', name: '细体' }
], ],
value: 'normal' value: 'normal'
}, },
@ -182,9 +189,9 @@ export const widgetBarlinechart = {
required: false, required: false,
placeholder: '', placeholder: '',
selectOptions: [ selectOptions: [
{code: 'normal', name: '正常'}, { code: 'normal', name: '正常' },
{code: 'italic', name: 'italic斜体'}, { code: 'italic', name: 'italic斜体' },
{code: 'oblique', name: 'oblique斜体'}, { code: 'oblique', name: 'oblique斜体' },
], ],
value: 'normal' value: 'normal'
}, },
@ -195,9 +202,9 @@ export const widgetBarlinechart = {
required: false, required: false,
placeholder: '', placeholder: '',
selectOptions: [ selectOptions: [
{code: 'center', name: '居中'}, { code: 'center', name: '居中' },
{code: 'left', name: '左对齐'}, { code: 'left', name: '左对齐' },
{code: 'right', name: '右对齐'}, { code: 'right', name: '右对齐' },
], ],
value: 'center' value: 'center'
}, },
@ -232,10 +239,10 @@ export const widgetBarlinechart = {
required: false, required: false,
placeholder: '', placeholder: '',
selectOptions: [ selectOptions: [
{code: 'normal', name: '正常'}, { code: 'normal', name: '正常' },
{code: 'bold', name: '粗体'}, { code: 'bold', name: '粗体' },
{code: 'bolder', name: '特粗体'}, { code: 'bolder', name: '特粗体' },
{code: 'lighter', name: '细体'} { code: 'lighter', name: '细体' }
], ],
value: 'normal' value: 'normal'
}, },
@ -246,9 +253,9 @@ export const widgetBarlinechart = {
required: false, required: false,
placeholder: '', placeholder: '',
selectOptions: [ selectOptions: [
{code: 'normal', name: '正常'}, { code: 'normal', name: '正常' },
{code: 'italic', name: 'italic斜体'}, { code: 'italic', name: 'italic斜体' },
{code: 'oblique', name: 'oblique斜体'}, { code: 'oblique', name: 'oblique斜体' },
], ],
value: 'normal' value: 'normal'
}, },
@ -304,9 +311,9 @@ export const widgetBarlinechart = {
required: false, required: false,
placeholder: '', placeholder: '',
selectOptions: [ selectOptions: [
{code: 'center', name: '居中'}, { code: 'center', name: '居中' },
{code: 'left', name: '左对齐'}, { code: 'left', name: '左对齐' },
{code: 'right', name: '右对齐'}, { code: 'right', name: '右对齐' },
], ],
value: 'center' value: 'center'
}, },
@ -317,8 +324,8 @@ export const widgetBarlinechart = {
required: false, required: false,
placeholder: '', placeholder: '',
selectOptions: [ selectOptions: [
{code: 'top', name: '顶部'}, { code: 'top', name: '顶部' },
{code: 'bottom', name: '底部'}, { code: 'bottom', name: '底部' },
], ],
value: 'top' value: 'top'
}, },
@ -329,8 +336,8 @@ export const widgetBarlinechart = {
required: false, required: false,
placeholder: '', placeholder: '',
selectOptions: [ selectOptions: [
{code: 'vertical', name: '竖排'}, { code: 'vertical', name: '竖排' },
{code: 'horizontal', name: '横排'}, { code: 'horizontal', name: '横排' },
], ],
value: 'horizontal' value: 'horizontal'
}, },
@ -744,10 +751,10 @@ export const widgetBarlinechart = {
required: false, required: false,
placeholder: '', placeholder: '',
selectOptions: [ selectOptions: [
{code: 'normal', name: '正常'}, { code: 'normal', name: '正常' },
{code: 'bold', name: '粗体'}, { code: 'bold', name: '粗体' },
{code: 'bolder', name: '特粗体'}, { code: 'bolder', name: '特粗体' },
{code: 'lighter', name: '细体'} { code: 'lighter', name: '细体' }
], ],
value: 'normal' value: 'normal'
}, },
@ -795,10 +802,10 @@ export const widgetBarlinechart = {
required: false, required: false,
placeholder: '', placeholder: '',
selectOptions: [ selectOptions: [
{code: 'normal', name: '正常'}, { code: 'normal', name: '正常' },
{code: 'bold', name: '粗体'}, { code: 'bold', name: '粗体' },
{code: 'bolder', name: '特粗体'}, { code: 'bolder', name: '特粗体' },
{code: 'lighter', name: '细体'} { code: 'lighter', name: '细体' }
], ],
value: 'normal' value: 'normal'
}, },
@ -867,7 +874,7 @@ export const widgetBarlinechart = {
label: '', label: '',
name: 'customColor', name: 'customColor',
required: false, 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', relactiveDom: 'dataType',
relactiveDomValue: 'staticData', relactiveDomValue: 'staticData',
value: [ value: [
{"axis": "1月", "bar": 2.6, "line": 2}, { "axis": "1月", "bar": 2.6, "line": 2 },
{"axis": "2月", "bar": 5.9, "line": 2.2}, { "axis": "2月", "bar": 5.9, "line": 2.2 },
{"axis": "3月", "bar": 9, "line": 3.3}, { "axis": "3月", "bar": 9, "line": 3.3 },
{"axis": "4月", "bar": 26.4, "line": 4.5}, { "axis": "4月", "bar": 26.4, "line": 4.5 },
{"axis": "5月", "bar": 28.7, "line": 6.3}, { "axis": "5月", "bar": 28.7, "line": 6.3 },
{"axis": "6月", "bar": 70.7, "line": 10.2}, { "axis": "6月", "bar": 70.7, "line": 10.2 },
{"axis": "7月", "bar": 175.6, "line": 20.3}, { "axis": "7月", "bar": 175.6, "line": 20.3 },
{"axis": "8月", "bar": 182.2, "line": 23.4}, { "axis": "8月", "bar": 182.2, "line": 23.4 },
{"axis": "9月", "bar": 48.7, "line": 23}, { "axis": "9月", "bar": 48.7, "line": 23 },
{"axis": "10月", "bar": 18.8, "line": 16.5}, { "axis": "10月", "bar": 18.8, "line": 16.5 },
{"axis": "11月", "bar": 6, "line": 12}, { "axis": "11月", "bar": 6, "line": 12 },
{"axis": "12月", "bar": 2.3, "line": 6.2}, { "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 * @Author: foming
* @Date: * @Date:
* @LastEditors: qianlishi qianlishi@anji-plus.com * @LastEditors: qianlishi qianlishi@anji-plus.com
* @LastEditTime: 2022-11-07 15:39:52 * @LastEditTime: 2023-01-10 14:10:08
*/ */
export const widgetMoreBarLine = { export const widgetMoreBarLine = {
code: 'widgetMoreBarLineChart', code: 'widgetMoreBarLineChart',
@ -23,6 +23,13 @@ export const widgetMoreBarLine = {
placeholder: '', placeholder: '',
value: '多柱线图', value: '多柱线图',
}, },
{
type: 'el-input-text',
label: '图层唯一标识',
name: 'uuid',
disabled: true,
value: 'widgetMoreBarLineChart' + Date.now()
},
{ {
type: 'vue-color', type: 'vue-color',
label: '背景颜色', label: '背景颜色',
@ -79,8 +86,8 @@ export const widgetMoreBarLine = {
required: false, required: false,
placeholder: '', placeholder: '',
selectOptions: [ selectOptions: [
{code: 'circle', name: '实心点'}, { code: 'circle', name: '实心点' },
{code: 'emptyCircle', name: '空心点'}, { code: 'emptyCircle', name: '空心点' },
], ],
value: 'circle' value: 'circle'
}, },
@ -160,10 +167,10 @@ export const widgetMoreBarLine = {
required: false, required: false,
placeholder: '', placeholder: '',
selectOptions: [ selectOptions: [
{code: 'normal', name: '正常'}, { code: 'normal', name: '正常' },
{code: 'bold', name: '粗体'}, { code: 'bold', name: '粗体' },
{code: 'bolder', name: '特粗体'}, { code: 'bolder', name: '特粗体' },
{code: 'lighter', name: '细体'} { code: 'lighter', name: '细体' }
], ],
value: 'normal' value: 'normal'
}, },
@ -174,9 +181,9 @@ export const widgetMoreBarLine = {
required: false, required: false,
placeholder: '', placeholder: '',
selectOptions: [ selectOptions: [
{code: 'normal', name: '正常'}, { code: 'normal', name: '正常' },
{code: 'italic', name: 'italic斜体'}, { code: 'italic', name: 'italic斜体' },
{code: 'oblique', name: 'oblique斜体'}, { code: 'oblique', name: 'oblique斜体' },
], ],
value: 'normal' value: 'normal'
}, },
@ -187,9 +194,9 @@ export const widgetMoreBarLine = {
required: false, required: false,
placeholder: '', placeholder: '',
selectOptions: [ selectOptions: [
{code: 'center', name: '居中'}, { code: 'center', name: '居中' },
{code: 'left', name: '左对齐'}, { code: 'left', name: '左对齐' },
{code: 'right', name: '右对齐'}, { code: 'right', name: '右对齐' },
], ],
value: 'center' value: 'center'
}, },
@ -224,10 +231,10 @@ export const widgetMoreBarLine = {
required: false, required: false,
placeholder: '', placeholder: '',
selectOptions: [ selectOptions: [
{code: 'normal', name: '正常'}, { code: 'normal', name: '正常' },
{code: 'bold', name: '粗体'}, { code: 'bold', name: '粗体' },
{code: 'bolder', name: '特粗体'}, { code: 'bolder', name: '特粗体' },
{code: 'lighter', name: '细体'} { code: 'lighter', name: '细体' }
], ],
value: 'normal' value: 'normal'
}, },
@ -238,9 +245,9 @@ export const widgetMoreBarLine = {
required: false, required: false,
placeholder: '', placeholder: '',
selectOptions: [ selectOptions: [
{code: 'normal', name: '正常'}, { code: 'normal', name: '正常' },
{code: 'italic', name: 'italic斜体'}, { code: 'italic', name: 'italic斜体' },
{code: 'oblique', name: 'oblique斜体'}, { code: 'oblique', name: 'oblique斜体' },
], ],
value: 'normal' value: 'normal'
}, },
@ -296,9 +303,9 @@ export const widgetMoreBarLine = {
required: false, required: false,
placeholder: '', placeholder: '',
selectOptions: [ selectOptions: [
{code: 'center', name: '居中'}, { code: 'center', name: '居中' },
{code: 'left', name: '左对齐'}, { code: 'left', name: '左对齐' },
{code: 'right', name: '右对齐'}, { code: 'right', name: '右对齐' },
], ],
value: 'center' value: 'center'
}, },
@ -309,8 +316,8 @@ export const widgetMoreBarLine = {
required: false, required: false,
placeholder: '', placeholder: '',
selectOptions: [ selectOptions: [
{code: 'top', name: '顶部'}, { code: 'top', name: '顶部' },
{code: 'bottom', name: '底部'}, { code: 'bottom', name: '底部' },
], ],
value: 'top' value: 'top'
}, },
@ -321,8 +328,8 @@ export const widgetMoreBarLine = {
required: false, required: false,
placeholder: '', placeholder: '',
selectOptions: [ selectOptions: [
{code: 'vertical', name: '竖排'}, { code: 'vertical', name: '竖排' },
{code: 'horizontal', name: '横排'}, { code: 'horizontal', name: '横排' },
], ],
value: 'horizontal' value: 'horizontal'
}, },
@ -736,10 +743,10 @@ export const widgetMoreBarLine = {
required: false, required: false,
placeholder: '', placeholder: '',
selectOptions: [ selectOptions: [
{code: 'normal', name: '正常'}, { code: 'normal', name: '正常' },
{code: 'bold', name: '粗体'}, { code: 'bold', name: '粗体' },
{code: 'bolder', name: '特粗体'}, { code: 'bolder', name: '特粗体' },
{code: 'lighter', name: '细体'} { code: 'lighter', name: '细体' }
], ],
value: 'normal' value: 'normal'
}, },
@ -787,10 +794,10 @@ export const widgetMoreBarLine = {
required: false, required: false,
placeholder: '', placeholder: '',
selectOptions: [ selectOptions: [
{code: 'normal', name: '正常'}, { code: 'normal', name: '正常' },
{code: 'bold', name: '粗体'}, { code: 'bold', name: '粗体' },
{code: 'bolder', name: '特粗体'}, { code: 'bolder', name: '特粗体' },
{code: 'lighter', name: '细体'} { code: 'lighter', name: '细体' }
], ],
value: 'normal' value: 'normal'
}, },
@ -859,7 +866,7 @@ export const widgetMoreBarLine = {
label: '', label: '',
name: 'customColor', name: 'customColor',
required: false, 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', relactiveDom: 'dataType',
relactiveDomValue: 'staticData', relactiveDomValue: 'staticData',
value: [ value: [
{"date": "2014", "unsales": 400, "manus": 300, "sales": 4.2,}, { "date": "2014", "unsales": 400, "manus": 300, "sales": 4.2, },
{"date": "2015", "unsales": 400, "manus": 500, "sales": 3.6,}, { "date": "2015", "unsales": 400, "manus": 500, "sales": 3.6, },
{"date": "2016", "unsales": 300, "manus": 500, "sales": 5.8,}, { "date": "2016", "unsales": 300, "manus": 500, "sales": 5.8, },
{"date": "2017", "unsales": 300, "manus": 500, "sales": 3.4,}, { "date": "2017", "unsales": 300, "manus": 500, "sales": 3.4, },
{"date": "2018", "unsales": 400, "manus": 400, "sales": 2.5,}, { "date": "2018", "unsales": 400, "manus": 400, "sales": 2.5, },
{"date": "2019", "unsales": 400, "manus": 500, "sales": 5.8,}, { "date": "2019", "unsales": 400, "manus": 500, "sales": 5.8, },
{"date": "2020", "unsales": 300, "manus": 400, "sales": 7.6,}, { "date": "2020", "unsales": 300, "manus": 400, "sales": 7.6, },
{"date": "2021", "unsales": 300, "manus": 600, "sales": 3.4,}, { "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 * @Author: foming
* @Date: * @Date:
* @LastEditors: qianlishi qianlishi@anji-plus.com * @LastEditors: qianlishi qianlishi@anji-plus.com
* @LastEditTime: 2022-11-07 15:40:07 * @LastEditTime: 2023-01-10 14:04:50
*/ */
export const widgetDecoratePie = { export const widgetDecoratePie = {
code: 'widgetDecoratePieChart', code: 'widgetDecoratePieChart',
@ -23,6 +23,13 @@ export const widgetDecoratePie = {
placeholder: '', placeholder: '',
value: '静态装饰饼图', value: '静态装饰饼图',
}, },
{
type: 'el-input-text',
label: '图层唯一标识',
name: 'uuid',
disabled: true,
value: 'widgetDecoratePieChart' + Date.now()
},
{ {
type: 'vue-color', type: 'vue-color',
label: '背景颜色', label: '背景颜色',

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

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

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

@ -4,7 +4,7 @@
* @Author: whw * @Author: whw
* @Date: 2021-11-3 * @Date: 2021-11-3
* @LastEditors: qianlishi qianlishi@anji-plus.com * @LastEditors: qianlishi qianlishi@anji-plus.com
* @LastEditTime: 2022-11-07 15:40:35 * @LastEditTime: 2023-01-11 13:14:37
*/ */
export const widgetHeatmap = { export const widgetHeatmap = {
code: 'widget-heatmap', code: 'widget-heatmap',
@ -23,6 +23,13 @@ export const widgetHeatmap = {
placeholder: '', placeholder: '',
value: '热力图', value: '热力图',
}, },
{
type: 'el-input-text',
label: '图层唯一标识',
name: 'uuid',
disabled: true,
value: 'widget-heatmap' + Date.now()
},
{ {
type: 'vue-color', type: 'vue-color',
label: '背景颜色', 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 * @Author: foming
* @Date: 2021-08-29 07:39:35 * @Date: 2021-08-29 07:39:35
* @LastEditors: qianlishi qianlishi@anji-plus.com * @LastEditors: qianlishi qianlishi@anji-plus.com
* @LastEditTime: 2022-11-07 15:40:44 * @LastEditTime: 2023-01-10 14:05:37
*/ */
export const widgetLineCompare = { export const widgetLineCompare = {
code: 'widgetLineCompareChart', code: 'widgetLineCompareChart',
@ -23,6 +23,13 @@ export const widgetLineCompare = {
placeholder: '', placeholder: '',
value: '折线对比图', value: '折线对比图',
}, },
{
type: 'el-input-text',
label: '图层唯一标识',
name: 'uuid',
disabled: true,
value: 'widgetLineCompareChart' + Date.now()
},
{ {
type: 'vue-color', type: 'vue-color',
label: '背景颜色', label: '背景颜色',
@ -58,8 +65,8 @@ export const widgetLineCompare = {
required: false, required: false,
placeholder: '', placeholder: '',
selectOptions: [ selectOptions: [
{code: 'circle', name: '实心点'}, { code: 'circle', name: '实心点' },
{code: 'emptyCircle', name: '空心点'}, { code: 'emptyCircle', name: '空心点' },
], ],
value: 'circle' 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: * @version:
* @Author: qianlishi * @Author: qianlishi
* @Date: 2021-08-29 07:38:17 * @Date: 2021-08-29 07:38:17
* @LastEditors: qianlishi * @LastEditors: qianlishi qianlishi@anji-plus.com
* @LastEditTime: 2021-09-28 14:16:28 * @LastEditTime: 2023-01-10 14:05:48
*/ */
export const widgetLineStack = { export const widgetLineStack = {
code: 'widgetLineStackChart', code: 'widgetLineStackChart',
@ -23,6 +23,13 @@ export const widgetLineStack = {
placeholder: '', placeholder: '',
value: '折线堆叠图', value: '折线堆叠图',
}, },
{
type: 'el-input-text',
label: '图层唯一标识',
name: 'uuid',
disabled: true,
value: 'widgetLineStackChart' + Date.now()
},
{ {
type: 'el-switch', type: 'el-switch',
label: '竖展示', label: '竖展示',
@ -66,8 +73,8 @@ export const widgetLineStack = {
required: false, required: false,
placeholder: '', placeholder: '',
selectOptions: [ selectOptions: [
{code: 'circle', name: '实心点'}, { code: 'circle', name: '实心点' },
{code: 'emptyCircle', name: '空心点'}, { code: 'emptyCircle', name: '空心点' },
], ],
value: 'circle' 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: '', placeholder: '',
value: '折线图', value: '折线图',
}, },
{
type: 'el-input-text',
label: '图层唯一标识',
name: 'uuid',
disabled: true,
value: 'widget-linechart' + Date.now()
},
{ {
type: 'vue-color', type: 'vue-color',
label: '背景颜色', label: '背景颜色',
@ -58,8 +65,8 @@ export const widgetLinechart = {
required: false, required: false,
placeholder: '', placeholder: '',
selectOptions: [ selectOptions: [
{code: 'circle', name: '实心点'}, { code: 'circle', name: '实心点' },
{code: 'emptyCircle', name: '空心点'}, { code: 'emptyCircle', name: '空心点' },
], ],
value: 'circle' value: 'circle'
}, },
@ -139,10 +146,10 @@ export const widgetLinechart = {
required: false, required: false,
placeholder: '', placeholder: '',
selectOptions: [ selectOptions: [
{code: 'normal', name: '正常'}, { code: 'normal', name: '正常' },
{code: 'bold', name: '粗体'}, { code: 'bold', name: '粗体' },
{code: 'bolder', name: '特粗体'}, { code: 'bolder', name: '特粗体' },
{code: 'lighter', name: '细体'} { code: 'lighter', name: '细体' }
], ],
value: 'normal' value: 'normal'
}, },
@ -153,9 +160,9 @@ export const widgetLinechart = {
required: false, required: false,
placeholder: '', placeholder: '',
selectOptions: [ selectOptions: [
{code: 'normal', name: '正常'}, { code: 'normal', name: '正常' },
{code: 'italic', name: 'italic斜体'}, { code: 'italic', name: 'italic斜体' },
{code: 'oblique', name: 'oblique斜体'}, { code: 'oblique', name: 'oblique斜体' },
], ],
value: 'normal' value: 'normal'
}, },
@ -166,9 +173,9 @@ export const widgetLinechart = {
required: false, required: false,
placeholder: '', placeholder: '',
selectOptions: [ selectOptions: [
{code: 'center', name: '居中'}, { code: 'center', name: '居中' },
{code: 'left', name: '左对齐'}, { code: 'left', name: '左对齐' },
{code: 'right', name: '右对齐'}, { code: 'right', name: '右对齐' },
], ],
value: 'center' value: 'center'
}, },
@ -203,10 +210,10 @@ export const widgetLinechart = {
required: false, required: false,
placeholder: '', placeholder: '',
selectOptions: [ selectOptions: [
{code: 'normal', name: '正常'}, { code: 'normal', name: '正常' },
{code: 'bold', name: '粗体'}, { code: 'bold', name: '粗体' },
{code: 'bolder', name: '特粗体'}, { code: 'bolder', name: '特粗体' },
{code: 'lighter', name: '细体'} { code: 'lighter', name: '细体' }
], ],
value: 'normal' value: 'normal'
}, },
@ -217,9 +224,9 @@ export const widgetLinechart = {
required: false, required: false,
placeholder: '', placeholder: '',
selectOptions: [ selectOptions: [
{code: 'normal', name: '正常'}, { code: 'normal', name: '正常' },
{code: 'italic', name: 'italic斜体'}, { code: 'italic', name: 'italic斜体' },
{code: 'oblique', name: 'oblique斜体'}, { code: 'oblique', name: 'oblique斜体' },
], ],
value: 'normal' value: 'normal'
}, },
@ -501,10 +508,10 @@ export const widgetLinechart = {
required: false, required: false,
placeholder: '', placeholder: '',
selectOptions: [ selectOptions: [
{code: 'normal', name: '正常'}, { code: 'normal', name: '正常' },
{code: 'bold', name: '粗体'}, { code: 'bold', name: '粗体' },
{code: 'bolder', name: '特粗体'}, { code: 'bolder', name: '特粗体' },
{code: 'lighter', name: '细体'} { code: 'lighter', name: '细体' }
], ],
value: 'normal' value: 'normal'
}, },
@ -576,7 +583,7 @@ export const widgetLinechart = {
label: '', label: '',
name: 'customColor', name: 'customColor',
required: false, required: false,
value: [{color: '#1E90FF'}], value: [{ color: '#1E90FF' }],
}, },
], ],
}, },
@ -620,11 +627,11 @@ export const widgetLinechart = {
relactiveDom: 'dataType', relactiveDom: 'dataType',
relactiveDomValue: 'staticData', relactiveDomValue: 'staticData',
value: [ value: [
{"axis": "苹果", "data": 1000}, { "axis": "苹果", "data": 1000 },
{"axis": "三星", "data": 2229}, { "axis": "三星", "data": 2229 },
{"axis": "小米", "data": 3879}, { "axis": "小米", "data": 3879 },
{"axis": "oppo", "data": 2379}, { "axis": "oppo", "data": 2379 },
{"axis": "vivo", "data": 4079}, { "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: '', placeholder: '',
value: '中国地图-气泡图', value: '中国地图-气泡图',
}, },
{
type: 'el-input-text',
label: '图层唯一标识',
name: 'uuid',
disabled: true,
value: 'widgetAirBubbleMap' + Date.now()
},
{ {
type: 'vue-color', type: 'vue-color',
label: '背景颜色', label: '背景颜色',
@ -194,10 +201,10 @@ export const widgetAirbubbleMap = {
required: false, required: false,
placeholder: '', placeholder: '',
selectOptions: [ selectOptions: [
{code: 'normal', name: '正常'}, { code: 'normal', name: '正常' },
{code: 'bold', name: '粗体'}, { code: 'bold', name: '粗体' },
{code: 'bolder', name: '特粗体'}, { code: 'bolder', name: '特粗体' },
{code: 'lighter', name: '细体'} { code: 'lighter', name: '细体' }
], ],
value: 'normal' value: 'normal'
}, },
@ -224,10 +231,10 @@ export const widgetAirbubbleMap = {
required: false, required: false,
placeholder: '', placeholder: '',
selectOptions: [ selectOptions: [
{code: 'normal', name: '正常'}, { code: 'normal', name: '正常' },
{code: 'bold', name: '粗体'}, { code: 'bold', name: '粗体' },
{code: 'bolder', name: '特粗体'}, { code: 'bolder', name: '特粗体' },
{code: 'lighter', name: '细体'} { code: 'lighter', name: '细体' }
], ],
value: 'normal' value: 'normal'
}, },
@ -330,41 +337,41 @@ export const widgetAirbubbleMap = {
relactiveDom: 'dataType', relactiveDom: 'dataType',
relactiveDomValue: 'staticData', relactiveDomValue: 'staticData',
value: [ value: [
{"name": "南海诸岛", "value": 1}, { "name": "南海诸岛", "value": 1 },
{"name": "北京市", "value": 524}, { "name": "北京市", "value": 524 },
{"name": "天津市", "value": 14}, { "name": "天津市", "value": 14 },
{"name": "上海市", "value": 150}, { "name": "上海市", "value": 150 },
{"name": "重庆市", "value": 75}, { "name": "重庆市", "value": 75 },
{"name": "河北省", "value": 13}, { "name": "河北省", "value": 13 },
{"name": "河南省", "value": 83}, { "name": "河南省", "value": 83 },
{"name": "云南省", "value": 11}, { "name": "云南省", "value": 11 },
{"name": "辽宁省", "value": 19}, { "name": "辽宁省", "value": 19 },
{"name": "黑龙江省", "value": 15}, { "name": "黑龙江省", "value": 15 },
{"name": "湖南省", "value": 69}, { "name": "湖南省", "value": 69 },
{"name": "安徽省", "value": 260}, { "name": "安徽省", "value": 260 },
{"name": "山东省", "value": 39}, { "name": "山东省", "value": 39 },
{"name": "新疆维吾尔自治区", "value": 4}, { "name": "新疆维吾尔自治区", "value": 4 },
{"name": "江苏省", "value": 31}, { "name": "江苏省", "value": 31 },
{"name": "浙江省", "value": 104}, { "name": "浙江省", "value": 104 },
{"name": "江西省", "value": 36}, { "name": "江西省", "value": 36 },
{"name": "湖北省", "value": 1052}, { "name": "湖北省", "value": 1052 },
{"name": "广西壮族自治区", "value": 33}, { "name": "广西壮族自治区", "value": 33 },
{"name": "甘肃省", "value": 347}, { "name": "甘肃省", "value": 347 },
{"name": "山西省", "value": 8}, { "name": "山西省", "value": 8 },
{"name": "内蒙古自治区", "value": 157}, { "name": "内蒙古自治区", "value": 157 },
{"name": "陕西省", "value": 22}, { "name": "陕西省", "value": 22 },
{"name": "吉林省", "value": 4}, { "name": "吉林省", "value": 4 },
{"name": "福建省", "value": 36}, { "name": "福建省", "value": 36 },
{"name": "贵州省", "value": 39}, { "name": "贵州省", "value": 39 },
{"name": "广东省", "value": 996}, { "name": "广东省", "value": 996 },
{"name": "青海省", "value": 27}, { "name": "青海省", "value": 27 },
{"name": "西藏自治区", "value": 31}, { "name": "西藏自治区", "value": 31 },
{"name": "四川省", "value": 46}, { "name": "四川省", "value": 46 },
{"name": "宁夏回族自治区", "value": 16}, { "name": "宁夏回族自治区", "value": 16 },
{"name": "海南省", "value": 22}, { "name": "海南省", "value": 22 },
{"name": "台湾省", "value": 6}, { "name": "台湾省", "value": 6 },
{"name": "香港", "value": 2}, { "name": "香港", "value": 2 },
{"name": "澳门", "value": 9}], { "name": "澳门", "value": 9 }],
}, },
{ {
type: 'dycustComponents', 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: * @version:
* @Author: qianlishi * @Author: qianlishi
* @Date: 2021-08-29 07:31:21 * @Date: 2021-08-29 07:31:21
* @LastEditors: qianlishi * @LastEditors: qianlishi qianlishi@anji-plus.com
* @LastEditTime: 2021-09-28 14:17:20 * @LastEditTime: 2023-01-10 14:06:32
*/ */
export const widgetLineMap = { export const widgetLineMap = {
code: 'widgetLineMap', code: 'widgetLineMap',
@ -22,6 +22,13 @@ export const widgetLineMap = {
placeholder: '', placeholder: '',
value: '中国地图-路线图', value: '中国地图-路线图',
}, },
{
type: 'el-input-text',
label: '图层唯一标识',
name: 'uuid',
disabled: true,
value: 'widgetLineMap' + Date.now()
},
{ {
type: 'vue-color', type: 'vue-color',
label: '背景颜色', label: '背景颜色',

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

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

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

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

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

@ -3,8 +3,8 @@
* @version: * @version:
* @Author: qianlishi * @Author: qianlishi
* @Date: 2021-08-29 07:28:20 * @Date: 2021-08-29 07:28:20
* @LastEditors: qianlishi * @LastEditors: qianlishi qianlishi@anji-plus.com
* @LastEditTime: 2021-09-28 14:19:19 * @LastEditTime: 2023-01-11 13:15:48
*/ */
export const widgetPiechart = { export const widgetPiechart = {
code: 'widget-piechart', code: 'widget-piechart',
@ -23,6 +23,13 @@ export const widgetPiechart = {
placeholder: '', placeholder: '',
value: '饼图', value: '饼图',
}, },
{
type: 'el-input-text',
label: '图层唯一标识',
name: 'uuid',
disabled: true,
value: 'widget-piechart' + Date.now()
},
{ {
type: 'vue-color', type: 'vue-color',
label: '背景颜色', 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: '', placeholder: '',
value: '雷达图', value: '雷达图',
}, },
{
type: 'el-input-text',
label: '图层唯一标识',
name: 'uuid',
disabled: true,
value: 'widget-radar' + Date.now()
},
{ {
type: 'vue-color', type: 'vue-color',
label: '背景颜色', label: '背景颜色',
@ -164,8 +171,8 @@ export const widgetRadar = {
required: false, required: false,
placeholder: '', placeholder: '',
selectOptions: [ selectOptions: [
{code: 'line', name: '线型'}, { code: 'line', name: '线型' },
{code: 'circle', name: '圆型'}, { code: 'circle', name: '圆型' },
], ],
value: 'line' value: 'line'
}, },
@ -261,10 +268,10 @@ export const widgetRadar = {
required: false, required: false,
placeholder: '', placeholder: '',
selectOptions: [ selectOptions: [
{code: 'normal', name: '正常'}, { code: 'normal', name: '正常' },
{code: 'bold', name: '粗体'}, { code: 'bold', name: '粗体' },
{code: 'bolder', name: '特粗体'}, { code: 'bolder', name: '特粗体' },
{code: 'lighter', name: '细体'} { code: 'lighter', name: '细体' }
], ],
value: 'normal' value: 'normal'
}, },
@ -275,9 +282,9 @@ export const widgetRadar = {
required: false, required: false,
placeholder: '', placeholder: '',
selectOptions: [ selectOptions: [
{code: 'normal', name: '正常'}, { code: 'normal', name: '正常' },
{code: 'italic', name: 'italic斜体'}, { code: 'italic', name: 'italic斜体' },
{code: 'oblique', name: 'oblique斜体'}, { code: 'oblique', name: 'oblique斜体' },
], ],
value: 'normal' value: 'normal'
}, },
@ -333,9 +340,9 @@ export const widgetRadar = {
required: false, required: false,
placeholder: '', placeholder: '',
selectOptions: [ selectOptions: [
{code: 'center', name: '居中'}, { code: 'center', name: '居中' },
{code: 'left', name: '左对齐'}, { code: 'left', name: '左对齐' },
{code: 'right', name: '右对齐'}, { code: 'right', name: '右对齐' },
], ],
value: 'center' value: 'center'
}, },
@ -346,8 +353,8 @@ export const widgetRadar = {
required: false, required: false,
placeholder: '', placeholder: '',
selectOptions: [ selectOptions: [
{code: 'top', name: '顶部'}, { code: 'top', name: '顶部' },
{code: 'bottom', name: '底部'}, { code: 'bottom', name: '底部' },
], ],
value: 'top' value: 'top'
}, },
@ -358,8 +365,8 @@ export const widgetRadar = {
required: false, required: false,
placeholder: '', placeholder: '',
selectOptions: [ selectOptions: [
{code: 'vertical', name: '竖排'}, { code: 'vertical', name: '竖排' },
{code: 'horizontal', name: '横排'}, { code: 'horizontal', name: '横排' },
], ],
value: 'horizontal' value: 'horizontal'
}, },
@ -399,10 +406,10 @@ export const widgetRadar = {
required: false, required: false,
placeholder: '', placeholder: '',
selectOptions: [ selectOptions: [
{code: 'normal', name: '正常'}, { code: 'normal', name: '正常' },
{code: 'bold', name: '粗体'}, { code: 'bold', name: '粗体' },
{code: 'bolder', name: '特粗体'}, { code: 'bolder', name: '特粗体' },
{code: 'lighter', name: '细体'} { code: 'lighter', name: '细体' }
], ],
value: 'normal' value: 'normal'
}, },
@ -421,9 +428,9 @@ export const widgetRadar = {
required: false, required: false,
placeholder: '', placeholder: '',
selectOptions: [ selectOptions: [
{code: 'solid', name: '实线'}, { code: 'solid', name: '实线' },
{code: 'dashed', name: '线型虚线'}, { code: 'dashed', name: '线型虚线' },
{code: 'dotted', name: '点型虚线'}, { code: 'dotted', name: '点型虚线' },
], ],
value: 'solid' value: 'solid'
}, },
@ -466,7 +473,7 @@ export const widgetRadar = {
label: '', label: '',
name: 'customColor', name: 'customColor',
required: false, 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, required: false,
placeholder: '', placeholder: '',
value: [ value: [
{name: 'SA', key: 'Sales', max: 6500}, { name: 'SA', key: 'Sales', max: 6500 },
{name: 'Admin', key: 'Admin', max: 16000}, { name: 'Admin', key: 'Admin', max: 16000 },
{name: 'Information', key: 'Information', max: 30000}, { name: 'Information', key: 'Information', max: 30000 },
{name: 'Customer', key: 'Customer', max: 38000}, { name: 'Customer', key: 'Customer', max: 38000 },
{name: 'Develop', key: 'Develop', max: 52000}, { name: 'Develop', key: 'Develop', max: 52000 },
] ]
} }
], ],
@ -523,8 +530,8 @@ export const widgetRadar = {
relactiveDom: 'dataType', relactiveDom: 'dataType',
relactiveDomValue: 'staticData', relactiveDomValue: 'staticData',
value: [ value: [
{name: '2016', Sales: 4200, Admin: 3000, Information: 20000, Customer: 35000, Develop: 50000}, { 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: '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: * @version:
* @Author: qianlishi * @Author: qianlishi
* @Date: 2021-08-29 07:03:58 * @Date: 2021-08-29 07:03:58
* @LastEditors: qianlishi * @LastEditors: qianlishi qianlishi@anji-plus.com
* @LastEditTime: 2021-09-28 14:14:21 * @LastEditTime: 2023-01-11 13:16:21
*/ */
export const widgetHref = { export const widgetHref = {
code: 'widget-href', code: 'widget-href',
@ -23,6 +23,13 @@ export const widgetHref = {
placeholder: '', placeholder: '',
value: '超链接', value: '超链接',
}, },
{
type: 'el-input-text',
label: '图层唯一标识',
name: 'uuid',
disabled: true,
value: 'widget-href' + Date.now()
},
{ {
type: 'el-input-text', type: 'el-input-text',
label: '文本内容', label: '文本内容',

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

@ -3,8 +3,8 @@
* @version: * @version:
* @Author: qianlishi * @Author: qianlishi
* @Date: 2021-08-29 07:17:55 * @Date: 2021-08-29 07:17:55
* @LastEditors: qianlishi * @LastEditors: qianlishi qianlishi@anji-plus.com
* @LastEditTime: 2021-09-28 14:14:39 * @LastEditTime: 2023-01-11 13:17:35
*/ */
export const widgetIframe = { export const widgetIframe = {
code: 'widget-iframe', code: 'widget-iframe',
@ -23,6 +23,13 @@ export const widgetIframe = {
placeholder: '', placeholder: '',
value: 'iframe', value: 'iframe',
}, },
{
type: 'el-input-text',
label: '图层唯一标识',
name: 'uuid',
disabled: true,
value: 'widget-iframe' + Date.now()
},
{ {
type: 'el-input-text', type: 'el-input-text',
label: '地址', 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 * @LastEditTime: 2021-09-28 14:14:51
*/ */
export const widgetImage = { export const widgetImage = {
code: 'widget-image', code: 'widget-image',
type: 'text', type: 'text',
tabName: '文本栏', tabName: '文本栏',
label: '图片', label: '图片',
icon: 'icontupian', icon: 'icontupian',
options: { options: {
// 配置 // 配置
setup: [ setup: [
{ {
type: 'el-input-text', type: 'el-input-text',
label: '图层名称', label: '图层名称',
name: 'layerName', name: 'layerName',
required: false, required: false,
placeholder: '', placeholder: '',
value: '图片', value: '图片',
}, },
{ {
type: 'el-switch', type: 'el-input-text',
label: '开启旋转', label: '图层唯一标识',
name: 'startRotate', name: 'uuid',
required: false, disabled: true,
placeholder: '', value: 'widget-image' + Date.now()
value: false, },
}, {
{ type: 'el-switch',
type: 'el-slider', label: '开启旋转',
label: '旋转速度', name: 'startRotate',
name: 'rotationSpeed', required: false,
required: false, placeholder: '',
placeholder: '', value: false,
value: 70 },
}, {
{ type: 'el-slider',
type: 'el-slider', label: '旋转速度',
label: '透明度', name: 'rotationSpeed',
name: 'transparency', required: false,
required: false, placeholder: '',
placeholder: '', value: 70
value: 100 },
}, {
{ type: 'el-slider',
type: 'el-input-number', label: '透明度',
label: '圆角', name: 'transparency',
name: 'borderRadius', required: false,
required: false, placeholder: '',
placeholder: '', value: 100
value: '0' },
}, {
{ type: 'el-input-number',
type: 'custom-upload', label: '圆角',
label: '图片地址', name: 'borderRadius',
name: 'imageAdress', required: false,
required: false, placeholder: '',
placeholder: '', value: '0'
value: 'http://10.108.26.197:9095/file/download/fd20d563-00aa-45e2-b5db-aff951f814ec', },
}, {
{ type: 'custom-upload',
type: 'vue-color', label: '图片地址',
label: '背景颜色', name: 'imageAdress',
name: 'background', required: false,
required: false, placeholder: '',
placeholder: '', value: 'http://10.108.26.197:9095/file/download/fd20d563-00aa-45e2-b5db-aff951f814ec',
}, },
], {
// 数据 type: 'vue-color',
data: [], label: '背景颜色',
// 坐标 name: 'background',
position: [ required: false,
{ placeholder: '',
type: 'el-input-number', },
label: '左边距', ],
name: 'left', // 数据
required: false, data: [],
placeholder: '', // 坐标
value: 0, position: [
}, {
{ type: 'el-input-number',
type: 'el-input-number', label: '左边距',
label: '上边距', name: 'left',
name: 'top', required: false,
required: false, placeholder: '',
placeholder: '', value: 0,
value: 0, },
}, {
{ type: 'el-input-number',
type: 'el-input-number', label: '上边距',
label: '宽度', name: 'top',
name: 'width', required: false,
required: false, placeholder: '',
placeholder: '该容器在1920px大屏中的宽度', value: 0,
value: 300, },
}, {
{ type: 'el-input-number',
type: 'el-input-number', label: '宽度',
label: '高度', name: 'width',
name: 'height', required: false,
required: false, placeholder: '该容器在1920px大屏中的宽度',
placeholder: '该容器在1080px大屏中的高度', value: 300,
value: 200, },
}, {
], 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: * @version:
* @Author: qianlishi * @Author: qianlishi
* @Date: 2021-08-29 07:00:00 * @Date: 2021-08-29 07:00:00
* @LastEditors: qianlishi * @LastEditors: qianlishi qianlishi@anji-plus.com
* @LastEditTime: 2021-09-28 14:17:39 * @LastEditTime: 2023-01-11 13:18:02
*/ */
export const widgetMarquee = { export const widgetMarquee = {
code: 'widget-marquee', code: 'widget-marquee',
type: 'text', type: 'text',
tabName: '文本栏', tabName: '文本栏',
label: '滚动文本', label: '滚动文本',
icon: 'iconhengxiangwenzi', icon: 'iconhengxiangwenzi',
options: { options: {
// 配置 // 配置
setup: [ setup: [
{ {
type: 'el-input-text', type: 'el-input-text',
label: '图层名称', label: '图层名称',
name: 'layerName', name: 'layerName',
required: false, required: false,
placeholder: '', placeholder: '',
value: '跑马灯', value: '跑马灯',
}, },
{ {
type: 'el-input-text', type: 'el-input-text',
label: '文本内容', label: '图层唯一标识',
name: 'text', name: 'uuid',
required: false, disabled: true,
placeholder: '', value: 'widget-marquee' + Date.now()
value: '滚动文本', },
}, {
{ type: 'el-input-text',
type: 'el-input-number', label: '文本内容',
label: '字体字号', name: 'text',
name: 'fontSize', required: false,
required: false, placeholder: '',
placeholder: '', value: '滚动文本',
value: '26', },
}, {
{ type: 'el-input-number',
type: 'vue-color', label: '字体字号',
label: '字体颜色', name: 'fontSize',
name: 'color', required: false,
required: false, placeholder: '',
placeholder: '', value: '26',
value: '#FAD400', },
}, {
{ type: 'vue-color',
type: 'el-input-number', label: '字体颜色',
label: '字体间距', name: 'color',
name: 'letterSpacing', required: false,
required: false, placeholder: '',
placeholder: '', value: '#FAD400',
value: '0', },
}, {
{ type: 'el-input-number',
type: 'vue-color', label: '字体间距',
label: '字体背景', name: 'letterSpacing',
name: 'background', required: false,
required: false, placeholder: '',
placeholder: '', value: '0',
value: 'rgba(115,170,229,.5)', },
}, {
{ type: 'vue-color',
type: 'el-select', label: '字体背景',
label: '文字粗细', name: 'background',
name: 'fontWeight', required: false,
required: false, placeholder: '',
placeholder: '', value: 'rgba(115,170,229,.5)',
selectOptions: [ },
{code: 'normal', name: '正常'}, {
{code: 'bold', name: '粗体'}, type: 'el-select',
{code: 'bolder', name: '特粗体'}, label: '文字粗细',
{code: 'lighter', name: '细体'} name: 'fontWeight',
], required: false,
value: 'normal' placeholder: '',
}, selectOptions: [
/* { { code: 'normal', name: '正常' },
type: 'el-input-number', { code: 'bold', name: '粗体' },
label: '滚动速度', { code: 'bolder', name: '特粗体' },
name: 'jScrollPane', { code: 'lighter', name: '细体' }
//required: false, ],
placeholder: '', value: 'normal'
value: '50', },
}*/ /* {
], type: 'el-input-number',
// 数据 label: '滚动速度',
data: [ name: 'jScrollPane',
{ //required: false,
type: 'el-radio-group', placeholder: '',
label: '数据类型', value: '50',
name: 'dataType', }*/
require: false, ],
placeholder: '', // 数据
selectValue: true, data: [
selectOptions: [ {
{ type: 'el-radio-group',
code: 'staticData', label: '数据类型',
name: '静态数据', name: 'dataType',
}, require: false,
{ placeholder: '',
code: 'dynamicData', selectValue: true,
name: '动态数据', selectOptions: [
}, {
], code: 'staticData',
value: 'staticData', name: '静态数据',
}, },
{ {
type: 'el-input-number', code: 'dynamicData',
label: '刷新时间(毫秒)', name: '动态数据',
name: 'refreshTime', },
relactiveDom: 'dataType', ],
relactiveDomValue: 'dynamicData', value: 'staticData',
value: 5000 },
}, {
{ type: 'el-input-number',
type: 'el-button', label: '刷新时间(毫秒)',
label: '静态数据', name: 'refreshTime',
name: 'staticData', relactiveDom: 'dataType',
required: false, relactiveDomValue: 'dynamicData',
placeholder: '', value: 5000
relactiveDom: 'dataType', },
relactiveDomValue: 'staticData', {
value: '文本框', type: 'el-button',
}, label: '静态数据',
{ name: 'staticData',
type: 'dycustComponents', required: false,
label: '', placeholder: '',
name: 'dynamicData', relactiveDom: 'dataType',
required: false, relactiveDomValue: 'staticData',
placeholder: '', value: '文本框',
relactiveDom: 'dataType', },
relactiveDomValue: 'dynamicData', {
chartType: 'widget-text', type: 'dycustComponents',
dictKey: 'TEXT_PROPERTIES', label: '',
value: '', name: 'dynamicData',
} required: false,
], placeholder: '',
// 坐标 relactiveDom: 'dataType',
position: [ relactiveDomValue: 'dynamicData',
{ chartType: 'widget-text',
type: 'el-input-number', dictKey: 'TEXT_PROPERTIES',
label: '左边距', value: '',
name: 'left', }
required: false, ],
placeholder: '', // 坐标
value: 0, position: [
}, {
{ type: 'el-input-number',
type: 'el-input-number', label: '左边距',
label: '上边距', name: 'left',
name: 'top', required: false,
required: false, placeholder: '',
placeholder: '', value: 0,
value: 0, },
}, {
{ type: 'el-input-number',
type: 'el-input-number', label: '上边距',
label: '宽度', name: 'top',
name: 'width', required: false,
required: false, placeholder: '',
placeholder: '该容器在1920px大屏中的宽度', value: 0,
value: 100, },
}, {
{ type: 'el-input-number',
type: 'el-input-number', label: '宽度',
label: '高度', name: 'width',
name: 'height', required: false,
required: false, placeholder: '该容器在1920px大屏中的宽度',
placeholder: '该容器在1080px大屏中的高度', value: 100,
value: 40, },
}, {
], type: 'el-input-number',
} label: '高度',
name: 'height',
required: false,
placeholder: '该容器在1080px大屏中的高度',
value: 40,
},
],
} }
}

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

@ -3,86 +3,93 @@
* @version: * @version:
* @Author: qianlishi * @Author: qianlishi
* @Date: 2021-08-29 07:08:53 * @Date: 2021-08-29 07:08:53
* @LastEditors: qianlishi * @LastEditors: qianlishi qianlishi@anji-plus.com
* @LastEditTime: 2021-09-28 14:19:30 * @LastEditTime: 2023-01-11 13:18:15
*/ */
export const widgetSliders = { export const widgetSliders = {
code: 'widget-slider', code: 'widget-slider',
type: 'text', type: 'text',
tabName: '文本栏', tabName: '文本栏',
label: '轮播图片', label: '轮播图片',
icon: 'slider', icon: 'slider',
options: { options: {
// 配置 // 配置
setup: [ setup: [
{ {
type: 'el-input-text', type: 'el-input-text',
label: '图层名称', label: '图层名称',
name: 'layerName', name: 'layerName',
required: false, required: false,
placeholder: '', placeholder: '',
}, },
{ {
type: 'el-switch', type: 'el-input-text',
label: '隐藏图层', label: '图层唯一标识',
name: 'hideLayer', name: 'uuid',
required: false, disabled: true,
placeholder: '', value: 'widget-slider' + Date.now()
}, },
{ {
type: 'el-select', type: 'el-switch',
label: '轮播方向', label: '隐藏图层',
name: 'tabDirection', name: 'hideLayer',
required: false, required: false,
placeholder: '', placeholder: '',
}, },
{ {
type: 'el-select', type: 'el-select',
label: '选择器', label: '轮播方向',
name: 'tabSelector', name: 'tabDirection',
required: false, required: false,
placeholder: '', placeholder: '',
}, },
{ {
type: 'el-input-number', type: 'el-select',
label: '轮播时间', label: '选择器',
name: 'tabTime', name: 'tabSelector',
required: false, required: false,
placeholder: '', placeholder: '',
}, },
], {
// 数据 type: 'el-input-number',
data: [], label: '轮播时间',
// 坐标 name: 'tabTime',
position: [ required: false,
{ placeholder: '',
type: 'el-input-number', },
label: '左边距', ],
name: 'left', // 数据
required: true, data: [],
placeholder: '', // 坐标
}, position: [
{ {
type: 'el-input-number', type: 'el-input-number',
label: '上边距', label: '左边距',
name: 'top', name: 'left',
required: true, required: true,
placeholder: '', placeholder: '',
}, },
{ {
type: 'el-input-number', type: 'el-input-number',
label: '宽度', label: '上边距',
name: 'width', name: 'top',
required: true, required: true,
placeholder: '该容器在1920px大屏中的宽度', placeholder: '',
}, },
{ {
type: 'el-input-number', type: 'el-input-number',
label: '高度', label: '宽度',
name: 'height', name: 'width',
required: true, required: true,
placeholder: '该容器在1080px大屏中的高度', 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: * @version:
* @Author: qianlishi * @Author: qianlishi
* @Date: 2021-08-29 07:16:10 * @Date: 2021-08-29 07:16:10
* @LastEditors: qianlishi * @LastEditors: qianlishi qianlishi@anji-plus.com
* @LastEditTime: 2021-09-28 14:19:54 * @LastEditTime: 2023-01-11 13:18:28
*/ */
export const widgetTable = { export const widgetTable = {
code: 'widget-table', code: 'widget-table',
type: 'text', type: 'text',
tabName: '文本栏', tabName: '文本栏',
label: '表格', label: '表格',
icon: 'iconbiaoge', icon: 'iconbiaoge',
options: { options: {
setup: [ setup: [
{ {
type: 'el-input-text', type: 'el-input-text',
label: '图层名称', label: '图层名称',
name: 'layerName', name: 'layerName',
required: false, required: false,
placeholder: '', placeholder: '',
value: '表格', value: '表格',
}, },
{ {
type: 'el-select', type: 'el-input-text',
label: '字体位置', label: '图层唯一标识',
name: 'textAlign', name: 'uuid',
required: false, disabled: true,
placeholder: '', value: 'widget-table' + Date.now()
selectOptions: [ },
{code: 'center', name: '居中'}, {
{code: 'left', name: '左对齐'}, type: 'el-select',
{code: 'right', name: '右对齐'}, label: '字体位置',
], name: 'textAlign',
value: 'center' required: false,
}, placeholder: '',
{ selectOptions: [
type: 'el-input-number', { code: 'center', name: '居中' },
label: '字体字号', { code: 'left', name: '左对齐' },
name: 'fontSize', { code: 'right', name: '右对齐' },
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'
}
],
},
], ],
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', name: '表头设置',
label: '', list: [
name: 'dynamicAddTable', {
required: false, type: 'el-switch',
placeholder: '', label: '表头显隐',
value: [ name: 'isHeader',
{name: '日期', key: 'date', width: '50%'}, required: false,
{name: '姓名', key: 'name', width: '50%'}, placeholder: '',
{name: '地址', key: 'address', width: '200%', value: true,
}] },
}
],
data: [
{
type: 'el-radio-group',
label: '数据类型',
name: 'dataType',
require: false,
placeholder: '',
selectValue: true,
selectOptions: [
{ {
code: 'staticData', type: 'vue-color',
name: '静态数据', label: '表头颜色',
name: 'headColor',
require: false,
placeholder: '',
value: '#fff',
}, },
{ {
code: 'dynamicData', type: 'vue-color',
name: '动态数据', 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', name: '表体设置',
label: '静态数据', list: [
name: 'staticData', {
required: false, type: 'vue-color',
placeholder: '', label: '文字颜色',
relactiveDom: 'dataType', name: 'bodyColor',
relactiveDomValue: 'staticData', required: false,
value: [ placeholder: '',
{date: '2016-05-02', name: '王小虎', address: '上海市普陀区金沙江路 1518 弄0001'}, value: '#fff',
{date: '2016-05-02', name: '王小虎', address: '上海市普陀区金沙江路 1518 弄0002'}, },
{date: '2016-05-02', name: '王小虎', address: '上海市普陀区金沙江路 1518 弄0003'}, {
{date: '2016-05-02', name: '王小虎', address: '上海市普陀区金沙江路 1518 弄0004'}, type: 'vue-color',
{date: '2016-05-02', name: '王小虎', address: '上海市普陀区金沙江路 1518 弄0005'}, label: '表格背景色',
{date: '2016-05-02', name: '王小虎', address: '上海市普陀区金沙江路 1518 弄0006'}, name: 'tableBgColor',
{date: '2016-05-02', name: '王小虎', address: '上海市普陀区金沙江路 1518 弄0007'}, 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: 'dynamic-add-table',
type: 'el-input-number', label: '',
label: '左边距', name: 'dynamicAddTable',
name: 'left', required: false,
required: false, placeholder: '',
placeholder: '', value: [
value: 0, { name: '日期', key: 'date', width: '50%' },
}, { name: '姓名', key: 'name', width: '50%' },
{ {
type: 'el-input-number', name: '地址', key: 'address', width: '200%',
label: '上边距', }]
name: 'top', }
required: false, ],
placeholder: '', data: [
value: 0, {
}, type: 'el-radio-group',
{ label: '数据类型',
type: 'el-input-number', name: 'dataType',
label: '宽度', require: false,
name: 'width', placeholder: '',
required: false, selectValue: true,
placeholder: '该容器在1920px大屏中的宽度', selectOptions: [
value: 600, {
}, code: 'staticData',
{ name: '静态数据',
type: 'el-input-number', },
label: '高度', {
name: 'height', code: 'dynamicData',
required: false, name: '动态数据',
placeholder: '该容器在1080px大屏中的高度', },
value: 300, ],
}, 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: * @version:
* @Author: qianlishi * @Author: qianlishi
* @Date: 2021-08-29 06:52:13 * @Date: 2021-08-29 06:52:13
* @LastEditors: qianlishi * @LastEditors: qianlishi qianlishi@anji-plus.com
* @LastEditTime: 2021-09-28 14:20:12 * @LastEditTime: 2023-01-11 13:18:36
*/ */
export const widgetText = { export const widgetText = {
code: 'widget-text', code: 'widget-text',
type: 'text', type: 'text',
tabName: '文本栏', tabName: '文本栏',
label: '文本', label: '文本',
icon: 'iconziyuan', icon: 'iconziyuan',
options: { options: {
// 配置 // 配置
setup: [ setup: [
{ {
type: 'el-input-text', type: 'el-input-text',
label: '图层名称', label: '图层名称',
name: 'layerName', name: 'layerName',
required: false, required: false,
placeholder: '', placeholder: '',
value: '文本框', value: '文本框',
}, },
{ {
type: 'el-input-text', type: 'el-input-text',
label: '文本内容', label: '图层唯一标识',
name: 'text', name: 'uuid',
required: false, disabled: true,
placeholder: '', value: 'widget-text' + Date.now()
value: '文本框', },
}, {
{ type: 'el-input-text',
type: 'el-input-number', label: '文本内容',
label: '字体字号', name: 'text',
name: 'fontSize', required: false,
required: false, placeholder: '',
placeholder: '', value: '文本框',
value: '26', },
}, {
{ type: 'el-input-number',
type: 'vue-color', label: '字体字号',
label: '字体颜色', name: 'fontSize',
name: 'color', required: false,
required: false, placeholder: '',
placeholder: '', value: '26',
value: '#FAD400', },
}, {
{ type: 'vue-color',
type: 'el-input-number', label: '字体颜色',
label: '字体间距', name: 'color',
name: 'letterSpacing', required: false,
required: false, placeholder: '',
placeholder: '', value: '#FAD400',
value: '0', },
}, {
{ type: 'el-input-number',
type: 'vue-color', label: '字体间距',
label: '字体背景', name: 'letterSpacing',
name: 'background', required: false,
required: false, placeholder: '',
placeholder: '', value: '0',
value: 'rgba(115,170,229,.0)', },
}, {
{ type: 'vue-color',
type: 'el-select', label: '字体背景',
label: '文字粗细', name: 'background',
name: 'fontWeight', required: false,
required: false, placeholder: '',
placeholder: '', value: 'rgba(115,170,229,.0)',
selectOptions: [ },
{code: 'normal', name: '正常'}, {
{code: 'bold', name: '粗体'}, type: 'el-select',
{code: 'bolder', name: '特粗体'}, label: '文字粗细',
{code: 'lighter', name: '细体'} name: 'fontWeight',
], required: false,
value: 'normal' placeholder: '',
}, selectOptions: [
{ { code: 'normal', name: '正常' },
type: 'el-select', { code: 'bold', name: '粗体' },
label: '对齐方式', { code: 'bolder', name: '特粗体' },
name: 'textAlign', { code: 'lighter', name: '细体' }
required: false, ],
placeholder: '', value: 'normal'
selectOptions: [ },
{code: 'center', name: '居中'}, {
{code: 'left', name: '左对齐'}, type: 'el-select',
{code: 'right', name: '右对齐'}, label: '对齐方式',
], name: 'textAlign',
value: 'center' required: false,
}, placeholder: '',
], selectOptions: [
// 数据 { code: 'center', name: '居中' },
data: [ { code: 'left', name: '左对齐' },
{ { code: 'right', name: '右对齐' },
type: 'el-radio-group', ],
label: '数据类型', value: 'center'
name: 'dataType', },
require: false, ],
placeholder: '', // 数据
selectValue: true, data: [
selectOptions: [ {
{ type: 'el-radio-group',
code: 'staticData', label: '数据类型',
name: '静态数据', name: 'dataType',
}, require: false,
{ placeholder: '',
code: 'dynamicData', selectValue: true,
name: '动态数据', selectOptions: [
}, {
], code: 'staticData',
value: 'staticData', name: '静态数据',
}, },
{ {
type: 'el-input-number', code: 'dynamicData',
label: '刷新时间(毫秒)', name: '动态数据',
name: 'refreshTime', },
relactiveDom: 'dataType', ],
relactiveDomValue: 'dynamicData', value: 'staticData',
value: 5000 },
}, {
{ type: 'el-input-number',
type: 'el-button', label: '刷新时间(毫秒)',
label: '静态数据', name: 'refreshTime',
name: 'staticData', relactiveDom: 'dataType',
required: false, relactiveDomValue: 'dynamicData',
placeholder: '', value: 5000
relactiveDom: 'dataType', },
relactiveDomValue: 'staticData', {
value: '文本框', type: 'el-button',
}, label: '静态数据',
{ name: 'staticData',
type: 'dycustComponents', required: false,
label: '', placeholder: '',
name: 'dynamicData', relactiveDom: 'dataType',
required: false, relactiveDomValue: 'staticData',
placeholder: '', value: '文本框',
relactiveDom: 'dataType', },
relactiveDomValue: 'dynamicData', {
chartType: 'widget-text', type: 'dycustComponents',
dictKey: 'TEXT_PROPERTIES', label: '',
value: '', name: 'dynamicData',
} required: false,
], placeholder: '',
relactiveDom: 'dataType',
relactiveDomValue: 'dynamicData',
chartType: 'widget-text',
dictKey: 'TEXT_PROPERTIES',
value: '',
}
],
// 坐标 // 坐标
position: [ position: [
{ {
type: 'el-input-number', type: 'el-input-number',
label: '左边距', label: '左边距',
name: 'left', name: 'left',
required: false, required: false,
placeholder: '', placeholder: '',
value: 0, value: 0,
}, },
{ {
type: 'el-input-number', type: 'el-input-number',
label: '上边距', label: '上边距',
name: 'top', name: 'top',
required: false, required: false,
placeholder: '', placeholder: '',
value: 0, value: 0,
}, },
{ {
type: 'el-input-number', type: 'el-input-number',
label: '宽度', label: '宽度',
name: 'width', name: 'width',
required: false, required: false,
placeholder: '该容器在1920px大屏中的宽度', placeholder: '该容器在1920px大屏中的宽度',
value: 100, value: 100,
}, },
{ {
type: 'el-input-number', type: 'el-input-number',
label: '高度', label: '高度',
name: 'height', name: 'height',
required: false, required: false,
placeholder: '该容器在1080px大屏中的高度', placeholder: '该容器在1080px大屏中的高度',
value: 40 value: 40
}, },
], ],
}
} }
}

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

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

Write Preview
Loading…
Cancel
Save