图层增加uuid

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: '背景颜色',

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" },
         ],
       },
       {

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()

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 },
         ],
       },
       {

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" },
         ],
       },
       {

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 },
         ]
       },
       {

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, },
         ]
       },
       {

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: '背景颜色',

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: '背景颜色',

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: '背景颜色',

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'
             },

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'
             },

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 },
         ],
       },
       {

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',

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: '背景颜色',

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: '背景颜色',

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,
+      },
+    ],
   }
+}

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: '背景颜色',

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: '背景颜色',

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 },
         ],
       },
       {

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: '文本内容',

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: '地址',

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,
+      },
+    ],
   }
+}

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,
+      },
+    ],
   }
+}

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大屏中的高度',
-        },
-      ],
-    }
-  }
+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大屏中的高度',
+      },
+    ],
+  }
+}

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,
+      },
+    ]
   }
+}

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
+      },
+    ],
   }
+}

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,
+      },
+    ],
   }
+}

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: '地址',

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: '背景颜色',