From 18bd9d5388b78560d5c0c567c0330c798b919f0c Mon Sep 17 00:00:00 2001 From: qianlishi Date: Wed, 11 Jan 2023 13:21:37 +0800 Subject: [PATCH] =?UTF-8?q?=E5=9B=BE=E5=B1=82=E5=A2=9E=E5=8A=A0uuid?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../configure/barCharts/widget-bar-compare.js | 11 +- .../configure/barCharts/widget-bar-stack.js | 83 +-- .../configure/barCharts/widget-barchart.js | 4 +- .../barCharts/widget-gradient-barchart.js | 29 +- .../barlineCharts/widget-bar-line-stack.js | 97 +-- .../barlineCharts/widget-barlinechart.js | 103 ++-- .../barlineCharts/widget-more-bar-line.js | 95 +-- .../decorateCharts/widget-decorate-pie.js | 9 +- .../configure/funnelCharts/widget-funnel.js | 9 +- .../tools/configure/heatmap/widget-heatmap.js | 9 +- .../lineCharts/widget-line-compare.js | 13 +- .../configure/lineCharts/widget-line-stack.js | 15 +- .../configure/lineCharts/widget-linechart.js | 65 +- .../mapCharts/widget-airbubble-map.js | 93 +-- .../configure/mapCharts/widget-line-map.js | 11 +- .../configure/percentCharts/widget-gauge.js | 11 +- .../percentCharts/widget-pie-percentage.js | 485 +++++++-------- .../pieCharts/widget-pie-nightingale.js | 9 +- .../configure/pieCharts/widget-piechart.js | 11 +- .../configure/radarCharts/widget-radar.js | 69 ++- .../tools/configure/texts/widget-href.js | 11 +- .../tools/configure/texts/widget-iframe.js | 11 +- .../tools/configure/texts/widget-image.js | 211 +++---- .../tools/configure/texts/widget-marquee.js | 345 ++++++----- .../tools/configure/texts/widget-slider.js | 171 +++--- .../tools/configure/texts/widget-table.js | 578 +++++++++--------- .../tools/configure/texts/widget-text.js | 357 +++++------ .../tools/configure/texts/widget-time.js | 281 ++++----- .../tools/configure/texts/widget-video.js | 9 +- .../wordcloudCharts/widget-word-cloud.js | 7 + 30 files changed, 1708 insertions(+), 1504 deletions(-) diff --git a/report-ui/src/views/bigscreenDesigner/designer/tools/configure/barCharts/widget-bar-compare.js b/report-ui/src/views/bigscreenDesigner/designer/tools/configure/barCharts/widget-bar-compare.js index 97762379..2f8b881e 100644 --- a/report-ui/src/views/bigscreenDesigner/designer/tools/configure/barCharts/widget-bar-compare.js +++ b/report-ui/src/views/bigscreenDesigner/designer/tools/configure/barCharts/widget-bar-compare.js @@ -3,8 +3,8 @@ * @version: * @Author: qianlishi * @Date: 2021-08-29 07:39:35 - * @LastEditors: qianlishi - * @LastEditTime: 2021-09-28 14:09:58 + * @LastEditors: qianlishi qianlishi@anji-plus.com + * @LastEditTime: 2023-01-10 14:08:40 */ export const widgetBarCompare = { code: 'widgetBarCompareChart', @@ -23,6 +23,13 @@ export const widgetBarCompare = { placeholder: '', value: '柱状对比图', }, + { + type: 'el-input-text', + label: '图层唯一标识', + name: 'uuid', + disabled: true, + value: 'widgetBarCompareChart' + Date.now() + }, { type: 'vue-color', label: '背景颜色', diff --git a/report-ui/src/views/bigscreenDesigner/designer/tools/configure/barCharts/widget-bar-stack.js b/report-ui/src/views/bigscreenDesigner/designer/tools/configure/barCharts/widget-bar-stack.js index a0c74d92..efc2d214 100644 --- a/report-ui/src/views/bigscreenDesigner/designer/tools/configure/barCharts/widget-bar-stack.js +++ b/report-ui/src/views/bigscreenDesigner/designer/tools/configure/barCharts/widget-bar-stack.js @@ -3,8 +3,8 @@ * @version: * @Author: qianlishi * @Date: 2021-08-29 07:37:09 - * @LastEditors: qianlishi - * @LastEditTime: 2021-09-28 14:11:09 + * @LastEditors: qianlishi qianlishi@anji-plus.com + * @LastEditTime: 2023-01-10 14:09:07 */ export const widgetBarStack = { code: 'widgetBarStackChart', @@ -23,6 +23,13 @@ export const widgetBarStack = { placeholder: '', value: '柱状堆叠图', }, + { + type: 'el-input-text', + label: '图层唯一标识', + name: 'uuid', + disabled: true, + value: 'widgetBarStackChart' + Date.now() + }, { type: 'el-switch', label: '竖展示', @@ -46,8 +53,8 @@ export const widgetBarStack = { required: false, placeholder: '', selectOptions: [ - {code: 'leftRight', name: '左右堆叠'}, - {code: 'upDown', name: '上下堆叠'}, + { code: 'leftRight', name: '左右堆叠' }, + { code: 'upDown', name: '上下堆叠' }, ], value: 'leftRight' }, @@ -115,10 +122,10 @@ export const widgetBarStack = { required: false, placeholder: '', selectOptions: [ - {code: 'normal', name: '正常'}, - {code: 'bold', name: '粗体'}, - {code: 'bolder', name: '特粗体'}, - {code: 'lighter', name: '细体'} + { code: 'normal', name: '正常' }, + { code: 'bold', name: '粗体' }, + { code: 'bolder', name: '特粗体' }, + { code: 'lighter', name: '细体' } ], value: 'normal' }, @@ -129,9 +136,9 @@ export const widgetBarStack = { required: false, placeholder: '', selectOptions: [ - {code: 'normal', name: '正常'}, - {code: 'italic', name: 'italic斜体'}, - {code: 'oblique', name: 'oblique斜体'}, + { code: 'normal', name: '正常' }, + { code: 'italic', name: 'italic斜体' }, + { code: 'oblique', name: 'oblique斜体' }, ], value: 'normal' }, @@ -142,9 +149,9 @@ export const widgetBarStack = { required: false, placeholder: '', selectOptions: [ - {code: 'center', name: '居中'}, - {code: 'left', name: '左对齐'}, - {code: 'right', name: '右对齐'}, + { code: 'center', name: '居中' }, + { code: 'left', name: '左对齐' }, + { code: 'right', name: '右对齐' }, ], value: 'center' }, @@ -179,10 +186,10 @@ export const widgetBarStack = { required: false, placeholder: '', selectOptions: [ - {code: 'normal', name: '正常'}, - {code: 'bold', name: '粗体'}, - {code: 'bolder', name: '特粗体'}, - {code: 'lighter', name: '细体'} + { code: 'normal', name: '正常' }, + { code: 'bold', name: '粗体' }, + { code: 'bolder', name: '特粗体' }, + { code: 'lighter', name: '细体' } ], value: 'normal' }, @@ -193,9 +200,9 @@ export const widgetBarStack = { required: false, placeholder: '', selectOptions: [ - {code: 'normal', name: '正常'}, - {code: 'italic', name: 'italic斜体'}, - {code: 'oblique', name: 'oblique斜体'}, + { code: 'normal', name: '正常' }, + { code: 'italic', name: 'italic斜体' }, + { code: 'oblique', name: 'oblique斜体' }, ], value: 'normal' }, @@ -251,9 +258,9 @@ export const widgetBarStack = { required: false, placeholder: '', selectOptions: [ - {code: 'center', name: '居中'}, - {code: 'left', name: '左对齐'}, - {code: 'right', name: '右对齐'}, + { code: 'center', name: '居中' }, + { code: 'left', name: '左对齐' }, + { code: 'right', name: '右对齐' }, ], value: 'center' }, @@ -264,8 +271,8 @@ export const widgetBarStack = { required: false, placeholder: '', selectOptions: [ - {code: 'top', name: '顶部'}, - {code: 'bottom', name: '底部'}, + { code: 'top', name: '顶部' }, + { code: 'bottom', name: '底部' }, ], value: 'top' }, @@ -276,8 +283,8 @@ export const widgetBarStack = { required: false, placeholder: '', selectOptions: [ - {code: 'vertical', name: '竖排'}, - {code: 'horizontal', name: '横排'}, + { code: 'vertical', name: '竖排' }, + { code: 'horizontal', name: '横排' }, ], value: 'horizontal' }, @@ -559,10 +566,10 @@ export const widgetBarStack = { required: false, placeholder: '', selectOptions: [ - {code: 'normal', name: '正常'}, - {code: 'bold', name: '粗体'}, - {code: 'bolder', name: '特粗体'}, - {code: 'lighter', name: '细体'} + { code: 'normal', name: '正常' }, + { code: 'bold', name: '粗体' }, + { code: 'bolder', name: '特粗体' }, + { code: 'lighter', name: '细体' } ], value: 'normal' }, @@ -631,7 +638,7 @@ export const widgetBarStack = { label: '', name: 'customColor', required: false, - value: [{color: '#ff7f50'}, {color: '#87cefa'}, {color: '#da70d6'}, {color: '#32cd32'}, {color: '#6495ed'}], + value: [{ color: '#ff7f50' }, { color: '#87cefa' }, { color: '#da70d6' }, { color: '#32cd32' }, { color: '#6495ed' }], }, ], }, @@ -675,11 +682,11 @@ export const widgetBarStack = { relactiveDom: 'dataType', relactiveDomValue: 'staticData', value: [ - {"axis": "2021-07-25", "name": "A", "data": "12"}, - {"axis": "2021-07-25", "name": "B", "data": "20"}, - {"axis": "2021-07-26", "name": "B", "data": "5"}, - {"axis": "2021-07-27", "name": "A", "data": "15"}, - {"axis": "2021-07-27", "name": "B", "data": "30"}, + { "axis": "2021-07-25", "name": "A", "data": "12" }, + { "axis": "2021-07-25", "name": "B", "data": "20" }, + { "axis": "2021-07-26", "name": "B", "data": "5" }, + { "axis": "2021-07-27", "name": "A", "data": "15" }, + { "axis": "2021-07-27", "name": "B", "data": "30" }, ], }, { diff --git a/report-ui/src/views/bigscreenDesigner/designer/tools/configure/barCharts/widget-barchart.js b/report-ui/src/views/bigscreenDesigner/designer/tools/configure/barCharts/widget-barchart.js index 2645a672..2f55a78c 100644 --- a/report-ui/src/views/bigscreenDesigner/designer/tools/configure/barCharts/widget-barchart.js +++ b/report-ui/src/views/bigscreenDesigner/designer/tools/configure/barCharts/widget-barchart.js @@ -4,7 +4,7 @@ * @Author: qianlishi * @Date: 2021-08-29 07:21:45 * @LastEditors: qianlishi qianlishi@anji-plus.com - * @LastEditTime: 2023-01-10 13:59:59 + * @LastEditTime: 2023-01-10 14:09:03 */ export const widgetBarchart = { code: 'widget-barchart', @@ -25,7 +25,7 @@ export const widgetBarchart = { }, { type: 'el-input-text', - label: 'uuid', + label: '图层唯一标识', name: 'uuid', disabled: true, value: 'widget-barchart' + Date.now() diff --git a/report-ui/src/views/bigscreenDesigner/designer/tools/configure/barCharts/widget-gradient-barchart.js b/report-ui/src/views/bigscreenDesigner/designer/tools/configure/barCharts/widget-gradient-barchart.js index 17646d3a..8d677d53 100644 --- a/report-ui/src/views/bigscreenDesigner/designer/tools/configure/barCharts/widget-gradient-barchart.js +++ b/report-ui/src/views/bigscreenDesigner/designer/tools/configure/barCharts/widget-gradient-barchart.js @@ -3,8 +3,8 @@ * @version: * @Author: qianlishi * @Date: 2021-08-29 07:23:41 - * @LastEditors: qianlishi - * @LastEditTime: 2021-09-28 14:14:08 + * @LastEditors: qianlishi qianlishi@anji-plus.com + * @LastEditTime: 2023-01-10 14:09:49 */ export const widgetGradientBarchart = { code: 'widget-gradient-color-barchart', @@ -23,6 +23,13 @@ export const widgetGradientBarchart = { placeholder: '', value: '柱形图-渐变色', }, + { + type: 'el-input-text', + label: '图层唯一标识', + name: 'uuid', + disabled: true, + value: 'widget-gradient-color-barchart' + Date.now() + }, { type: 'el-switch', label: '竖展示', @@ -457,10 +464,10 @@ export const widgetGradientBarchart = { required: false, placeholder: '', selectOptions: [ - {code: 'normal', name: '正常'}, - {code: 'bold', name: '粗体'}, - {code: 'bolder', name: '特粗体'}, - {code: 'lighter', name: '细体'} + { code: 'normal', name: '正常' }, + { code: 'bold', name: '粗体' }, + { code: 'bolder', name: '特粗体' }, + { code: 'lighter', name: '细体' } ], value: 'normal' }, @@ -598,11 +605,11 @@ export const widgetGradientBarchart = { relactiveDom: 'dataType', relactiveDomValue: 'staticData', value: [ - {"axis": "苹果", "data": 1000}, - {"axis": "三星", "data": 2229}, - {"axis": "小米", "data": 3879}, - {"axis": "oppo", "data": 2379}, - {"axis": "vivo", "data": 4079}, + { "axis": "苹果", "data": 1000 }, + { "axis": "三星", "data": 2229 }, + { "axis": "小米", "data": 3879 }, + { "axis": "oppo", "data": 2379 }, + { "axis": "vivo", "data": 4079 }, ], }, { diff --git a/report-ui/src/views/bigscreenDesigner/designer/tools/configure/barlineCharts/widget-bar-line-stack.js b/report-ui/src/views/bigscreenDesigner/designer/tools/configure/barlineCharts/widget-bar-line-stack.js index bea0082e..cdbc499c 100644 --- a/report-ui/src/views/bigscreenDesigner/designer/tools/configure/barlineCharts/widget-bar-line-stack.js +++ b/report-ui/src/views/bigscreenDesigner/designer/tools/configure/barlineCharts/widget-bar-line-stack.js @@ -19,6 +19,13 @@ export const widgetBarLineStack = { placeholder: '', value: '柱线堆叠图', }, + { + type: 'el-input-text', + label: '图层唯一标识', + name: 'uuid', + disabled: true, + value: 'widgetBarLineStackChart' + Date.now() + }, { type: 'vue-color', label: '背景颜色', @@ -75,8 +82,8 @@ export const widgetBarLineStack = { required: false, placeholder: '', selectOptions: [ - {code: 'circle', name: '实心点'}, - {code: 'emptyCircle', name: '空心点'}, + { code: 'circle', name: '实心点' }, + { code: 'emptyCircle', name: '空心点' }, ], value: 'circle' }, @@ -140,10 +147,10 @@ export const widgetBarLineStack = { required: false, placeholder: '', selectOptions: [ - {code: 'normal', name: '正常'}, - {code: 'bold', name: '粗体'}, - {code: 'bolder', name: '特粗体'}, - {code: 'lighter', name: '细体'} + { code: 'normal', name: '正常' }, + { code: 'bold', name: '粗体' }, + { code: 'bolder', name: '特粗体' }, + { code: 'lighter', name: '细体' } ], value: 'normal' }, @@ -154,9 +161,9 @@ export const widgetBarLineStack = { required: false, placeholder: '', selectOptions: [ - {code: 'normal', name: '正常'}, - {code: 'italic', name: 'italic斜体'}, - {code: 'oblique', name: 'oblique斜体'}, + { code: 'normal', name: '正常' }, + { code: 'italic', name: 'italic斜体' }, + { code: 'oblique', name: 'oblique斜体' }, ], value: 'normal' }, @@ -167,9 +174,9 @@ export const widgetBarLineStack = { required: false, placeholder: '', selectOptions: [ - {code: 'center', name: '居中'}, - {code: 'left', name: '左对齐'}, - {code: 'right', name: '右对齐'}, + { code: 'center', name: '居中' }, + { code: 'left', name: '左对齐' }, + { code: 'right', name: '右对齐' }, ], value: 'center' }, @@ -204,10 +211,10 @@ export const widgetBarLineStack = { required: false, placeholder: '', selectOptions: [ - {code: 'normal', name: '正常'}, - {code: 'bold', name: '粗体'}, - {code: 'bolder', name: '特粗体'}, - {code: 'lighter', name: '细体'} + { code: 'normal', name: '正常' }, + { code: 'bold', name: '粗体' }, + { code: 'bolder', name: '特粗体' }, + { code: 'lighter', name: '细体' } ], value: 'normal' }, @@ -218,9 +225,9 @@ export const widgetBarLineStack = { required: false, placeholder: '', selectOptions: [ - {code: 'normal', name: '正常'}, - {code: 'italic', name: 'italic斜体'}, - {code: 'oblique', name: 'oblique斜体'}, + { code: 'normal', name: '正常' }, + { code: 'italic', name: 'italic斜体' }, + { code: 'oblique', name: 'oblique斜体' }, ], value: 'normal' }, @@ -276,9 +283,9 @@ export const widgetBarLineStack = { required: false, placeholder: '', selectOptions: [ - {code: 'center', name: '居中'}, - {code: 'left', name: '左对齐'}, - {code: 'right', name: '右对齐'}, + { code: 'center', name: '居中' }, + { code: 'left', name: '左对齐' }, + { code: 'right', name: '右对齐' }, ], value: 'center' }, @@ -289,8 +296,8 @@ export const widgetBarLineStack = { required: false, placeholder: '', selectOptions: [ - {code: 'top', name: '顶部'}, - {code: 'bottom', name: '底部'}, + { code: 'top', name: '顶部' }, + { code: 'bottom', name: '底部' }, ], value: 'top' }, @@ -301,8 +308,8 @@ export const widgetBarLineStack = { required: false, placeholder: '', selectOptions: [ - {code: 'vertical', name: '竖排'}, - {code: 'horizontal', name: '横排'}, + { code: 'vertical', name: '竖排' }, + { code: 'horizontal', name: '横排' }, ], value: 'horizontal' }, @@ -716,10 +723,10 @@ export const widgetBarLineStack = { required: false, placeholder: '', selectOptions: [ - {code: 'normal', name: '正常'}, - {code: 'bold', name: '粗体'}, - {code: 'bolder', name: '特粗体'}, - {code: 'lighter', name: '细体'} + { code: 'normal', name: '正常' }, + { code: 'bold', name: '粗体' }, + { code: 'bolder', name: '特粗体' }, + { code: 'lighter', name: '细体' } ], value: 'normal' }, @@ -767,10 +774,10 @@ export const widgetBarLineStack = { required: false, placeholder: '', selectOptions: [ - {code: 'normal', name: '正常'}, - {code: 'bold', name: '粗体'}, - {code: 'bolder', name: '特粗体'}, - {code: 'lighter', name: '细体'} + { code: 'normal', name: '正常' }, + { code: 'bold', name: '粗体' }, + { code: 'bolder', name: '特粗体' }, + { code: 'lighter', name: '细体' } ], value: 'normal' }, @@ -839,7 +846,7 @@ export const widgetBarLineStack = { label: '', name: 'customColor', required: false, - value: [{color: '#ff7f50'}, {color: '#87cefa'}, {color: '#da70d6'}, {color: '#32cd32'}, {color: '#6495ed'}], + value: [{ color: '#ff7f50' }, { color: '#87cefa' }, { color: '#da70d6' }, { color: '#32cd32' }, { color: '#6495ed' }], }, ], }, @@ -883,16 +890,16 @@ export const widgetBarLineStack = { relactiveDom: 'dataType', relactiveDomValue: 'staticData', value: [ - {"axis": "2021-07", "name": "A", "bar": "12", "line": "20"}, - {"axis": "2021-07", "name": "B", "bar": "20", "line": "12"}, - {"axis": "2021-08", "name": "A", "bar": "0", "line": "8"}, - {"axis": "2021-08", "name": "B", "bar": "5", "line": "3"}, - {"axis": "2021-09", "name": "A", "bar": "15", "line": "9"}, - {"axis": "2021-09", "name": "B", "bar": "30", "line": "19"}, - {"axis": "2021-10", "name": "A", "bar": "10", "line": "27"}, - {"axis": "2021-10", "name": "B", "bar": "24", "line": "6"}, - {"axis": "2021-11", "name": "A", "bar": "23", "line": "29"}, - {"axis": "2021-11", "name": "B", "bar": "8", "line": "9"}, + { "axis": "2021-07", "name": "A", "bar": "12", "line": "20" }, + { "axis": "2021-07", "name": "B", "bar": "20", "line": "12" }, + { "axis": "2021-08", "name": "A", "bar": "0", "line": "8" }, + { "axis": "2021-08", "name": "B", "bar": "5", "line": "3" }, + { "axis": "2021-09", "name": "A", "bar": "15", "line": "9" }, + { "axis": "2021-09", "name": "B", "bar": "30", "line": "19" }, + { "axis": "2021-10", "name": "A", "bar": "10", "line": "27" }, + { "axis": "2021-10", "name": "B", "bar": "24", "line": "6" }, + { "axis": "2021-11", "name": "A", "bar": "23", "line": "29" }, + { "axis": "2021-11", "name": "B", "bar": "8", "line": "9" }, ], }, { diff --git a/report-ui/src/views/bigscreenDesigner/designer/tools/configure/barlineCharts/widget-barlinechart.js b/report-ui/src/views/bigscreenDesigner/designer/tools/configure/barlineCharts/widget-barlinechart.js index eb43fa25..0ab4d150 100644 --- a/report-ui/src/views/bigscreenDesigner/designer/tools/configure/barlineCharts/widget-barlinechart.js +++ b/report-ui/src/views/bigscreenDesigner/designer/tools/configure/barlineCharts/widget-barlinechart.js @@ -4,7 +4,7 @@ * @Author: qianlishi * @Date: 2021-08-29 07:26:48 * @LastEditors: qianlishi qianlishi@anji-plus.com - * @LastEditTime: 2022-11-07 15:39:29 + * @LastEditTime: 2023-01-10 14:04:14 */ export const widgetBarlinechart = { code: 'widget-barlinechart', @@ -23,6 +23,13 @@ export const widgetBarlinechart = { placeholder: '', value: '柱线图', }, + { + type: 'el-input-text', + label: '图层唯一标识', + name: 'uuid', + disabled: true, + value: 'widget-barlinechart' + Date.now() + }, { type: 'vue-color', label: '背景颜色', @@ -87,8 +94,8 @@ export const widgetBarlinechart = { required: false, placeholder: '', selectOptions: [ - {code: 'circle', name: '实心点'}, - {code: 'emptyCircle', name: '空心点'}, + { code: 'circle', name: '实心点' }, + { code: 'emptyCircle', name: '空心点' }, ], value: 'circle' }, @@ -168,10 +175,10 @@ export const widgetBarlinechart = { required: false, placeholder: '', selectOptions: [ - {code: 'normal', name: '正常'}, - {code: 'bold', name: '粗体'}, - {code: 'bolder', name: '特粗体'}, - {code: 'lighter', name: '细体'} + { code: 'normal', name: '正常' }, + { code: 'bold', name: '粗体' }, + { code: 'bolder', name: '特粗体' }, + { code: 'lighter', name: '细体' } ], value: 'normal' }, @@ -182,9 +189,9 @@ export const widgetBarlinechart = { required: false, placeholder: '', selectOptions: [ - {code: 'normal', name: '正常'}, - {code: 'italic', name: 'italic斜体'}, - {code: 'oblique', name: 'oblique斜体'}, + { code: 'normal', name: '正常' }, + { code: 'italic', name: 'italic斜体' }, + { code: 'oblique', name: 'oblique斜体' }, ], value: 'normal' }, @@ -195,9 +202,9 @@ export const widgetBarlinechart = { required: false, placeholder: '', selectOptions: [ - {code: 'center', name: '居中'}, - {code: 'left', name: '左对齐'}, - {code: 'right', name: '右对齐'}, + { code: 'center', name: '居中' }, + { code: 'left', name: '左对齐' }, + { code: 'right', name: '右对齐' }, ], value: 'center' }, @@ -232,10 +239,10 @@ export const widgetBarlinechart = { required: false, placeholder: '', selectOptions: [ - {code: 'normal', name: '正常'}, - {code: 'bold', name: '粗体'}, - {code: 'bolder', name: '特粗体'}, - {code: 'lighter', name: '细体'} + { code: 'normal', name: '正常' }, + { code: 'bold', name: '粗体' }, + { code: 'bolder', name: '特粗体' }, + { code: 'lighter', name: '细体' } ], value: 'normal' }, @@ -246,9 +253,9 @@ export const widgetBarlinechart = { required: false, placeholder: '', selectOptions: [ - {code: 'normal', name: '正常'}, - {code: 'italic', name: 'italic斜体'}, - {code: 'oblique', name: 'oblique斜体'}, + { code: 'normal', name: '正常' }, + { code: 'italic', name: 'italic斜体' }, + { code: 'oblique', name: 'oblique斜体' }, ], value: 'normal' }, @@ -304,9 +311,9 @@ export const widgetBarlinechart = { required: false, placeholder: '', selectOptions: [ - {code: 'center', name: '居中'}, - {code: 'left', name: '左对齐'}, - {code: 'right', name: '右对齐'}, + { code: 'center', name: '居中' }, + { code: 'left', name: '左对齐' }, + { code: 'right', name: '右对齐' }, ], value: 'center' }, @@ -317,8 +324,8 @@ export const widgetBarlinechart = { required: false, placeholder: '', selectOptions: [ - {code: 'top', name: '顶部'}, - {code: 'bottom', name: '底部'}, + { code: 'top', name: '顶部' }, + { code: 'bottom', name: '底部' }, ], value: 'top' }, @@ -329,8 +336,8 @@ export const widgetBarlinechart = { required: false, placeholder: '', selectOptions: [ - {code: 'vertical', name: '竖排'}, - {code: 'horizontal', name: '横排'}, + { code: 'vertical', name: '竖排' }, + { code: 'horizontal', name: '横排' }, ], value: 'horizontal' }, @@ -744,10 +751,10 @@ export const widgetBarlinechart = { required: false, placeholder: '', selectOptions: [ - {code: 'normal', name: '正常'}, - {code: 'bold', name: '粗体'}, - {code: 'bolder', name: '特粗体'}, - {code: 'lighter', name: '细体'} + { code: 'normal', name: '正常' }, + { code: 'bold', name: '粗体' }, + { code: 'bolder', name: '特粗体' }, + { code: 'lighter', name: '细体' } ], value: 'normal' }, @@ -795,10 +802,10 @@ export const widgetBarlinechart = { required: false, placeholder: '', selectOptions: [ - {code: 'normal', name: '正常'}, - {code: 'bold', name: '粗体'}, - {code: 'bolder', name: '特粗体'}, - {code: 'lighter', name: '细体'} + { code: 'normal', name: '正常' }, + { code: 'bold', name: '粗体' }, + { code: 'bolder', name: '特粗体' }, + { code: 'lighter', name: '细体' } ], value: 'normal' }, @@ -867,7 +874,7 @@ export const widgetBarlinechart = { label: '', name: 'customColor', required: false, - value: [{color: '#ff7f50'}, {color: '#87cefa'}, {color: '#da70d6'}, {color: '#32cd32'}, {color: '#6495ed'}], + value: [{ color: '#ff7f50' }, { color: '#87cefa' }, { color: '#da70d6' }, { color: '#32cd32' }, { color: '#6495ed' }], }, ], }, @@ -911,18 +918,18 @@ export const widgetBarlinechart = { relactiveDom: 'dataType', relactiveDomValue: 'staticData', value: [ - {"axis": "1月", "bar": 2.6, "line": 2}, - {"axis": "2月", "bar": 5.9, "line": 2.2}, - {"axis": "3月", "bar": 9, "line": 3.3}, - {"axis": "4月", "bar": 26.4, "line": 4.5}, - {"axis": "5月", "bar": 28.7, "line": 6.3}, - {"axis": "6月", "bar": 70.7, "line": 10.2}, - {"axis": "7月", "bar": 175.6, "line": 20.3}, - {"axis": "8月", "bar": 182.2, "line": 23.4}, - {"axis": "9月", "bar": 48.7, "line": 23}, - {"axis": "10月", "bar": 18.8, "line": 16.5}, - {"axis": "11月", "bar": 6, "line": 12}, - {"axis": "12月", "bar": 2.3, "line": 6.2}, + { "axis": "1月", "bar": 2.6, "line": 2 }, + { "axis": "2月", "bar": 5.9, "line": 2.2 }, + { "axis": "3月", "bar": 9, "line": 3.3 }, + { "axis": "4月", "bar": 26.4, "line": 4.5 }, + { "axis": "5月", "bar": 28.7, "line": 6.3 }, + { "axis": "6月", "bar": 70.7, "line": 10.2 }, + { "axis": "7月", "bar": 175.6, "line": 20.3 }, + { "axis": "8月", "bar": 182.2, "line": 23.4 }, + { "axis": "9月", "bar": 48.7, "line": 23 }, + { "axis": "10月", "bar": 18.8, "line": 16.5 }, + { "axis": "11月", "bar": 6, "line": 12 }, + { "axis": "12月", "bar": 2.3, "line": 6.2 }, ] }, { diff --git a/report-ui/src/views/bigscreenDesigner/designer/tools/configure/barlineCharts/widget-more-bar-line.js b/report-ui/src/views/bigscreenDesigner/designer/tools/configure/barlineCharts/widget-more-bar-line.js index e291ece6..2b12078a 100644 --- a/report-ui/src/views/bigscreenDesigner/designer/tools/configure/barlineCharts/widget-more-bar-line.js +++ b/report-ui/src/views/bigscreenDesigner/designer/tools/configure/barlineCharts/widget-more-bar-line.js @@ -4,7 +4,7 @@ * @Author: foming * @Date: * @LastEditors: qianlishi qianlishi@anji-plus.com - * @LastEditTime: 2022-11-07 15:39:52 + * @LastEditTime: 2023-01-10 14:10:08 */ export const widgetMoreBarLine = { code: 'widgetMoreBarLineChart', @@ -23,6 +23,13 @@ export const widgetMoreBarLine = { placeholder: '', value: '多柱线图', }, + { + type: 'el-input-text', + label: '图层唯一标识', + name: 'uuid', + disabled: true, + value: 'widgetMoreBarLineChart' + Date.now() + }, { type: 'vue-color', label: '背景颜色', @@ -79,8 +86,8 @@ export const widgetMoreBarLine = { required: false, placeholder: '', selectOptions: [ - {code: 'circle', name: '实心点'}, - {code: 'emptyCircle', name: '空心点'}, + { code: 'circle', name: '实心点' }, + { code: 'emptyCircle', name: '空心点' }, ], value: 'circle' }, @@ -160,10 +167,10 @@ export const widgetMoreBarLine = { required: false, placeholder: '', selectOptions: [ - {code: 'normal', name: '正常'}, - {code: 'bold', name: '粗体'}, - {code: 'bolder', name: '特粗体'}, - {code: 'lighter', name: '细体'} + { code: 'normal', name: '正常' }, + { code: 'bold', name: '粗体' }, + { code: 'bolder', name: '特粗体' }, + { code: 'lighter', name: '细体' } ], value: 'normal' }, @@ -174,9 +181,9 @@ export const widgetMoreBarLine = { required: false, placeholder: '', selectOptions: [ - {code: 'normal', name: '正常'}, - {code: 'italic', name: 'italic斜体'}, - {code: 'oblique', name: 'oblique斜体'}, + { code: 'normal', name: '正常' }, + { code: 'italic', name: 'italic斜体' }, + { code: 'oblique', name: 'oblique斜体' }, ], value: 'normal' }, @@ -187,9 +194,9 @@ export const widgetMoreBarLine = { required: false, placeholder: '', selectOptions: [ - {code: 'center', name: '居中'}, - {code: 'left', name: '左对齐'}, - {code: 'right', name: '右对齐'}, + { code: 'center', name: '居中' }, + { code: 'left', name: '左对齐' }, + { code: 'right', name: '右对齐' }, ], value: 'center' }, @@ -224,10 +231,10 @@ export const widgetMoreBarLine = { required: false, placeholder: '', selectOptions: [ - {code: 'normal', name: '正常'}, - {code: 'bold', name: '粗体'}, - {code: 'bolder', name: '特粗体'}, - {code: 'lighter', name: '细体'} + { code: 'normal', name: '正常' }, + { code: 'bold', name: '粗体' }, + { code: 'bolder', name: '特粗体' }, + { code: 'lighter', name: '细体' } ], value: 'normal' }, @@ -238,9 +245,9 @@ export const widgetMoreBarLine = { required: false, placeholder: '', selectOptions: [ - {code: 'normal', name: '正常'}, - {code: 'italic', name: 'italic斜体'}, - {code: 'oblique', name: 'oblique斜体'}, + { code: 'normal', name: '正常' }, + { code: 'italic', name: 'italic斜体' }, + { code: 'oblique', name: 'oblique斜体' }, ], value: 'normal' }, @@ -296,9 +303,9 @@ export const widgetMoreBarLine = { required: false, placeholder: '', selectOptions: [ - {code: 'center', name: '居中'}, - {code: 'left', name: '左对齐'}, - {code: 'right', name: '右对齐'}, + { code: 'center', name: '居中' }, + { code: 'left', name: '左对齐' }, + { code: 'right', name: '右对齐' }, ], value: 'center' }, @@ -309,8 +316,8 @@ export const widgetMoreBarLine = { required: false, placeholder: '', selectOptions: [ - {code: 'top', name: '顶部'}, - {code: 'bottom', name: '底部'}, + { code: 'top', name: '顶部' }, + { code: 'bottom', name: '底部' }, ], value: 'top' }, @@ -321,8 +328,8 @@ export const widgetMoreBarLine = { required: false, placeholder: '', selectOptions: [ - {code: 'vertical', name: '竖排'}, - {code: 'horizontal', name: '横排'}, + { code: 'vertical', name: '竖排' }, + { code: 'horizontal', name: '横排' }, ], value: 'horizontal' }, @@ -736,10 +743,10 @@ export const widgetMoreBarLine = { required: false, placeholder: '', selectOptions: [ - {code: 'normal', name: '正常'}, - {code: 'bold', name: '粗体'}, - {code: 'bolder', name: '特粗体'}, - {code: 'lighter', name: '细体'} + { code: 'normal', name: '正常' }, + { code: 'bold', name: '粗体' }, + { code: 'bolder', name: '特粗体' }, + { code: 'lighter', name: '细体' } ], value: 'normal' }, @@ -787,10 +794,10 @@ export const widgetMoreBarLine = { required: false, placeholder: '', selectOptions: [ - {code: 'normal', name: '正常'}, - {code: 'bold', name: '粗体'}, - {code: 'bolder', name: '特粗体'}, - {code: 'lighter', name: '细体'} + { code: 'normal', name: '正常' }, + { code: 'bold', name: '粗体' }, + { code: 'bolder', name: '特粗体' }, + { code: 'lighter', name: '细体' } ], value: 'normal' }, @@ -859,7 +866,7 @@ export const widgetMoreBarLine = { label: '', name: 'customColor', required: false, - value: [{color: '#ff7f50'}, {color: '#87cefa'}, {color: '#da70d6'}, {color: '#32cd32'}, {color: '#6495ed'}], + value: [{ color: '#ff7f50' }, { color: '#87cefa' }, { color: '#da70d6' }, { color: '#32cd32' }, { color: '#6495ed' }], }, ], }, @@ -903,14 +910,14 @@ export const widgetMoreBarLine = { relactiveDom: 'dataType', relactiveDomValue: 'staticData', value: [ - {"date": "2014", "unsales": 400, "manus": 300, "sales": 4.2,}, - {"date": "2015", "unsales": 400, "manus": 500, "sales": 3.6,}, - {"date": "2016", "unsales": 300, "manus": 500, "sales": 5.8,}, - {"date": "2017", "unsales": 300, "manus": 500, "sales": 3.4,}, - {"date": "2018", "unsales": 400, "manus": 400, "sales": 2.5,}, - {"date": "2019", "unsales": 400, "manus": 500, "sales": 5.8,}, - {"date": "2020", "unsales": 300, "manus": 400, "sales": 7.6,}, - {"date": "2021", "unsales": 300, "manus": 600, "sales": 3.4,}, + { "date": "2014", "unsales": 400, "manus": 300, "sales": 4.2, }, + { "date": "2015", "unsales": 400, "manus": 500, "sales": 3.6, }, + { "date": "2016", "unsales": 300, "manus": 500, "sales": 5.8, }, + { "date": "2017", "unsales": 300, "manus": 500, "sales": 3.4, }, + { "date": "2018", "unsales": 400, "manus": 400, "sales": 2.5, }, + { "date": "2019", "unsales": 400, "manus": 500, "sales": 5.8, }, + { "date": "2020", "unsales": 300, "manus": 400, "sales": 7.6, }, + { "date": "2021", "unsales": 300, "manus": 600, "sales": 3.4, }, ] }, { diff --git a/report-ui/src/views/bigscreenDesigner/designer/tools/configure/decorateCharts/widget-decorate-pie.js b/report-ui/src/views/bigscreenDesigner/designer/tools/configure/decorateCharts/widget-decorate-pie.js index ad94e2fc..ae453106 100644 --- a/report-ui/src/views/bigscreenDesigner/designer/tools/configure/decorateCharts/widget-decorate-pie.js +++ b/report-ui/src/views/bigscreenDesigner/designer/tools/configure/decorateCharts/widget-decorate-pie.js @@ -4,7 +4,7 @@ * @Author: foming * @Date: * @LastEditors: qianlishi qianlishi@anji-plus.com - * @LastEditTime: 2022-11-07 15:40:07 + * @LastEditTime: 2023-01-10 14:04:50 */ export const widgetDecoratePie = { code: 'widgetDecoratePieChart', @@ -23,6 +23,13 @@ export const widgetDecoratePie = { placeholder: '', value: '静态装饰饼图', }, + { + type: 'el-input-text', + label: '图层唯一标识', + name: 'uuid', + disabled: true, + value: 'widgetDecoratePieChart' + Date.now() + }, { type: 'vue-color', label: '背景颜色', diff --git a/report-ui/src/views/bigscreenDesigner/designer/tools/configure/funnelCharts/widget-funnel.js b/report-ui/src/views/bigscreenDesigner/designer/tools/configure/funnelCharts/widget-funnel.js index 7b8a4490..d9b4f2f6 100644 --- a/report-ui/src/views/bigscreenDesigner/designer/tools/configure/funnelCharts/widget-funnel.js +++ b/report-ui/src/views/bigscreenDesigner/designer/tools/configure/funnelCharts/widget-funnel.js @@ -4,7 +4,7 @@ * @Author: qianlishi * @Date: 2021-08-29 07:29:23 * @LastEditors: qianlishi qianlishi@anji-plus.com - * @LastEditTime: 2022-11-07 15:40:21 + * @LastEditTime: 2023-01-10 14:05:07 */ export const widgetFunnel = { code: 'widget-funnel', @@ -23,6 +23,13 @@ export const widgetFunnel = { placeholder: '', value: '漏斗图', }, + { + type: 'el-input-text', + label: '图层唯一标识', + name: 'uuid', + disabled: true, + value: 'widget-funnel' + Date.now() + }, { type: 'vue-color', label: '背景颜色', diff --git a/report-ui/src/views/bigscreenDesigner/designer/tools/configure/heatmap/widget-heatmap.js b/report-ui/src/views/bigscreenDesigner/designer/tools/configure/heatmap/widget-heatmap.js index 77cbb184..4a611a9e 100644 --- a/report-ui/src/views/bigscreenDesigner/designer/tools/configure/heatmap/widget-heatmap.js +++ b/report-ui/src/views/bigscreenDesigner/designer/tools/configure/heatmap/widget-heatmap.js @@ -4,7 +4,7 @@ * @Author: whw * @Date: 2021-11-3 * @LastEditors: qianlishi qianlishi@anji-plus.com - * @LastEditTime: 2022-11-07 15:40:35 + * @LastEditTime: 2023-01-11 13:14:37 */ export const widgetHeatmap = { code: 'widget-heatmap', @@ -23,6 +23,13 @@ export const widgetHeatmap = { placeholder: '', value: '热力图', }, + { + type: 'el-input-text', + label: '图层唯一标识', + name: 'uuid', + disabled: true, + value: 'widget-heatmap' + Date.now() + }, { type: 'vue-color', label: '背景颜色', diff --git a/report-ui/src/views/bigscreenDesigner/designer/tools/configure/lineCharts/widget-line-compare.js b/report-ui/src/views/bigscreenDesigner/designer/tools/configure/lineCharts/widget-line-compare.js index a0b9a663..bdb3677c 100644 --- a/report-ui/src/views/bigscreenDesigner/designer/tools/configure/lineCharts/widget-line-compare.js +++ b/report-ui/src/views/bigscreenDesigner/designer/tools/configure/lineCharts/widget-line-compare.js @@ -4,7 +4,7 @@ * @Author: foming * @Date: 2021-08-29 07:39:35 * @LastEditors: qianlishi qianlishi@anji-plus.com - * @LastEditTime: 2022-11-07 15:40:44 + * @LastEditTime: 2023-01-10 14:05:37 */ export const widgetLineCompare = { code: 'widgetLineCompareChart', @@ -23,6 +23,13 @@ export const widgetLineCompare = { placeholder: '', value: '折线对比图', }, + { + type: 'el-input-text', + label: '图层唯一标识', + name: 'uuid', + disabled: true, + value: 'widgetLineCompareChart' + Date.now() + }, { type: 'vue-color', label: '背景颜色', @@ -58,8 +65,8 @@ export const widgetLineCompare = { required: false, placeholder: '', selectOptions: [ - {code: 'circle', name: '实心点'}, - {code: 'emptyCircle', name: '空心点'}, + { code: 'circle', name: '实心点' }, + { code: 'emptyCircle', name: '空心点' }, ], value: 'circle' }, diff --git a/report-ui/src/views/bigscreenDesigner/designer/tools/configure/lineCharts/widget-line-stack.js b/report-ui/src/views/bigscreenDesigner/designer/tools/configure/lineCharts/widget-line-stack.js index 83272a78..c7da178d 100644 --- a/report-ui/src/views/bigscreenDesigner/designer/tools/configure/lineCharts/widget-line-stack.js +++ b/report-ui/src/views/bigscreenDesigner/designer/tools/configure/lineCharts/widget-line-stack.js @@ -3,8 +3,8 @@ * @version: * @Author: qianlishi * @Date: 2021-08-29 07:38:17 - * @LastEditors: qianlishi - * @LastEditTime: 2021-09-28 14:16:28 + * @LastEditors: qianlishi qianlishi@anji-plus.com + * @LastEditTime: 2023-01-10 14:05:48 */ export const widgetLineStack = { code: 'widgetLineStackChart', @@ -23,6 +23,13 @@ export const widgetLineStack = { placeholder: '', value: '折线堆叠图', }, + { + type: 'el-input-text', + label: '图层唯一标识', + name: 'uuid', + disabled: true, + value: 'widgetLineStackChart' + Date.now() + }, { type: 'el-switch', label: '竖展示', @@ -66,8 +73,8 @@ export const widgetLineStack = { required: false, placeholder: '', selectOptions: [ - {code: 'circle', name: '实心点'}, - {code: 'emptyCircle', name: '空心点'}, + { code: 'circle', name: '实心点' }, + { code: 'emptyCircle', name: '空心点' }, ], value: 'circle' }, diff --git a/report-ui/src/views/bigscreenDesigner/designer/tools/configure/lineCharts/widget-linechart.js b/report-ui/src/views/bigscreenDesigner/designer/tools/configure/lineCharts/widget-linechart.js index 24999b32..f9fc91a1 100644 --- a/report-ui/src/views/bigscreenDesigner/designer/tools/configure/lineCharts/widget-linechart.js +++ b/report-ui/src/views/bigscreenDesigner/designer/tools/configure/lineCharts/widget-linechart.js @@ -23,6 +23,13 @@ export const widgetLinechart = { placeholder: '', value: '折线图', }, + { + type: 'el-input-text', + label: '图层唯一标识', + name: 'uuid', + disabled: true, + value: 'widget-linechart' + Date.now() + }, { type: 'vue-color', label: '背景颜色', @@ -58,8 +65,8 @@ export const widgetLinechart = { required: false, placeholder: '', selectOptions: [ - {code: 'circle', name: '实心点'}, - {code: 'emptyCircle', name: '空心点'}, + { code: 'circle', name: '实心点' }, + { code: 'emptyCircle', name: '空心点' }, ], value: 'circle' }, @@ -139,10 +146,10 @@ export const widgetLinechart = { required: false, placeholder: '', selectOptions: [ - {code: 'normal', name: '正常'}, - {code: 'bold', name: '粗体'}, - {code: 'bolder', name: '特粗体'}, - {code: 'lighter', name: '细体'} + { code: 'normal', name: '正常' }, + { code: 'bold', name: '粗体' }, + { code: 'bolder', name: '特粗体' }, + { code: 'lighter', name: '细体' } ], value: 'normal' }, @@ -153,9 +160,9 @@ export const widgetLinechart = { required: false, placeholder: '', selectOptions: [ - {code: 'normal', name: '正常'}, - {code: 'italic', name: 'italic斜体'}, - {code: 'oblique', name: 'oblique斜体'}, + { code: 'normal', name: '正常' }, + { code: 'italic', name: 'italic斜体' }, + { code: 'oblique', name: 'oblique斜体' }, ], value: 'normal' }, @@ -166,9 +173,9 @@ export const widgetLinechart = { required: false, placeholder: '', selectOptions: [ - {code: 'center', name: '居中'}, - {code: 'left', name: '左对齐'}, - {code: 'right', name: '右对齐'}, + { code: 'center', name: '居中' }, + { code: 'left', name: '左对齐' }, + { code: 'right', name: '右对齐' }, ], value: 'center' }, @@ -203,10 +210,10 @@ export const widgetLinechart = { required: false, placeholder: '', selectOptions: [ - {code: 'normal', name: '正常'}, - {code: 'bold', name: '粗体'}, - {code: 'bolder', name: '特粗体'}, - {code: 'lighter', name: '细体'} + { code: 'normal', name: '正常' }, + { code: 'bold', name: '粗体' }, + { code: 'bolder', name: '特粗体' }, + { code: 'lighter', name: '细体' } ], value: 'normal' }, @@ -217,9 +224,9 @@ export const widgetLinechart = { required: false, placeholder: '', selectOptions: [ - {code: 'normal', name: '正常'}, - {code: 'italic', name: 'italic斜体'}, - {code: 'oblique', name: 'oblique斜体'}, + { code: 'normal', name: '正常' }, + { code: 'italic', name: 'italic斜体' }, + { code: 'oblique', name: 'oblique斜体' }, ], value: 'normal' }, @@ -501,10 +508,10 @@ export const widgetLinechart = { required: false, placeholder: '', selectOptions: [ - {code: 'normal', name: '正常'}, - {code: 'bold', name: '粗体'}, - {code: 'bolder', name: '特粗体'}, - {code: 'lighter', name: '细体'} + { code: 'normal', name: '正常' }, + { code: 'bold', name: '粗体' }, + { code: 'bolder', name: '特粗体' }, + { code: 'lighter', name: '细体' } ], value: 'normal' }, @@ -576,7 +583,7 @@ export const widgetLinechart = { label: '', name: 'customColor', required: false, - value: [{color: '#1E90FF'}], + value: [{ color: '#1E90FF' }], }, ], }, @@ -620,11 +627,11 @@ export const widgetLinechart = { relactiveDom: 'dataType', relactiveDomValue: 'staticData', value: [ - {"axis": "苹果", "data": 1000}, - {"axis": "三星", "data": 2229}, - {"axis": "小米", "data": 3879}, - {"axis": "oppo", "data": 2379}, - {"axis": "vivo", "data": 4079}, + { "axis": "苹果", "data": 1000 }, + { "axis": "三星", "data": 2229 }, + { "axis": "小米", "data": 3879 }, + { "axis": "oppo", "data": 2379 }, + { "axis": "vivo", "data": 4079 }, ], }, { diff --git a/report-ui/src/views/bigscreenDesigner/designer/tools/configure/mapCharts/widget-airbubble-map.js b/report-ui/src/views/bigscreenDesigner/designer/tools/configure/mapCharts/widget-airbubble-map.js index e7f99b7f..0ec3bc3d 100644 --- a/report-ui/src/views/bigscreenDesigner/designer/tools/configure/mapCharts/widget-airbubble-map.js +++ b/report-ui/src/views/bigscreenDesigner/designer/tools/configure/mapCharts/widget-airbubble-map.js @@ -23,6 +23,13 @@ export const widgetAirbubbleMap = { placeholder: '', value: '中国地图-气泡图', }, + { + type: 'el-input-text', + label: '图层唯一标识', + name: 'uuid', + disabled: true, + value: 'widgetAirBubbleMap' + Date.now() + }, { type: 'vue-color', label: '背景颜色', @@ -194,10 +201,10 @@ export const widgetAirbubbleMap = { required: false, placeholder: '', selectOptions: [ - {code: 'normal', name: '正常'}, - {code: 'bold', name: '粗体'}, - {code: 'bolder', name: '特粗体'}, - {code: 'lighter', name: '细体'} + { code: 'normal', name: '正常' }, + { code: 'bold', name: '粗体' }, + { code: 'bolder', name: '特粗体' }, + { code: 'lighter', name: '细体' } ], value: 'normal' }, @@ -224,10 +231,10 @@ export const widgetAirbubbleMap = { required: false, placeholder: '', selectOptions: [ - {code: 'normal', name: '正常'}, - {code: 'bold', name: '粗体'}, - {code: 'bolder', name: '特粗体'}, - {code: 'lighter', name: '细体'} + { code: 'normal', name: '正常' }, + { code: 'bold', name: '粗体' }, + { code: 'bolder', name: '特粗体' }, + { code: 'lighter', name: '细体' } ], value: 'normal' }, @@ -330,41 +337,41 @@ export const widgetAirbubbleMap = { relactiveDom: 'dataType', relactiveDomValue: 'staticData', value: [ - {"name": "南海诸岛", "value": 1}, - {"name": "北京市", "value": 524}, - {"name": "天津市", "value": 14}, - {"name": "上海市", "value": 150}, - {"name": "重庆市", "value": 75}, - {"name": "河北省", "value": 13}, - {"name": "河南省", "value": 83}, - {"name": "云南省", "value": 11}, - {"name": "辽宁省", "value": 19}, - {"name": "黑龙江省", "value": 15}, - {"name": "湖南省", "value": 69}, - {"name": "安徽省", "value": 260}, - {"name": "山东省", "value": 39}, - {"name": "新疆维吾尔自治区", "value": 4}, - {"name": "江苏省", "value": 31}, - {"name": "浙江省", "value": 104}, - {"name": "江西省", "value": 36}, - {"name": "湖北省", "value": 1052}, - {"name": "广西壮族自治区", "value": 33}, - {"name": "甘肃省", "value": 347}, - {"name": "山西省", "value": 8}, - {"name": "内蒙古自治区", "value": 157}, - {"name": "陕西省", "value": 22}, - {"name": "吉林省", "value": 4}, - {"name": "福建省", "value": 36}, - {"name": "贵州省", "value": 39}, - {"name": "广东省", "value": 996}, - {"name": "青海省", "value": 27}, - {"name": "西藏自治区", "value": 31}, - {"name": "四川省", "value": 46}, - {"name": "宁夏回族自治区", "value": 16}, - {"name": "海南省", "value": 22}, - {"name": "台湾省", "value": 6}, - {"name": "香港", "value": 2}, - {"name": "澳门", "value": 9}], + { "name": "南海诸岛", "value": 1 }, + { "name": "北京市", "value": 524 }, + { "name": "天津市", "value": 14 }, + { "name": "上海市", "value": 150 }, + { "name": "重庆市", "value": 75 }, + { "name": "河北省", "value": 13 }, + { "name": "河南省", "value": 83 }, + { "name": "云南省", "value": 11 }, + { "name": "辽宁省", "value": 19 }, + { "name": "黑龙江省", "value": 15 }, + { "name": "湖南省", "value": 69 }, + { "name": "安徽省", "value": 260 }, + { "name": "山东省", "value": 39 }, + { "name": "新疆维吾尔自治区", "value": 4 }, + { "name": "江苏省", "value": 31 }, + { "name": "浙江省", "value": 104 }, + { "name": "江西省", "value": 36 }, + { "name": "湖北省", "value": 1052 }, + { "name": "广西壮族自治区", "value": 33 }, + { "name": "甘肃省", "value": 347 }, + { "name": "山西省", "value": 8 }, + { "name": "内蒙古自治区", "value": 157 }, + { "name": "陕西省", "value": 22 }, + { "name": "吉林省", "value": 4 }, + { "name": "福建省", "value": 36 }, + { "name": "贵州省", "value": 39 }, + { "name": "广东省", "value": 996 }, + { "name": "青海省", "value": 27 }, + { "name": "西藏自治区", "value": 31 }, + { "name": "四川省", "value": 46 }, + { "name": "宁夏回族自治区", "value": 16 }, + { "name": "海南省", "value": 22 }, + { "name": "台湾省", "value": 6 }, + { "name": "香港", "value": 2 }, + { "name": "澳门", "value": 9 }], }, { type: 'dycustComponents', diff --git a/report-ui/src/views/bigscreenDesigner/designer/tools/configure/mapCharts/widget-line-map.js b/report-ui/src/views/bigscreenDesigner/designer/tools/configure/mapCharts/widget-line-map.js index facf96cb..66cb4a7c 100644 --- a/report-ui/src/views/bigscreenDesigner/designer/tools/configure/mapCharts/widget-line-map.js +++ b/report-ui/src/views/bigscreenDesigner/designer/tools/configure/mapCharts/widget-line-map.js @@ -3,8 +3,8 @@ * @version: * @Author: qianlishi * @Date: 2021-08-29 07:31:21 - * @LastEditors: qianlishi - * @LastEditTime: 2021-09-28 14:17:20 + * @LastEditors: qianlishi qianlishi@anji-plus.com + * @LastEditTime: 2023-01-10 14:06:32 */ export const widgetLineMap = { code: 'widgetLineMap', @@ -22,6 +22,13 @@ export const widgetLineMap = { placeholder: '', value: '中国地图-路线图', }, + { + type: 'el-input-text', + label: '图层唯一标识', + name: 'uuid', + disabled: true, + value: 'widgetLineMap' + Date.now() + }, { type: 'vue-color', label: '背景颜色', diff --git a/report-ui/src/views/bigscreenDesigner/designer/tools/configure/percentCharts/widget-gauge.js b/report-ui/src/views/bigscreenDesigner/designer/tools/configure/percentCharts/widget-gauge.js index 6b75f6c5..ef6d2327 100644 --- a/report-ui/src/views/bigscreenDesigner/designer/tools/configure/percentCharts/widget-gauge.js +++ b/report-ui/src/views/bigscreenDesigner/designer/tools/configure/percentCharts/widget-gauge.js @@ -3,8 +3,8 @@ * @version: * @Author: qianlishi * @Date: 2021-08-29 07:30:25 - * @LastEditors: qianlishi - * @LastEditTime: 2021-09-28 14:13:17 + * @LastEditors: qianlishi qianlishi@anji-plus.com + * @LastEditTime: 2023-01-10 14:06:52 */ export const widgetGauge = { code: 'widget-gauge', @@ -23,6 +23,13 @@ export const widgetGauge = { placeholder: '', value: '仪表盘', }, + { + type: 'el-input-text', + label: '图层唯一标识', + name: 'uuid', + disabled: true, + value: 'widget-gauge' + Date.now() + }, { type: 'vue-color', label: '背景颜色', diff --git a/report-ui/src/views/bigscreenDesigner/designer/tools/configure/percentCharts/widget-pie-percentage.js b/report-ui/src/views/bigscreenDesigner/designer/tools/configure/percentCharts/widget-pie-percentage.js index 856733ce..a8a349fe 100644 --- a/report-ui/src/views/bigscreenDesigner/designer/tools/configure/percentCharts/widget-pie-percentage.js +++ b/report-ui/src/views/bigscreenDesigner/designer/tools/configure/percentCharts/widget-pie-percentage.js @@ -3,256 +3,263 @@ * @version: * @Author: qianlishi * @Date: 2021-08-29 07:34:01 - * @LastEditors: qianlishi - * @LastEditTime: 2021-09-28 14:18:45 + * @LastEditors: qianlishi qianlishi@anji-plus.com + * @LastEditTime: 2023-01-11 13:15:26 */ export const widgetPiePercentage = { - code: 'widgetPiePercentageChart', - type: 'percent', - tabName: '百分比', - label: '百分比图', - icon: 'iconbaifenbi', - options: { - // 配置 - setup: [ + code: 'widgetPiePercentageChart', + type: 'percent', + tabName: '百分比', + label: '百分比图', + icon: 'iconbaifenbi', + options: { + // 配置 + setup: [ + { + type: 'el-input-text', + label: '图层名称', + name: 'layerName', + required: false, + placeholder: '', + value: '百分比图', + }, + { + type: 'el-input-text', + label: '图层唯一标识', + name: 'uuid', + disabled: true, + value: 'widgetPiePercentageChart' + Date.now() + }, + { + type: 'vue-color', + label: '背景颜色', + name: 'background', + required: false, + placeholder: '', + value: '' + }, + [ { - type: 'el-input-text', - label: '图层名称', - name: 'layerName', - required: false, - placeholder: '', - value: '百分比图', - }, - { - type: 'vue-color', - label: '背景颜色', - name: 'background', - required: false, - placeholder: '', - value: '' - }, - [ - { - name: '数值设置', - list: [ - { - type: 'vue-color', - label: '数值颜色', - name: 'textNumColor', - required: false, - placeholder: '', - value: '#fff' - }, - { - type: 'el-input-number', - label: '数值字体', - name: 'textNumFontSize', - required: false, - placeholder: '', - value: 40 - }, - { - type: 'el-select', - label: '字体粗细', - name: 'textNumFontWeight', - required: false, - placeholder: '', - selectOptions: [ - {code: 'normal', name: '正常'}, - {code: 'bold', name: '粗体'}, - {code: 'bolder', name: '特粗体'}, - {code: 'lighter', name: '细体'} - ], - value: 'normal' - }, - { - type: 'vue-color', - label: '%号颜色', - name: 'textPerColor', - required: false, - placeholder: '', - value: '#fff' - }, - { - type: 'el-input-number', - label: '%号字体', - name: 'textPerFontSize', - required: false, - placeholder: '', - value: 20 - }, - { - type: 'el-select', - label: '字体粗细', - name: 'textPerFontWeight', - required: false, - placeholder: '', - selectOptions: [ - {code: 'normal', name: '正常'}, - {code: 'bold', name: '粗体'}, - {code: 'bolder', name: '特粗体'}, - {code: 'lighter', name: '细体'} - ], - value: 'normal' - } - ], - }, - { - name: '圆环设置', - list: [ - { - type: 'el-input-number', - label: '刻度数量', - name: 'lineNumber', - required: false, - placeholder: '', - value: 8 - }, - { - type: 'el-input-number', - label: '刻度长度', - name: 'lineLength', - required: false, - placeholder: '', - value: 19 - }, - { - type: 'el-input-number', - label: '刻度宽度', - name: 'lineWidth', - required: false, - placeholder: '', - value: 2 - }, - { - type: 'vue-color', - label: '刻度颜色', - name: 'lineColor', - required: false, - placeholder: '', - value: '#061740' - }, - ] - }, - { - name: '渐变色', - list: [ - { - type: 'vue-color', - label: '0%处颜色', - name: 'color0Start', - required: false, - placeholder: '', - value: '#4FADFD' - }, - { - type: 'vue-color', - label: '100%颜色', - name: 'color100End', - required: false, - placeholder: '', - value: '#28E8FA' - }, - { - type: 'vue-color', - label: '余处颜色', - name: 'colorsurplus', - required: false, - placeholder: '', - value: '#173164' - }, - ] - } - ], - ], - // 数据 - data: [ - { - type: 'el-radio-group', - label: '数据类型', - name: 'dataType', - require: false, - placeholder: '', - selectValue: true, - selectOptions: [ + name: '数值设置', + list: [ { - code: 'staticData', - name: '静态数据', + type: 'vue-color', + label: '数值颜色', + name: 'textNumColor', + required: false, + placeholder: '', + value: '#fff' }, { - code: 'dynamicData', - name: '动态数据', + type: 'el-input-number', + label: '数值字体', + name: 'textNumFontSize', + required: false, + placeholder: '', + value: 40 }, - ], - value: 'staticData', - }, - { - type: 'el-input-number', - label: '刷新时间(毫秒)', - name: 'refreshTime', - relactiveDom: 'dataType', - relactiveDomValue: 'dynamicData', - value: 5000 - }, - { - type: 'el-button', - label: '静态数据', - name: 'staticData', - required: false, - placeholder: '', - relactiveDom: 'dataType', - relactiveDomValue: 'staticData', - value: [ - {"num":60} + { + type: 'el-select', + label: '字体粗细', + name: 'textNumFontWeight', + required: false, + placeholder: '', + selectOptions: [ + { code: 'normal', name: '正常' }, + { code: 'bold', name: '粗体' }, + { code: 'bolder', name: '特粗体' }, + { code: 'lighter', name: '细体' } + ], + value: 'normal' + }, + { + type: 'vue-color', + label: '%号颜色', + name: 'textPerColor', + required: false, + placeholder: '', + value: '#fff' + }, + { + type: 'el-input-number', + label: '%号字体', + name: 'textPerFontSize', + required: false, + placeholder: '', + value: 20 + }, + { + type: 'el-select', + label: '字体粗细', + name: 'textPerFontWeight', + required: false, + placeholder: '', + selectOptions: [ + { code: 'normal', name: '正常' }, + { code: 'bold', name: '粗体' }, + { code: 'bolder', name: '特粗体' }, + { code: 'lighter', name: '细体' } + ], + value: 'normal' + } ], }, { - type: 'dycustComponents', - label: '', - name: 'dynamicData', - required: false, - placeholder: '', - relactiveDom: 'dataType', - chartType: 'widget-piechart', - dictKey: 'TEXT_PROPERTIES', - relactiveDomValue: 'dynamicData', - value: '', - }, - ], - // 坐标 - position: [ - { - type: 'el-input-number', - label: '左边距', - name: 'left', - required: false, - placeholder: '', - value: 0, - }, - { - type: 'el-input-number', - label: '上边距', - name: 'top', - required: false, - placeholder: '', - value: 0, - }, - { - type: 'el-input-number', - label: '宽度', - name: 'width', - required: false, - placeholder: '该容器在1920px大屏中的宽度', - value: 400, + name: '圆环设置', + list: [ + { + type: 'el-input-number', + label: '刻度数量', + name: 'lineNumber', + required: false, + placeholder: '', + value: 8 + }, + { + type: 'el-input-number', + label: '刻度长度', + name: 'lineLength', + required: false, + placeholder: '', + value: 19 + }, + { + type: 'el-input-number', + label: '刻度宽度', + name: 'lineWidth', + required: false, + placeholder: '', + value: 2 + }, + { + type: 'vue-color', + label: '刻度颜色', + name: 'lineColor', + required: false, + placeholder: '', + value: '#061740' + }, + ] }, { - type: 'el-input-number', - label: '高度', - name: 'height', - required: false, - placeholder: '该容器在1080px大屏中的高度', - value: 300, - }, + name: '渐变色', + list: [ + { + type: 'vue-color', + label: '0%处颜色', + name: 'color0Start', + required: false, + placeholder: '', + value: '#4FADFD' + }, + { + type: 'vue-color', + label: '100%颜色', + name: 'color100End', + required: false, + placeholder: '', + value: '#28E8FA' + }, + { + type: 'vue-color', + label: '余处颜色', + name: 'colorsurplus', + required: false, + placeholder: '', + value: '#173164' + }, + ] + } ], - } + ], + // 数据 + data: [ + { + type: 'el-radio-group', + label: '数据类型', + name: 'dataType', + require: false, + placeholder: '', + selectValue: true, + selectOptions: [ + { + code: 'staticData', + name: '静态数据', + }, + { + code: 'dynamicData', + name: '动态数据', + }, + ], + value: 'staticData', + }, + { + type: 'el-input-number', + label: '刷新时间(毫秒)', + name: 'refreshTime', + relactiveDom: 'dataType', + relactiveDomValue: 'dynamicData', + value: 5000 + }, + { + type: 'el-button', + label: '静态数据', + name: 'staticData', + required: false, + placeholder: '', + relactiveDom: 'dataType', + relactiveDomValue: 'staticData', + value: [ + { "num": 60 } + ], + }, + { + type: 'dycustComponents', + label: '', + name: 'dynamicData', + required: false, + placeholder: '', + relactiveDom: 'dataType', + chartType: 'widget-piechart', + dictKey: 'TEXT_PROPERTIES', + relactiveDomValue: 'dynamicData', + value: '', + }, + ], + // 坐标 + position: [ + { + type: 'el-input-number', + label: '左边距', + name: 'left', + required: false, + placeholder: '', + value: 0, + }, + { + type: 'el-input-number', + label: '上边距', + name: 'top', + required: false, + placeholder: '', + value: 0, + }, + { + type: 'el-input-number', + label: '宽度', + name: 'width', + required: false, + placeholder: '该容器在1920px大屏中的宽度', + value: 400, + }, + { + type: 'el-input-number', + label: '高度', + name: 'height', + required: false, + placeholder: '该容器在1080px大屏中的高度', + value: 300, + }, + ], } +} diff --git a/report-ui/src/views/bigscreenDesigner/designer/tools/configure/pieCharts/widget-pie-nightingale.js b/report-ui/src/views/bigscreenDesigner/designer/tools/configure/pieCharts/widget-pie-nightingale.js index 88ec3219..db07349e 100644 --- a/report-ui/src/views/bigscreenDesigner/designer/tools/configure/pieCharts/widget-pie-nightingale.js +++ b/report-ui/src/views/bigscreenDesigner/designer/tools/configure/pieCharts/widget-pie-nightingale.js @@ -4,7 +4,7 @@ * @Author: qianlishi * @Date: 2021-08-29 07:32:40 * @LastEditors: qianlishi qianlishi@anji-plus.com - * @LastEditTime: 2022-11-07 15:41:37 + * @LastEditTime: 2023-01-11 13:15:38 */ export const widgetPieNightingale = { code: 'WidgetPieNightingaleRoseArea', @@ -23,6 +23,13 @@ export const widgetPieNightingale = { placeholder: '', value: '南丁格尔玫瑰图', }, + { + type: 'el-input-text', + label: '图层唯一标识', + name: 'uuid', + disabled: true, + value: 'WidgetPieNightingaleRoseArea' + Date.now() + }, { type: 'vue-color', label: '背景颜色', diff --git a/report-ui/src/views/bigscreenDesigner/designer/tools/configure/pieCharts/widget-piechart.js b/report-ui/src/views/bigscreenDesigner/designer/tools/configure/pieCharts/widget-piechart.js index ecc9c62e..946aadd0 100644 --- a/report-ui/src/views/bigscreenDesigner/designer/tools/configure/pieCharts/widget-piechart.js +++ b/report-ui/src/views/bigscreenDesigner/designer/tools/configure/pieCharts/widget-piechart.js @@ -3,8 +3,8 @@ * @version: * @Author: qianlishi * @Date: 2021-08-29 07:28:20 - * @LastEditors: qianlishi - * @LastEditTime: 2021-09-28 14:19:19 + * @LastEditors: qianlishi qianlishi@anji-plus.com + * @LastEditTime: 2023-01-11 13:15:48 */ export const widgetPiechart = { code: 'widget-piechart', @@ -23,6 +23,13 @@ export const widgetPiechart = { placeholder: '', value: '饼图', }, + { + type: 'el-input-text', + label: '图层唯一标识', + name: 'uuid', + disabled: true, + value: 'widget-piechart' + Date.now() + }, { type: 'vue-color', label: '背景颜色', diff --git a/report-ui/src/views/bigscreenDesigner/designer/tools/configure/radarCharts/widget-radar.js b/report-ui/src/views/bigscreenDesigner/designer/tools/configure/radarCharts/widget-radar.js index 6bb72b29..8026f996 100644 --- a/report-ui/src/views/bigscreenDesigner/designer/tools/configure/radarCharts/widget-radar.js +++ b/report-ui/src/views/bigscreenDesigner/designer/tools/configure/radarCharts/widget-radar.js @@ -17,6 +17,13 @@ export const widgetRadar = { placeholder: '', value: '雷达图', }, + { + type: 'el-input-text', + label: '图层唯一标识', + name: 'uuid', + disabled: true, + value: 'widget-radar' + Date.now() + }, { type: 'vue-color', label: '背景颜色', @@ -164,8 +171,8 @@ export const widgetRadar = { required: false, placeholder: '', selectOptions: [ - {code: 'line', name: '线型'}, - {code: 'circle', name: '圆型'}, + { code: 'line', name: '线型' }, + { code: 'circle', name: '圆型' }, ], value: 'line' }, @@ -261,10 +268,10 @@ export const widgetRadar = { required: false, placeholder: '', selectOptions: [ - {code: 'normal', name: '正常'}, - {code: 'bold', name: '粗体'}, - {code: 'bolder', name: '特粗体'}, - {code: 'lighter', name: '细体'} + { code: 'normal', name: '正常' }, + { code: 'bold', name: '粗体' }, + { code: 'bolder', name: '特粗体' }, + { code: 'lighter', name: '细体' } ], value: 'normal' }, @@ -275,9 +282,9 @@ export const widgetRadar = { required: false, placeholder: '', selectOptions: [ - {code: 'normal', name: '正常'}, - {code: 'italic', name: 'italic斜体'}, - {code: 'oblique', name: 'oblique斜体'}, + { code: 'normal', name: '正常' }, + { code: 'italic', name: 'italic斜体' }, + { code: 'oblique', name: 'oblique斜体' }, ], value: 'normal' }, @@ -333,9 +340,9 @@ export const widgetRadar = { required: false, placeholder: '', selectOptions: [ - {code: 'center', name: '居中'}, - {code: 'left', name: '左对齐'}, - {code: 'right', name: '右对齐'}, + { code: 'center', name: '居中' }, + { code: 'left', name: '左对齐' }, + { code: 'right', name: '右对齐' }, ], value: 'center' }, @@ -346,8 +353,8 @@ export const widgetRadar = { required: false, placeholder: '', selectOptions: [ - {code: 'top', name: '顶部'}, - {code: 'bottom', name: '底部'}, + { code: 'top', name: '顶部' }, + { code: 'bottom', name: '底部' }, ], value: 'top' }, @@ -358,8 +365,8 @@ export const widgetRadar = { required: false, placeholder: '', selectOptions: [ - {code: 'vertical', name: '竖排'}, - {code: 'horizontal', name: '横排'}, + { code: 'vertical', name: '竖排' }, + { code: 'horizontal', name: '横排' }, ], value: 'horizontal' }, @@ -399,10 +406,10 @@ export const widgetRadar = { required: false, placeholder: '', selectOptions: [ - {code: 'normal', name: '正常'}, - {code: 'bold', name: '粗体'}, - {code: 'bolder', name: '特粗体'}, - {code: 'lighter', name: '细体'} + { code: 'normal', name: '正常' }, + { code: 'bold', name: '粗体' }, + { code: 'bolder', name: '特粗体' }, + { code: 'lighter', name: '细体' } ], value: 'normal' }, @@ -421,9 +428,9 @@ export const widgetRadar = { required: false, placeholder: '', selectOptions: [ - {code: 'solid', name: '实线'}, - {code: 'dashed', name: '线型虚线'}, - {code: 'dotted', name: '点型虚线'}, + { code: 'solid', name: '实线' }, + { code: 'dashed', name: '线型虚线' }, + { code: 'dotted', name: '点型虚线' }, ], value: 'solid' }, @@ -466,7 +473,7 @@ export const widgetRadar = { label: '', name: 'customColor', required: false, - value: [{color: '#ff7f50'}, {color: '#87cefa'}, {color: '#da70d6'}, {color: '#32cd32'}, {color: '#6495ed'}], + value: [{ color: '#ff7f50' }, { color: '#87cefa' }, { color: '#da70d6' }, { color: '#32cd32' }, { color: '#6495ed' }], }, ], }, @@ -478,11 +485,11 @@ export const widgetRadar = { required: false, placeholder: '', value: [ - {name: 'SA', key: 'Sales', max: 6500}, - {name: 'Admin', key: 'Admin', max: 16000}, - {name: 'Information', key: 'Information', max: 30000}, - {name: 'Customer', key: 'Customer', max: 38000}, - {name: 'Develop', key: 'Develop', max: 52000}, + { name: 'SA', key: 'Sales', max: 6500 }, + { name: 'Admin', key: 'Admin', max: 16000 }, + { name: 'Information', key: 'Information', max: 30000 }, + { name: 'Customer', key: 'Customer', max: 38000 }, + { name: 'Develop', key: 'Develop', max: 52000 }, ] } ], @@ -523,8 +530,8 @@ export const widgetRadar = { relactiveDom: 'dataType', relactiveDomValue: 'staticData', value: [ - {name: '2016', Sales: 4200, Admin: 3000, Information: 20000, Customer: 35000, Develop: 50000}, - {name: '2017', Sales: 5000, Admin: 14000, Information: 28000, Customer: 26000, Develop: 42000}, + { name: '2016', Sales: 4200, Admin: 3000, Information: 20000, Customer: 35000, Develop: 50000 }, + { name: '2017', Sales: 5000, Admin: 14000, Information: 28000, Customer: 26000, Develop: 42000 }, ], }, { diff --git a/report-ui/src/views/bigscreenDesigner/designer/tools/configure/texts/widget-href.js b/report-ui/src/views/bigscreenDesigner/designer/tools/configure/texts/widget-href.js index 905aeeeb..d4df1783 100644 --- a/report-ui/src/views/bigscreenDesigner/designer/tools/configure/texts/widget-href.js +++ b/report-ui/src/views/bigscreenDesigner/designer/tools/configure/texts/widget-href.js @@ -3,8 +3,8 @@ * @version: * @Author: qianlishi * @Date: 2021-08-29 07:03:58 - * @LastEditors: qianlishi - * @LastEditTime: 2021-09-28 14:14:21 + * @LastEditors: qianlishi qianlishi@anji-plus.com + * @LastEditTime: 2023-01-11 13:16:21 */ export const widgetHref = { code: 'widget-href', @@ -23,6 +23,13 @@ export const widgetHref = { placeholder: '', value: '超链接', }, + { + type: 'el-input-text', + label: '图层唯一标识', + name: 'uuid', + disabled: true, + value: 'widget-href' + Date.now() + }, { type: 'el-input-text', label: '文本内容', diff --git a/report-ui/src/views/bigscreenDesigner/designer/tools/configure/texts/widget-iframe.js b/report-ui/src/views/bigscreenDesigner/designer/tools/configure/texts/widget-iframe.js index e56cc308..9dcd10e4 100644 --- a/report-ui/src/views/bigscreenDesigner/designer/tools/configure/texts/widget-iframe.js +++ b/report-ui/src/views/bigscreenDesigner/designer/tools/configure/texts/widget-iframe.js @@ -3,8 +3,8 @@ * @version: * @Author: qianlishi * @Date: 2021-08-29 07:17:55 - * @LastEditors: qianlishi - * @LastEditTime: 2021-09-28 14:14:39 + * @LastEditors: qianlishi qianlishi@anji-plus.com + * @LastEditTime: 2023-01-11 13:17:35 */ export const widgetIframe = { code: 'widget-iframe', @@ -23,6 +23,13 @@ export const widgetIframe = { placeholder: '', value: 'iframe', }, + { + type: 'el-input-text', + label: '图层唯一标识', + name: 'uuid', + disabled: true, + value: 'widget-iframe' + Date.now() + }, { type: 'el-input-text', label: '地址', diff --git a/report-ui/src/views/bigscreenDesigner/designer/tools/configure/texts/widget-image.js b/report-ui/src/views/bigscreenDesigner/designer/tools/configure/texts/widget-image.js index b09132b9..2e5353e7 100644 --- a/report-ui/src/views/bigscreenDesigner/designer/tools/configure/texts/widget-image.js +++ b/report-ui/src/views/bigscreenDesigner/designer/tools/configure/texts/widget-image.js @@ -7,106 +7,113 @@ * @LastEditTime: 2021-09-28 14:14:51 */ export const widgetImage = { - code: 'widget-image', - type: 'text', - tabName: '文本栏', - label: '图片', - icon: 'icontupian', - options: { - // 配置 - setup: [ - { - type: 'el-input-text', - label: '图层名称', - name: 'layerName', - required: false, - placeholder: '', - value: '图片', - }, - { - type: 'el-switch', - label: '开启旋转', - name: 'startRotate', - required: false, - placeholder: '', - value: false, - }, - { - type: 'el-slider', - label: '旋转速度', - name: 'rotationSpeed', - required: false, - placeholder: '', - value: 70 - }, - { - type: 'el-slider', - label: '透明度', - name: 'transparency', - required: false, - placeholder: '', - value: 100 - }, - { - type: 'el-input-number', - label: '圆角', - name: 'borderRadius', - required: false, - placeholder: '', - value: '0' - }, - { - type: 'custom-upload', - label: '图片地址', - name: 'imageAdress', - required: false, - placeholder: '', - value: 'http://10.108.26.197:9095/file/download/fd20d563-00aa-45e2-b5db-aff951f814ec', - }, - { - type: 'vue-color', - label: '背景颜色', - name: 'background', - required: false, - placeholder: '', - }, - ], - // 数据 - data: [], - // 坐标 - position: [ - { - type: 'el-input-number', - label: '左边距', - name: 'left', - required: false, - placeholder: '', - value: 0, - }, - { - type: 'el-input-number', - label: '上边距', - name: 'top', - required: false, - placeholder: '', - value: 0, - }, - { - type: 'el-input-number', - label: '宽度', - name: 'width', - required: false, - placeholder: '该容器在1920px大屏中的宽度', - value: 300, - }, - { - type: 'el-input-number', - label: '高度', - name: 'height', - required: false, - placeholder: '该容器在1080px大屏中的高度', - value: 200, - }, - ], - } + code: 'widget-image', + type: 'text', + tabName: '文本栏', + label: '图片', + icon: 'icontupian', + options: { + // 配置 + setup: [ + { + type: 'el-input-text', + label: '图层名称', + name: 'layerName', + required: false, + placeholder: '', + value: '图片', + }, + { + type: 'el-input-text', + label: '图层唯一标识', + name: 'uuid', + disabled: true, + value: 'widget-image' + Date.now() + }, + { + type: 'el-switch', + label: '开启旋转', + name: 'startRotate', + required: false, + placeholder: '', + value: false, + }, + { + type: 'el-slider', + label: '旋转速度', + name: 'rotationSpeed', + required: false, + placeholder: '', + value: 70 + }, + { + type: 'el-slider', + label: '透明度', + name: 'transparency', + required: false, + placeholder: '', + value: 100 + }, + { + type: 'el-input-number', + label: '圆角', + name: 'borderRadius', + required: false, + placeholder: '', + value: '0' + }, + { + type: 'custom-upload', + label: '图片地址', + name: 'imageAdress', + required: false, + placeholder: '', + value: 'http://10.108.26.197:9095/file/download/fd20d563-00aa-45e2-b5db-aff951f814ec', + }, + { + type: 'vue-color', + label: '背景颜色', + name: 'background', + required: false, + placeholder: '', + }, + ], + // 数据 + data: [], + // 坐标 + position: [ + { + type: 'el-input-number', + label: '左边距', + name: 'left', + required: false, + placeholder: '', + value: 0, + }, + { + type: 'el-input-number', + label: '上边距', + name: 'top', + required: false, + placeholder: '', + value: 0, + }, + { + type: 'el-input-number', + label: '宽度', + name: 'width', + required: false, + placeholder: '该容器在1920px大屏中的宽度', + value: 300, + }, + { + type: 'el-input-number', + label: '高度', + name: 'height', + required: false, + placeholder: '该容器在1080px大屏中的高度', + value: 200, + }, + ], } +} diff --git a/report-ui/src/views/bigscreenDesigner/designer/tools/configure/texts/widget-marquee.js b/report-ui/src/views/bigscreenDesigner/designer/tools/configure/texts/widget-marquee.js index bbaed193..a4b5e90d 100644 --- a/report-ui/src/views/bigscreenDesigner/designer/tools/configure/texts/widget-marquee.js +++ b/report-ui/src/views/bigscreenDesigner/designer/tools/configure/texts/widget-marquee.js @@ -3,175 +3,182 @@ * @version: * @Author: qianlishi * @Date: 2021-08-29 07:00:00 - * @LastEditors: qianlishi - * @LastEditTime: 2021-09-28 14:17:39 + * @LastEditors: qianlishi qianlishi@anji-plus.com + * @LastEditTime: 2023-01-11 13:18:02 */ export const widgetMarquee = { - code: 'widget-marquee', - type: 'text', - tabName: '文本栏', - label: '滚动文本', - icon: 'iconhengxiangwenzi', - options: { - // 配置 - setup: [ - { - type: 'el-input-text', - label: '图层名称', - name: 'layerName', - required: false, - placeholder: '', - value: '跑马灯', - }, - { - type: 'el-input-text', - label: '文本内容', - name: 'text', - required: false, - placeholder: '', - value: '滚动文本', - }, - { - type: 'el-input-number', - label: '字体字号', - name: 'fontSize', - required: false, - placeholder: '', - value: '26', - }, - { - type: 'vue-color', - label: '字体颜色', - name: 'color', - required: false, - placeholder: '', - value: '#FAD400', - }, - { - type: 'el-input-number', - label: '字体间距', - name: 'letterSpacing', - required: false, - placeholder: '', - value: '0', - }, - { - type: 'vue-color', - label: '字体背景', - name: 'background', - required: false, - placeholder: '', - value: 'rgba(115,170,229,.5)', - }, - { - type: 'el-select', - label: '文字粗细', - name: 'fontWeight', - required: false, - placeholder: '', - selectOptions: [ - {code: 'normal', name: '正常'}, - {code: 'bold', name: '粗体'}, - {code: 'bolder', name: '特粗体'}, - {code: 'lighter', name: '细体'} - ], - value: 'normal' - }, -/* { - type: 'el-input-number', - label: '滚动速度', - name: 'jScrollPane', - //required: false, - placeholder: '', - value: '50', - }*/ - ], - // 数据 - data: [ - { - type: 'el-radio-group', - label: '数据类型', - name: 'dataType', - require: false, - placeholder: '', - selectValue: true, - selectOptions: [ - { - code: 'staticData', - name: '静态数据', - }, - { - code: 'dynamicData', - name: '动态数据', - }, - ], - value: 'staticData', - }, - { - type: 'el-input-number', - label: '刷新时间(毫秒)', - name: 'refreshTime', - relactiveDom: 'dataType', - relactiveDomValue: 'dynamicData', - value: 5000 - }, - { - type: 'el-button', - label: '静态数据', - name: 'staticData', - required: false, - placeholder: '', - relactiveDom: 'dataType', - relactiveDomValue: 'staticData', - value: '文本框', - }, - { - type: 'dycustComponents', - label: '', - name: 'dynamicData', - required: false, - placeholder: '', - relactiveDom: 'dataType', - relactiveDomValue: 'dynamicData', - chartType: 'widget-text', - dictKey: 'TEXT_PROPERTIES', - value: '', - } - ], - // 坐标 - position: [ - { - type: 'el-input-number', - label: '左边距', - name: 'left', - required: false, - placeholder: '', - value: 0, - }, - { - type: 'el-input-number', - label: '上边距', - name: 'top', - required: false, - placeholder: '', - value: 0, - }, - { - type: 'el-input-number', - label: '宽度', - name: 'width', - required: false, - placeholder: '该容器在1920px大屏中的宽度', - value: 100, - }, - { - type: 'el-input-number', - label: '高度', - name: 'height', - required: false, - placeholder: '该容器在1080px大屏中的高度', - value: 40, - }, - ], - } + code: 'widget-marquee', + type: 'text', + tabName: '文本栏', + label: '滚动文本', + icon: 'iconhengxiangwenzi', + options: { + // 配置 + setup: [ + { + type: 'el-input-text', + label: '图层名称', + name: 'layerName', + required: false, + placeholder: '', + value: '跑马灯', + }, + { + type: 'el-input-text', + label: '图层唯一标识', + name: 'uuid', + disabled: true, + value: 'widget-marquee' + Date.now() + }, + { + type: 'el-input-text', + label: '文本内容', + name: 'text', + required: false, + placeholder: '', + value: '滚动文本', + }, + { + type: 'el-input-number', + label: '字体字号', + name: 'fontSize', + required: false, + placeholder: '', + value: '26', + }, + { + type: 'vue-color', + label: '字体颜色', + name: 'color', + required: false, + placeholder: '', + value: '#FAD400', + }, + { + type: 'el-input-number', + label: '字体间距', + name: 'letterSpacing', + required: false, + placeholder: '', + value: '0', + }, + { + type: 'vue-color', + label: '字体背景', + name: 'background', + required: false, + placeholder: '', + value: 'rgba(115,170,229,.5)', + }, + { + type: 'el-select', + label: '文字粗细', + name: 'fontWeight', + required: false, + placeholder: '', + selectOptions: [ + { code: 'normal', name: '正常' }, + { code: 'bold', name: '粗体' }, + { code: 'bolder', name: '特粗体' }, + { code: 'lighter', name: '细体' } + ], + value: 'normal' + }, + /* { + type: 'el-input-number', + label: '滚动速度', + name: 'jScrollPane', + //required: false, + placeholder: '', + value: '50', + }*/ + ], + // 数据 + data: [ + { + type: 'el-radio-group', + label: '数据类型', + name: 'dataType', + require: false, + placeholder: '', + selectValue: true, + selectOptions: [ + { + code: 'staticData', + name: '静态数据', + }, + { + code: 'dynamicData', + name: '动态数据', + }, + ], + value: 'staticData', + }, + { + type: 'el-input-number', + label: '刷新时间(毫秒)', + name: 'refreshTime', + relactiveDom: 'dataType', + relactiveDomValue: 'dynamicData', + value: 5000 + }, + { + type: 'el-button', + label: '静态数据', + name: 'staticData', + required: false, + placeholder: '', + relactiveDom: 'dataType', + relactiveDomValue: 'staticData', + value: '文本框', + }, + { + type: 'dycustComponents', + label: '', + name: 'dynamicData', + required: false, + placeholder: '', + relactiveDom: 'dataType', + relactiveDomValue: 'dynamicData', + chartType: 'widget-text', + dictKey: 'TEXT_PROPERTIES', + value: '', + } + ], + // 坐标 + position: [ + { + type: 'el-input-number', + label: '左边距', + name: 'left', + required: false, + placeholder: '', + value: 0, + }, + { + type: 'el-input-number', + label: '上边距', + name: 'top', + required: false, + placeholder: '', + value: 0, + }, + { + type: 'el-input-number', + label: '宽度', + name: 'width', + required: false, + placeholder: '该容器在1920px大屏中的宽度', + value: 100, + }, + { + type: 'el-input-number', + label: '高度', + name: 'height', + required: false, + placeholder: '该容器在1080px大屏中的高度', + value: 40, + }, + ], } +} diff --git a/report-ui/src/views/bigscreenDesigner/designer/tools/configure/texts/widget-slider.js b/report-ui/src/views/bigscreenDesigner/designer/tools/configure/texts/widget-slider.js index 0e325bdb..c4efb866 100644 --- a/report-ui/src/views/bigscreenDesigner/designer/tools/configure/texts/widget-slider.js +++ b/report-ui/src/views/bigscreenDesigner/designer/tools/configure/texts/widget-slider.js @@ -3,86 +3,93 @@ * @version: * @Author: qianlishi * @Date: 2021-08-29 07:08:53 - * @LastEditors: qianlishi - * @LastEditTime: 2021-09-28 14:19:30 + * @LastEditors: qianlishi qianlishi@anji-plus.com + * @LastEditTime: 2023-01-11 13:18:15 */ -export const widgetSliders = { - code: 'widget-slider', - type: 'text', - tabName: '文本栏', - label: '轮播图片', - icon: 'slider', - options: { - // 配置 - setup: [ - { - type: 'el-input-text', - label: '图层名称', - name: 'layerName', - required: false, - placeholder: '', - }, - { - type: 'el-switch', - label: '隐藏图层', - name: 'hideLayer', - required: false, - placeholder: '', - }, - { - type: 'el-select', - label: '轮播方向', - name: 'tabDirection', - required: false, - placeholder: '', - }, - { - type: 'el-select', - label: '选择器', - name: 'tabSelector', - required: false, - placeholder: '', - }, - { - type: 'el-input-number', - label: '轮播时间', - name: 'tabTime', - required: false, - placeholder: '', - }, - ], - // 数据 - data: [], - // 坐标 - position: [ - { - type: 'el-input-number', - label: '左边距', - name: 'left', - required: true, - placeholder: '', - }, - { - type: 'el-input-number', - label: '上边距', - name: 'top', - required: true, - placeholder: '', - }, - { - type: 'el-input-number', - label: '宽度', - name: 'width', - required: true, - placeholder: '该容器在1920px大屏中的宽度', - }, - { - type: 'el-input-number', - label: '高度', - name: 'height', - required: true, - placeholder: '该容器在1080px大屏中的高度', - }, - ], - } - } \ No newline at end of file +export const widgetSliders = { + code: 'widget-slider', + type: 'text', + tabName: '文本栏', + label: '轮播图片', + icon: 'slider', + options: { + // 配置 + setup: [ + { + type: 'el-input-text', + label: '图层名称', + name: 'layerName', + required: false, + placeholder: '', + }, + { + type: 'el-input-text', + label: '图层唯一标识', + name: 'uuid', + disabled: true, + value: 'widget-slider' + Date.now() + }, + { + type: 'el-switch', + label: '隐藏图层', + name: 'hideLayer', + required: false, + placeholder: '', + }, + { + type: 'el-select', + label: '轮播方向', + name: 'tabDirection', + required: false, + placeholder: '', + }, + { + type: 'el-select', + label: '选择器', + name: 'tabSelector', + required: false, + placeholder: '', + }, + { + type: 'el-input-number', + label: '轮播时间', + name: 'tabTime', + required: false, + placeholder: '', + }, + ], + // 数据 + data: [], + // 坐标 + position: [ + { + type: 'el-input-number', + label: '左边距', + name: 'left', + required: true, + placeholder: '', + }, + { + type: 'el-input-number', + label: '上边距', + name: 'top', + required: true, + placeholder: '', + }, + { + type: 'el-input-number', + label: '宽度', + name: 'width', + required: true, + placeholder: '该容器在1920px大屏中的宽度', + }, + { + type: 'el-input-number', + label: '高度', + name: 'height', + required: true, + placeholder: '该容器在1080px大屏中的高度', + }, + ], + } +} \ No newline at end of file diff --git a/report-ui/src/views/bigscreenDesigner/designer/tools/configure/texts/widget-table.js b/report-ui/src/views/bigscreenDesigner/designer/tools/configure/texts/widget-table.js index ea67c25c..a0b7cc92 100644 --- a/report-ui/src/views/bigscreenDesigner/designer/tools/configure/texts/widget-table.js +++ b/report-ui/src/views/bigscreenDesigner/designer/tools/configure/texts/widget-table.js @@ -3,303 +3,311 @@ * @version: * @Author: qianlishi * @Date: 2021-08-29 07:16:10 - * @LastEditors: qianlishi - * @LastEditTime: 2021-09-28 14:19:54 + * @LastEditors: qianlishi qianlishi@anji-plus.com + * @LastEditTime: 2023-01-11 13:18:28 */ export const widgetTable = { - code: 'widget-table', - type: 'text', - tabName: '文本栏', - label: '表格', - icon: 'iconbiaoge', - options: { - setup: [ - { - type: 'el-input-text', - label: '图层名称', - name: 'layerName', - required: false, - placeholder: '', - value: '表格', - }, - { - type: 'el-select', - label: '字体位置', - name: 'textAlign', - required: false, - placeholder: '', - selectOptions: [ - {code: 'center', name: '居中'}, - {code: 'left', name: '左对齐'}, - {code: 'right', name: '右对齐'}, - ], - value: 'center' - }, - { - type: 'el-input-number', - label: '字体字号', - name: 'fontSize', - required: false, - placeholder: '', - value: '16' - }, - { - type: 'el-input-number', - label: '显示行数', - name: 'vis', - required: false, - placeholder: '', - value: '5' - }, - { - type: 'el-input-number', - label: '行高', - name: 'rowHeight', - required: false, - placeholder: '', - value: '50' - }, - { - type: 'el-switch', - label: '开启滚动', - name: 'isRoll', - required: false, - placeholder: '', - value: true - }, - { - type: 'el-select', - label: '动画效果', - name: 'effect', - required: false, - placeholder: '', - selectOptions: [ - {code: 'top', name: '上滚动'}, - {code: 'topLoop', name: '上循环滚动'}, - ], - value: 'topLoop' - }, - { - type: 'el-input-number', - label: '滚动间隔(毫秒)', - name: 'interTime', - required: false, - placeholder: '', - value: 2500 - }, - { - type: 'el-input-number', - label: '动效时间(毫秒)', - name: 'delayTime', - required: false, - placeholder: '', - value: 500 - }, - { - type: 'el-input-number', - label: '滚动个数', - name: 'scroll', - required: false, - placeholder: '', - value: 1 - }, - { - type: 'el-switch', - label: '边框线', - name: 'isLine', - required: false, - placeholder: '', - value: false - }, - { - type: 'el-input-number', - label: '边框宽度', - name: 'borderWidth', - required: false, - placeholder: '', - value: 1 - }, - { - type: 'vue-color', - label: '边框颜色', - name: 'borderColor', - required: false, - placeholder: '', - value: '#fff' - }, - [ - { - name: '表头设置', - list: [ - { - type: 'el-switch', - label: '表头显隐', - name: 'isHeader', - required: false, - placeholder: '', - value: true, - }, - { - type: 'vue-color', - label: '表头颜色', - name: 'headColor', - require: false, - placeholder: '', - value: '#fff', - }, - { - type: 'vue-color', - label: '表头背景', - name: 'headBackColor', - require: false, - placeholder: '', - value: '#0a73ff', - }, - ], - }, - { - name: '表体设置', - list: [ - { - type: 'vue-color', - label: '文字颜色', - name: 'bodyColor', - required: false, - placeholder: '', - value: '#fff', - }, - { - type: 'vue-color', - label: '表格背景色', - name: 'tableBgColor', - require: false, - placeholder: '', - value: '', - }, - { - type: 'vue-color', - label: '奇行颜色', - name: 'oldColor', - require: false, - placeholder: '', - value: '#0a2732', - }, - { - type: 'vue-color', - label: '偶行颜色', - name: 'eventColor', - required: false, - placeholder: '', - value: '#003b51' - } - ], - }, + code: 'widget-table', + type: 'text', + tabName: '文本栏', + label: '表格', + icon: 'iconbiaoge', + options: { + setup: [ + { + type: 'el-input-text', + label: '图层名称', + name: 'layerName', + required: false, + placeholder: '', + value: '表格', + }, + { + type: 'el-input-text', + label: '图层唯一标识', + name: 'uuid', + disabled: true, + value: 'widget-table' + Date.now() + }, + { + type: 'el-select', + label: '字体位置', + name: 'textAlign', + required: false, + placeholder: '', + selectOptions: [ + { code: 'center', name: '居中' }, + { code: 'left', name: '左对齐' }, + { code: 'right', name: '右对齐' }, ], + value: 'center' + }, + { + type: 'el-input-number', + label: '字体字号', + name: 'fontSize', + required: false, + placeholder: '', + value: '16' + }, + { + type: 'el-input-number', + label: '显示行数', + name: 'vis', + required: false, + placeholder: '', + value: '5' + }, + { + type: 'el-input-number', + label: '行高', + name: 'rowHeight', + required: false, + placeholder: '', + value: '50' + }, + { + type: 'el-switch', + label: '开启滚动', + name: 'isRoll', + required: false, + placeholder: '', + value: true + }, + { + type: 'el-select', + label: '动画效果', + name: 'effect', + required: false, + placeholder: '', + selectOptions: [ + { code: 'top', name: '上滚动' }, + { code: 'topLoop', name: '上循环滚动' }, + ], + value: 'topLoop' + }, + { + type: 'el-input-number', + label: '滚动间隔(毫秒)', + name: 'interTime', + required: false, + placeholder: '', + value: 2500 + }, + { + type: 'el-input-number', + label: '动效时间(毫秒)', + name: 'delayTime', + required: false, + placeholder: '', + value: 500 + }, + { + type: 'el-input-number', + label: '滚动个数', + name: 'scroll', + required: false, + placeholder: '', + value: 1 + }, + { + type: 'el-switch', + label: '边框线', + name: 'isLine', + required: false, + placeholder: '', + value: false + }, + { + type: 'el-input-number', + label: '边框宽度', + name: 'borderWidth', + required: false, + placeholder: '', + value: 1 + }, + { + type: 'vue-color', + label: '边框颜色', + name: 'borderColor', + required: false, + placeholder: '', + value: '#fff' + }, + [ { - type: 'dynamic-add-table', - label: '', - name: 'dynamicAddTable', - required: false, - placeholder: '', - value: [ - {name: '日期', key: 'date', width: '50%'}, - {name: '姓名', key: 'name', width: '50%'}, - {name: '地址', key: 'address', width: '200%', - }] - } - ], - data: [ - { - type: 'el-radio-group', - label: '数据类型', - name: 'dataType', - require: false, - placeholder: '', - selectValue: true, - selectOptions: [ + name: '表头设置', + list: [ + { + type: 'el-switch', + label: '表头显隐', + name: 'isHeader', + required: false, + placeholder: '', + value: true, + }, { - code: 'staticData', - name: '静态数据', + type: 'vue-color', + label: '表头颜色', + name: 'headColor', + require: false, + placeholder: '', + value: '#fff', }, { - code: 'dynamicData', - name: '动态数据', + type: 'vue-color', + label: '表头背景', + name: 'headBackColor', + require: false, + placeholder: '', + value: '#0a73ff', }, ], - value: 'staticData', - }, - { - type: 'el-input-number', - label: '刷新时间(毫秒)', - name: 'refreshTime', - relactiveDom: 'dataType', - relactiveDomValue: 'dynamicData', - value: 30000 }, { - type: 'el-button', - label: '静态数据', - name: 'staticData', - required: false, - placeholder: '', - relactiveDom: 'dataType', - relactiveDomValue: 'staticData', - value: [ - {date: '2016-05-02', name: '王小虎', address: '上海市普陀区金沙江路 1518 弄0001'}, - {date: '2016-05-02', name: '王小虎', address: '上海市普陀区金沙江路 1518 弄0002'}, - {date: '2016-05-02', name: '王小虎', address: '上海市普陀区金沙江路 1518 弄0003'}, - {date: '2016-05-02', name: '王小虎', address: '上海市普陀区金沙江路 1518 弄0004'}, - {date: '2016-05-02', name: '王小虎', address: '上海市普陀区金沙江路 1518 弄0005'}, - {date: '2016-05-02', name: '王小虎', address: '上海市普陀区金沙江路 1518 弄0006'}, - {date: '2016-05-02', name: '王小虎', address: '上海市普陀区金沙江路 1518 弄0007'}, + name: '表体设置', + list: [ + { + type: 'vue-color', + label: '文字颜色', + name: 'bodyColor', + required: false, + placeholder: '', + value: '#fff', + }, + { + type: 'vue-color', + label: '表格背景色', + name: 'tableBgColor', + require: false, + placeholder: '', + value: '', + }, + { + type: 'vue-color', + label: '奇行颜色', + name: 'oldColor', + require: false, + placeholder: '', + value: '#0a2732', + }, + { + type: 'vue-color', + label: '偶行颜色', + name: 'eventColor', + required: false, + placeholder: '', + value: '#003b51' + } ], }, - { - type: 'dycustComponents', - label: '', - name: 'dynamicData', - required: false, - placeholder: '', - relactiveDom: 'dataType', - relactiveDomValue: 'dynamicData', - chartType: 'widget-table', - dictKey: 'TEXT_PROPERTIES', - value: '', - }, ], - position: [ - { - type: 'el-input-number', - label: '左边距', - name: 'left', - required: false, - placeholder: '', - value: 0, - }, - { - type: 'el-input-number', - label: '上边距', - name: 'top', - required: false, - placeholder: '', - value: 0, - }, - { - type: 'el-input-number', - label: '宽度', - name: 'width', - required: false, - placeholder: '该容器在1920px大屏中的宽度', - value: 600, - }, - { - type: 'el-input-number', - label: '高度', - name: 'height', - required: false, - placeholder: '该容器在1080px大屏中的高度', - value: 300, - }, - ] - } + { + type: 'dynamic-add-table', + label: '', + name: 'dynamicAddTable', + required: false, + placeholder: '', + value: [ + { name: '日期', key: 'date', width: '50%' }, + { name: '姓名', key: 'name', width: '50%' }, + { + name: '地址', key: 'address', width: '200%', + }] + } + ], + data: [ + { + type: 'el-radio-group', + label: '数据类型', + name: 'dataType', + require: false, + placeholder: '', + selectValue: true, + selectOptions: [ + { + code: 'staticData', + name: '静态数据', + }, + { + code: 'dynamicData', + name: '动态数据', + }, + ], + value: 'staticData', + }, + { + type: 'el-input-number', + label: '刷新时间(毫秒)', + name: 'refreshTime', + relactiveDom: 'dataType', + relactiveDomValue: 'dynamicData', + value: 30000 + }, + { + type: 'el-button', + label: '静态数据', + name: 'staticData', + required: false, + placeholder: '', + relactiveDom: 'dataType', + relactiveDomValue: 'staticData', + value: [ + { date: '2016-05-02', name: '王小虎', address: '上海市普陀区金沙江路 1518 弄0001' }, + { date: '2016-05-02', name: '王小虎', address: '上海市普陀区金沙江路 1518 弄0002' }, + { date: '2016-05-02', name: '王小虎', address: '上海市普陀区金沙江路 1518 弄0003' }, + { date: '2016-05-02', name: '王小虎', address: '上海市普陀区金沙江路 1518 弄0004' }, + { date: '2016-05-02', name: '王小虎', address: '上海市普陀区金沙江路 1518 弄0005' }, + { date: '2016-05-02', name: '王小虎', address: '上海市普陀区金沙江路 1518 弄0006' }, + { date: '2016-05-02', name: '王小虎', address: '上海市普陀区金沙江路 1518 弄0007' }, + ], + }, + { + type: 'dycustComponents', + label: '', + name: 'dynamicData', + required: false, + placeholder: '', + relactiveDom: 'dataType', + relactiveDomValue: 'dynamicData', + chartType: 'widget-table', + dictKey: 'TEXT_PROPERTIES', + value: '', + }, + ], + position: [ + { + type: 'el-input-number', + label: '左边距', + name: 'left', + required: false, + placeholder: '', + value: 0, + }, + { + type: 'el-input-number', + label: '上边距', + name: 'top', + required: false, + placeholder: '', + value: 0, + }, + { + type: 'el-input-number', + label: '宽度', + name: 'width', + required: false, + placeholder: '该容器在1920px大屏中的宽度', + value: 600, + }, + { + type: 'el-input-number', + label: '高度', + name: 'height', + required: false, + placeholder: '该容器在1080px大屏中的高度', + value: 300, + }, + ] } +} diff --git a/report-ui/src/views/bigscreenDesigner/designer/tools/configure/texts/widget-text.js b/report-ui/src/views/bigscreenDesigner/designer/tools/configure/texts/widget-text.js index 74bba57e..707709e2 100644 --- a/report-ui/src/views/bigscreenDesigner/designer/tools/configure/texts/widget-text.js +++ b/report-ui/src/views/bigscreenDesigner/designer/tools/configure/texts/widget-text.js @@ -3,181 +3,188 @@ * @version: * @Author: qianlishi * @Date: 2021-08-29 06:52:13 - * @LastEditors: qianlishi - * @LastEditTime: 2021-09-28 14:20:12 + * @LastEditors: qianlishi qianlishi@anji-plus.com + * @LastEditTime: 2023-01-11 13:18:36 */ -export const widgetText = { - code: 'widget-text', - type: 'text', - tabName: '文本栏', - label: '文本', - icon: 'iconziyuan', - options: { - // 配置 - setup: [ - { - type: 'el-input-text', - label: '图层名称', - name: 'layerName', - required: false, - placeholder: '', - value: '文本框', - }, - { - type: 'el-input-text', - label: '文本内容', - name: 'text', - required: false, - placeholder: '', - value: '文本框', - }, - { - type: 'el-input-number', - label: '字体字号', - name: 'fontSize', - required: false, - placeholder: '', - value: '26', - }, - { - type: 'vue-color', - label: '字体颜色', - name: 'color', - required: false, - placeholder: '', - value: '#FAD400', - }, - { - type: 'el-input-number', - label: '字体间距', - name: 'letterSpacing', - required: false, - placeholder: '', - value: '0', - }, - { - type: 'vue-color', - label: '字体背景', - name: 'background', - required: false, - placeholder: '', - value: 'rgba(115,170,229,.0)', - }, - { - type: 'el-select', - label: '文字粗细', - name: 'fontWeight', - required: false, - placeholder: '', - selectOptions: [ - {code: 'normal', name: '正常'}, - {code: 'bold', name: '粗体'}, - {code: 'bolder', name: '特粗体'}, - {code: 'lighter', name: '细体'} - ], - value: 'normal' - }, - { - type: 'el-select', - label: '对齐方式', - name: 'textAlign', - required: false, - placeholder: '', - selectOptions: [ - {code: 'center', name: '居中'}, - {code: 'left', name: '左对齐'}, - {code: 'right', name: '右对齐'}, - ], - value: 'center' - }, - ], - // 数据 - data: [ - { - type: 'el-radio-group', - label: '数据类型', - name: 'dataType', - require: false, - placeholder: '', - selectValue: true, - selectOptions: [ - { - code: 'staticData', - name: '静态数据', - }, - { - code: 'dynamicData', - name: '动态数据', - }, - ], - value: 'staticData', - }, - { - type: 'el-input-number', - label: '刷新时间(毫秒)', - name: 'refreshTime', - relactiveDom: 'dataType', - relactiveDomValue: 'dynamicData', - value: 5000 - }, - { - type: 'el-button', - label: '静态数据', - name: 'staticData', - required: false, - placeholder: '', - relactiveDom: 'dataType', - relactiveDomValue: 'staticData', - value: '文本框', - }, - { - type: 'dycustComponents', - label: '', - name: 'dynamicData', - required: false, - placeholder: '', - relactiveDom: 'dataType', - relactiveDomValue: 'dynamicData', - chartType: 'widget-text', - dictKey: 'TEXT_PROPERTIES', - value: '', - } - ], +export const widgetText = { + code: 'widget-text', + type: 'text', + tabName: '文本栏', + label: '文本', + icon: 'iconziyuan', + options: { + // 配置 + setup: [ + { + type: 'el-input-text', + label: '图层名称', + name: 'layerName', + required: false, + placeholder: '', + value: '文本框', + }, + { + type: 'el-input-text', + label: '图层唯一标识', + name: 'uuid', + disabled: true, + value: 'widget-text' + Date.now() + }, + { + type: 'el-input-text', + label: '文本内容', + name: 'text', + required: false, + placeholder: '', + value: '文本框', + }, + { + type: 'el-input-number', + label: '字体字号', + name: 'fontSize', + required: false, + placeholder: '', + value: '26', + }, + { + type: 'vue-color', + label: '字体颜色', + name: 'color', + required: false, + placeholder: '', + value: '#FAD400', + }, + { + type: 'el-input-number', + label: '字体间距', + name: 'letterSpacing', + required: false, + placeholder: '', + value: '0', + }, + { + type: 'vue-color', + label: '字体背景', + name: 'background', + required: false, + placeholder: '', + value: 'rgba(115,170,229,.0)', + }, + { + type: 'el-select', + label: '文字粗细', + name: 'fontWeight', + required: false, + placeholder: '', + selectOptions: [ + { code: 'normal', name: '正常' }, + { code: 'bold', name: '粗体' }, + { code: 'bolder', name: '特粗体' }, + { code: 'lighter', name: '细体' } + ], + value: 'normal' + }, + { + type: 'el-select', + label: '对齐方式', + name: 'textAlign', + required: false, + placeholder: '', + selectOptions: [ + { code: 'center', name: '居中' }, + { code: 'left', name: '左对齐' }, + { code: 'right', name: '右对齐' }, + ], + value: 'center' + }, + ], + // 数据 + data: [ + { + type: 'el-radio-group', + label: '数据类型', + name: 'dataType', + require: false, + placeholder: '', + selectValue: true, + selectOptions: [ + { + code: 'staticData', + name: '静态数据', + }, + { + code: 'dynamicData', + name: '动态数据', + }, + ], + value: 'staticData', + }, + { + type: 'el-input-number', + label: '刷新时间(毫秒)', + name: 'refreshTime', + relactiveDom: 'dataType', + relactiveDomValue: 'dynamicData', + value: 5000 + }, + { + type: 'el-button', + label: '静态数据', + name: 'staticData', + required: false, + placeholder: '', + relactiveDom: 'dataType', + relactiveDomValue: 'staticData', + value: '文本框', + }, + { + type: 'dycustComponents', + label: '', + name: 'dynamicData', + required: false, + placeholder: '', + relactiveDom: 'dataType', + relactiveDomValue: 'dynamicData', + chartType: 'widget-text', + dictKey: 'TEXT_PROPERTIES', + value: '', + } + ], - // 坐标 - position: [ - { - type: 'el-input-number', - label: '左边距', - name: 'left', - required: false, - placeholder: '', - value: 0, - }, - { - type: 'el-input-number', - label: '上边距', - name: 'top', - required: false, - placeholder: '', - value: 0, - }, - { - type: 'el-input-number', - label: '宽度', - name: 'width', - required: false, - placeholder: '该容器在1920px大屏中的宽度', - value: 100, - }, - { - type: 'el-input-number', - label: '高度', - name: 'height', - required: false, - placeholder: '该容器在1080px大屏中的高度', - value: 40 - }, - ], - } + // 坐标 + position: [ + { + type: 'el-input-number', + label: '左边距', + name: 'left', + required: false, + placeholder: '', + value: 0, + }, + { + type: 'el-input-number', + label: '上边距', + name: 'top', + required: false, + placeholder: '', + value: 0, + }, + { + type: 'el-input-number', + label: '宽度', + name: 'width', + required: false, + placeholder: '该容器在1920px大屏中的宽度', + value: 100, + }, + { + type: 'el-input-number', + label: '高度', + name: 'height', + required: false, + placeholder: '该容器在1080px大屏中的高度', + value: 40 + }, + ], } +} diff --git a/report-ui/src/views/bigscreenDesigner/designer/tools/configure/texts/widget-time.js b/report-ui/src/views/bigscreenDesigner/designer/tools/configure/texts/widget-time.js index 9779698f..b9eff3b0 100644 --- a/report-ui/src/views/bigscreenDesigner/designer/tools/configure/texts/widget-time.js +++ b/report-ui/src/views/bigscreenDesigner/designer/tools/configure/texts/widget-time.js @@ -3,142 +3,149 @@ * @version: * @Author: qianlishi * @Date: 2021-08-29 07:05:52 - * @LastEditors: qianlishi - * @LastEditTime: 2021-09-28 14:20:30 + * @LastEditors: qianlishi qianlishi@anji-plus.com + * @LastEditTime: 2023-01-11 13:18:54 */ -export const widgetTime = { - code: 'widget-time', - type: 'text', - tabName: '文本栏', - label: '当前时间', - icon: 'iconshijian', - options: { - // 配置 - setup: [ - { - type: 'el-input-text', - label: '图层名称', - name: 'layerName', - required: false, - placeholder: '', - value: '当前时间', - }, - { - type: 'el-select', - label: '时间格式', - name: 'timeFormat', - required: false, - placeholder: '', - selectOptions: [ - {code: 'yyyy-MM-dd', name: '日期'}, - {code: 'yyyy-MM-dd hh:mm', name: '日期+时分'}, - {code: 'yyyy-MM-dd hh:mm:ss', name: '日期+时分秒'}, - {code: 'MM-dd', name: '日期无年'}, - {code: 'hh:mm', name: '时分'}, - {code: 'hh:mm:ss', name: '时分秒'}, - {code: 'year-week', name: '日期+星期'}, - {code: 'year-h-m-week', name: '日期+时分+星期'}, - {code: 'year-h-m-s-week', name: '日期+时分秒+星期'}, - {code: 'week', name: '星期'} - ], - value: 'yyyy-MM-dd hh:mm:ss' - }, - { - type: 'el-input-number', - label: '字体间距', - name: 'letterSpacing', - required: false, - placeholder: '', - value: '0' - }, - { - type: 'el-input-number', - label: '字体字号', - name: 'fontSize', - required: false, - placeholder: '', - value: '36' - }, - { - type: 'vue-color', - label: '字体颜色', - name: 'color', - required: false, - placeholder: '', - value: '#FAD400' - }, - { - type: 'vue-color', - label: '字体背景', - name: 'background', - required: false, - placeholder: '', - value: 'rgba(115,170,229,.5)' - }, - { - type: 'el-select', - label: '文字粗细', - name: 'fontWeight', - required: false, - placeholder: '', - selectOptions: [ - {code: 'normal', name: '正常'}, - {code: 'bold', name: '粗体'}, - {code: 'bolder', name: '特粗体'}, - {code: 'lighter', name: '细体'} - ], - value: 'normal' - }, - { - type: 'el-select', - label: '对齐方式', - name: 'textAlign', - required: false, - placeholder: '', - selectOptions: [ - {code: 'center', name: '居中'}, - {code: 'left', name: '左对齐'}, - {code: 'right', name: '右对齐'}, - ], - value: 'left' - }, - ], - // 数据 - data: [], - // 坐标 - position: [ - { - type: 'el-input-number', - label: '左边距', - name: 'left', - required: false, - placeholder: '', - value: 0, - }, - { - type: 'el-input-number', - label: '上边距', - name: 'top', - required: false, - placeholder: '', - value: 0, - }, - { - type: 'el-input-number', - label: '宽度', - name: 'width', - required: false, - placeholder: '该容器在1920px大屏中的宽度', - value: 400, - }, - { - type: 'el-input-number', - label: '高度', - name: 'height', - required: false, - placeholder: '该容器在1080px大屏中的高度', - value: 50, - }, - ], - } +export const widgetTime = { + code: 'widget-time', + type: 'text', + tabName: '文本栏', + label: '当前时间', + icon: 'iconshijian', + options: { + // 配置 + setup: [ + { + type: 'el-input-text', + label: '图层名称', + name: 'layerName', + required: false, + placeholder: '', + value: '当前时间', + }, + { + type: 'el-input-text', + label: '图层唯一标识', + name: 'uuid', + disabled: true, + value: 'widget-time' + Date.now() + }, + { + type: 'el-select', + label: '时间格式', + name: 'timeFormat', + required: false, + placeholder: '', + selectOptions: [ + { code: 'yyyy-MM-dd', name: '日期' }, + { code: 'yyyy-MM-dd hh:mm', name: '日期+时分' }, + { code: 'yyyy-MM-dd hh:mm:ss', name: '日期+时分秒' }, + { code: 'MM-dd', name: '日期无年' }, + { code: 'hh:mm', name: '时分' }, + { code: 'hh:mm:ss', name: '时分秒' }, + { code: 'year-week', name: '日期+星期' }, + { code: 'year-h-m-week', name: '日期+时分+星期' }, + { code: 'year-h-m-s-week', name: '日期+时分秒+星期' }, + { code: 'week', name: '星期' } + ], + value: 'yyyy-MM-dd hh:mm:ss' + }, + { + type: 'el-input-number', + label: '字体间距', + name: 'letterSpacing', + required: false, + placeholder: '', + value: '0' + }, + { + type: 'el-input-number', + label: '字体字号', + name: 'fontSize', + required: false, + placeholder: '', + value: '36' + }, + { + type: 'vue-color', + label: '字体颜色', + name: 'color', + required: false, + placeholder: '', + value: '#FAD400' + }, + { + type: 'vue-color', + label: '字体背景', + name: 'background', + required: false, + placeholder: '', + value: 'rgba(115,170,229,.5)' + }, + { + type: 'el-select', + label: '文字粗细', + name: 'fontWeight', + required: false, + placeholder: '', + selectOptions: [ + { code: 'normal', name: '正常' }, + { code: 'bold', name: '粗体' }, + { code: 'bolder', name: '特粗体' }, + { code: 'lighter', name: '细体' } + ], + value: 'normal' + }, + { + type: 'el-select', + label: '对齐方式', + name: 'textAlign', + required: false, + placeholder: '', + selectOptions: [ + { code: 'center', name: '居中' }, + { code: 'left', name: '左对齐' }, + { code: 'right', name: '右对齐' }, + ], + value: 'left' + }, + ], + // 数据 + data: [], + // 坐标 + position: [ + { + type: 'el-input-number', + label: '左边距', + name: 'left', + required: false, + placeholder: '', + value: 0, + }, + { + type: 'el-input-number', + label: '上边距', + name: 'top', + required: false, + placeholder: '', + value: 0, + }, + { + type: 'el-input-number', + label: '宽度', + name: 'width', + required: false, + placeholder: '该容器在1920px大屏中的宽度', + value: 400, + }, + { + type: 'el-input-number', + label: '高度', + name: 'height', + required: false, + placeholder: '该容器在1080px大屏中的高度', + value: 50, + }, + ], } +} diff --git a/report-ui/src/views/bigscreenDesigner/designer/tools/configure/texts/widget-video.js b/report-ui/src/views/bigscreenDesigner/designer/tools/configure/texts/widget-video.js index c8b8de33..8fcad063 100644 --- a/report-ui/src/views/bigscreenDesigner/designer/tools/configure/texts/widget-video.js +++ b/report-ui/src/views/bigscreenDesigner/designer/tools/configure/texts/widget-video.js @@ -4,7 +4,7 @@ * @Author: qianlishi * @Date: 2021-08-29 07:10:22 * @LastEditors: qianlishi qianlishi@anji-plus.com - * @LastEditTime: 2022-11-07 15:42:46 + * @LastEditTime: 2023-01-11 13:19:06 */ export const widgetVideo = { code: 'widget-video', @@ -23,6 +23,13 @@ export const widgetVideo = { placeholder: '', value: 'video', }, + { + type: 'el-input-text', + label: '图层唯一标识', + name: 'uuid', + disabled: true, + value: 'widget-video' + Date.now() + }, { type: 'el-input-text', label: '地址', diff --git a/report-ui/src/views/bigscreenDesigner/designer/tools/configure/wordcloudCharts/widget-word-cloud.js b/report-ui/src/views/bigscreenDesigner/designer/tools/configure/wordcloudCharts/widget-word-cloud.js index 542a77be..e68040e8 100644 --- a/report-ui/src/views/bigscreenDesigner/designer/tools/configure/wordcloudCharts/widget-word-cloud.js +++ b/report-ui/src/views/bigscreenDesigner/designer/tools/configure/wordcloudCharts/widget-word-cloud.js @@ -15,6 +15,13 @@ export const widgetWordCloud = { placeholder: '', value: '词云图', }, + { + type: 'el-input-text', + label: '图层唯一标识', + name: 'uuid', + disabled: true, + value: 'widgetWordCloud' + Date.now() + }, { type: 'vue-color', label: '背景颜色',