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++) {