diff --git a/report-ui/src/views/bigscreenDesigner/designer/tools/configure/widget-airbubble-map.js b/report-ui/src/views/bigscreenDesigner/designer/tools/configure/widget-airbubble-map.js
index b62a66a4..979c7da5 100644
--- a/report-ui/src/views/bigscreenDesigner/designer/tools/configure/widget-airbubble-map.js
+++ b/report-ui/src/views/bigscreenDesigner/designer/tools/configure/widget-airbubble-map.js
@@ -6,377 +6,377 @@
* @LastEditors: qianlishi
* @LastEditTime: 2021-09-28 14:10:01
*/
-export const widgetAirbubbleMap = {
- code: 'widgetAirBubbleMap',
- type: 'chart',
- label: '气泡地图',
- icon: 'iconzhongguoditu',
- options: {
- // 配置
- setup: [
+export const widgetAirbubbleMap = {
+ code: 'widgetAirBubbleMap',
+ type: 'chart',
+ label: '气泡地图',
+ icon: 'iconzhongguoditu',
+ options: {
+ // 配置
+ setup: [
+ {
+ type: 'el-input-text',
+ label: '图层名称',
+ name: 'layerName',
+ required: false,
+ placeholder: '',
+ value: '中国地图-气泡图',
+ },
+ {
+ 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: 'el-switch',
- label: '标题',
- name: 'isNoTitle',
- required: false,
- placeholder: '',
- value: true
- },
- {
- type: 'el-input-text',
- label: '标题',
- name: 'titleText',
- required: false,
- placeholder: '',
- value: ''
- },
- {
- type: 'vue-color',
- label: '字体颜色',
- name: 'textColor',
- required: false,
- placeholder: '',
- value: '#fff'
- },
- {
- type: 'el-select',
- label: '字体粗细',
- name: 'textFontWeight',
- required: false,
- placeholder: '',
- selectOptions: [
- {code: 'normal', name: '正常'},
- {code: 'bold', name: '粗体'},
- {code: 'bolder', name: '特粗体'},
- {code: 'lighter', name: '细体'}
- ],
- value: 'normal'
- },
- {
- type: 'el-input-number',
- label: '字体大小',
- name: 'textFontSize',
- required: false,
- placeholder: '',
- value: 20
- },
- {
- type: 'el-select',
- label: '字体位置',
- name: 'textAlign',
- required: false,
- placeholder: '',
- selectOptions: [
- {code: 'center', name: '居中'},
- {code: 'left', name: '左对齐'},
- {code: 'right', name: '右对齐'},
- ],
- value: 'left'
- },
- {
- type: 'el-input-text',
- label: '副标题',
- name: 'subText',
- required: false,
- placeholder: '',
- value: ''
- },
- {
- type: 'vue-color',
- label: '字体颜色',
- name: 'subTextColor',
- required: false,
- placeholder: '',
- value: ''
- },
- {
- type: 'el-select',
- label: '字体粗细',
- name: 'subTextFontWeight',
- required: false,
- placeholder: '',
- selectOptions: [
- {code: 'normal', name: '正常'},
- {code: 'bold', name: '粗体'},
- {code: 'bolder', name: '特粗体'},
- {code: 'lighter', name: '细体'}
- ],
- value: 'normal'
- },
- {
- type: 'el-input-number',
- label: '字体大小',
- name: 'subTextFontSize',
- required: false,
- placeholder: '',
- value: 12
- },
- ],
- },
- {
- name: '字体设置',
- list: [
- {
- type: 'el-input-number',
- label: '文字大小',
- name: 'fontTextSize',
- required: false,
- placeholder: '',
- value: 15,
- },
- {
- type: 'vue-color',
- label: '文字颜色',
- name: 'fontTextColor',
- required: false,
- placeholder: '',
- value: '#D4EEFF'
- },
- {
- type: 'el-select',
- label: '文字粗细',
- name: 'fontTextWeight',
- required: false,
- placeholder: '',
- selectOptions: [
- {code: 'normal', name: '正常'},
- {code: 'bold', name: '粗体'},
- {code: 'bolder', name: '特粗体'},
- {code: 'lighter', name: '细体'}
- ],
- value: 'normal'
- },
- {
- type: 'el-input-number',
- label: '数值大小',
- name: 'fontDataSize',
- required: false,
- placeholder: '',
- value: 15,
- },
- {
- type: 'vue-color',
- label: '数值颜色',
- name: 'fontDataColor',
- required: false,
- placeholder: '',
- value: '#D4EEFF'
- },
- {
- type: 'el-select',
- label: '数值粗细',
- name: 'fontDataWeight',
- 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: 'fontminSize4Pin',
- required: false,
- placeholder: '',
- value: 20,
- },
- {
- type: 'el-input-number',
- label: '最大半径',
- name: 'fontmaxSize4Pin',
- required: false,
- placeholder: '',
- value: 100,
- },
- /*{
- type: 'vue-color',
- label: '气泡颜色',
- name: 'fontPieColor',
- required: false,
- placeholder: '',
- value: ''
- },*/
- ],
- },
- {
- name: '地图块颜色',
- list: [
- {
- type: 'vue-color',
- label: '0%处颜色',
- name: 'font0PreColor',
- required: false,
- placeholder: '',
- value: '#073684'
- },
- {
- type: 'vue-color',
- label: '100%颜色',
- name: 'font100PreColor',
- required: false,
- placeholder: '',
- value: '#061E3D'
- },
- {
- type: 'vue-color',
- label: '高亮渐变色',
- name: 'fontHighlightColor',
- required: false,
- placeholder: '',
- value: '#2B91B7'
- },
- ],
- },
- ],
- ],
- data: [
- {
- type: 'el-radio-group',
- label: '数据类型',
- name: 'dataType',
- require: false,
- placeholder: '',
- selectValue: true,
- selectOptions: [
+ name: '标题设置',
+ list: [
+ {
+ type: 'el-switch',
+ label: '标题',
+ name: 'isNoTitle',
+ required: false,
+ placeholder: '',
+ value: true
+ },
+ {
+ type: 'el-input-text',
+ label: '标题',
+ name: 'titleText',
+ required: false,
+ placeholder: '',
+ value: ''
+ },
+ {
+ type: 'vue-color',
+ label: '字体颜色',
+ name: 'textColor',
+ required: false,
+ placeholder: '',
+ value: '#fff'
+ },
+ {
+ type: 'el-select',
+ label: '字体粗细',
+ name: 'textFontWeight',
+ required: false,
+ placeholder: '',
+ selectOptions: [
+ {code: 'normal', name: '正常'},
+ {code: 'bold', name: '粗体'},
+ {code: 'bolder', name: '特粗体'},
+ {code: 'lighter', name: '细体'}
+ ],
+ value: 'normal'
+ },
+ {
+ type: 'el-input-number',
+ label: '字体大小',
+ name: 'textFontSize',
+ required: false,
+ placeholder: '',
+ value: 20
+ },
+ {
+ type: 'el-select',
+ label: '字体位置',
+ name: 'textAlign',
+ required: false,
+ placeholder: '',
+ selectOptions: [
+ {code: 'center', name: '居中'},
+ {code: 'left', name: '左对齐'},
+ {code: 'right', name: '右对齐'},
+ ],
+ value: 'left'
+ },
{
- code: 'staticData',
- name: '静态数据',
+ type: 'el-input-text',
+ label: '副标题',
+ name: 'subText',
+ required: false,
+ placeholder: '',
+ value: ''
},
{
- code: 'dynamicData',
- name: '动态数据',
+ type: 'vue-color',
+ label: '字体颜色',
+ name: 'subTextColor',
+ required: false,
+ placeholder: '',
+ value: ''
+ },
+ {
+ type: 'el-select',
+ label: '字体粗细',
+ name: 'subTextFontWeight',
+ required: false,
+ placeholder: '',
+ selectOptions: [
+ {code: 'normal', name: '正常'},
+ {code: 'bold', name: '粗体'},
+ {code: 'bolder', name: '特粗体'},
+ {code: 'lighter', name: '细体'}
+ ],
+ value: 'normal'
+ },
+ {
+ type: 'el-input-number',
+ label: '字体大小',
+ name: 'subTextFontSize',
+ required: false,
+ placeholder: '',
+ value: 12
},
],
- value: 'staticData',
},
{
- type: 'el-input-number',
- label: '刷新时间(毫秒)',
- name: 'refreshTime',
- relactiveDom: 'dataType',
- relactiveDomValue: 'dynamicData',
- value: 5000
+ name: '字体设置',
+ list: [
+ {
+ type: 'el-input-number',
+ label: '文字大小',
+ name: 'fontTextSize',
+ required: false,
+ placeholder: '',
+ value: 15,
+ },
+ {
+ type: 'vue-color',
+ label: '文字颜色',
+ name: 'fontTextColor',
+ required: false,
+ placeholder: '',
+ value: '#D4EEFF'
+ },
+ {
+ type: 'el-select',
+ label: '文字粗细',
+ name: 'fontTextWeight',
+ required: false,
+ placeholder: '',
+ selectOptions: [
+ {code: 'normal', name: '正常'},
+ {code: 'bold', name: '粗体'},
+ {code: 'bolder', name: '特粗体'},
+ {code: 'lighter', name: '细体'}
+ ],
+ value: 'normal'
+ },
+ {
+ type: 'el-input-number',
+ label: '数值大小',
+ name: 'fontDataSize',
+ required: false,
+ placeholder: '',
+ value: 15,
+ },
+ {
+ type: 'vue-color',
+ label: '数值颜色',
+ name: 'fontDataColor',
+ required: false,
+ placeholder: '',
+ value: '#D4EEFF'
+ },
+ {
+ type: 'el-select',
+ label: '数值粗细',
+ name: 'fontDataWeight',
+ required: false,
+ placeholder: '',
+ selectOptions: [
+ {code: 'normal', name: '正常'},
+ {code: 'bold', name: '粗体'},
+ {code: 'bolder', name: '特粗体'},
+ {code: 'lighter', name: '细体'}
+ ],
+ value: 'normal'
+ },
+ ],
},
{
- type: 'el-button',
- label: '静态数据',
- name: 'staticData',
- required: false,
- placeholder: '',
- 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: '气泡设置',
+ list: [
+ {
+ type: 'el-input-number',
+ label: '最小半径',
+ name: 'fontminSize4Pin',
+ required: false,
+ placeholder: '',
+ value: 20,
+ },
+ {
+ type: 'el-input-number',
+ label: '最大半径',
+ name: 'fontmaxSize4Pin',
+ required: false,
+ placeholder: '',
+ value: 100,
+ },
+ /*{
+ type: 'vue-color',
+ label: '气泡颜色',
+ name: 'fontPieColor',
+ required: false,
+ placeholder: '',
+ value: ''
+ },*/
+ ],
},
{
- type: 'dycustComponents',
- label: '',
- name: 'dynamicData',
- required: false,
- placeholder: '',
- relactiveDom: 'dataType',
- chartType: 'widget-piechart',
- dictKey: 'MAP_PROPERTIES',
- relactiveDomValue: 'dynamicData',
- value: '',
+ name: '地图块颜色',
+ list: [
+ {
+ type: 'vue-color',
+ label: '0%处颜色',
+ name: 'font0PreColor',
+ required: false,
+ placeholder: '',
+ value: '#073684'
+ },
+ {
+ type: 'vue-color',
+ label: '100%颜色',
+ name: 'font100PreColor',
+ required: false,
+ placeholder: '',
+ value: '#061E3D'
+ },
+ {
+ type: 'vue-color',
+ label: '高亮渐变色',
+ name: 'fontHighlightColor',
+ required: false,
+ placeholder: '',
+ value: '#2B91B7'
+ },
+ ],
},
],
- 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: 400,
- },
- ]
- }
+ ],
+ 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: [
+ {"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',
+ label: '',
+ name: 'dynamicData',
+ required: false,
+ placeholder: '',
+ relactiveDom: 'dataType',
+ chartType: 'widget-piechart',
+ dictKey: 'MAP_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: 600,
+ },
+ {
+ type: 'el-input-number',
+ label: '高度',
+ name: 'height',
+ required: false,
+ placeholder: '该容器在1080px大屏中的高度',
+ value: 400,
+ },
+ ]
}
+}
diff --git a/report-ui/src/views/screenDesigner/components/temp.vue b/report-ui/src/views/screenDesigner/components/temp.vue
index 3fc31c72..3e8e9d3a 100644
--- a/report-ui/src/views/screenDesigner/components/temp.vue
+++ b/report-ui/src/views/screenDesigner/components/temp.vue
@@ -30,7 +30,7 @@ import WidgetPiechart from "../widget/pieCharts/widgetPiechart.vue";
import WidgetFunnel from "../widget/funnelCharts/widgetFunnel.vue";
import WidgetGauge from "../widget/percentCharts/widgetGauge.vue";
import WidgetPieNightingaleRoseArea from "../widget/pieCharts/widgetPieNightingaleRose";
-import widgetMap from "../widget/mapCharts/widgetMap.vue";
+import widgetLineMap from "../widget/mapCharts/widgetLineMap.vue";
import widgetPiePercentageChart from "../widget/percentCharts/widgetPiePercentageChart";
import widgetAirBubbleMap from "../widget/mapCharts/widgetAirBubbleMap";
import widgetBarStackChart from "../widget/barCharts/widgetBarStackChart";
@@ -62,7 +62,7 @@ export default {
WidgetFunnel,
WidgetGauge,
WidgetPieNightingaleRoseArea,
- widgetMap,
+ widgetLineMap,
widgetPiePercentageChart,
widgetAirBubbleMap,
widgetBarStackChart,
diff --git a/report-ui/src/views/screenDesigner/config/configs.js b/report-ui/src/views/screenDesigner/config/configs.js
index 2ab0d4fe..0fd70315 100644
--- a/report-ui/src/views/screenDesigner/config/configs.js
+++ b/report-ui/src/views/screenDesigner/config/configs.js
@@ -28,7 +28,7 @@ import {widgetBarlinechart} from "./barlineCharts/widget-barlinechart"
import {widgetPiechart} from "./pieCharts/widget-piechart"
import {widgetFunnel} from "./funnelCharts/widget-funnel"
import {widgetGauge} from "./percentCharts/widget-gauge"
-import {widgetMap} from "./mapCharts/widget-map"
+import {widgetLineMap} from "./mapCharts/widget-line-map"
import {widgetPieNightingale} from "./pieCharts/widget-pie-nightingale"
import {widgetPiePercentage} from "./percentCharts/widget-pie-percentage"
import {widgetAirbubbleMap} from "./mapCharts/widget-airbubble-map"
@@ -59,7 +59,7 @@ export const widgetTool = [
widgetPiechart,
widgetFunnel,
widgetGauge,
- widgetMap,
+ widgetLineMap,
widgetPieNightingale,
widgetPiePercentage,
widgetAirbubbleMap,
diff --git a/report-ui/src/views/screenDesigner/config/mapCharts/widget-airbubble-map.js b/report-ui/src/views/screenDesigner/config/mapCharts/widget-airbubble-map.js
index 363b6efb..33840f52 100644
--- a/report-ui/src/views/screenDesigner/config/mapCharts/widget-airbubble-map.js
+++ b/report-ui/src/views/screenDesigner/config/mapCharts/widget-airbubble-map.js
@@ -9,7 +9,7 @@
export const widgetAirbubbleMap = {
code: 'widgetAirBubbleMap',
type: 'mapChart',
- tabName: '地图',
+ tabName: '中国地图',
label: '气泡地图',
icon: 'iconzhongguoditu',
options: {
@@ -21,7 +21,7 @@ export const widgetAirbubbleMap = {
name: 'layerName',
required: false,
placeholder: '',
- value: '气泡地图',
+ value: '中国地图-气泡图',
},
{
type: 'vue-color',
@@ -29,7 +29,7 @@ export const widgetAirbubbleMap = {
name: 'background',
required: false,
placeholder: '',
- value: '#0F1C3C'
+ value: ''
},
[
{
@@ -297,38 +297,38 @@ export const widgetAirbubbleMap = {
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": 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}],
},
diff --git a/report-ui/src/views/screenDesigner/config/mapCharts/widget-line-map.js b/report-ui/src/views/screenDesigner/config/mapCharts/widget-line-map.js
new file mode 100644
index 00000000..c28d1370
--- /dev/null
+++ b/report-ui/src/views/screenDesigner/config/mapCharts/widget-line-map.js
@@ -0,0 +1,464 @@
+/*
+ * @Descripttion: 中国地图 json
+ * @version:
+ * @Author: qianlishi
+ * @Date: 2021-08-29 07:31:21
+ * @LastEditors: qianlishi
+ * @LastEditTime: 2021-09-28 14:17:20
+ */
+export const widgetLineMap = {
+ code: 'widgetLineMap',
+ type: 'mapChart',
+ tabName: '中国地图',
+ label: '路线地图',
+ icon: 'iconzhongguoditu',
+ options: {
+ setup: [
+ {
+ type: 'el-input-text',
+ label: '图层名称',
+ name: 'layerName',
+ required: false,
+ placeholder: '',
+ value: '中国地图-路线图',
+ },
+ {
+ type: 'vue-color',
+ label: '背景颜色',
+ name: 'background',
+ required: false,
+ placeholder: '',
+ value: ''
+ },
+ [
+ {
+ name: '标题设置',
+ list: [
+ {
+ type: 'el-switch',
+ label: '标题',
+ name: 'isNoTitle',
+ required: false,
+ placeholder: '',
+ value: true
+ },
+ {
+ type: 'el-input-text',
+ label: '标题',
+ name: 'titleText',
+ required: false,
+ placeholder: '',
+ value: ''
+ },
+ {
+ type: 'vue-color',
+ label: '字体颜色',
+ name: 'textColor',
+ required: false,
+ placeholder: '',
+ value: '#fff'
+ },
+ {
+ type: 'el-select',
+ label: '字体粗细',
+ name: 'textFontWeight',
+ required: false,
+ placeholder: '',
+ selectOptions: [
+ {code: 'normal', name: '正常'},
+ {code: 'bold', name: '粗体'},
+ {code: 'bolder', name: '特粗体'},
+ {code: 'lighter', name: '细体'}
+ ],
+ value: 'normal'
+ },
+ {
+ type: 'el-input-number',
+ label: '字体大小',
+ name: 'textFontSize',
+ required: false,
+ placeholder: '',
+ value: 20
+ },
+ {
+ type: 'el-select',
+ label: '字体位置',
+ name: 'textAlign',
+ required: false,
+ placeholder: '',
+ selectOptions: [
+ {code: 'center', name: '居中'},
+ {code: 'left', name: '左对齐'},
+ {code: 'right', name: '右对齐'},
+ ],
+ value: 'center'
+ },
+ {
+ type: 'el-input-text',
+ label: '副标题',
+ name: 'subText',
+ required: false,
+ placeholder: '',
+ value: ''
+ },
+ {
+ type: 'vue-color',
+ label: '字体颜色',
+ name: 'subTextColor',
+ required: false,
+ placeholder: '',
+ value: ''
+ },
+ {
+ type: 'el-select',
+ label: '字体粗细',
+ name: 'subTextFontWeight',
+ required: false,
+ placeholder: '',
+ selectOptions: [
+ {code: 'normal', name: '正常'},
+ {code: 'bold', name: '粗体'},
+ {code: 'bolder', name: '特粗体'},
+ {code: 'lighter', name: '细体'}
+ ],
+ value: 'normal'
+ },
+ {
+ type: 'el-input-number',
+ label: '字体大小',
+ name: 'subTextFontSize',
+ required: false,
+ placeholder: '',
+ value: 12
+ },
+ ],
+ },
+ {
+ name: '起点设置',
+ list: [
+ {
+ type: 'el-switch',
+ label: '起点显示',
+ name: 'isShowSource',
+ required: false,
+ placeholder: '',
+ value: true
+ },
+ {
+ type: 'el-input-number',
+ label: '点大小',
+ name: 'sourceSymbolSize',
+ required: false,
+ placeholder: '',
+ value: 10,
+ },
+ {
+ type: 'vue-color',
+ label: '点颜色',
+ name: 'sourcePointColor',
+ required: false,
+ placeholder: '',
+ value: '#46bee9'
+ },
+ {
+ type: 'el-input-number',
+ label: '文字大小',
+ name: 'sourceFontTextSize',
+ required: false,
+ placeholder: '',
+ value: 12,
+ },
+ {
+ type: 'vue-color',
+ label: '文字颜色',
+ name: 'sourceFontTextColor',
+ required: false,
+ placeholder: '',
+ value: '#46bee9'
+ },
+ {
+ type: 'el-select',
+ label: '文字粗细',
+ name: 'sourceFontTextWeight',
+ required: false,
+ placeholder: '',
+ selectOptions: [
+ {code: 'normal', name: '正常'},
+ {code: 'bold', name: '粗体'},
+ {code: 'bolder', name: '特粗体'},
+ {code: 'lighter', name: '细体'}
+ ],
+ value: 'normal'
+ },
+ ],
+ },
+ {
+ name: '终点设置',
+ list: [
+ {
+ type: 'el-switch',
+ label: '终点显示',
+ name: 'isShowTarget',
+ required: false,
+ placeholder: '',
+ value: true
+ },
+ {
+ type: 'el-input-number',
+ label: '点大小',
+ name: 'targetSymbolSize',
+ required: false,
+ placeholder: '',
+ value: 10,
+ },
+ {
+ type: 'vue-color',
+ label: '点颜色',
+ name: 'targetPointColor',
+ required: false,
+ placeholder: '',
+ value: '#46bee9'
+ },
+ {
+ type: 'el-input-number',
+ label: '文字大小',
+ name: 'targetFontTextSize',
+ required: false,
+ placeholder: '',
+ value: 12,
+ },
+ {
+ type: 'vue-color',
+ label: '文字颜色',
+ name: 'targetFontTextColor',
+ required: false,
+ placeholder: '',
+ value: '#46bee9'
+ },
+ {
+ type: 'el-select',
+ label: '文字粗细',
+ name: 'targetFontTextWeight',
+ required: false,
+ placeholder: '',
+ selectOptions: [
+ {code: 'normal', name: '正常'},
+ {code: 'bold', name: '粗体'},
+ {code: 'bolder', name: '特粗体'},
+ {code: 'lighter', name: '细体'}
+ ],
+ value: 'normal'
+ },
+ ],
+ },
+ {
+ name: '图标设置',
+ list: [
+ {
+ type: 'el-select',
+ label: '图标样式',
+ name: 'symbol',
+ required: false,
+ placeholder: '',
+ selectOptions: [
+ {code: 'arrow', name: '箭头'},
+ {code: 'plane', name: '飞机'},
+ ],
+ value: 'arrow'
+ },
+ {
+ type: 'el-input-number',
+ label: '动画速度',
+ name: 'symbolPeriod',
+ required: false,
+ placeholder: '',
+ value: 4,
+ },
+ {
+ type: 'el-input-number',
+ label: '图标大小',
+ name: 'symbolSize',
+ required: false,
+ placeholder: '',
+ value: 10,
+ },
+ {
+ type: 'vue-color',
+ label: '图标颜色',
+ name: 'symbolColor',
+ required: false,
+ placeholder: '',
+ value: '#46bee9'
+ },
+ ],
+ },
+ {
+ name: '线设置',
+ list: [
+ {
+ type: 'vue-color',
+ label: '线颜色',
+ name: 'lineColor',
+ required: false,
+ placeholder: '',
+ value: '#ffa022'
+ },
+ {
+ type: 'el-input-number',
+ label: '线宽度',
+ name: 'lineWidth',
+ required: false,
+ placeholder: '',
+ value: 2,
+ },
+ ],
+ },
+ {
+ name: '地图颜色',
+ list: [
+ {
+ type: 'vue-color',
+ label: '地图块颜色',
+ name: 'blockColor',
+ required: false,
+ placeholder: '',
+ value: '#073684'
+ },
+ {
+ type: 'vue-color',
+ label: '边界颜色',
+ name: 'borderColor',
+ required: false,
+ placeholder: '',
+ value: '#061E3D'
+ },
+ {
+ type: 'vue-color',
+ label: '高亮颜色',
+ name: 'highlightColor',
+ required: false,
+ placeholder: '',
+ value: '#2B91B7'
+ },
+ ],
+ },
+ ]
+ ],
+ 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: [
+ {source: '北京市', target: '上海市', value: 95},
+ {source: '北京市', target: '广州市', value: 90},
+ {source: '北京市', target: '大连市', value: 80},
+ {source: '北京市', target: '南宁市', value: 70},
+ {source: '北京市', target: '南昌市', value: 60},
+ {source: '北京市', target: '拉萨市', value: 50},
+ {source: '北京市', target: '长春市', value: 40},
+ {source: '北京市', target: '包头市', value: 30},
+ {source: '北京市', target: '重庆市', value: 20},
+ {source: '北京市', target: '常州市', value: 10},
+ {source: '上海市', target: '包头市', value: 95},
+ {source: '上海市', target: '昆明市', value: 90},
+ {source: '上海市', target: '广州市', value: 80},
+ {source: '上海市', target: '郑州市', value: 70},
+ {source: '上海市', target: '长春市', value: 60},
+ {source: '上海市', target: '重庆市', value: 50},
+ {source: '上海市', target: '长沙市', value: 40},
+ {source: '上海市', target: '北京市', value: 30},
+ {source: '上海市', target: '丹东市', value: 20},
+ {source: '上海市', target: '大连市', value: 10},
+ {source: '广州市', target: '福州市', value: 95},
+ {source: '广州市', target: '太原市', value: 90},
+ {source: '广州市', target: '长春市', value: 80},
+ {source: '广州市', target: '重庆市', value: 70},
+ {source: '广州市', target: '西安市', value: 60},
+ {source: '广州市', target: '成都市', value: 50},
+ {source: '广州市', target: '常州市', value: 40},
+ {source: '广州市', target: '北京市', value: 30},
+ {source: '广州市', target: '北海市', value: 20},
+ {source: '广州市', target: '海口市', value: 10},
+ ],
+ },
+ {
+ type: 'dycustComponents',
+ label: '',
+ name: 'dynamicData',
+ required: false,
+ placeholder: '',
+ relactiveDom: 'dataType',
+ chartType: 'widget-linemap',
+ dictKey: 'SOUTAR_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: 600,
+ },
+ {
+ type: 'el-input-number',
+ label: '高度',
+ name: 'height',
+ required: false,
+ placeholder: '该容器在1080px大屏中的高度',
+ value: 400,
+ },
+ ]
+ }
+}
diff --git a/report-ui/src/views/screenDesigner/config/mapCharts/widget-map.js b/report-ui/src/views/screenDesigner/config/mapCharts/widget-map.js
deleted file mode 100644
index 5e0f05cd..00000000
--- a/report-ui/src/views/screenDesigner/config/mapCharts/widget-map.js
+++ /dev/null
@@ -1,62 +0,0 @@
-/*
- * @Descripttion: 中国地图 json
- * @version:
- * @Author: qianlishi
- * @Date: 2021-08-29 07:31:21
- * @LastEditors: qianlishi
- * @LastEditTime: 2021-09-28 14:17:20
- */
-export const widgetMap = {
- code: 'widget-map',
- type: 'mapChart',
- tabName: '地图',
- label: '中国地图',
- icon: 'iconzhongguoditu',
- options: {
- setup: [
- {
- type: 'el-input-text',
- label: '图层名称',
- name: 'layerName',
- required: false,
- placeholder: '',
- value: '迁徙图',
- },
- ],
- 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: 600,
- },
- {
- type: 'el-input-number',
- label: '高度',
- name: 'height',
- required: false,
- placeholder: '该容器在1080px大屏中的高度',
- value: 400,
- },
- ]
- }
-}
diff --git a/report-ui/src/views/screenDesigner/config/texts/widget-time.js b/report-ui/src/views/screenDesigner/config/texts/widget-time.js
index 902af6f0..0ae042c9 100644
--- a/report-ui/src/views/screenDesigner/config/texts/widget-time.js
+++ b/report-ui/src/views/screenDesigner/config/texts/widget-time.js
@@ -1,10 +1,10 @@
/*
* @Descripttion: 时间控件json
- * @version:
+ * @version:
* @Author: qianlishi
* @Date: 2021-08-29 07:05:52
* @LastEditors: qianlishi
- * @LastEditTime: 2022-03-11 10:38:16
+ * @LastEditTime: 2021-09-28 14:20:30
*/
export const widgetTime = {
code: 'widget-time',
@@ -57,7 +57,7 @@ export const widgetTime = {
name: 'fontSize',
required: false,
placeholder: '',
- value: '26'
+ value: '36'
},
{
type: 'vue-color',
@@ -129,7 +129,7 @@ export const widgetTime = {
name: 'width',
required: false,
placeholder: '该容器在1920px大屏中的宽度',
- value: 300,
+ value: 400,
},
{
type: 'el-input-number',
@@ -137,8 +137,8 @@ export const widgetTime = {
name: 'height',
required: false,
placeholder: '该容器在1080px大屏中的高度',
- value: 100,
+ value: 50,
},
],
}
- }
\ No newline at end of file
+ }
diff --git a/report-ui/src/views/screenDesigner/widget/index.vue b/report-ui/src/views/screenDesigner/widget/index.vue
index 6edb20c4..4223b4e0 100644
--- a/report-ui/src/views/screenDesigner/widget/index.vue
+++ b/report-ui/src/views/screenDesigner/widget/index.vue
@@ -32,7 +32,7 @@ import WidgetPiechart from "./pieCharts/widgetPiechart.vue";
import WidgetFunnel from "./funnelCharts/widgetFunnel.vue";
import WidgetGauge from "./percentCharts/widgetGauge.vue";
import WidgetPieNightingaleRoseArea from "./pieCharts/widgetPieNightingaleRose";
-import widgetMap from "./mapCharts/widgetMap.vue";
+import widgetLineMap from "./mapCharts/widgetLineMap.vue";
import widgetPiePercentageChart from "./percentCharts/widgetPiePercentageChart";
import widgetAirBubbleMap from "./mapCharts/widgetAirBubbleMap";
import widgetBarStackChart from "./barCharts/widgetBarStackChart";
@@ -64,7 +64,7 @@ export default {
WidgetFunnel,
WidgetGauge,
WidgetPieNightingaleRoseArea,
- widgetMap,
+ widgetLineMap,
widgetPiePercentageChart,
widgetAirBubbleMap,
widgetBarStackChart,
diff --git a/report-ui/src/views/screenDesigner/widget/mapCharts/widgetAirBubbleMap.vue b/report-ui/src/views/screenDesigner/widget/mapCharts/widgetAirBubbleMap.vue
index 3e3ff359..88d91dec 100644
--- a/report-ui/src/views/screenDesigner/widget/mapCharts/widgetAirBubbleMap.vue
+++ b/report-ui/src/views/screenDesigner/widget/mapCharts/widgetAirBubbleMap.vue
@@ -9,38 +9,40 @@ import "../../../../../node_modules/echarts/map/js/china.js";
//https://www.makeapie.com/editor.html?c=x2yaz6dfRw
//https://www.makeapie.com/editor.html?c=xMpGBbTEKU
let geoCoordMap = {
- 台湾: [121.5135, 25.0308],
- 黑龙江: [127.9688, 45.368],
- 内蒙古: [110.3467, 41.4899],
- 吉林: [125.8154, 44.2584],
- 北京: [116.4551, 40.2539],
- 辽宁: [123.1238, 42.1216],
- 河北: [114.4995, 38.1006],
- 天津: [117.4219, 39.4189],
- 山西: [112.3352, 37.9413],
- 陕西: [109.1162, 34.2004],
- 甘肃: [103.5901, 36.3043],
- 宁夏: [106.3586, 38.1775],
- 青海: [101.4038, 36.8207],
- 新疆: [87.9236, 43.5883],
- 西藏: [91.11, 29.97],
- 四川: [103.9526, 30.7617],
- 重庆: [108.384366, 30.439702],
- 山东: [117.1582, 36.8701],
- 河南: [113.4668, 34.6234],
- 江苏: [118.8062, 31.9208],
- 安徽: [117.29, 32.0581],
- 湖北: [114.3896, 30.6628],
- 浙江: [119.5313, 29.8773],
- 福建: [119.4543, 25.9222],
- 江西: [116.0046, 28.6633],
- 湖南: [113.0823, 28.2568],
- 贵州: [106.6992, 26.7682],
- 云南: [102.9199, 25.4663],
- 广东: [113.12244, 23.009505],
- 广西: [108.479, 23.1152],
- 海南: [110.3893, 19.8516],
- 上海: [121.4648, 31.2891]
+ 台湾省: [121.5135, 25.0308],
+ 黑龙江省: [127.9688, 45.368],
+ 内蒙古自治区: [110.3467, 41.4899],
+ 吉林省: [125.8154, 44.2584],
+ 北京市: [116.4551, 40.2539],
+ 辽宁省: [123.1238, 42.1216],
+ 河北省: [114.4995, 38.1006],
+ 天津市: [117.4219, 39.4189],
+ 山西省: [112.3352, 37.9413],
+ 陕西省: [109.1162, 34.2004],
+ 甘肃省: [103.5901, 36.3043],
+ 宁夏回族自治区: [106.3586, 38.1775],
+ 青海省: [101.4038, 36.8207],
+ 新疆维吾尔自治区: [87.9236, 43.5883],
+ 西藏自治区: [91.11, 29.97],
+ 四川省: [103.9526, 30.7617],
+ 重庆市: [108.384366, 30.439702],
+ 山东省: [117.1582, 36.8701],
+ 河南省: [113.4668, 34.6234],
+ 江苏省: [118.8062, 31.9208],
+ 安徽省: [117.29, 32.0581],
+ 湖北省: [114.3896, 30.6628],
+ 浙江省: [119.5313, 29.8773],
+ 福建省: [119.4543, 25.9222],
+ 江西省: [116.0046, 28.6633],
+ 湖南省: [113.0823, 28.2568],
+ 贵州省: [106.6992, 26.7682],
+ 云南省: [102.9199, 25.4663],
+ 广东省: [113.12244, 23.009505],
+ 广西壮族自治区: [108.479, 23.1152],
+ 海南省: [110.3893, 19.8516],
+ 上海市: [121.4648, 31.2891],
+ 香港: [114.173355,22.320048],
+ 澳门: [113.54909,22.198951]
};
let data = [
{
diff --git a/report-ui/src/views/screenDesigner/widget/mapCharts/widgetLineMap.vue b/report-ui/src/views/screenDesigner/widget/mapCharts/widgetLineMap.vue
new file mode 100644
index 00000000..0eea8b8b
--- /dev/null
+++ b/report-ui/src/views/screenDesigner/widget/mapCharts/widgetLineMap.vue
@@ -0,0 +1,552 @@
+
+
+
+
+
+
+
diff --git a/report-ui/src/views/screenDesigner/widget/mapCharts/widgetMap.vue b/report-ui/src/views/screenDesigner/widget/mapCharts/widgetMap.vue
deleted file mode 100644
index dd6b8867..00000000
--- a/report-ui/src/views/screenDesigner/widget/mapCharts/widgetMap.vue
+++ /dev/null
@@ -1,468 +0,0 @@
-
-
-
-
-
-
-
diff --git a/report-ui/src/views/screenDesigner/widget/texts/widgetTime.vue b/report-ui/src/views/screenDesigner/widget/texts/widgetTime.vue
index 5a55bc02..1c3d8918 100644
--- a/report-ui/src/views/screenDesigner/widget/texts/widgetTime.vue
+++ b/report-ui/src/views/screenDesigner/widget/texts/widgetTime.vue
@@ -94,11 +94,11 @@ export default {
},
formatWeek(date, fmt) {
const year = date.getFullYear();
- const month = date.getMonth() + 1;
- const day = date.getDate();
- const hours = date.getHours();
- const minutes = date.getMinutes();
- const seconds = date.getSeconds();
+ const month = this.check(date.getMonth() + 1);
+ const day = this.check(date.getDate());
+ const hours = this.check(date.getHours());
+ const minutes = this.check(date.getMinutes());
+ const seconds = this.check(date.getSeconds());
let dayCycle = date.getDay();
const dayCycleArray = ["日", "一", "二", "三", "四", "五", "六"];
for (let i = 0; i < 7; i++) {