From f8fdf4c953eed9fe317311f0a0113579352d9994 Mon Sep 17 00:00:00 2001 From: qianlishi Date: Mon, 7 Nov 2022 15:54:38 +0800 Subject: [PATCH] =?UTF-8?q?=E5=A4=A7=E5=B1=8F=E4=BA=8C=E7=BA=A7=E8=8F=9C?= =?UTF-8?q?=E5=8D=95?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../bigscreenDesigner/designer/index.vue | 216 ++++-- .../configure/barCharts/widget-bar-compare.js | 660 +++++++++++++++++ .../{ => barCharts}/widget-bar-line-stack.js | 89 +-- .../{ => barCharts}/widget-bar-stack.js | 3 +- .../{ => barCharts}/widget-barchart.js | 45 +- .../{ => barlineChart}/widget-barlinechart.js | 85 +-- .../widget-gradient-barchart.js | 3 +- .../widget-more-bar-line.js | 83 +-- .../widget-decorate-pie.js | 13 +- .../{ => funnelCharts}/widget-funnel.js | 63 +- .../configure/{ => heatmap}/widget-heatmap.js | 253 +++---- .../{ => lineCharts}/widget-line-compare.js | 75 +- .../configure/lineCharts/widget-line-stack.js | 680 ++++++++++++++++++ .../{ => lineCharts}/widget-linechart.js | 3 +- .../{ => mapCharts}/widget-airbubble-map.js | 7 +- .../{ => mapCharts}/widget-line-map.js | 105 +-- .../{ => percentCharts}/widget-gauge.js | 13 +- .../widget-pie-percentage.js | 3 +- .../pieCharts/widget-pie-nightingale.js | 405 +++++++++++ .../configure/pieCharts/widget-piechart.js | 405 +++++++++++ .../tools/configure/texts/widget-href.js | 158 ++++ .../tools/configure/texts/widget-iframe.js | 73 ++ .../configure/{ => texts}/widget-image.js | 3 +- .../configure/{ => texts}/widget-marquee.js | 3 +- .../configure/{ => texts}/widget-radar.js | 3 +- .../configure/{ => texts}/widget-slider.js | 3 +- .../configure/{ => texts}/widget-table.js | 3 +- .../configure/{ => texts}/widget-text.js | 3 +- .../configure/{ => texts}/widget-time.js | 3 +- .../tools/configure/texts/widget-video.js | 73 ++ .../tools/configure/widget-bar-compare.js | 659 ----------------- .../designer/tools/configure/widget-href.js | 157 ---- .../designer/tools/configure/widget-iframe.js | 72 -- .../tools/configure/widget-line-stack.js | 679 ----------------- .../tools/configure/widget-pie-nightingale.js | 404 ----------- .../tools/configure/widget-piechart.js | 404 ----------- .../designer/tools/configure/widget-video.js | 72 -- .../tools/configure/widget-word-cloud.js | 416 ----------- .../wordcloudCharts/widget-word-cloud.js | 417 +++++++++++ .../bigscreenDesigner/designer/tools/index.js | 39 +- .../bigscreenDesigner/designer/tools/main.js | 66 +- 41 files changed, 3532 insertions(+), 3387 deletions(-) create mode 100644 report-ui/src/views/bigscreenDesigner/designer/tools/configure/barCharts/widget-bar-compare.js rename report-ui/src/views/bigscreenDesigner/designer/tools/configure/{ => barCharts}/widget-bar-line-stack.js (88%) rename report-ui/src/views/bigscreenDesigner/designer/tools/configure/{ => barCharts}/widget-bar-stack.js (99%) rename report-ui/src/views/bigscreenDesigner/designer/tools/configure/{ => barCharts}/widget-barchart.js (92%) rename report-ui/src/views/bigscreenDesigner/designer/tools/configure/{ => barlineChart}/widget-barlinechart.js (89%) rename report-ui/src/views/bigscreenDesigner/designer/tools/configure/{ => barlineChart}/widget-gradient-barchart.js (99%) rename report-ui/src/views/bigscreenDesigner/designer/tools/configure/{ => barlineChart}/widget-more-bar-line.js (89%) rename report-ui/src/views/bigscreenDesigner/designer/tools/configure/{ => decorateCharts}/widget-decorate-pie.js (97%) rename report-ui/src/views/bigscreenDesigner/designer/tools/configure/{ => funnelCharts}/widget-funnel.js (84%) rename report-ui/src/views/bigscreenDesigner/designer/tools/configure/{ => heatmap}/widget-heatmap.js (68%) rename report-ui/src/views/bigscreenDesigner/designer/tools/configure/{ => lineCharts}/widget-line-compare.js (90%) create mode 100644 report-ui/src/views/bigscreenDesigner/designer/tools/configure/lineCharts/widget-line-stack.js rename report-ui/src/views/bigscreenDesigner/designer/tools/configure/{ => lineCharts}/widget-linechart.js (99%) rename report-ui/src/views/bigscreenDesigner/designer/tools/configure/{ => mapCharts}/widget-airbubble-map.js (98%) rename report-ui/src/views/bigscreenDesigner/designer/tools/configure/{ => mapCharts}/widget-line-map.js (76%) rename report-ui/src/views/bigscreenDesigner/designer/tools/configure/{ => percentCharts}/widget-gauge.js (97%) rename report-ui/src/views/bigscreenDesigner/designer/tools/configure/{ => percentCharts}/widget-pie-percentage.js (99%) create mode 100644 report-ui/src/views/bigscreenDesigner/designer/tools/configure/pieCharts/widget-pie-nightingale.js create mode 100644 report-ui/src/views/bigscreenDesigner/designer/tools/configure/pieCharts/widget-piechart.js create mode 100644 report-ui/src/views/bigscreenDesigner/designer/tools/configure/texts/widget-href.js create mode 100644 report-ui/src/views/bigscreenDesigner/designer/tools/configure/texts/widget-iframe.js rename report-ui/src/views/bigscreenDesigner/designer/tools/configure/{ => texts}/widget-image.js (98%) rename report-ui/src/views/bigscreenDesigner/designer/tools/configure/{ => texts}/widget-marquee.js (99%) rename report-ui/src/views/bigscreenDesigner/designer/tools/configure/{ => texts}/widget-radar.js (99%) rename report-ui/src/views/bigscreenDesigner/designer/tools/configure/{ => texts}/widget-slider.js (97%) rename report-ui/src/views/bigscreenDesigner/designer/tools/configure/{ => texts}/widget-table.js (99%) rename report-ui/src/views/bigscreenDesigner/designer/tools/configure/{ => texts}/widget-text.js (99%) rename report-ui/src/views/bigscreenDesigner/designer/tools/configure/{ => texts}/widget-time.js (98%) create mode 100644 report-ui/src/views/bigscreenDesigner/designer/tools/configure/texts/widget-video.js delete mode 100644 report-ui/src/views/bigscreenDesigner/designer/tools/configure/widget-bar-compare.js delete mode 100644 report-ui/src/views/bigscreenDesigner/designer/tools/configure/widget-href.js delete mode 100644 report-ui/src/views/bigscreenDesigner/designer/tools/configure/widget-iframe.js delete mode 100644 report-ui/src/views/bigscreenDesigner/designer/tools/configure/widget-line-stack.js delete mode 100644 report-ui/src/views/bigscreenDesigner/designer/tools/configure/widget-pie-nightingale.js delete mode 100644 report-ui/src/views/bigscreenDesigner/designer/tools/configure/widget-piechart.js delete mode 100644 report-ui/src/views/bigscreenDesigner/designer/tools/configure/widget-video.js delete mode 100644 report-ui/src/views/bigscreenDesigner/designer/tools/configure/widget-word-cloud.js create mode 100644 report-ui/src/views/bigscreenDesigner/designer/tools/configure/wordcloudCharts/widget-word-cloud.js diff --git a/report-ui/src/views/bigscreenDesigner/designer/index.vue b/report-ui/src/views/bigscreenDesigner/designer/index.vue index 5a989550..124df5eb 100644 --- a/report-ui/src/views/bigscreenDesigner/designer/index.vue +++ b/report-ui/src/views/bigscreenDesigner/designer/index.vue @@ -12,24 +12,34 @@ class="layout-left" :style="{ width: widthLeftForTools + 'px' }" > - + - -
  • -
    - - - - {{ widget.label }} -
    -
    • + 工具栏 +
    + + +
  • +
    + + + + {{ it.label }} +
    +
    • +     +     +
    @@ -170,7 +180,7 @@ class="workbench-container" :style="{ width: bigscreenWidthInWorkbench + 'px', - height: bigscreenHeightInWorkbench + 'px' + height: bigscreenHeightInWorkbench + 'px', }" @mousedown="handleMouseDown" > @@ -197,7 +207,7 @@ 'background-repeat': 'initial', 'background-attachment': 'initial', 'background-origin': 'initial', - 'background-clip': 'initial' + 'background-clip': 'initial', }" @click.self="setOptionsOnClickScreen" @drop="widgetOnDragged($event)" @@ -235,7 +245,7 @@     @@ -281,7 +291,7 @@ import { insertDashboard, detailDashboard, importDashboard, - exportDashboard + exportDashboard, } from "@/api/bigscreen"; import { widgetTools, getToolByCode } from "./tools/index"; import widget from "./widget/widget.vue"; @@ -299,7 +309,7 @@ export default { VueRulerTool, widget, dynamicForm, - contentMenu + contentMenu, }, data() { return { @@ -330,7 +340,7 @@ export default { backgroundImage: "", // 大屏背景图片 refreshSeconds: null, // 大屏刷新时间间隔 presetLine: [], // 辅助线 - presetLineVisible: true // 辅助线是否显示 + presetLineVisible: true, // 辅助线是否显示 }, // 大屏的标记 screenCode: "", @@ -348,12 +358,12 @@ export default { height: 100, left: 0, top: 0, - zIndex: 0 - } + zIndex: 0, + }, }, // options属性是从工具栏中拿到的tools中拿到 - options: [] - } + options: [], + }, ], // 工作区中拖放的组件 // 当前激活组件 @@ -362,16 +372,16 @@ export default { widgetOptions: { setup: [], // 配置 data: [], // 数据 - position: [] // 坐标 + position: [], // 坐标 }, flagWidgetClickStopPropagation: false, // 点击组件时阻止事件冒泡传递到画布click事件上 styleObj: { left: 0, - top: 0 + top: 0, }, visibleContentMenu: false, rightClickIndex: -1, - activeName: "first" + activeName: "first", }; }, computed: { @@ -380,7 +390,7 @@ export default { }, headers() { return { - Authorization: getToken() // 直接从本地获取token就行 + Authorization: getToken(), // 直接从本地获取token就行 }; }, // 左侧折叠切换时，动态计算中间区的宽度 @@ -407,9 +417,7 @@ export default { return Math.min(widthScale, heightScale); }, workbenchTransform() { - return `scale(${this.bigscreenScaleInWorkbench}, ${ - this.bigscreenScaleInWorkbench - })`; + return `scale(${this.bigscreenScaleInWorkbench}, ${this.bigscreenScaleInWorkbench})`; }, // 大屏在设计模式的大小 bigscreenWidthInWorkbench() { @@ -419,7 +427,7 @@ export default { return ( this.getPXUnderScale(this.bigscreenHeight) + this.widthPaddingTools ); - } + }, }, watch: { widgets: { @@ -430,8 +438,8 @@ export default { this.revoke.push(this.widgets); }); }, - deep: true - } + deep: true, + }, }, created() { /* 以下是记录历史的 */ @@ -476,7 +484,7 @@ export default { const obj = {}; obj.icon = getToolByCode(val[i].type).icon; const options = val[i].options["setup"]; - options.forEach(el => { + options.forEach((el) => { if (el.name == "layerName") { obj.label = el.value; } @@ -512,7 +520,7 @@ export default { backgroundImage: (data && data.backgroundImage) || "", height: (data && data.height) || "1080", title: (data && data.title) || "", - width: (data && data.width) || "1920" + width: (data && data.width) || "1920", }; }, handleInitEchartsData(data) { @@ -524,7 +532,7 @@ export default { obj.value = { setup: widgets[i].value.setup, data: widgets[i].value.data, - position: widgets[i].value.position + position: widgets[i].value.position, }; const tool = this.deepClone(getToolByCode(widgets[i].type)); const option = tool.options; @@ -545,7 +553,7 @@ export default { } else if (Object.prototype.toString.call(item) == "[object Array]") { for (let j = 0; j < item.length; j++) { const list = item[j].list; - list.forEach(el => { + list.forEach((el) => { if (key == el.name) { el.value = data.setup[key]; } @@ -585,9 +593,9 @@ export default { width: this.dashboard.width, height: this.dashboard.height, backgroundColor: this.dashboard.backgroundColor, - backgroundImage: this.dashboard.backgroundImage + backgroundImage: this.dashboard.backgroundImage, }, - widgets: this.widgets + widgets: this.widgets, }; const { code, data } = await insertDashboard(screenData); if (code == "200") { @@ -598,7 +606,7 @@ export default { viewScreen() { let routeUrl = this.$router.resolve({ path: "/bigscreen/viewer", - query: { reportCode: this.$route.query.reportCode } + query: { reportCode: this.$route.query.reportCode }, }); window.open(routeUrl.href, "_blank"); }, @@ -608,15 +616,15 @@ export default { const param = { reportCode: this.$route.query.reportCode, - showDataSet: val + showDataSet: val, }; - exportDashboard(param).then(res => { + exportDashboard(param).then((res) => { const that = this; const type = res.type; if (type == "application/json") { let reader = new FileReader(); reader.readAsText(res, "utf-8"); - reader.onload = function() { + reader.onload = function () { const data = JSON.parse(reader.result); that.$message.error(data.message); }; @@ -645,19 +653,19 @@ export default { if (response.code == "200") { this.$message({ message: "导入成功！", - type: "success" + type: "success", }); } else { this.$message({ message: response.message, - type: "error" + type: "error", }); } }, handleError(err) { this.$message({ message: "上传失败！", - type: "error" + type: "error", }); }, @@ -704,10 +712,10 @@ export default { height: 0, left: 0, top: 0, - zIndex: 0 - } + zIndex: 0, + }, }, - options: tool.options + options: tool.options, }; // 处理默认值 const widgetJsonValue = this.handleDefaultValue(widgetJson); @@ -739,7 +747,7 @@ export default { ) { for (let j = 0; j < item.length; j++) { const list = item[j].list; - list.forEach(el => { + list.forEach((el) => { widgetJson.value.setup[el.name] = el.value; }); } @@ -789,7 +797,7 @@ export default { } this.widgetIndex = obj.index; this.widgets[obj.index].value.position = obj; - this.widgets[obj.index].options.position.forEach(el => { + this.widgets[obj.index].options.position.forEach((el) => { for (const key in obj) { if (el.name == key) { el.value = obj[key]; @@ -835,7 +843,7 @@ export default { if (this.bigscreenHeight != this.dashboard.height) { this.bigscreenHeight = this.dashboard.height; } - this.widgetOptions.setup.forEach(el => { + this.widgetOptions.setup.forEach((el) => { if (el.name == "width") { el.value = this.bigscreenWidth; } else if (el.name == "height") { @@ -864,7 +872,7 @@ export default { this.styleObj = { left: left + "px", top: top + "px", - display: "block" + display: "block", }; } this.visibleContentMenu = true; @@ -948,8 +956,8 @@ export default { } else { this.widgets.unshift(this.widgets.splice(this.rightClickIndex, 1)[0]); } - } - } + }, + }, }; @@ -1353,4 +1361,92 @@ li { /deep/ .vue-ruler-v { opacity: 0.3; } +.layout-left { + width: 200px; + background: #242a30; + overflow-x: hidden; + overflow-y: auto; + .chart-type { + display: flex; + flex-direction: row; + overflow: hidden; + .type-left { + width: 100%; + height: calc(100vh - 80px); + text-align: center; + /deep/.el-tabs__header { + width: 30%; + margin-right: 0; + .el-tabs__nav-wrap { + &::after { + background: transparent; + } + .el-tabs__item { + text-align: center; + width: 100% !important; + color: #fff; + padding: 0; + font-size: 12px !important; + } + } + } + /deep/.el-tabs__content { + width: 70%; + } + } + } + //工具栏一个元素 + .tools-item { + display: flex; + position: relative; + width: 100%; + height: 48px; + align-items: center; + -webkit-box-align: center; + padding: 0 6px; + cursor: pointer; + font-size: 12px; + margin-bottom: 1px; + + .tools-item-icon { + color: #409eff; + margin-right: 10px; + width: 53px; + height: 30px; + line-height: 30px; + text-align: center; + display: block; + border: 1px solid #3a4659; + background: #282a30; + } + .tools-item-text { + font-size: 12px !important; + } + } + /deep/.el-tabs__content { + padding: 0; + } +} +/* 设置滚动条的样式 */ + +::-webkit-scrollbar { + width: 0; +} + +/* 滚动槽 */ + +::-webkit-scrollbar-track { + -webkit-box-shadow: inset006pxrgba(0, 0, 0, 0.3); +} + +/* 滚动条滑块 */ + +::-webkit-scrollbar-thumb { + background: rgba(0, 0, 0, 0.1); + -webkit-box-shadow: inset006pxrgba(0, 0, 0, 0.5); +} + +::-webkit-scrollbar-thumb:window-inactive { + background: rgba(255, 0, 0, 0.4); +} diff --git a/report-ui/src/views/bigscreenDesigner/designer/tools/configure/barCharts/widget-bar-compare.js b/report-ui/src/views/bigscreenDesigner/designer/tools/configure/barCharts/widget-bar-compare.js new file mode 100644 index 00000000..5441684c --- /dev/null +++ b/report-ui/src/views/bigscreenDesigner/designer/tools/configure/barCharts/widget-bar-compare.js @@ -0,0 +1,660 @@ +/* + * @Descripttion: 柱状对比图 json + * @version: + * @Author: qianlishi + * @Date: 2021-08-29 07:39:35 + * @LastEditors: qianlishi + * @LastEditTime: 2021-09-28 14:09:58 + */ +export const widgetBarCompare = { + code: 'widgetBarCompareChart', + type: 'barChart', + tabName: '柱状图', + label: '柱状对比图', + icon: 'iconduibitupu', + 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-slider', + label: '最大宽度', + name: 'maxWidth', + required: false, + placeholder: '', + value: 15, + }, + { + type: 'el-slider', + label: '圆角', + name: 'radius', + require: false, + placeholder: '', + value: 5, + }, + ], + }, + { + 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: '#FFD700' + }, + { + 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' + }, + ], + }, + { + name: '图例操作', + list: [ + { + type: 'el-switch', + label: '图例显示', + name: 'isShowLegend', + required: false, + placeholder: '', + value: true, + }, + { + type: 'el-input-text', + label: '图例名称', + name: 'legendName', + required: false, + placeholder: '多值以' | '隔开', + value: '' + }, + { + type: 'vue-color', + label: '字体颜色', + name: 'legendColor', + required: false, + placeholder: '', + value: '#fff', + }, + { + type: 'el-input-number', + label: '字体字号', + name: 'legendFontSize', + required: false, + placeholder: '', + value: 12, + }, + { + type: 'el-input-number', + label: '图例宽度', + name: 'legendWidth', + required: false, + placeholder: '', + value: 12, + }, + { + type: 'el-select', + label: '横向位置', + name: 'lateralPosition', + required: false, + placeholder: '', + selectOptions: [ + { code: 'center', name: '居中' }, + { code: 'left', name: '左对齐' }, + { code: 'right', name: '右对齐' }, + ], + value: 'center' + }, + { + type: 'el-select', + label: '纵向位置', + name: 'longitudinalPosition', + required: false, + placeholder: '', + selectOptions: [ + { code: 'top', name: '顶部' }, + { code: 'bottom', name: '底部' }, + ], + value: 'top' + }, + { + type: 'el-select', + label: '布局前置', + name: 'layoutFront', + required: false, + placeholder: '', + selectOptions: [ + { code: 'vertical', name: '竖排' }, + { code: 'horizontal', name: '横排' }, + ], + value: 'horizontal' + }, + ], + }, + { + name: '左X轴设置', + list: [ + { + type: 'el-switch', + label: '显示', + name: 'hideXLeft', + required: false, + placeholder: '', + value: true, + }, + { + type: 'el-input-number', + label: '数值间隔', + name: 'splitNumberLeft', + required: false, + placeholder: '', + value: '' + }, + { + type: 'vue-color', + label: '数值颜色', + name: 'XcolorLeft', + required: false, + placeholder: '', + value: '#fff', + }, + { + type: 'el-input-number', + label: '数值字号', + name: 'fontSizeXLeft', + required: false, + placeholder: '', + value: 14, + }, + { + type: 'el-switch', + label: '刻度线', + name: 'tickLineLeft', + require: false, + placeholder: '', + value: false, + }, + { + type: 'el-switch', + label: 'X轴线', + name: 'xLineLeft', + require: false, + placeholder: '', + value: false, + }, + { + type: 'vue-color', + label: '轴颜色', + name: 'lineColorXLeft', + required: false, + placeholder: '', + value: '#fff', + }, + { + type: 'el-switch', + label: '竖分割线', + name: 'SplitLineLeft', + require: false, + placeholder: '', + value: false, + }, + { + type: 'vue-color', + label: '分割线颜色', + name: 'SplitLineColorLeft', + required: false, + placeholder: '', + value: '#fff', + }, + { + type: 'el-input-number', + label: '分割线宽度', + name: 'SplitLinefontSizeLeft', + required: false, + placeholder: '', + value: 1, + }, + { + type: 'el-switch', + label: '边框线', + name: 'frameLineLeft', + require: false, + placeholder: '', + value: false, + }, + ], + }, + { + name: '右X轴设置', + list: [ + { + type: 'el-switch', + label: '显示', + name: 'hideXRight', + required: false, + placeholder: '', + value: true, + }, + { + type: 'el-input-number', + label: '数值间隔', + name: 'splitNumberRight', + required: false, + placeholder: '', + value: '' + }, + { + type: 'vue-color', + label: '数值颜色', + name: 'XcolorRight', + required: false, + placeholder: '', + value: '#fff', + }, + { + type: 'el-input-number', + label: '数值字号', + name: 'fontSizeXRight', + required: false, + placeholder: '', + value: 14, + }, + { + type: 'el-switch', + label: '刻度线', + name: 'tickLineRight', + require: false, + placeholder: '', + value: false, + }, + { + type: 'el-switch', + label: 'X轴线', + name: 'xLineRight', + require: false, + placeholder: '', + value: false, + }, + { + type: 'vue-color', + label: '轴颜色', + name: 'lineColorXRight', + required: false, + placeholder: '', + value: '#fff', + }, + { + type: 'el-switch', + label: '竖分割线', + name: 'SplitLineRight', + require: false, + placeholder: '', + value: false, + }, + { + type: 'vue-color', + label: '分割线颜色', + name: 'SplitLineColorRight', + required: false, + placeholder: '', + value: '#fff', + }, + { + type: 'el-input-number', + label: '分割线宽度', + name: 'SplitLinefontSizeRight', + required: false, + placeholder: '', + value: 1, + }, + { + type: 'el-switch', + label: '边框线', + name: 'frameLineRight', + require: false, + placeholder: '', + value: false, + }, + ], + }, + { + name: 'Y轴设置', + list: [ + { + type: 'el-switch', + label: '显示', + name: 'hideY', + required: false, + placeholder: '', + value: true, + }, + { + type: 'vue-color', + label: '数值颜色', + name: 'colorY', + required: false, + placeholder: '', + value: '#fff', + }, + { + type: 'el-input-number', + label: '数值字号', + name: 'fontSizeY', + required: false, + placeholder: '', + value: 14, + }, + { + type: 'el-select', + label: '数值对齐', + name: 'textAlign', + required: false, + placeholder: '', + selectOptions: [ + { code: 'center', name: '居中' }, + { code: 'left', name: '左对齐' }, + { code: 'right', name: '右对齐' }, + ], + value: 'center' + }, + { + type: 'el-switch', + label: '刻度线', + name: 'tickLineY', + require: false, + placeholder: '', + value: false, + }, + { + type: 'el-switch', + label: 'Y轴线', + name: 'lineY', + require: false, + placeholder: '', + value: false, + }, + { + type: 'vue-color', + label: '轴颜色', + name: 'lineColorY', + required: false, + placeholder: '', + value: '#fff', + }, + ], + }, + { + name: '数值设定', + list: [ + { + type: 'el-switch', + label: '显示', + name: 'isShow', + required: false, + placeholder: '', + value: true + }, + { + type: 'el-input-number', + label: '字体字号', + name: 'fontSize', + required: false, + placeholder: '', + value: 14 + }, + { + type: 'vue-color', + label: '字体颜色', + name: 'subTextColor', + required: false, + placeholder: '', + value: '#fff' + }, + { + type: 'el-select', + label: '字体粗细', + name: 'fontWeight', + 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: 'tipsFontSize', + required: false, + placeholder: '', + value: 16 + }, + { + type: 'vue-color', + label: '字体颜色', + name: 'tipsColor', + required: false, + placeholder: '', + value: '#00FEFF' + }, + ], + }, + { + name: '坐标轴边距设置', + list: [ + { + type: 'el-slider', + label: '左右边距(像素)', + name: 'marginLeftRight', + required: false, + placeholder: '', + value: 10, + }, + { + type: 'el-slider', + label: '顶边距(像素)', + name: 'marginTop', + required: false, + placeholder: '', + value: 40, + }, + { + type: 'el-slider', + label: '底边距(像素)', + name: 'marginBottom', + required: false, + placeholder: '', + value: 10, + }, + ], + }, + { + name: '自定义配色', + list: [ + { + type: 'customColor', + label: '', + name: 'customColor', + required: false, + value: [{ color: '#36c5e7' }, { color: '#e68b55' }], + }, + ], + }, + ], + ], + // 数据 + 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: [ + { "axis": "07-25", "name": "success", "data": "2" }, + { "axis": "07-25", "name": "fail", "data": "10" }, + { "axis": "07-26", "name": "success", "data": "5" }, + { "axis": "07-26", "name": "fail", "data": "20" }, + { "axis": "07-27", "name": "success", "data": "15" }, + { "axis": "07-27", "name": "fail", "data": "30" }, + { "axis": "07-28", "name": "success", "data": "10" }, + { "axis": "07-28", "name": "fail", "data": "12" }, + { "axis": "07-29", "name": "success", "data": "9" }, + { "axis": "07-29", "name": "fail", "data": "16" }, + ], + }, + { + type: 'dycustComponents', + label: '', + name: 'dynamicData', + required: false, + placeholder: '', + relactiveDom: 'dataType', + relactiveDomValue: 'dynamicData', + chartType: 'widget-stackchart', + dictKey: 'STACK_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: 500, + }, + { + type: 'el-input-number', + label: '高度', + name: 'height', + required: false, + placeholder: '该容器在1080px大屏中的高度', + value: 250, + }, + ], + } +} diff --git a/report-ui/src/views/bigscreenDesigner/designer/tools/configure/widget-bar-line-stack.js b/report-ui/src/views/bigscreenDesigner/designer/tools/configure/barCharts/widget-bar-line-stack.js similarity index 88% rename from report-ui/src/views/bigscreenDesigner/designer/tools/configure/widget-bar-line-stack.js rename to report-ui/src/views/bigscreenDesigner/designer/tools/configure/barCharts/widget-bar-line-stack.js index abb655d9..10f84c02 100644 --- a/report-ui/src/views/bigscreenDesigner/designer/tools/configure/widget-bar-line-stack.js +++ b/report-ui/src/views/bigscreenDesigner/designer/tools/configure/barCharts/widget-bar-line-stack.js @@ -4,7 +4,8 @@ */ export const widgetBarLineStack = { code: 'widgetBarLineStackChart', - type: 'chart', + type: 'barChart', + tabName: '柱状图', label: '柱线堆叠图', icon: 'iconzhuxiantu', options: { @@ -127,10 +128,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' }, @@ -141,9 +142,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' }, @@ -154,9 +155,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' }, @@ -191,10 +192,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' }, @@ -205,9 +206,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' }, @@ -263,9 +264,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' }, @@ -276,8 +277,8 @@ export const widgetBarLineStack = { required: false, placeholder: '', selectOptions: [ - {code: 'top', name: '顶部'}, - {code: 'bottom', name: '底部'}, + { code: 'top', name: '顶部' }, + { code: 'bottom', name: '底部' }, ], value: 'top' }, @@ -288,8 +289,8 @@ export const widgetBarLineStack = { required: false, placeholder: '', selectOptions: [ - {code: 'vertical', name: '竖排'}, - {code: 'horizontal', name: '横排'}, + { code: 'vertical', name: '竖排' }, + { code: 'horizontal', name: '横排' }, ], value: 'horizontal' }, @@ -570,10 +571,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' }, @@ -621,10 +622,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' }, @@ -693,7 +694,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' }], }, ], }, @@ -737,16 +738,16 @@ export const widgetBarLineStack = { relactiveDom: 'dataType', relactiveDomValue: 'staticData', value: [ - {"axis": "2021-07", "name": "A", "bar": "12", "line": "20"}, - {"axis": "2021-07", "name": "B", "bar": "20", "line": "12"}, - {"axis": "2021-08", "name": "A", "bar": "0", "line": "8"}, - {"axis": "2021-08", "name": "B", "bar": "5", "line": "3"}, - {"axis": "2021-09", "name": "A", "bar": "15", "line": "9"}, - {"axis": "2021-09", "name": "B", "bar": "30", "line": "19"}, - {"axis": "2021-10", "name": "A", "bar": "10", "line": "27"}, - {"axis": "2021-10", "name": "B", "bar": "24", "line": "6"}, - {"axis": "2021-11", "name": "A", "bar": "23", "line": "29"}, - {"axis": "2021-11", "name": "B", "bar": "8", "line": "9"}, + { "axis": "2021-07", "name": "A", "bar": "12", "line": "20" }, + { "axis": "2021-07", "name": "B", "bar": "20", "line": "12" }, + { "axis": "2021-08", "name": "A", "bar": "0", "line": "8" }, + { "axis": "2021-08", "name": "B", "bar": "5", "line": "3" }, + { "axis": "2021-09", "name": "A", "bar": "15", "line": "9" }, + { "axis": "2021-09", "name": "B", "bar": "30", "line": "19" }, + { "axis": "2021-10", "name": "A", "bar": "10", "line": "27" }, + { "axis": "2021-10", "name": "B", "bar": "24", "line": "6" }, + { "axis": "2021-11", "name": "A", "bar": "23", "line": "29" }, + { "axis": "2021-11", "name": "B", "bar": "8", "line": "9" }, ], }, { diff --git a/report-ui/src/views/bigscreenDesigner/designer/tools/configure/widget-bar-stack.js b/report-ui/src/views/bigscreenDesigner/designer/tools/configure/barCharts/widget-bar-stack.js similarity index 99% rename from report-ui/src/views/bigscreenDesigner/designer/tools/configure/widget-bar-stack.js rename to report-ui/src/views/bigscreenDesigner/designer/tools/configure/barCharts/widget-bar-stack.js index fd85b752..e127250b 100644 --- a/report-ui/src/views/bigscreenDesigner/designer/tools/configure/widget-bar-stack.js +++ b/report-ui/src/views/bigscreenDesigner/designer/tools/configure/barCharts/widget-bar-stack.js @@ -8,7 +8,8 @@ */ export const widgetBarStack = { code: 'widgetBarStackChart', - type: 'chart', + type: 'barChart', + tabName: '柱状图', label: '柱状堆叠图', icon: 'iconbianzu23', options: { diff --git a/report-ui/src/views/bigscreenDesigner/designer/tools/configure/widget-barchart.js b/report-ui/src/views/bigscreenDesigner/designer/tools/configure/barCharts/widget-barchart.js similarity index 92% rename from report-ui/src/views/bigscreenDesigner/designer/tools/configure/widget-barchart.js rename to report-ui/src/views/bigscreenDesigner/designer/tools/configure/barCharts/widget-barchart.js index 55cef64f..7bcca5e2 100644 --- a/report-ui/src/views/bigscreenDesigner/designer/tools/configure/widget-barchart.js +++ b/report-ui/src/views/bigscreenDesigner/designer/tools/configure/barCharts/widget-barchart.js @@ -8,7 +8,8 @@ */ export const widgetBarchart = { code: 'widget-barchart', - type: 'chart', + type: 'barChart', + tabName: '柱状图', label: '柱状图', icon: 'iconzhuzhuangtu', options: { @@ -102,10 +103,10 @@ export const widgetBarchart = { 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' }, @@ -124,9 +125,9 @@ export const widgetBarchart = { required: false, placeholder: '', selectOptions: [ - {code: 'center', name: '居中'}, - {code: 'left', name: '左对齐'}, - {code: 'right', name: '右对齐'}, + { code: 'center', name: '居中' }, + { code: 'left', name: '左对齐' }, + { code: 'right', name: '右对齐' }, ], value: 'center' }, @@ -153,10 +154,10 @@ export const widgetBarchart = { 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' }, @@ -422,10 +423,10 @@ export const widgetBarchart = { 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' }, @@ -494,7 +495,7 @@ export const widgetBarchart = { 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' }], }, ], }, @@ -538,11 +539,11 @@ export const widgetBarchart = { relactiveDom: 'dataType', relactiveDomValue: 'staticData', value: [ - {"axis": "苹果", "data": 1000}, - {"axis": "三星", "data": 2229}, - {"axis": "小米", "data": 3879}, - {"axis": "oppo", "data": 2379}, - {"axis": "vivo", "data": 4079}, + { "axis": "苹果", "data": 1000 }, + { "axis": "三星", "data": 2229 }, + { "axis": "小米", "data": 3879 }, + { "axis": "oppo", "data": 2379 }, + { "axis": "vivo", "data": 4079 }, ], }, { diff --git a/report-ui/src/views/bigscreenDesigner/designer/tools/configure/widget-barlinechart.js b/report-ui/src/views/bigscreenDesigner/designer/tools/configure/barlineChart/widget-barlinechart.js similarity index 89% rename from report-ui/src/views/bigscreenDesigner/designer/tools/configure/widget-barlinechart.js rename to report-ui/src/views/bigscreenDesigner/designer/tools/configure/barlineChart/widget-barlinechart.js index 549b64b4..047bd93f 100644 --- a/report-ui/src/views/bigscreenDesigner/designer/tools/configure/widget-barlinechart.js +++ b/report-ui/src/views/bigscreenDesigner/designer/tools/configure/barlineChart/widget-barlinechart.js @@ -3,12 +3,13 @@ * @version: * @Author: qianlishi * @Date: 2021-08-29 07:26:48 - * @LastEditors: qianlishi - * @LastEditTime: 2021-09-28 14:11:57 + * @LastEditors: qianlishi qianlishi@anji-plus.com + * @LastEditTime: 2022-11-07 15:39:29 */ export const widgetBarlinechart = { code: 'widget-barlinechart', - type: 'chart', + type: 'barlineChart', + tabName: '柱线图', label: '柱线图', icon: 'iconzhuxiantu', options: { @@ -147,10 +148,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' }, @@ -169,9 +170,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: 'left' }, @@ -198,10 +199,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' }, @@ -265,9 +266,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' }, @@ -278,8 +279,8 @@ export const widgetBarlinechart = { required: false, placeholder: '', selectOptions: [ - {code: 'top', name: '顶部'}, - {code: 'bottom', name: '底部'}, + { code: 'top', name: '顶部' }, + { code: 'bottom', name: '底部' }, ], value: 'top' }, @@ -290,8 +291,8 @@ export const widgetBarlinechart = { required: false, placeholder: '', selectOptions: [ - {code: 'vertical', name: '竖排'}, - {code: 'horizontal', name: '横排'}, + { code: 'vertical', name: '竖排' }, + { code: 'horizontal', name: '横排' }, ], value: 'horizontal' }, @@ -557,10 +558,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' }, @@ -608,10 +609,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' }, @@ -680,7 +681,7 @@ export const widgetBarlinechart = { label: '', name: 'customColor', required: false, - value: [{color: '#00F4FFFF'}, {color: '#e68b55'}], + value: [{ color: '#00F4FFFF' }, { color: '#e68b55' }], }, ], }, @@ -724,18 +725,18 @@ export const widgetBarlinechart = { relactiveDom: 'dataType', relactiveDomValue: 'staticData', value: [ - {"axis": "1月", "bar": 2.6, "line": 2}, - {"axis": "2月", "bar": 5.9, "line": 2.2}, - {"axis": "3月", "bar": 9, "line": 3.3}, - {"axis": "4月", "bar": 26.4, "line": 4.5}, - {"axis": "5月", "bar": 28.7, "line": 6.3}, - {"axis": "6月", "bar": 70.7, "line": 10.2}, - {"axis": "7月", "bar": 175.6, "line": 20.3}, - {"axis": "8月", "bar": 182.2, "line": 23.4}, - {"axis": "9月", "bar": 48.7, "line": 23}, - {"axis": "10月", "bar": 18.8, "line": 16.5}, - {"axis": "11月", "bar": 6, "line": 12}, - {"axis": "12月", "bar": 2.3, "line": 6.2}, + { "axis": "1月", "bar": 2.6, "line": 2 }, + { "axis": "2月", "bar": 5.9, "line": 2.2 }, + { "axis": "3月", "bar": 9, "line": 3.3 }, + { "axis": "4月", "bar": 26.4, "line": 4.5 }, + { "axis": "5月", "bar": 28.7, "line": 6.3 }, + { "axis": "6月", "bar": 70.7, "line": 10.2 }, + { "axis": "7月", "bar": 175.6, "line": 20.3 }, + { "axis": "8月", "bar": 182.2, "line": 23.4 }, + { "axis": "9月", "bar": 48.7, "line": 23 }, + { "axis": "10月", "bar": 18.8, "line": 16.5 }, + { "axis": "11月", "bar": 6, "line": 12 }, + { "axis": "12月", "bar": 2.3, "line": 6.2 }, ] }, { diff --git a/report-ui/src/views/bigscreenDesigner/designer/tools/configure/widget-gradient-barchart.js b/report-ui/src/views/bigscreenDesigner/designer/tools/configure/barlineChart/widget-gradient-barchart.js similarity index 99% rename from report-ui/src/views/bigscreenDesigner/designer/tools/configure/widget-gradient-barchart.js rename to report-ui/src/views/bigscreenDesigner/designer/tools/configure/barlineChart/widget-gradient-barchart.js index 05cec6ff..d2967583 100644 --- a/report-ui/src/views/bigscreenDesigner/designer/tools/configure/widget-gradient-barchart.js +++ b/report-ui/src/views/bigscreenDesigner/designer/tools/configure/barlineChart/widget-gradient-barchart.js @@ -8,7 +8,8 @@ */ export const widgetGradientBarchart = { code: 'widget-gradient-color-barchart', - type: 'chart', + type: 'barlineChart', + tabName: '柱线图', label: '柱状图-渐变色', icon: 'iconzhuzhuangtu', options: { diff --git a/report-ui/src/views/bigscreenDesigner/designer/tools/configure/widget-more-bar-line.js b/report-ui/src/views/bigscreenDesigner/designer/tools/configure/barlineChart/widget-more-bar-line.js similarity index 89% rename from report-ui/src/views/bigscreenDesigner/designer/tools/configure/widget-more-bar-line.js rename to report-ui/src/views/bigscreenDesigner/designer/tools/configure/barlineChart/widget-more-bar-line.js index ef454788..bcfe27aa 100644 --- a/report-ui/src/views/bigscreenDesigner/designer/tools/configure/widget-more-bar-line.js +++ b/report-ui/src/views/bigscreenDesigner/designer/tools/configure/barlineChart/widget-more-bar-line.js @@ -3,12 +3,13 @@ * @version: * @Author: foming * @Date: - * @LastEditors: - * @LastEditTime: + * @LastEditors: qianlishi qianlishi@anji-plus.com + * @LastEditTime: 2022-11-07 15:39:52 */ export const widgetMoreBarLine = { code: 'widgetMoreBarLineChart', - type: 'chart', + type: 'barlineChart', + tabName: '柱线图', label: '多柱线图', icon: 'iconzhuxiantu', options: { @@ -139,10 +140,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' }, @@ -161,9 +162,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: 'left' }, @@ -190,10 +191,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' }, @@ -223,7 +224,7 @@ export const widgetMoreBarLine = { label: '图例名称', name: 'legendName', required: false, - placeholder: '多值以'|'隔开', + placeholder: '多值以' | '隔开', value: '' }, { @@ -257,9 +258,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' }, @@ -270,8 +271,8 @@ export const widgetMoreBarLine = { required: false, placeholder: '', selectOptions: [ - {code: 'top', name: '顶部'}, - {code: 'bottom', name: '底部'}, + { code: 'top', name: '顶部' }, + { code: 'bottom', name: '底部' }, ], value: 'top' }, @@ -282,8 +283,8 @@ export const widgetMoreBarLine = { required: false, placeholder: '', selectOptions: [ - {code: 'vertical', name: '竖排'}, - {code: 'horizontal', name: '横排'}, + { code: 'vertical', name: '竖排' }, + { code: 'horizontal', name: '横排' }, ], value: 'horizontal' }, @@ -525,10 +526,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' }, @@ -576,10 +577,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' }, @@ -649,9 +650,9 @@ export const widgetMoreBarLine = { name: 'customColor', required: false, value: [ - {color: '#4bdfff'}, - {color: '#55f49c'}, - {color: '#ffa43a'}, + { color: '#4bdfff' }, + { color: '#55f49c' }, + { color: '#ffa43a' }, ], }, ], @@ -696,14 +697,14 @@ export const widgetMoreBarLine = { relactiveDom: 'dataType', relactiveDomValue: 'staticData', value: [ - {"date": "2014", "unsales": 400, "manus": 300, "sales": 4.2,}, - {"date": "2015", "unsales": 400, "manus": 500, "sales": 3.6,}, - {"date": "2016", "unsales": 300, "manus": 500, "sales": 5.8,}, - {"date": "2017", "unsales": 300, "manus": 500, "sales": 3.4,}, - {"date": "2018", "unsales": 400, "manus": 400, "sales": 2.5,}, - {"date": "2019", "unsales": 400, "manus": 500, "sales": 5.8,}, - {"date": "2020", "unsales": 300, "manus": 400, "sales": 7.6,}, - {"date": "2021", "unsales": 300, "manus": 600, "sales": 3.4,}, + { "date": "2014", "unsales": 400, "manus": 300, "sales": 4.2, }, + { "date": "2015", "unsales": 400, "manus": 500, "sales": 3.6, }, + { "date": "2016", "unsales": 300, "manus": 500, "sales": 5.8, }, + { "date": "2017", "unsales": 300, "manus": 500, "sales": 3.4, }, + { "date": "2018", "unsales": 400, "manus": 400, "sales": 2.5, }, + { "date": "2019", "unsales": 400, "manus": 500, "sales": 5.8, }, + { "date": "2020", "unsales": 300, "manus": 400, "sales": 7.6, }, + { "date": "2021", "unsales": 300, "manus": 600, "sales": 3.4, }, ] }, { diff --git a/report-ui/src/views/bigscreenDesigner/designer/tools/configure/widget-decorate-pie.js b/report-ui/src/views/bigscreenDesigner/designer/tools/configure/decorateCharts/widget-decorate-pie.js similarity index 97% rename from report-ui/src/views/bigscreenDesigner/designer/tools/configure/widget-decorate-pie.js rename to report-ui/src/views/bigscreenDesigner/designer/tools/configure/decorateCharts/widget-decorate-pie.js index ab42f351..ad94e2fc 100644 --- a/report-ui/src/views/bigscreenDesigner/designer/tools/configure/widget-decorate-pie.js +++ b/report-ui/src/views/bigscreenDesigner/designer/tools/configure/decorateCharts/widget-decorate-pie.js @@ -3,12 +3,13 @@ * @version: * @Author: foming * @Date: - * @LastEditors: - * @LastEditTime: + * @LastEditors: qianlishi qianlishi@anji-plus.com + * @LastEditTime: 2022-11-07 15:40:07 */ export const widgetDecoratePie = { code: 'widgetDecoratePieChart', - type: 'chart', + type: 'decorate', + tabName: '装饰图', label: '装饰饼图', icon: 'iconicon_tubiao_bingtu', options: { @@ -396,9 +397,9 @@ export const widgetDecoratePie = { required: false, placeholder: '', selectOptions: [ - {code: 'four', name: '十字星'}, - {code: 'five', name: '五角星'}, - {code: 'six', name: '六芒星'}, + { code: 'four', name: '十字星' }, + { code: 'five', name: '五角星' }, + { code: 'six', name: '六芒星' }, ], value: 'six' }, diff --git a/report-ui/src/views/bigscreenDesigner/designer/tools/configure/widget-funnel.js b/report-ui/src/views/bigscreenDesigner/designer/tools/configure/funnelCharts/widget-funnel.js similarity index 84% rename from report-ui/src/views/bigscreenDesigner/designer/tools/configure/widget-funnel.js rename to report-ui/src/views/bigscreenDesigner/designer/tools/configure/funnelCharts/widget-funnel.js index e9131ed3..f280fb4c 100644 --- a/report-ui/src/views/bigscreenDesigner/designer/tools/configure/widget-funnel.js +++ b/report-ui/src/views/bigscreenDesigner/designer/tools/configure/funnelCharts/widget-funnel.js @@ -3,12 +3,13 @@ * @version: * @Author: qianlishi * @Date: 2021-08-29 07:29:23 - * @LastEditors: qianlishi - * @LastEditTime: 2021-09-28 14:12:37 + * @LastEditors: qianlishi qianlishi@anji-plus.com + * @LastEditTime: 2022-11-07 15:40:21 */ export const widgetFunnel = { code: 'widget-funnel', - type: 'chart', + type: 'funnel', + tabName: '漏斗图', label: '漏斗图', icon: 'iconloudoutu', options: { @@ -73,10 +74,10 @@ export const widgetFunnel = { 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' }, @@ -95,9 +96,9 @@ export const widgetFunnel = { required: false, placeholder: '', selectOptions: [ - {code: 'center', name: '居中'}, - {code: 'left', name: '左对齐'}, - {code: 'right', name: '右对齐'}, + { code: 'center', name: '居中' }, + { code: 'left', name: '左对齐' }, + { code: 'right', name: '右对齐' }, ], value: 'center' }, @@ -124,10 +125,10 @@ export const widgetFunnel = { 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' }, @@ -175,10 +176,10 @@ export const widgetFunnel = { require: 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' }, @@ -226,9 +227,9 @@ export const widgetFunnel = { required: false, placeholder: '', selectOptions: [ - {code: 'center', name: '居中'}, - {code: 'left', name: '左对齐'}, - {code: 'right', name: '右对齐'}, + { code: 'center', name: '居中' }, + { code: 'left', name: '左对齐' }, + { code: 'right', name: '右对齐' }, ], value: 'center' }, @@ -239,8 +240,8 @@ export const widgetFunnel = { required: false, placeholder: '', selectOptions: [ - {code: 'top', name: '顶部'}, - {code: 'bottom', name: '底部'}, + { code: 'top', name: '顶部' }, + { code: 'bottom', name: '底部' }, ], value: 'top' }, @@ -251,8 +252,8 @@ export const widgetFunnel = { required: false, placeholder: '', selectOptions: [ - {code: 'vertical', name: '竖排'}, - {code: 'horizontal', name: '横排'}, + { code: 'vertical', name: '竖排' }, + { code: 'horizontal', name: '横排' }, ], value: 'horizontal' }, @@ -287,7 +288,7 @@ export const widgetFunnel = { label: '', name: 'customColor', required: false, - value: [{color: '#0CD2E6'}, {color: '#00BFA5'}, {color: '#FFC722'}, {color: '#886EFF'}, {color: '#008DEC'}], + value: [{ color: '#0CD2E6' }, { color: '#00BFA5' }, { color: '#FFC722' }, { color: '#886EFF' }, { color: '#008DEC' }], }, ], }, @@ -331,11 +332,11 @@ export const widgetFunnel = { relactiveDom: 'dataType', relactiveDomValue: 'staticData', value: [ - {"value": 2, "name": "访问"}, - {"value": 5, "name": "咨询"}, - {"value": 20, "name": "订单"}, - {"value": 40, "name": "点击"}, - {"value": 125, "name": "展现"} + { "value": 2, "name": "访问" }, + { "value": 5, "name": "咨询" }, + { "value": 20, "name": "订单" }, + { "value": 40, "name": "点击" }, + { "value": 125, "name": "展现" } ], }, { diff --git a/report-ui/src/views/bigscreenDesigner/designer/tools/configure/widget-heatmap.js b/report-ui/src/views/bigscreenDesigner/designer/tools/configure/heatmap/widget-heatmap.js similarity index 68% rename from report-ui/src/views/bigscreenDesigner/designer/tools/configure/widget-heatmap.js rename to report-ui/src/views/bigscreenDesigner/designer/tools/configure/heatmap/widget-heatmap.js index 4bd5a04d..34424011 100644 --- a/report-ui/src/views/bigscreenDesigner/designer/tools/configure/widget-heatmap.js +++ b/report-ui/src/views/bigscreenDesigner/designer/tools/configure/heatmap/widget-heatmap.js @@ -3,12 +3,13 @@ * @version: * @Author: whw * @Date: 2021-11-3 - * @LastEditors: whw - * @LastEditTime: 2021-11-3 + * @LastEditors: qianlishi qianlishi@anji-plus.com + * @LastEditTime: 2022-11-07 15:40:35 */ export const widgetHeatmap = { code: 'widget-heatmap', - type: 'chart', + type: 'heatmap', + tabName: '热力图', label: '热力图', icon: 'iconrelitu', options: { @@ -65,10 +66,10 @@ export const widgetHeatmap = { 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' }, @@ -87,9 +88,9 @@ export const widgetHeatmap = { required: false, placeholder: '', selectOptions: [ - {code: 'center', name: '居中'}, - {code: 'left', name: '左对齐'}, - {code: 'right', name: '右对齐'}, + { code: 'center', name: '居中' }, + { code: 'left', name: '左对齐' }, + { code: 'right', name: '右对齐' }, ], value: 'center' }, @@ -116,10 +117,10 @@ export const widgetHeatmap = { 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' }, @@ -329,10 +330,10 @@ export const widgetHeatmap = { 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' }, @@ -451,9 +452,9 @@ export const widgetHeatmap = { required: false, placeholder: '', selectOptions: [ - {code: 'center', name: '居中'}, - {code: 'left', name: '左对齐'}, - {code: 'right', name: '右对齐'}, + { code: 'center', name: '居中' }, + { code: 'left', name: '左对齐' }, + { code: 'right', name: '右对齐' }, ], value: 'center' }, @@ -464,8 +465,8 @@ export const widgetHeatmap = { required: false, placeholder: '', selectOptions: [ - {code: 'top', name: '顶部'}, - {code: 'bottom', name: '底部'}, + { code: 'top', name: '顶部' }, + { code: 'bottom', name: '底部' }, ], value: 'top' }, @@ -476,8 +477,8 @@ export const widgetHeatmap = { required: false, placeholder: '', selectOptions: [ - {code: 'vertical', name: '竖排'}, - {code: 'horizontal', name: '横排'}, + { code: 'vertical', name: '竖排' }, + { code: 'horizontal', name: '横排' }, ], value: 'horizontal' }, @@ -491,7 +492,7 @@ export const widgetHeatmap = { label: '', name: 'legendColorList', required: false, - value: [{color: '#abd9e9'}, {color: '#74add1'}, {color: '#4575b4'}, {color: '#313695'}], + value: [{ color: '#abd9e9' }, { color: '#74add1' }, { color: '#4575b4' }, { color: '#313695' }], }, ], }, @@ -535,106 +536,106 @@ export const widgetHeatmap = { relactiveDom: 'dataType', relactiveDomValue: 'staticData', value: [ - {"axis": "0", "yaxis": "0", "num": 3320}, - {"axis": "0", "yaxis": "1", "num": 1561}, - {"axis": "0", "yaxis": "2", "num": 3194}, - {"axis": "0", "yaxis": "3", "num": 2899}, - {"axis": "0", "yaxis": "4", "num": 2363}, - {"axis": "0", "yaxis": "5", "num": 3945}, - {"axis": "0", "yaxis": "6", "num": 2051}, - {"axis": "0", "yaxis": "7", "num": 3657}, - {"axis": "0", "yaxis": "8", "num": 3304}, - {"axis": "0", "yaxis": "9", "num": 2990}, - {"axis": "1", "yaxis": "9", "num": 2663}, - {"axis": "1", "yaxis": "0", "num": 378}, - {"axis": "1", "yaxis": "1", "num": 4076}, - {"axis": "1", "yaxis": "2", "num": 3178}, - {"axis": "1", "yaxis": "3", "num": 1501}, - {"axis": "1", "yaxis": "4", "num": 1660}, - {"axis": "1", "yaxis": "5", "num": 726}, - {"axis": "1", "yaxis": "6", "num": 4148}, - {"axis": "1", "yaxis": "7", "num": 720}, - {"axis": "1", "yaxis": "8", "num": 430}, - {"axis": "2", "yaxis": "9", "num": 2983}, - {"axis": "2", "yaxis": "0", "num": 1917}, - {"axis": "2", "yaxis": "1", "num": 1188}, - {"axis": "2", "yaxis": "2", "num": 3581}, - {"axis": "2", "yaxis": "3", "num": 1781}, - {"axis": "2", "yaxis": "4", "num": 4725}, - {"axis": "2", "yaxis": "5", "num": 4077}, - {"axis": "2", "yaxis": "6", "num": 299}, - {"axis": "2", "yaxis": "7", "num": 4828}, - {"axis": "2", "yaxis": "8", "num": 1778}, - {"axis": "3", "yaxis": "9", "num": 3171}, - {"axis": "3", "yaxis": "0", "num": 2944}, - {"axis": "3", "yaxis": "1", "num": 763}, - {"axis": "3", "yaxis": "2", "num": 1678}, - {"axis": "3", "yaxis": "3", "num": 1765}, - {"axis": "3", "yaxis": "4", "num": 2949}, - {"axis": "3", "yaxis": "5", "num": 966}, - {"axis": "3", "yaxis": "6", "num": 4622}, - {"axis": "3", "yaxis": "7", "num": 2818}, - {"axis": "3", "yaxis": "8", "num": 3913}, - {"axis": "4", "yaxis": "9", "num": 4382}, - {"axis": "4", "yaxis": "0", "num": 1670}, - {"axis": "4", "yaxis": "1", "num": 4532}, - {"axis": "4", "yaxis": "2", "num": 2116}, - {"axis": "4", "yaxis": "3", "num": 2383}, - {"axis": "4", "yaxis": "4", "num": 510}, - {"axis": "4", "yaxis": "5", "num": 33}, - {"axis": "4", "yaxis": "6", "num": 4974}, - {"axis": "4", "yaxis": "7", "num": 3627}, - {"axis": "4", "yaxis": "8", "num": 2737}, - {"axis": "5", "yaxis": "9", "num": 656}, - {"axis": "5", "yaxis": "0", "num": 3689}, - {"axis": "5", "yaxis": "1", "num": 713}, - {"axis": "5", "yaxis": "2", "num": 3551}, - {"axis": "5", "yaxis": "3", "num": 3159}, - {"axis": "5", "yaxis": "4", "num": 4150}, - {"axis": "5", "yaxis": "5", "num": 1416}, - {"axis": "5", "yaxis": "6", "num": 3021}, - {"axis": "5", "yaxis": "7", "num": 1778}, - {"axis": "5", "yaxis": "8", "num": 863}, - {"axis": "6", "yaxis": "9", "num": 772}, - {"axis": "6", "yaxis": "0", "num": 1675}, - {"axis": "6", "yaxis": "1", "num": 1323}, - {"axis": "6", "yaxis": "2", "num": 2023}, - {"axis": "6", "yaxis": "3", "num": 43}, - {"axis": "6", "yaxis": "4", "num": 4964}, - {"axis": "6", "yaxis": "5", "num": 4781}, - {"axis": "6", "yaxis": "6", "num": 2608}, - {"axis": "6", "yaxis": "7", "num": 2278}, - {"axis": "6", "yaxis": "8", "num": 3285}, - {"axis": "7", "yaxis": "9", "num": 1977}, - {"axis": "7", "yaxis": "0", "num": 882}, - {"axis": "7", "yaxis": "1", "num": 2434}, - {"axis": "7", "yaxis": "2", "num": 4694}, - {"axis": "7", "yaxis": "3", "num": 3022}, - {"axis": "7", "yaxis": "4", "num": 1798}, - {"axis": "7", "yaxis": "5", "num": 2503}, - {"axis": "7", "yaxis": "6", "num": 693}, - {"axis": "7", "yaxis": "7", "num": 275}, - {"axis": "7", "yaxis": "8", "num": 3774}, - {"axis": "8", "yaxis": "9", "num": 1386}, - {"axis": "8", "yaxis": "0", "num": 1212}, - {"axis": "8", "yaxis": "1", "num": 1982}, - {"axis": "8", "yaxis": "2", "num": 1509}, - {"axis": "8", "yaxis": "3", "num": 94}, - {"axis": "8", "yaxis": "4", "num": 2082}, - {"axis": "8", "yaxis": "5", "num": 3930}, - {"axis": "8", "yaxis": "6", "num": 4528}, - {"axis": "8", "yaxis": "7", "num": 1861}, - {"axis": "8", "yaxis": "8", "num": 4582}, - {"axis": "9", "yaxis": "9", "num": 3038}, - {"axis": "9", "yaxis": "0", "num": 4038}, - {"axis": "9", "yaxis": "1", "num": 357}, - {"axis": "9", "yaxis": "2", "num": 306}, - {"axis": "9", "yaxis": "3", "num": 479}, - {"axis": "9", "yaxis": "4", "num": 823}, - {"axis": "9", "yaxis": "5", "num": 3442}, - {"axis": "9", "yaxis": "6", "num": 904}, - {"axis": "9", "yaxis": "7", "num": 399}, - {"axis": "9", "yaxis": "8", "num": 4869}, + { "axis": "0", "yaxis": "0", "num": 3320 }, + { "axis": "0", "yaxis": "1", "num": 1561 }, + { "axis": "0", "yaxis": "2", "num": 3194 }, + { "axis": "0", "yaxis": "3", "num": 2899 }, + { "axis": "0", "yaxis": "4", "num": 2363 }, + { "axis": "0", "yaxis": "5", "num": 3945 }, + { "axis": "0", "yaxis": "6", "num": 2051 }, + { "axis": "0", "yaxis": "7", "num": 3657 }, + { "axis": "0", "yaxis": "8", "num": 3304 }, + { "axis": "0", "yaxis": "9", "num": 2990 }, + { "axis": "1", "yaxis": "9", "num": 2663 }, + { "axis": "1", "yaxis": "0", "num": 378 }, + { "axis": "1", "yaxis": "1", "num": 4076 }, + { "axis": "1", "yaxis": "2", "num": 3178 }, + { "axis": "1", "yaxis": "3", "num": 1501 }, + { "axis": "1", "yaxis": "4", "num": 1660 }, + { "axis": "1", "yaxis": "5", "num": 726 }, + { "axis": "1", "yaxis": "6", "num": 4148 }, + { "axis": "1", "yaxis": "7", "num": 720 }, + { "axis": "1", "yaxis": "8", "num": 430 }, + { "axis": "2", "yaxis": "9", "num": 2983 }, + { "axis": "2", "yaxis": "0", "num": 1917 }, + { "axis": "2", "yaxis": "1", "num": 1188 }, + { "axis": "2", "yaxis": "2", "num": 3581 }, + { "axis": "2", "yaxis": "3", "num": 1781 }, + { "axis": "2", "yaxis": "4", "num": 4725 }, + { "axis": "2", "yaxis": "5", "num": 4077 }, + { "axis": "2", "yaxis": "6", "num": 299 }, + { "axis": "2", "yaxis": "7", "num": 4828 }, + { "axis": "2", "yaxis": "8", "num": 1778 }, + { "axis": "3", "yaxis": "9", "num": 3171 }, + { "axis": "3", "yaxis": "0", "num": 2944 }, + { "axis": "3", "yaxis": "1", "num": 763 }, + { "axis": "3", "yaxis": "2", "num": 1678 }, + { "axis": "3", "yaxis": "3", "num": 1765 }, + { "axis": "3", "yaxis": "4", "num": 2949 }, + { "axis": "3", "yaxis": "5", "num": 966 }, + { "axis": "3", "yaxis": "6", "num": 4622 }, + { "axis": "3", "yaxis": "7", "num": 2818 }, + { "axis": "3", "yaxis": "8", "num": 3913 }, + { "axis": "4", "yaxis": "9", "num": 4382 }, + { "axis": "4", "yaxis": "0", "num": 1670 }, + { "axis": "4", "yaxis": "1", "num": 4532 }, + { "axis": "4", "yaxis": "2", "num": 2116 }, + { "axis": "4", "yaxis": "3", "num": 2383 }, + { "axis": "4", "yaxis": "4", "num": 510 }, + { "axis": "4", "yaxis": "5", "num": 33 }, + { "axis": "4", "yaxis": "6", "num": 4974 }, + { "axis": "4", "yaxis": "7", "num": 3627 }, + { "axis": "4", "yaxis": "8", "num": 2737 }, + { "axis": "5", "yaxis": "9", "num": 656 }, + { "axis": "5", "yaxis": "0", "num": 3689 }, + { "axis": "5", "yaxis": "1", "num": 713 }, + { "axis": "5", "yaxis": "2", "num": 3551 }, + { "axis": "5", "yaxis": "3", "num": 3159 }, + { "axis": "5", "yaxis": "4", "num": 4150 }, + { "axis": "5", "yaxis": "5", "num": 1416 }, + { "axis": "5", "yaxis": "6", "num": 3021 }, + { "axis": "5", "yaxis": "7", "num": 1778 }, + { "axis": "5", "yaxis": "8", "num": 863 }, + { "axis": "6", "yaxis": "9", "num": 772 }, + { "axis": "6", "yaxis": "0", "num": 1675 }, + { "axis": "6", "yaxis": "1", "num": 1323 }, + { "axis": "6", "yaxis": "2", "num": 2023 }, + { "axis": "6", "yaxis": "3", "num": 43 }, + { "axis": "6", "yaxis": "4", "num": 4964 }, + { "axis": "6", "yaxis": "5", "num": 4781 }, + { "axis": "6", "yaxis": "6", "num": 2608 }, + { "axis": "6", "yaxis": "7", "num": 2278 }, + { "axis": "6", "yaxis": "8", "num": 3285 }, + { "axis": "7", "yaxis": "9", "num": 1977 }, + { "axis": "7", "yaxis": "0", "num": 882 }, + { "axis": "7", "yaxis": "1", "num": 2434 }, + { "axis": "7", "yaxis": "2", "num": 4694 }, + { "axis": "7", "yaxis": "3", "num": 3022 }, + { "axis": "7", "yaxis": "4", "num": 1798 }, + { "axis": "7", "yaxis": "5", "num": 2503 }, + { "axis": "7", "yaxis": "6", "num": 693 }, + { "axis": "7", "yaxis": "7", "num": 275 }, + { "axis": "7", "yaxis": "8", "num": 3774 }, + { "axis": "8", "yaxis": "9", "num": 1386 }, + { "axis": "8", "yaxis": "0", "num": 1212 }, + { "axis": "8", "yaxis": "1", "num": 1982 }, + { "axis": "8", "yaxis": "2", "num": 1509 }, + { "axis": "8", "yaxis": "3", "num": 94 }, + { "axis": "8", "yaxis": "4", "num": 2082 }, + { "axis": "8", "yaxis": "5", "num": 3930 }, + { "axis": "8", "yaxis": "6", "num": 4528 }, + { "axis": "8", "yaxis": "7", "num": 1861 }, + { "axis": "8", "yaxis": "8", "num": 4582 }, + { "axis": "9", "yaxis": "9", "num": 3038 }, + { "axis": "9", "yaxis": "0", "num": 4038 }, + { "axis": "9", "yaxis": "1", "num": 357 }, + { "axis": "9", "yaxis": "2", "num": 306 }, + { "axis": "9", "yaxis": "3", "num": 479 }, + { "axis": "9", "yaxis": "4", "num": 823 }, + { "axis": "9", "yaxis": "5", "num": 3442 }, + { "axis": "9", "yaxis": "6", "num": 904 }, + { "axis": "9", "yaxis": "7", "num": 399 }, + { "axis": "9", "yaxis": "8", "num": 4869 }, ] }, { diff --git a/report-ui/src/views/bigscreenDesigner/designer/tools/configure/widget-line-compare.js b/report-ui/src/views/bigscreenDesigner/designer/tools/configure/lineCharts/widget-line-compare.js similarity index 90% rename from report-ui/src/views/bigscreenDesigner/designer/tools/configure/widget-line-compare.js rename to report-ui/src/views/bigscreenDesigner/designer/tools/configure/lineCharts/widget-line-compare.js index 82c02da0..203c1fb3 100644 --- a/report-ui/src/views/bigscreenDesigner/designer/tools/configure/widget-line-compare.js +++ b/report-ui/src/views/bigscreenDesigner/designer/tools/configure/lineCharts/widget-line-compare.js @@ -3,12 +3,13 @@ * @version: * @Author: foming * @Date: 2021-08-29 07:39:35 - * @LastEditors: qianlishi - * @LastEditTime: 2021-09-28 14:15:42 + * @LastEditors: qianlishi qianlishi@anji-plus.com + * @LastEditTime: 2022-11-07 15:40:44 */ export const widgetLineCompare = { code: 'widgetLineCompareChart', - type: 'chart', + type: 'lineChart', + tabName: '折线图', label: '折线对比图', icon: 'iconzhexian', options: { @@ -118,10 +119,10 @@ export const widgetLineCompare = { 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' }, @@ -140,9 +141,9 @@ export const widgetLineCompare = { required: false, placeholder: '', selectOptions: [ - {code: 'center', name: '居中'}, - {code: 'left', name: '左对齐'}, - {code: 'right', name: '右对齐'}, + { code: 'center', name: '居中' }, + { code: 'left', name: '左对齐' }, + { code: 'right', name: '右对齐' }, ], value: 'center' }, @@ -164,7 +165,7 @@ export const widgetLineCompare = { label: '图例名称', name: 'legendName', required: false, - placeholder: '多值以'|'隔开', + placeholder: '多值以' | '隔开', value: '' }, { @@ -198,9 +199,9 @@ export const widgetLineCompare = { required: false, placeholder: '', selectOptions: [ - {code: 'center', name: '居中'}, - {code: 'left', name: '左对齐'}, - {code: 'right', name: '右对齐'}, + { code: 'center', name: '居中' }, + { code: 'left', name: '左对齐' }, + { code: 'right', name: '右对齐' }, ], value: 'center' }, @@ -211,8 +212,8 @@ export const widgetLineCompare = { required: false, placeholder: '', selectOptions: [ - {code: 'top', name: '顶部'}, - {code: 'bottom', name: '底部'}, + { code: 'top', name: '顶部' }, + { code: 'bottom', name: '底部' }, ], value: 'top' }, @@ -223,8 +224,8 @@ export const widgetLineCompare = { required: false, placeholder: '', selectOptions: [ - {code: 'vertical', name: '竖排'}, - {code: 'horizontal', name: '横排'}, + { code: 'vertical', name: '竖排' }, + { code: 'horizontal', name: '横排' }, ], value: 'horizontal' }, @@ -341,7 +342,7 @@ export const widgetLineCompare = { require: false, placeholder: '', value: '' - },{ + }, { type: 'vue-color', label: '坐标名颜色', name: 'nameColorYTop', @@ -457,7 +458,7 @@ export const widgetLineCompare = { require: false, placeholder: '', value: '' - },{ + }, { type: 'vue-color', label: '坐标名颜色', name: 'nameColorYBottom', @@ -589,10 +590,10 @@ export const widgetLineCompare = { 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' }, @@ -616,8 +617,8 @@ export const widgetLineCompare = { required: false, placeholder: '', selectOptions: [ - {code: 'line', name: '线形'}, - {code: 'cross', name: '十字形'}, + { code: 'line', name: '线形' }, + { code: 'cross', name: '十字形' }, ], value: 'line' }, @@ -676,7 +677,7 @@ export const widgetLineCompare = { label: '', name: 'customColor', required: false, - value: [{color: '#36c5e7'}, {color: '#e68b55'}], + value: [{ color: '#36c5e7' }, { color: '#e68b55' }], }, ], }, @@ -720,16 +721,16 @@ export const widgetLineCompare = { relactiveDom: 'dataType', relactiveDomValue: 'staticData', value: [ - {"axis":"07-25","name":"success","data":"2"}, - {"axis":"07-25","name":"fail","data":"10"}, - {"axis":"07-26","name":"success","data":"5"}, - {"axis":"07-26","name":"fail","data":"20"}, - {"axis":"07-27","name":"success","data":"15"}, - {"axis":"07-27","name":"fail","data":"30"}, - {"axis":"07-28","name":"success","data":"10"}, - {"axis":"07-28","name":"fail","data":"12"}, - {"axis":"07-29","name":"success","data":"9"}, - {"axis":"07-29","name":"fail","data":"16"}, + { "axis": "07-25", "name": "success", "data": "2" }, + { "axis": "07-25", "name": "fail", "data": "10" }, + { "axis": "07-26", "name": "success", "data": "5" }, + { "axis": "07-26", "name": "fail", "data": "20" }, + { "axis": "07-27", "name": "success", "data": "15" }, + { "axis": "07-27", "name": "fail", "data": "30" }, + { "axis": "07-28", "name": "success", "data": "10" }, + { "axis": "07-28", "name": "fail", "data": "12" }, + { "axis": "07-29", "name": "success", "data": "9" }, + { "axis": "07-29", "name": "fail", "data": "16" }, ], }, { diff --git a/report-ui/src/views/bigscreenDesigner/designer/tools/configure/lineCharts/widget-line-stack.js b/report-ui/src/views/bigscreenDesigner/designer/tools/configure/lineCharts/widget-line-stack.js new file mode 100644 index 00000000..438e7d42 --- /dev/null +++ b/report-ui/src/views/bigscreenDesigner/designer/tools/configure/lineCharts/widget-line-stack.js @@ -0,0 +1,680 @@ +/* + * @Descripttion: 折线堆叠图 json + * @version: + * @Author: qianlishi + * @Date: 2021-08-29 07:38:17 + * @LastEditors: qianlishi + * @LastEditTime: 2021-09-28 14:16:28 + */ +export const widgetLineStack = { + code: 'widgetLineStackChart', + type: 'lineChart', + tabName: '折线图', + label: '折线堆叠图', + icon: 'iconduidietu', + options: { + // 配置 + setup: [ + { + type: 'el-input-text', + label: '图层名称', + name: 'layerName', + required: false, + placeholder: '', + value: '折线堆叠图', + }, + { + type: 'el-switch', + label: '竖展示', + name: 'verticalShow', + required: false, + placeholder: '', + value: false, + }, + { + type: 'vue-color', + label: '背景颜色', + name: 'background', + required: false, + placeholder: '', + value: '' + }, + [ + { + name: '折线设置', + list: [ + { + type: 'el-switch', + label: '标记点', + name: 'markPoint', + required: false, + placeholder: '', + value: true, + }, + { + type: 'el-slider', + label: '点大小', + name: 'pointSize', + required: false, + placeholder: '', + value: 5, + }, + { + type: 'el-switch', + label: '平滑曲线', + name: 'smoothCurve', + required: false, + placeholder: '', + value: true, + }, + { + type: 'el-switch', + label: '面积堆积', + name: 'area', + required: false, + placeholder: '', + value: true, + }, + { + type: 'el-slider', + label: '面积厚度', + name: 'areaThickness', + required: false, + placeholder: '', + value: 5, + }, + { + type: 'el-slider', + label: '线条宽度', + name: 'lineWidth', + required: false, + placeholder: '', + value: 4, + }, + ], + }, + { + 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: '#FFD700' + }, + { + 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: 'rgba(30, 144, 255, 1)' + }, + { + 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: 20 + }, + ], + }, + { + name: '图例操作', + list: [ + { + type: 'el-switch', + label: '图例显示', + name: 'isShowLegend', + required: false, + placeholder: '', + value: true, + }, + { + type: 'el-input-text', + label: '图例名称', + name: 'legendName', + required: false, + placeholder: '多值以' | '隔开', + value: '' + }, + { + type: 'vue-color', + label: '字体颜色', + name: 'legendColor', + required: false, + placeholder: '', + value: '#fff', + }, + { + type: 'el-input-number', + label: '字体字号', + name: 'legendFontSize', + required: false, + placeholder: '', + value: 12, + }, + { + type: 'el-input-number', + label: '图例宽度', + name: 'legendWidth', + required: false, + placeholder: '', + value: 12, + }, + { + type: 'el-select', + label: '横向位置', + name: 'lateralPosition', + required: false, + placeholder: '', + selectOptions: [ + { code: 'center', name: '居中' }, + { code: 'left', name: '左对齐' }, + { code: 'right', name: '右对齐' }, + ], + value: 'center' + }, + { + type: 'el-select', + label: '纵向位置', + name: 'longitudinalPosition', + required: false, + placeholder: '', + selectOptions: [ + { code: 'top', name: '顶部' }, + { code: 'bottom', name: '底部' }, + ], + value: 'top' + }, + { + type: 'el-select', + label: '布局前置', + name: 'layoutFront', + required: false, + placeholder: '', + selectOptions: [ + { code: 'vertical', name: '竖排' }, + { code: 'horizontal', name: '横排' }, + ], + value: 'horizontal' + }, + ], + }, + { + name: 'X轴设置', + list: [ + { + type: 'el-switch', + label: '显示', + name: 'hideX', + required: false, + placeholder: '', + value: true, + }, + { + type: 'el-input-text', + label: 'X轴别名', + name: 'xName', + required: false, + placeholder: '', + value: '' + }, + { + type: 'vue-color', + label: '别名颜色', + name: 'xNameColor', + required: false, + placeholder: '', + value: '#fff' + }, + { + type: 'el-input-number', + label: '别名字号', + name: 'xNameFontSize', + required: false, + placeholder: '', + value: 14 + }, + { + type: 'el-switch', + label: '轴反转', + name: 'reversalX', + required: false, + placeholder: '', + value: false + }, + { + type: 'el-slider', + label: '文字角度', + name: 'textAngleX', + required: false, + placeholder: '', + value: 0 + }, + { + type: 'el-input-number', + label: '文字间隔', + name: 'textInterval', + required: false, + placeholder: '', + value: '' + }, + { + type: 'vue-color', + label: '文字颜色', + name: 'Xcolor', + required: false, + placeholder: '', + value: '#fff', + }, + { + type: 'el-input-number', + label: '字体字号', + name: 'fontSizeX', + required: false, + placeholder: '', + value: 14, + }, + { + type: 'vue-color', + label: '轴颜色', + name: 'lineColorX', + required: false, + placeholder: '', + value: '#fff', + }, + { + type: 'el-switch', + label: '分割线显示', + name: 'isShowSplitLineX', + require: false, + placeholder: '', + value: false, + }, + { + type: 'vue-color', + label: '分割线颜色', + name: 'splitLineColorX', + required: false, + placeholder: '', + value: '#fff', + + } + ], + }, + { + name: 'Y轴设置', + list: [ + { + type: 'el-switch', + label: '显示', + name: 'isShowY', + require: false, + placeholder: '', + value: true, + }, + { + type: 'el-input-text', + label: 'Y轴别名', + name: 'textNameY', + require: false, + placeholder: '', + value: '' + }, + { + type: 'vue-color', + label: '别名颜色', + name: 'NameColorY', + required: false, + placeholder: '', + value: '#fff', + }, + { + type: 'el-input-number', + label: '别名字号', + name: 'NameFontSizeY', + required: false, + placeholder: '', + value: 14, + }, + { + type: 'el-switch', + label: '轴反转', + name: 'reversalY', + required: false, + placeholder: '', + value: false + }, + { + type: 'el-slider', + label: '文字角度', + name: 'textAngleY', + required: false, + placeholder: '', + value: 0 + }, + { + type: 'vue-color', + label: '文字颜色', + name: 'colorY', + required: false, + placeholder: '', + value: '#fff', + }, + { + type: 'el-input-number', + label: '文字字号', + name: 'fontSizeY', + required: false, + placeholder: '', + value: 14, + }, + { + type: 'vue-color', + label: '轴颜色', + name: 'lineColorY', + required: false, + placeholder: '', + value: '#fff', + }, { + type: 'el-switch', + label: '分割线显示', + name: 'isShowSplitLineY', + require: false, + placeholder: '', + value: false, + }, { + type: 'vue-color', + label: '分割线颜色', + name: 'splitLineColorY', + required: false, + placeholder: '', + value: '#fff', + + } + ], + }, + { + name: '数值设定', + list: [ + { + type: 'el-switch', + label: '显示', + name: 'isShow', + required: false, + placeholder: '', + value: false + }, + { + type: 'el-input-number', + label: '字体字号', + name: 'fontSize', + required: false, + placeholder: '', + value: 14 + }, + { + type: 'vue-color', + label: '字体颜色', + name: 'subTextColor', + required: false, + placeholder: '', + value: '#fff' + }, + { + type: 'el-select', + label: '字体粗细', + name: 'fontWeight', + 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: 'tipsFontSize', + required: false, + placeholder: '', + value: 16 + }, + { + type: 'vue-color', + label: '字体颜色', + name: 'tipsColor', + required: false, + placeholder: '', + value: '#00FEFF' + }, + ], + }, + { + name: '坐标轴边距设置', + list: [ + { + type: 'el-slider', + label: '左边距(像素)', + name: 'marginLeft', + required: false, + placeholder: '', + value: 10, + }, { + type: 'el-slider', + label: '顶边距(像素)', + name: 'marginTop', + required: false, + placeholder: '', + value: 50, + }, { + type: 'el-slider', + label: '右边距(像素)', + name: 'marginRight', + required: false, + placeholder: '', + value: 40, + }, { + type: 'el-slider', + label: '底边距(像素)', + name: 'marginBottom', + required: false, + placeholder: '', + value: 10, + }, + ], + }, + { + name: '自定义配色', + list: [ + { + type: 'customColor', + label: '', + name: 'customColor', + required: false, + value: [{ color: '#ff7f50' }, { color: '#87cefa' }, { color: '#da70d6' }, { color: '#32cd32' }, { color: '#6495ed' }], + }, + ], + }, + ], + ], + // 数据 + 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: [ + { "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" }, + ], + }, + { + type: 'dycustComponents', + label: '', + name: 'dynamicData', + required: false, + placeholder: '', + relactiveDom: 'dataType', + relactiveDomValue: 'dynamicData', + chartType: 'widget-stackchart', + dictKey: 'STACK_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: 500, + }, + { + type: 'el-input-number', + label: '高度', + name: 'height', + required: false, + placeholder: '该容器在1080px大屏中的高度', + value: 250, + }, + ], + } +} diff --git a/report-ui/src/views/bigscreenDesigner/designer/tools/configure/widget-linechart.js b/report-ui/src/views/bigscreenDesigner/designer/tools/configure/lineCharts/widget-linechart.js similarity index 99% rename from report-ui/src/views/bigscreenDesigner/designer/tools/configure/widget-linechart.js rename to report-ui/src/views/bigscreenDesigner/designer/tools/configure/lineCharts/widget-linechart.js index e3317c21..8870c319 100644 --- a/report-ui/src/views/bigscreenDesigner/designer/tools/configure/widget-linechart.js +++ b/report-ui/src/views/bigscreenDesigner/designer/tools/configure/lineCharts/widget-linechart.js @@ -8,7 +8,8 @@ */ export const widgetLinechart = { code: 'widget-linechart', - type: 'chart', + type: 'lineChart', + tabName: '折线图', label: '折线图', icon: 'icontubiaozhexiantu', options: { diff --git a/report-ui/src/views/bigscreenDesigner/designer/tools/configure/widget-airbubble-map.js b/report-ui/src/views/bigscreenDesigner/designer/tools/configure/mapCharts/widget-airbubble-map.js similarity index 98% rename from report-ui/src/views/bigscreenDesigner/designer/tools/configure/widget-airbubble-map.js rename to report-ui/src/views/bigscreenDesigner/designer/tools/configure/mapCharts/widget-airbubble-map.js index aefabafa..0485ef1a 100644 --- a/report-ui/src/views/bigscreenDesigner/designer/tools/configure/widget-airbubble-map.js +++ b/report-ui/src/views/bigscreenDesigner/designer/tools/configure/mapCharts/widget-airbubble-map.js @@ -3,12 +3,13 @@ * @version: * @Author: qianlishi * @Date: 2021-08-29 07:35:32 - * @LastEditors: qianlishi - * @LastEditTime: 2021-09-28 14:10:01 + * @LastEditors: qianlishi qianlishi@anji-plus.com + * @LastEditTime: 2022-11-07 15:41:02 */ export const widgetAirbubbleMap = { code: 'widgetAirBubbleMap', - type: 'chart', + type: 'mapChart', + tabName: '中国地图', label: '气泡地图', icon: 'iconzhongguoditu', options: { diff --git a/report-ui/src/views/bigscreenDesigner/designer/tools/configure/widget-line-map.js b/report-ui/src/views/bigscreenDesigner/designer/tools/configure/mapCharts/widget-line-map.js similarity index 76% rename from report-ui/src/views/bigscreenDesigner/designer/tools/configure/widget-line-map.js rename to report-ui/src/views/bigscreenDesigner/designer/tools/configure/mapCharts/widget-line-map.js index aa21d7c1..eb589c62 100644 --- a/report-ui/src/views/bigscreenDesigner/designer/tools/configure/widget-line-map.js +++ b/report-ui/src/views/bigscreenDesigner/designer/tools/configure/mapCharts/widget-line-map.js @@ -8,7 +8,8 @@ */ export const widgetLineMap = { code: 'widgetLineMap', - type: 'chart', + type: 'mapChart', + tabName: '中国地图', label: '路线地图', icon: 'iconzhongguoditu', options: { @@ -64,10 +65,10 @@ export const widgetLineMap = { 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' }, @@ -86,9 +87,9 @@ export const widgetLineMap = { required: false, placeholder: '', selectOptions: [ - {code: 'center', name: '居中'}, - {code: 'left', name: '左对齐'}, - {code: 'right', name: '右对齐'}, + { code: 'center', name: '居中' }, + { code: 'left', name: '左对齐' }, + { code: 'right', name: '右对齐' }, ], value: 'center' }, @@ -115,10 +116,10 @@ export const widgetLineMap = { 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,10 +183,10 @@ export const widgetLineMap = { 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' }, @@ -241,10 +242,10 @@ export const widgetLineMap = { 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' }, @@ -260,8 +261,8 @@ export const widgetLineMap = { required: false, placeholder: '', selectOptions: [ - {code: 'arrow', name: '箭头'}, - {code: 'plane', name: '飞机'}, + { code: 'arrow', name: '箭头' }, + { code: 'plane', name: '飞机' }, ], value: 'arrow' }, @@ -380,36 +381,36 @@ export const widgetLineMap = { 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}, + { 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 }, ], }, { diff --git a/report-ui/src/views/bigscreenDesigner/designer/tools/configure/widget-gauge.js b/report-ui/src/views/bigscreenDesigner/designer/tools/configure/percentCharts/widget-gauge.js similarity index 97% rename from report-ui/src/views/bigscreenDesigner/designer/tools/configure/widget-gauge.js rename to report-ui/src/views/bigscreenDesigner/designer/tools/configure/percentCharts/widget-gauge.js index 473b6854..6b75f6c5 100644 --- a/report-ui/src/views/bigscreenDesigner/designer/tools/configure/widget-gauge.js +++ b/report-ui/src/views/bigscreenDesigner/designer/tools/configure/percentCharts/widget-gauge.js @@ -8,7 +8,8 @@ */ export const widgetGauge = { code: 'widget-gauge', - type: 'chart', + type: 'percent', + tabName: '百分比', label: '仪表盘', icon: 'iconyibiaopan', options: { @@ -276,10 +277,10 @@ export const widgetGauge = { 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' }, @@ -325,7 +326,7 @@ export const widgetGauge = { relactiveDom: 'dataType', relactiveDomValue: 'staticData', value: [ - {"num":50} + { "num": 50 } ], }, { diff --git a/report-ui/src/views/bigscreenDesigner/designer/tools/configure/widget-pie-percentage.js b/report-ui/src/views/bigscreenDesigner/designer/tools/configure/percentCharts/widget-pie-percentage.js similarity index 99% rename from report-ui/src/views/bigscreenDesigner/designer/tools/configure/widget-pie-percentage.js rename to report-ui/src/views/bigscreenDesigner/designer/tools/configure/percentCharts/widget-pie-percentage.js index 22221703..856733ce 100644 --- a/report-ui/src/views/bigscreenDesigner/designer/tools/configure/widget-pie-percentage.js +++ b/report-ui/src/views/bigscreenDesigner/designer/tools/configure/percentCharts/widget-pie-percentage.js @@ -8,7 +8,8 @@ */ export const widgetPiePercentage = { code: 'widgetPiePercentageChart', - type: 'chart', + type: 'percent', + tabName: '百分比', label: '百分比图', icon: 'iconbaifenbi', options: { diff --git a/report-ui/src/views/bigscreenDesigner/designer/tools/configure/pieCharts/widget-pie-nightingale.js b/report-ui/src/views/bigscreenDesigner/designer/tools/configure/pieCharts/widget-pie-nightingale.js new file mode 100644 index 00000000..3a008b55 --- /dev/null +++ b/report-ui/src/views/bigscreenDesigner/designer/tools/configure/pieCharts/widget-pie-nightingale.js @@ -0,0 +1,405 @@ +/* + * @Descripttion: 南丁格尔玫瑰图 json + * @version: + * @Author: qianlishi + * @Date: 2021-08-29 07:32:40 + * @LastEditors: qianlishi qianlishi@anji-plus.com + * @LastEditTime: 2022-11-07 15:41:37 + */ +export const widgetPieNightingale = { + code: 'WidgetPieNightingaleRoseArea', + type: 'pieChart', + tabName: '饼图', + label: '南丁格尔玫瑰图', + icon: 'iconnandinggeermeiguitu', + 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-select', + label: '饼图模式', + name: 'nightingleRosetype', + required: false, + placeholder: '', + selectOptions: [ + { code: 'area', name: '面积模式' }, + { code: 'radius', name: '半径模式' }, + ], + value: 'area' + }, + [ + { + 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-switch', + label: '显示', + name: 'isShow', + required: false, + placeholder: '', + value: true, + }, + { + type: 'el-switch', + label: '数值', + name: 'numberValue', + require: false, + placeholder: '', + value: true, + }, + { + type: 'el-switch', + label: '百分比', + name: 'percentage', + require: false, + placeholder: '', + value: false, + }, + { + type: 'el-input-number', + label: '字体字号', + name: 'fontSize', + required: false, + placeholder: '', + value: 14, + }, + { + type: 'vue-color', + label: '字体颜色', + name: 'subTextColor', + required: false, + placeholder: '', + value: '' + }, + { + type: 'el-select', + label: '字体粗细', + name: 'fontWeight', + 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: 'tipsFontSize', + required: false, + placeholder: '', + value: 16 + }, + { + type: 'vue-color', + label: '字体颜色', + name: 'tipsColor', + required: false, + placeholder: '', + value: '#00FEFF' + }, + ], + }, + { + name: '图例操作', + list: [ + { + type: 'el-switch', + label: '图例', + name: 'isShowLegend', + required: false, + placeholder: '', + value: true, + }, + { + type: 'vue-color', + label: '字体颜色', + name: 'legendColor', + required: false, + placeholder: '', + value: '#fff', + }, + { + type: 'el-input-number', + label: '字体字号', + name: 'legendFontSize', + required: false, + placeholder: '', + value: 16, + }, + { + type: 'el-input-number', + label: '图例宽度', + name: 'legendWidth', + required: false, + placeholder: '', + value: 15, + }, + { + type: 'el-select', + label: '横向位置', + name: 'lateralPosition', + required: false, + placeholder: '', + selectOptions: [ + { code: 'center', name: '居中' }, + { code: 'left', name: '左对齐' }, + { code: 'right', name: '右对齐' }, + ], + value: 'center' + }, + { + type: 'el-select', + label: '纵向位置', + name: 'longitudinalPosition', + required: false, + placeholder: '', + selectOptions: [ + { code: 'top', name: '顶部' }, + { code: 'bottom', name: '底部' }, + ], + value: 'top' + }, + { + type: 'el-select', + label: '布局前置', + name: 'layoutFront', + required: false, + placeholder: '', + selectOptions: [ + { code: 'vertical', name: '竖排' }, + { code: 'horizontal', name: '横排' }, + ], + value: 'horizontal' + }, + ], + }, + { + name: '自定义配色', + list: [ + { + type: 'customColor', + label: '', + name: 'customColor', + required: false, + value: [{ color: '#FF801C' }, { color: '#F5FF46' }, { color: '#00FE65' }, { color: '#00FEFF' }, { color: '#ffa800' }] + }, + ], + }, + ], + ], + // 数据 + 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: [{ "value": 1048, "name": "搜索引擎" }, { "value": 735, "name": "直接访问" }, { "value": 580, "name": "邮件营销" }, { "value": 484, "name": "联盟广告" }, { "value": 300, "name": "视频广告" }], + }, + { + type: 'dycustComponents', + label: '', + name: 'dynamicData', + required: false, + placeholder: '', + relactiveDom: 'dataType', + chartType: 'widget-piechart', + dictKey: 'PIE_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: 200, + }, + ], + } +} diff --git a/report-ui/src/views/bigscreenDesigner/designer/tools/configure/pieCharts/widget-piechart.js b/report-ui/src/views/bigscreenDesigner/designer/tools/configure/pieCharts/widget-piechart.js new file mode 100644 index 00000000..612a62c3 --- /dev/null +++ b/report-ui/src/views/bigscreenDesigner/designer/tools/configure/pieCharts/widget-piechart.js @@ -0,0 +1,405 @@ +/* + * @Descripttion: 饼图 + * @version: + * @Author: qianlishi + * @Date: 2021-08-29 07:28:20 + * @LastEditors: qianlishi + * @LastEditTime: 2021-09-28 14:19:19 + */ +export const widgetPiechart = { + code: 'widget-piechart', + type: 'pieChart', + tabName: '饼图', + label: '饼图', + icon: 'iconicon_tubiao_bingtu', + 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-select', + label: '饼图样式', + name: 'piechartStyle', + required: false, + placeholder: '', + selectOptions: [ + { code: 'shixin', name: '实心饼图' }, + { code: 'kongxin', name: '空心饼图' }, + ], + value: 'shixin' + }, + [ + { + 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-switch', + label: '显示', + name: 'isShow', + required: false, + placeholder: '', + value: true, + }, + { + type: 'el-switch', + label: '数值', + name: 'numberValue', + require: false, + placeholder: '', + value: true, + }, + { + type: 'el-switch', + label: '百分比', + name: 'percentage', + require: false, + placeholder: '', + value: false, + }, + { + type: 'el-input-number', + label: '字体字号', + name: 'fontSize', + required: false, + placeholder: '', + value: 12, + }, + { + type: 'vue-color', + label: '字体颜色', + name: 'subTextColor', + required: false, + placeholder: '', + value: '' + }, + { + type: 'el-select', + label: '字体粗细', + name: 'fontWeight', + 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: 'tipFontSize', + required: false, + placeholder: '', + value: 16 + }, + { + type: 'vue-color', + label: '字体颜色', + name: 'tipsColor', + required: false, + placeholder: '', + value: '#00FEFF' + }, + ], + }, + { + name: '图例操作', + list: [ + { + type: 'el-switch', + label: '图例', + name: 'isShowLegend', + required: false, + placeholder: '', + value: true, + }, + { + type: 'vue-color', + label: '字体颜色', + name: 'legendColor', + required: false, + placeholder: '', + value: '#fff', + }, + { + type: 'el-input-text', + label: '字体字号', + name: 'legendFontSize', + required: false, + placeholder: '', + value: 16, + }, + { + type: 'el-input-number', + label: '图例宽度', + name: 'legendWidth', + required: false, + placeholder: '', + value: 15, + }, + { + type: 'el-select', + label: '横向位置', + name: 'lateralPosition', + required: false, + placeholder: '', + selectOptions: [ + { code: 'center', name: '居中' }, + { code: 'left', name: '左对齐' }, + { code: 'right', name: '右对齐' }, + ], + value: 'center' + }, + { + type: 'el-select', + label: '纵向位置', + name: 'longitudinalPosition', + required: false, + placeholder: '', + selectOptions: [ + { code: 'top', name: '顶部' }, + { code: 'bottom', name: '底部' }, + ], + value: 'top' + }, + { + type: 'el-select', + label: '布局前置', + name: 'layoutFront', + required: false, + placeholder: '', + selectOptions: [ + { code: 'vertical', name: '竖排' }, + { code: 'horizontal', name: '横排' }, + ], + value: 'horizontal' + }, + ], + }, + { + name: '自定义配色', + list: [ + { + type: 'customColor', + label: '', + name: 'customColor', + required: false, + value: [{ color: '#0CD2E6' }, { color: '#00BFA5' }, { color: '#FFC722' }, { color: '#886EFF' }, { color: '#008DEC' }], + }, + ], + }, + ], + ], + // 数据 + 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: [{ "value": 1048, "name": "搜索引擎" }, { "value": 735, "name": "直接访问" }, { "value": 580, "name": "邮件营销" }, { "value": 484, "name": "联盟广告" }, { "value": 300, "name": "视频广告" }] + }, + { + type: 'dycustComponents', + label: '', + name: 'dynamicData', + required: false, + placeholder: '', + relactiveDom: 'dataType', + chartType: 'widget-piechart', + relactiveDomValue: 'dynamicData', + dictKey: 'PIE_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: 400, + }, + { + type: 'el-input-number', + label: '高度', + name: 'height', + required: false, + placeholder: '该容器在1080px大屏中的高度', + value: 200, + }, + ], + } +} diff --git a/report-ui/src/views/bigscreenDesigner/designer/tools/configure/texts/widget-href.js b/report-ui/src/views/bigscreenDesigner/designer/tools/configure/texts/widget-href.js new file mode 100644 index 00000000..905aeeeb --- /dev/null +++ b/report-ui/src/views/bigscreenDesigner/designer/tools/configure/texts/widget-href.js @@ -0,0 +1,158 @@ +/* + * @Descripttion: 超链接文本 + * @version: + * @Author: qianlishi + * @Date: 2021-08-29 07:03:58 + * @LastEditors: qianlishi + * @LastEditTime: 2021-09-28 14:14:21 + */ +export const widgetHref = { + code: 'widget-href', + type: 'text', + tabName: '文本栏', + label: '超链接', + icon: 'iconchaolianjie', + 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-select', + label: '对齐方式', + name: 'textAlign', + required: false, + placeholder: '', + selectOptions: [ + { code: 'center', name: '居中' }, + { code: 'left', name: '左对齐' }, + { code: 'right', name: '右对齐' }, + ], + value: 'center' + }, + { + type: 'el-radio-group', + label: '跳转方式', + name: 'jumpMode', + required: false, + placeholder: '', + selectOptions: [ + { + code: 'self', + name: '本窗口', + }, + { + code: 'other', + name: '新窗口', + }, + ], + value: 'self', + }, + { + type: 'el-input-text', + label: '超链地址', + name: 'linkAdress', + required: false, + placeholder: '', + value: 'http://www.baidu.com', + }, + ], + // 数据 + 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: 100, + }, + { + type: 'el-input-number', + label: '高度', + name: 'height', + required: false, + placeholder: '该容器在1080px大屏中的高度', + value: 40, + }, + ], + } +} diff --git a/report-ui/src/views/bigscreenDesigner/designer/tools/configure/texts/widget-iframe.js b/report-ui/src/views/bigscreenDesigner/designer/tools/configure/texts/widget-iframe.js new file mode 100644 index 00000000..e56cc308 --- /dev/null +++ b/report-ui/src/views/bigscreenDesigner/designer/tools/configure/texts/widget-iframe.js @@ -0,0 +1,73 @@ +/* + * @Descripttion: iframe json + * @version: + * @Author: qianlishi + * @Date: 2021-08-29 07:17:55 + * @LastEditors: qianlishi + * @LastEditTime: 2021-09-28 14:14:39 + */ +export const widgetIframe = { + code: 'widget-iframe', + type: 'text', + tabName: '文本栏', + label: '内联框架', + icon: 'iconkuangjia', + options: { + // 配置 + setup: [ + { + type: 'el-input-text', + label: '图层名称', + name: 'layerName', + required: false, + placeholder: '', + value: 'iframe', + }, + { + type: 'el-input-text', + label: '地址', + name: 'iframeAdress', + required: false, + placeholder: '', + value: 'https://ajreport.beliefteam.cn/index.html', + }, + ], + // 数据 + data: [], + // 坐标 + position: [ + { + type: 'el-input-number', + label: '左边距', + name: 'left', + required: false, + placeholder: '', + value: 0, + }, + { + type: 'el-input-number', + label: '上边距', + name: 'top', + required: false, + placeholder: '', + value: 0, + }, + { + type: 'el-input-number', + label: '宽度', + name: 'width', + required: false, + placeholder: '该容器在1920px大屏中的宽度', + value: 300, + }, + { + type: 'el-input-number', + label: '高度', + name: 'height', + required: false, + placeholder: '该容器在1080px大屏中的高度', + value: 200, + }, + ], + } +} diff --git a/report-ui/src/views/bigscreenDesigner/designer/tools/configure/widget-image.js b/report-ui/src/views/bigscreenDesigner/designer/tools/configure/texts/widget-image.js similarity index 98% rename from report-ui/src/views/bigscreenDesigner/designer/tools/configure/widget-image.js rename to report-ui/src/views/bigscreenDesigner/designer/tools/configure/texts/widget-image.js index 37fff15b..b09132b9 100644 --- a/report-ui/src/views/bigscreenDesigner/designer/tools/configure/widget-image.js +++ b/report-ui/src/views/bigscreenDesigner/designer/tools/configure/texts/widget-image.js @@ -8,7 +8,8 @@ */ export const widgetImage = { code: 'widget-image', - type: 'html', + type: 'text', + tabName: '文本栏', label: '图片', icon: 'icontupian', options: { diff --git a/report-ui/src/views/bigscreenDesigner/designer/tools/configure/widget-marquee.js b/report-ui/src/views/bigscreenDesigner/designer/tools/configure/texts/widget-marquee.js similarity index 99% rename from report-ui/src/views/bigscreenDesigner/designer/tools/configure/widget-marquee.js rename to report-ui/src/views/bigscreenDesigner/designer/tools/configure/texts/widget-marquee.js index f5010542..bbaed193 100644 --- a/report-ui/src/views/bigscreenDesigner/designer/tools/configure/widget-marquee.js +++ b/report-ui/src/views/bigscreenDesigner/designer/tools/configure/texts/widget-marquee.js @@ -8,7 +8,8 @@ */ export const widgetMarquee = { code: 'widget-marquee', - type: 'html', + type: 'text', + tabName: '文本栏', label: '滚动文本', icon: 'iconhengxiangwenzi', options: { diff --git a/report-ui/src/views/bigscreenDesigner/designer/tools/configure/widget-radar.js b/report-ui/src/views/bigscreenDesigner/designer/tools/configure/texts/widget-radar.js similarity index 99% rename from report-ui/src/views/bigscreenDesigner/designer/tools/configure/widget-radar.js rename to report-ui/src/views/bigscreenDesigner/designer/tools/configure/texts/widget-radar.js index bf1038fc..2eda822d 100644 --- a/report-ui/src/views/bigscreenDesigner/designer/tools/configure/widget-radar.js +++ b/report-ui/src/views/bigscreenDesigner/designer/tools/configure/texts/widget-radar.js @@ -3,7 +3,8 @@ */ export const widgetRadar = { code: 'widget-radar', - type: 'html', + type: 'text', + tabName: '文本栏', label: '雷达图', icon: 'iconleidatu', options: { diff --git a/report-ui/src/views/bigscreenDesigner/designer/tools/configure/widget-slider.js b/report-ui/src/views/bigscreenDesigner/designer/tools/configure/texts/widget-slider.js similarity index 97% rename from report-ui/src/views/bigscreenDesigner/designer/tools/configure/widget-slider.js rename to report-ui/src/views/bigscreenDesigner/designer/tools/configure/texts/widget-slider.js index 05fb6e13..0e325bdb 100644 --- a/report-ui/src/views/bigscreenDesigner/designer/tools/configure/widget-slider.js +++ b/report-ui/src/views/bigscreenDesigner/designer/tools/configure/texts/widget-slider.js @@ -8,7 +8,8 @@ */ export const widgetSliders = { code: 'widget-slider', - type: 'html', + type: 'text', + tabName: '文本栏', label: '轮播图片', icon: 'slider', options: { diff --git a/report-ui/src/views/bigscreenDesigner/designer/tools/configure/widget-table.js b/report-ui/src/views/bigscreenDesigner/designer/tools/configure/texts/widget-table.js similarity index 99% rename from report-ui/src/views/bigscreenDesigner/designer/tools/configure/widget-table.js rename to report-ui/src/views/bigscreenDesigner/designer/tools/configure/texts/widget-table.js index 6edda505..ea67c25c 100644 --- a/report-ui/src/views/bigscreenDesigner/designer/tools/configure/widget-table.js +++ b/report-ui/src/views/bigscreenDesigner/designer/tools/configure/texts/widget-table.js @@ -8,7 +8,8 @@ */ export const widgetTable = { code: 'widget-table', - type: 'html', + type: 'text', + tabName: '文本栏', label: '表格', icon: 'iconbiaoge', options: { diff --git a/report-ui/src/views/bigscreenDesigner/designer/tools/configure/widget-text.js b/report-ui/src/views/bigscreenDesigner/designer/tools/configure/texts/widget-text.js similarity index 99% rename from report-ui/src/views/bigscreenDesigner/designer/tools/configure/widget-text.js rename to report-ui/src/views/bigscreenDesigner/designer/tools/configure/texts/widget-text.js index a116165e..74bba57e 100644 --- a/report-ui/src/views/bigscreenDesigner/designer/tools/configure/widget-text.js +++ b/report-ui/src/views/bigscreenDesigner/designer/tools/configure/texts/widget-text.js @@ -8,7 +8,8 @@ */ export const widgetText = { code: 'widget-text', - type: 'html', + type: 'text', + tabName: '文本栏', label: '文本', icon: 'iconziyuan', options: { diff --git a/report-ui/src/views/bigscreenDesigner/designer/tools/configure/widget-time.js b/report-ui/src/views/bigscreenDesigner/designer/tools/configure/texts/widget-time.js similarity index 98% rename from report-ui/src/views/bigscreenDesigner/designer/tools/configure/widget-time.js rename to report-ui/src/views/bigscreenDesigner/designer/tools/configure/texts/widget-time.js index 497178a9..9779698f 100644 --- a/report-ui/src/views/bigscreenDesigner/designer/tools/configure/widget-time.js +++ b/report-ui/src/views/bigscreenDesigner/designer/tools/configure/texts/widget-time.js @@ -8,7 +8,8 @@ */ export const widgetTime = { code: 'widget-time', - type: 'html', + type: 'text', + tabName: '文本栏', label: '当前时间', icon: 'iconshijian', options: { diff --git a/report-ui/src/views/bigscreenDesigner/designer/tools/configure/texts/widget-video.js b/report-ui/src/views/bigscreenDesigner/designer/tools/configure/texts/widget-video.js new file mode 100644 index 00000000..c8b8de33 --- /dev/null +++ b/report-ui/src/views/bigscreenDesigner/designer/tools/configure/texts/widget-video.js @@ -0,0 +1,73 @@ +/* + * @Descripttion: 视频json + * @version: + * @Author: qianlishi + * @Date: 2021-08-29 07:10:22 + * @LastEditors: qianlishi qianlishi@anji-plus.com + * @LastEditTime: 2022-11-07 15:42:46 + */ +export const widgetVideo = { + code: 'widget-video', + type: 'text', + tabName: '文本栏', + label: '视频', + icon: 'iconshipin', + options: { + // 配置 + setup: [ + { + type: 'el-input-text', + label: '图层名称', + name: 'layerName', + required: false, + placeholder: '', + value: 'video', + }, + { + type: 'el-input-text', + label: '地址', + name: 'videoAdress', + required: false, + placeholder: '', + value: 'https://www.w3school.com.cn//i/movie.ogg', + }, + ], + // 数据 + 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, + }, + ], + } +} \ No newline at end of file diff --git a/report-ui/src/views/bigscreenDesigner/designer/tools/configure/widget-bar-compare.js b/report-ui/src/views/bigscreenDesigner/designer/tools/configure/widget-bar-compare.js deleted file mode 100644 index 8cbba972..00000000 --- a/report-ui/src/views/bigscreenDesigner/designer/tools/configure/widget-bar-compare.js +++ /dev/null @@ -1,659 +0,0 @@ -/* - * @Descripttion: 柱状对比图 json - * @version: - * @Author: qianlishi - * @Date: 2021-08-29 07:39:35 - * @LastEditors: qianlishi - * @LastEditTime: 2021-09-28 14:09:58 - */ -export const widgetBarCompare = { - code: 'widgetBarCompareChart', - type: 'chart', - label: '柱状对比图', - icon: 'iconduibitupu', - 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-slider', - label: '最大宽度', - name: 'maxWidth', - required: false, - placeholder: '', - value: 15, - }, - { - type: 'el-slider', - label: '圆角', - name: 'radius', - require: false, - placeholder: '', - value: 5, - }, - ], - }, - { - 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: '#FFD700' - }, - { - 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' - }, - ], - }, - { - name: '图例操作', - list: [ - { - type: 'el-switch', - label: '图例显示', - name: 'isShowLegend', - required: false, - placeholder: '', - value: true, - }, - { - type: 'el-input-text', - label: '图例名称', - name: 'legendName', - required: false, - placeholder: '多值以'|'隔开', - value: '' - }, - { - type: 'vue-color', - label: '字体颜色', - name: 'legendColor', - required: false, - placeholder: '', - value: '#fff', - }, - { - type: 'el-input-number', - label: '字体字号', - name: 'legendFontSize', - required: false, - placeholder: '', - value: 12, - }, - { - type: 'el-input-number', - label: '图例宽度', - name: 'legendWidth', - required: false, - placeholder: '', - value: 12, - }, - { - type: 'el-select', - label: '横向位置', - name: 'lateralPosition', - required: false, - placeholder: '', - selectOptions: [ - {code: 'center', name: '居中'}, - {code: 'left', name: '左对齐'}, - {code: 'right', name: '右对齐'}, - ], - value: 'center' - }, - { - type: 'el-select', - label: '纵向位置', - name: 'longitudinalPosition', - required: false, - placeholder: '', - selectOptions: [ - {code: 'top', name: '顶部'}, - {code: 'bottom', name: '底部'}, - ], - value: 'top' - }, - { - type: 'el-select', - label: '布局前置', - name: 'layoutFront', - required: false, - placeholder: '', - selectOptions: [ - {code: 'vertical', name: '竖排'}, - {code: 'horizontal', name: '横排'}, - ], - value: 'horizontal' - }, - ], - }, - { - name: '左X轴设置', - list: [ - { - type: 'el-switch', - label: '显示', - name: 'hideXLeft', - required: false, - placeholder: '', - value: true, - }, - { - type: 'el-input-number', - label: '数值间隔', - name: 'splitNumberLeft', - required: false, - placeholder: '', - value: '' - }, - { - type: 'vue-color', - label: '数值颜色', - name: 'XcolorLeft', - required: false, - placeholder: '', - value: '#fff', - }, - { - type: 'el-input-number', - label: '数值字号', - name: 'fontSizeXLeft', - required: false, - placeholder: '', - value: 14, - }, - { - type: 'el-switch', - label: '刻度线', - name: 'tickLineLeft', - require: false, - placeholder: '', - value: false, - }, - { - type: 'el-switch', - label: 'X轴线', - name: 'xLineLeft', - require: false, - placeholder: '', - value: false, - }, - { - type: 'vue-color', - label: '轴颜色', - name: 'lineColorXLeft', - required: false, - placeholder: '', - value: '#fff', - }, - { - type: 'el-switch', - label: '竖分割线', - name: 'SplitLineLeft', - require: false, - placeholder: '', - value: false, - }, - { - type: 'vue-color', - label: '分割线颜色', - name: 'SplitLineColorLeft', - required: false, - placeholder: '', - value: '#fff', - }, - { - type: 'el-input-number', - label: '分割线宽度', - name: 'SplitLinefontSizeLeft', - required: false, - placeholder: '', - value: 1, - }, - { - type: 'el-switch', - label: '边框线', - name: 'frameLineLeft', - require: false, - placeholder: '', - value: false, - }, - ], - }, - { - name: '右X轴设置', - list: [ - { - type: 'el-switch', - label: '显示', - name: 'hideXRight', - required: false, - placeholder: '', - value: true, - }, - { - type: 'el-input-number', - label: '数值间隔', - name: 'splitNumberRight', - required: false, - placeholder: '', - value: '' - }, - { - type: 'vue-color', - label: '数值颜色', - name: 'XcolorRight', - required: false, - placeholder: '', - value: '#fff', - }, - { - type: 'el-input-number', - label: '数值字号', - name: 'fontSizeXRight', - required: false, - placeholder: '', - value: 14, - }, - { - type: 'el-switch', - label: '刻度线', - name: 'tickLineRight', - require: false, - placeholder: '', - value: false, - }, - { - type: 'el-switch', - label: 'X轴线', - name: 'xLineRight', - require: false, - placeholder: '', - value: false, - }, - { - type: 'vue-color', - label: '轴颜色', - name: 'lineColorXRight', - required: false, - placeholder: '', - value: '#fff', - }, - { - type: 'el-switch', - label: '竖分割线', - name: 'SplitLineRight', - require: false, - placeholder: '', - value: false, - }, - { - type: 'vue-color', - label: '分割线颜色', - name: 'SplitLineColorRight', - required: false, - placeholder: '', - value: '#fff', - }, - { - type: 'el-input-number', - label: '分割线宽度', - name: 'SplitLinefontSizeRight', - required: false, - placeholder: '', - value: 1, - }, - { - type: 'el-switch', - label: '边框线', - name: 'frameLineRight', - require: false, - placeholder: '', - value: false, - }, - ], - }, - { - name: 'Y轴设置', - list: [ - { - type: 'el-switch', - label: '显示', - name: 'hideY', - required: false, - placeholder: '', - value: true, - }, - { - type: 'vue-color', - label: '数值颜色', - name: 'colorY', - required: false, - placeholder: '', - value: '#fff', - }, - { - type: 'el-input-number', - label: '数值字号', - name: 'fontSizeY', - required: false, - placeholder: '', - value: 14, - }, - { - type: 'el-select', - label: '数值对齐', - name: 'textAlign', - required: false, - placeholder: '', - selectOptions: [ - {code: 'center', name: '居中'}, - {code: 'left', name: '左对齐'}, - {code: 'right', name: '右对齐'}, - ], - value: 'center' - }, - { - type: 'el-switch', - label: '刻度线', - name: 'tickLineY', - require: false, - placeholder: '', - value: false, - }, - { - type: 'el-switch', - label: 'Y轴线', - name: 'lineY', - require: false, - placeholder: '', - value: false, - }, - { - type: 'vue-color', - label: '轴颜色', - name: 'lineColorY', - required: false, - placeholder: '', - value: '#fff', - }, - ], - }, - { - name: '数值设定', - list: [ - { - type: 'el-switch', - label: '显示', - name: 'isShow', - required: false, - placeholder: '', - value: true - }, - { - type: 'el-input-number', - label: '字体字号', - name: 'fontSize', - required: false, - placeholder: '', - value: 14 - }, - { - type: 'vue-color', - label: '字体颜色', - name: 'subTextColor', - required: false, - placeholder: '', - value: '#fff' - }, - { - type: 'el-select', - label: '字体粗细', - name: 'fontWeight', - 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: 'tipsFontSize', - required: false, - placeholder: '', - value: 16 - }, - { - type: 'vue-color', - label: '字体颜色', - name: 'tipsColor', - required: false, - placeholder: '', - value: '#00FEFF' - }, - ], - }, - { - name: '坐标轴边距设置', - list: [ - { - type: 'el-slider', - label: '左右边距(像素)', - name: 'marginLeftRight', - required: false, - placeholder: '', - value: 10, - }, - { - type: 'el-slider', - label: '顶边距(像素)', - name: 'marginTop', - required: false, - placeholder: '', - value: 40, - }, - { - type: 'el-slider', - label: '底边距(像素)', - name: 'marginBottom', - required: false, - placeholder: '', - value: 10, - }, - ], - }, - { - name: '自定义配色', - list: [ - { - type: 'customColor', - label: '', - name: 'customColor', - required: false, - value: [{color: '#36c5e7'}, {color: '#e68b55'}], - }, - ], - }, - ], - ], - // 数据 - 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: [ - {"axis":"07-25","name":"success","data":"2"}, - {"axis":"07-25","name":"fail","data":"10"}, - {"axis":"07-26","name":"success","data":"5"}, - {"axis":"07-26","name":"fail","data":"20"}, - {"axis":"07-27","name":"success","data":"15"}, - {"axis":"07-27","name":"fail","data":"30"}, - {"axis":"07-28","name":"success","data":"10"}, - {"axis":"07-28","name":"fail","data":"12"}, - {"axis":"07-29","name":"success","data":"9"}, - {"axis":"07-29","name":"fail","data":"16"}, - ], - }, - { - type: 'dycustComponents', - label: '', - name: 'dynamicData', - required: false, - placeholder: '', - relactiveDom: 'dataType', - relactiveDomValue: 'dynamicData', - chartType: 'widget-stackchart', - dictKey: 'STACK_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: 500, - }, - { - type: 'el-input-number', - label: '高度', - name: 'height', - required: false, - placeholder: '该容器在1080px大屏中的高度', - value: 250, - }, - ], - } - } diff --git a/report-ui/src/views/bigscreenDesigner/designer/tools/configure/widget-href.js b/report-ui/src/views/bigscreenDesigner/designer/tools/configure/widget-href.js deleted file mode 100644 index 3eed4927..00000000 --- a/report-ui/src/views/bigscreenDesigner/designer/tools/configure/widget-href.js +++ /dev/null @@ -1,157 +0,0 @@ -/* - * @Descripttion: 超链接文本 - * @version: - * @Author: qianlishi - * @Date: 2021-08-29 07:03:58 - * @LastEditors: qianlishi - * @LastEditTime: 2021-09-28 14:14:21 - */ -export const widgetHref = { - code: 'widget-href', - type: 'html', - label: '超链接', - icon: 'iconchaolianjie', - 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-select', - label: '对齐方式', - name: 'textAlign', - required: false, - placeholder: '', - selectOptions: [ - {code: 'center', name: '居中'}, - {code: 'left', name: '左对齐'}, - {code: 'right', name: '右对齐'}, - ], - value: 'center' - }, - { - type: 'el-radio-group', - label: '跳转方式', - name: 'jumpMode', - required: false, - placeholder: '', - selectOptions: [ - { - code: 'self', - name: '本窗口', - }, - { - code: 'other', - name: '新窗口', - }, - ], - value: 'self', - }, - { - type: 'el-input-text', - label: '超链地址', - name: 'linkAdress', - required: false, - placeholder: '', - value: 'http://www.baidu.com', - }, - ], - // 数据 - 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: 100, - }, - { - type: 'el-input-number', - label: '高度', - name: 'height', - required: false, - placeholder: '该容器在1080px大屏中的高度', - value: 40, - }, - ], - } - } diff --git a/report-ui/src/views/bigscreenDesigner/designer/tools/configure/widget-iframe.js b/report-ui/src/views/bigscreenDesigner/designer/tools/configure/widget-iframe.js deleted file mode 100644 index 8aa78f08..00000000 --- a/report-ui/src/views/bigscreenDesigner/designer/tools/configure/widget-iframe.js +++ /dev/null @@ -1,72 +0,0 @@ -/* - * @Descripttion: iframe json - * @version: - * @Author: qianlishi - * @Date: 2021-08-29 07:17:55 - * @LastEditors: qianlishi - * @LastEditTime: 2021-09-28 14:14:39 - */ -export const widgetIframe = { - code: 'widget-iframe', - type: 'html', - label: '内联框架', - icon: 'iconkuangjia', - options: { - // 配置 - setup: [ - { - type: 'el-input-text', - label: '图层名称', - name: 'layerName', - required: false, - placeholder: '', - value: 'iframe', - }, - { - type: 'el-input-text', - label: '地址', - name: 'iframeAdress', - required: false, - placeholder: '', - value: 'https://ajreport.beliefteam.cn/index.html', - }, - ], - // 数据 - data: [], - // 坐标 - position: [ - { - type: 'el-input-number', - label: '左边距', - name: 'left', - required: false, - placeholder: '', - value: 0, - }, - { - type: 'el-input-number', - label: '上边距', - name: 'top', - required: false, - placeholder: '', - value: 0, - }, - { - type: 'el-input-number', - label: '宽度', - name: 'width', - required: false, - placeholder: '该容器在1920px大屏中的宽度', - value: 300, - }, - { - type: 'el-input-number', - label: '高度', - name: 'height', - required: false, - placeholder: '该容器在1080px大屏中的高度', - value: 200, - }, - ], - } - } diff --git a/report-ui/src/views/bigscreenDesigner/designer/tools/configure/widget-line-stack.js b/report-ui/src/views/bigscreenDesigner/designer/tools/configure/widget-line-stack.js deleted file mode 100644 index adfdf613..00000000 --- a/report-ui/src/views/bigscreenDesigner/designer/tools/configure/widget-line-stack.js +++ /dev/null @@ -1,679 +0,0 @@ -/* - * @Descripttion: 折线堆叠图 json - * @version: - * @Author: qianlishi - * @Date: 2021-08-29 07:38:17 - * @LastEditors: qianlishi - * @LastEditTime: 2021-09-28 14:16:28 - */ -export const widgetLineStack = { - code: 'widgetLineStackChart', - type: 'chart', - label: '折线堆叠图', - icon: 'iconduidietu', - options: { - // 配置 - setup: [ - { - type: 'el-input-text', - label: '图层名称', - name: 'layerName', - required: false, - placeholder: '', - value: '折线堆叠图', - }, - { - type: 'el-switch', - label: '竖展示', - name: 'verticalShow', - required: false, - placeholder: '', - value: false, - }, - { - type: 'vue-color', - label: '背景颜色', - name: 'background', - required: false, - placeholder: '', - value: '' - }, - [ - { - name: '折线设置', - list: [ - { - type: 'el-switch', - label: '标记点', - name: 'markPoint', - required: false, - placeholder: '', - value: true, - }, - { - type: 'el-slider', - label: '点大小', - name: 'pointSize', - required: false, - placeholder: '', - value: 5, - }, - { - type: 'el-switch', - label: '平滑曲线', - name: 'smoothCurve', - required: false, - placeholder: '', - value: true, - }, - { - type: 'el-switch', - label: '面积堆积', - name: 'area', - required: false, - placeholder: '', - value: true, - }, - { - type: 'el-slider', - label: '面积厚度', - name: 'areaThickness', - required: false, - placeholder: '', - value: 5, - }, - { - type: 'el-slider', - label: '线条宽度', - name: 'lineWidth', - required: false, - placeholder: '', - value: 4, - }, - ], - }, - { - 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: '#FFD700' - }, - { - 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: 'rgba(30, 144, 255, 1)' - }, - { - 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: 20 - }, - ], - }, - { - name: '图例操作', - list: [ - { - type: 'el-switch', - label: '图例显示', - name: 'isShowLegend', - required: false, - placeholder: '', - value: true, - }, - { - type: 'el-input-text', - label: '图例名称', - name: 'legendName', - required: false, - placeholder: '多值以'|'隔开', - value: '' - }, - { - type: 'vue-color', - label: '字体颜色', - name: 'legendColor', - required: false, - placeholder: '', - value: '#fff', - }, - { - type: 'el-input-number', - label: '字体字号', - name: 'legendFontSize', - required: false, - placeholder: '', - value: 12, - }, - { - type: 'el-input-number', - label: '图例宽度', - name: 'legendWidth', - required: false, - placeholder: '', - value: 12, - }, - { - type: 'el-select', - label: '横向位置', - name: 'lateralPosition', - required: false, - placeholder: '', - selectOptions: [ - {code: 'center', name: '居中'}, - {code: 'left', name: '左对齐'}, - {code: 'right', name: '右对齐'}, - ], - value: 'center' - }, - { - type: 'el-select', - label: '纵向位置', - name: 'longitudinalPosition', - required: false, - placeholder: '', - selectOptions: [ - {code: 'top', name: '顶部'}, - {code: 'bottom', name: '底部'}, - ], - value: 'top' - }, - { - type: 'el-select', - label: '布局前置', - name: 'layoutFront', - required: false, - placeholder: '', - selectOptions: [ - {code: 'vertical', name: '竖排'}, - {code: 'horizontal', name: '横排'}, - ], - value: 'horizontal' - }, - ], - }, - { - name: 'X轴设置', - list: [ - { - type: 'el-switch', - label: '显示', - name: 'hideX', - required: false, - placeholder: '', - value: true, - }, - { - type: 'el-input-text', - label: 'X轴别名', - name: 'xName', - required: false, - placeholder: '', - value: '' - }, - { - type: 'vue-color', - label: '别名颜色', - name: 'xNameColor', - required: false, - placeholder: '', - value: '#fff' - }, - { - type: 'el-input-number', - label: '别名字号', - name: 'xNameFontSize', - required: false, - placeholder: '', - value: 14 - }, - { - type: 'el-switch', - label: '轴反转', - name: 'reversalX', - required: false, - placeholder: '', - value: false - }, - { - type: 'el-slider', - label: '文字角度', - name: 'textAngleX', - required: false, - placeholder: '', - value: 0 - }, - { - type: 'el-input-number', - label: '文字间隔', - name: 'textInterval', - required: false, - placeholder: '', - value: '' - }, - { - type: 'vue-color', - label: '文字颜色', - name: 'Xcolor', - required: false, - placeholder: '', - value: '#fff', - }, - { - type: 'el-input-number', - label: '字体字号', - name: 'fontSizeX', - required: false, - placeholder: '', - value: 14, - }, - { - type: 'vue-color', - label: '轴颜色', - name: 'lineColorX', - required: false, - placeholder: '', - value: '#fff', - }, - { - type: 'el-switch', - label: '分割线显示', - name: 'isShowSplitLineX', - require: false, - placeholder: '', - value: false, - }, - { - type: 'vue-color', - label: '分割线颜色', - name: 'splitLineColorX', - required: false, - placeholder: '', - value: '#fff', - - } - ], - }, - { - name: 'Y轴设置', - list: [ - { - type: 'el-switch', - label: '显示', - name: 'isShowY', - require: false, - placeholder: '', - value: true, - }, - { - type: 'el-input-text', - label: 'Y轴别名', - name: 'textNameY', - require: false, - placeholder: '', - value: '' - }, - { - type: 'vue-color', - label: '别名颜色', - name: 'NameColorY', - required: false, - placeholder: '', - value: '#fff', - }, - { - type: 'el-input-number', - label: '别名字号', - name: 'NameFontSizeY', - required: false, - placeholder: '', - value: 14, - }, - { - type: 'el-switch', - label: '轴反转', - name: 'reversalY', - required: false, - placeholder: '', - value: false - }, - { - type: 'el-slider', - label: '文字角度', - name: 'textAngleY', - required: false, - placeholder: '', - value: 0 - }, - { - type: 'vue-color', - label: '文字颜色', - name: 'colorY', - required: false, - placeholder: '', - value: '#fff', - }, - { - type: 'el-input-number', - label: '文字字号', - name: 'fontSizeY', - required: false, - placeholder: '', - value: 14, - }, - { - type: 'vue-color', - label: '轴颜色', - name: 'lineColorY', - required: false, - placeholder: '', - value: '#fff', - }, { - type: 'el-switch', - label: '分割线显示', - name: 'isShowSplitLineY', - require: false, - placeholder: '', - value: false, - }, { - type: 'vue-color', - label: '分割线颜色', - name: 'splitLineColorY', - required: false, - placeholder: '', - value: '#fff', - - } - ], - }, - { - name: '数值设定', - list: [ - { - type: 'el-switch', - label: '显示', - name: 'isShow', - required: false, - placeholder: '', - value: false - }, - { - type: 'el-input-number', - label: '字体字号', - name: 'fontSize', - required: false, - placeholder: '', - value: 14 - }, - { - type: 'vue-color', - label: '字体颜色', - name: 'subTextColor', - required: false, - placeholder: '', - value: '#fff' - }, - { - type: 'el-select', - label: '字体粗细', - name: 'fontWeight', - 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: 'tipsFontSize', - required: false, - placeholder: '', - value: 16 - }, - { - type: 'vue-color', - label: '字体颜色', - name: 'tipsColor', - required: false, - placeholder: '', - value: '#00FEFF' - }, - ], - }, - { - name: '坐标轴边距设置', - list: [ - { - type: 'el-slider', - label: '左边距(像素)', - name: 'marginLeft', - required: false, - placeholder: '', - value: 10, - }, { - type: 'el-slider', - label: '顶边距(像素)', - name: 'marginTop', - required: false, - placeholder: '', - value: 50, - }, { - type: 'el-slider', - label: '右边距(像素)', - name: 'marginRight', - required: false, - placeholder: '', - value: 40, - }, { - type: 'el-slider', - label: '底边距(像素)', - name: 'marginBottom', - required: false, - placeholder: '', - value: 10, - }, - ], - }, - { - name: '自定义配色', - list: [ - { - type: 'customColor', - label: '', - name: 'customColor', - required: false, - value: [{color: '#ff7f50'}, {color: '#87cefa'}, {color: '#da70d6'}, {color: '#32cd32'}, {color: '#6495ed'}], - }, - ], - }, - ], - ], - // 数据 - 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: [ - {"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"}, - ], - }, - { - type: 'dycustComponents', - label: '', - name: 'dynamicData', - required: false, - placeholder: '', - relactiveDom: 'dataType', - relactiveDomValue: 'dynamicData', - chartType: 'widget-stackchart', - dictKey: 'STACK_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: 500, - }, - { - type: 'el-input-number', - label: '高度', - name: 'height', - required: false, - placeholder: '该容器在1080px大屏中的高度', - value: 250, - }, - ], - } - } diff --git a/report-ui/src/views/bigscreenDesigner/designer/tools/configure/widget-pie-nightingale.js b/report-ui/src/views/bigscreenDesigner/designer/tools/configure/widget-pie-nightingale.js deleted file mode 100644 index 5923f981..00000000 --- a/report-ui/src/views/bigscreenDesigner/designer/tools/configure/widget-pie-nightingale.js +++ /dev/null @@ -1,404 +0,0 @@ -/* - * @Descripttion: 南丁格尔玫瑰图 json - * @version: - * @Author: qianlishi - * @Date: 2021-08-29 07:32:40 - * @LastEditors: qianlishi - * @LastEditTime: 2021-09-28 14:18:05 - */ -export const widgetPieNightingale = { - code: 'WidgetPieNightingaleRoseArea', - type: 'chart', - label: '南丁格尔玫瑰图', - icon: 'iconnandinggeermeiguitu', - 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-select', - label: '饼图模式', - name: 'nightingleRosetype', - required: false, - placeholder: '', - selectOptions: [ - {code: 'area', name: '面积模式'}, - {code: 'radius', name: '半径模式'}, - ], - value: 'area' - }, - [ - { - 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-switch', - label: '显示', - name: 'isShow', - required: false, - placeholder: '', - value: true, - }, - { - type: 'el-switch', - label: '数值', - name: 'numberValue', - require: false, - placeholder: '', - value: true, - }, - { - type: 'el-switch', - label: '百分比', - name: 'percentage', - require: false, - placeholder: '', - value: false, - }, - { - type: 'el-input-number', - label: '字体字号', - name: 'fontSize', - required: false, - placeholder: '', - value: 14, - }, - { - type: 'vue-color', - label: '字体颜色', - name: 'subTextColor', - required: false, - placeholder: '', - value: '' - }, - { - type: 'el-select', - label: '字体粗细', - name: 'fontWeight', - 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: 'tipsFontSize', - required: false, - placeholder: '', - value: 16 - }, - { - type: 'vue-color', - label: '字体颜色', - name: 'tipsColor', - required: false, - placeholder: '', - value: '#00FEFF' - }, - ], - }, - { - name: '图例操作', - list: [ - { - type: 'el-switch', - label: '图例', - name: 'isShowLegend', - required: false, - placeholder: '', - value: true, - }, - { - type: 'vue-color', - label: '字体颜色', - name: 'legendColor', - required: false, - placeholder: '', - value: '#fff', - }, - { - type: 'el-input-number', - label: '字体字号', - name: 'legendFontSize', - required: false, - placeholder: '', - value: 16, - }, - { - type: 'el-input-number', - label: '图例宽度', - name: 'legendWidth', - required: false, - placeholder: '', - value: 15, - }, - { - type: 'el-select', - label: '横向位置', - name: 'lateralPosition', - required: false, - placeholder: '', - selectOptions: [ - {code: 'center', name: '居中'}, - {code: 'left', name: '左对齐'}, - {code: 'right', name: '右对齐'}, - ], - value: 'center' - }, - { - type: 'el-select', - label: '纵向位置', - name: 'longitudinalPosition', - required: false, - placeholder: '', - selectOptions: [ - {code: 'top', name: '顶部'}, - {code: 'bottom', name: '底部'}, - ], - value: 'top' - }, - { - type: 'el-select', - label: '布局前置', - name: 'layoutFront', - required: false, - placeholder: '', - selectOptions: [ - {code: 'vertical', name: '竖排'}, - {code: 'horizontal', name: '横排'}, - ], - value: 'horizontal' - }, - ], - }, - { - name: '自定义配色', - list: [ - { - type: 'customColor', - label: '', - name: 'customColor', - required: false, - value: [{color: '#FF801C'}, {color: '#F5FF46'}, {color: '#00FE65'}, {color: '#00FEFF'}, {color: '#ffa800'}] - }, - ], - }, - ], - ], - // 数据 - 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: [{"value": 1048,"name": "搜索引擎"},{"value": 735, "name": "直接访问"},{"value": 580, "name": "邮件营销"},{"value": 484,"name":"联盟广告"},{"value":300,"name":"视频广告"}], - }, - { - type: 'dycustComponents', - label: '', - name: 'dynamicData', - required: false, - placeholder: '', - relactiveDom: 'dataType', - chartType: 'widget-piechart', - dictKey: 'PIE_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: 200, - }, - ], - } - } diff --git a/report-ui/src/views/bigscreenDesigner/designer/tools/configure/widget-piechart.js b/report-ui/src/views/bigscreenDesigner/designer/tools/configure/widget-piechart.js deleted file mode 100644 index 75551bcc..00000000 --- a/report-ui/src/views/bigscreenDesigner/designer/tools/configure/widget-piechart.js +++ /dev/null @@ -1,404 +0,0 @@ -/* - * @Descripttion: 饼图 - * @version: - * @Author: qianlishi - * @Date: 2021-08-29 07:28:20 - * @LastEditors: qianlishi - * @LastEditTime: 2021-09-28 14:19:19 - */ -export const widgetPiechart = { - code: 'widget-piechart', - type: 'chart', - label: '饼图', - icon: 'iconicon_tubiao_bingtu', - 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-select', - label: '饼图样式', - name: 'piechartStyle', - required: false, - placeholder: '', - selectOptions: [ - {code: 'shixin', name: '实心饼图'}, - {code: 'kongxin', name: '空心饼图'}, - ], - value: 'shixin' - }, - [ - { - 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-switch', - label: '显示', - name: 'isShow', - required: false, - placeholder: '', - value: true, - }, - { - type: 'el-switch', - label: '数值', - name: 'numberValue', - require: false, - placeholder: '', - value: true, - }, - { - type: 'el-switch', - label: '百分比', - name: 'percentage', - require: false, - placeholder: '', - value: false, - }, - { - type: 'el-input-number', - label: '字体字号', - name: 'fontSize', - required: false, - placeholder: '', - value: 12, - }, - { - type: 'vue-color', - label: '字体颜色', - name: 'subTextColor', - required: false, - placeholder: '', - value: '' - }, - { - type: 'el-select', - label: '字体粗细', - name: 'fontWeight', - 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: 'tipFontSize', - required: false, - placeholder: '', - value: 16 - }, - { - type: 'vue-color', - label: '字体颜色', - name: 'tipsColor', - required: false, - placeholder: '', - value: '#00FEFF' - }, - ], - }, - { - name: '图例操作', - list: [ - { - type: 'el-switch', - label: '图例', - name: 'isShowLegend', - required: false, - placeholder: '', - value: true, - }, - { - type: 'vue-color', - label: '字体颜色', - name: 'legendColor', - required: false, - placeholder: '', - value: '#fff', - }, - { - type: 'el-input-text', - label: '字体字号', - name: 'legendFontSize', - required: false, - placeholder: '', - value: 16, - }, - { - type: 'el-input-number', - label: '图例宽度', - name: 'legendWidth', - required: false, - placeholder: '', - value: 15, - }, - { - type: 'el-select', - label: '横向位置', - name: 'lateralPosition', - required: false, - placeholder: '', - selectOptions: [ - {code: 'center', name: '居中'}, - {code: 'left', name: '左对齐'}, - {code: 'right', name: '右对齐'}, - ], - value: 'center' - }, - { - type: 'el-select', - label: '纵向位置', - name: 'longitudinalPosition', - required: false, - placeholder: '', - selectOptions: [ - {code: 'top', name: '顶部'}, - {code: 'bottom', name: '底部'}, - ], - value: 'top' - }, - { - type: 'el-select', - label: '布局前置', - name: 'layoutFront', - required: false, - placeholder: '', - selectOptions: [ - {code: 'vertical', name: '竖排'}, - {code: 'horizontal', name: '横排'}, - ], - value: 'horizontal' - }, - ], - }, - { - name: '自定义配色', - list: [ - { - type: 'customColor', - label: '', - name: 'customColor', - required: false, - value: [{color: '#0CD2E6'}, {color: '#00BFA5'}, {color: '#FFC722'}, {color: '#886EFF'}, {color: '#008DEC'}], - }, - ], - }, - ], - ], - // 数据 - 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: [{"value": 1048,"name": "搜索引擎"},{"value": 735, "name": "直接访问"},{"value": 580, "name": "邮件营销"},{"value": 484,"name":"联盟广告"},{"value":300,"name":"视频广告"}] - }, - { - type: 'dycustComponents', - label: '', - name: 'dynamicData', - required: false, - placeholder: '', - relactiveDom: 'dataType', - chartType: 'widget-piechart', - relactiveDomValue: 'dynamicData', - dictKey: 'PIE_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: 400, - }, - { - type: 'el-input-number', - label: '高度', - name: 'height', - required: false, - placeholder: '该容器在1080px大屏中的高度', - value: 200, - }, - ], - } - } diff --git a/report-ui/src/views/bigscreenDesigner/designer/tools/configure/widget-video.js b/report-ui/src/views/bigscreenDesigner/designer/tools/configure/widget-video.js deleted file mode 100644 index d9089f8e..00000000 --- a/report-ui/src/views/bigscreenDesigner/designer/tools/configure/widget-video.js +++ /dev/null @@ -1,72 +0,0 @@ -/* - * @Descripttion: 视频json - * @version: - * @Author: qianlishi - * @Date: 2021-08-29 07:10:22 - * @LastEditors: qianlishi - * @LastEditTime: 2021-09-28 14:20:47 - */ -export const widgetVideo = { - code: 'widget-video', - type: 'html', - label: '视频', - icon: 'iconshipin', - options: { - // 配置 - setup: [ - { - type: 'el-input-text', - label: '图层名称', - name: 'layerName', - required: false, - placeholder: '', - value: 'video', - }, - { - type: 'el-input-text', - label: '地址', - name: 'videoAdress', - required: false, - placeholder: '', - value: 'https://www.w3school.com.cn//i/movie.ogg', - }, - ], - // 数据 - 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, - }, - ], - } - } \ No newline at end of file diff --git a/report-ui/src/views/bigscreenDesigner/designer/tools/configure/widget-word-cloud.js b/report-ui/src/views/bigscreenDesigner/designer/tools/configure/widget-word-cloud.js deleted file mode 100644 index 94f132ce..00000000 --- a/report-ui/src/views/bigscreenDesigner/designer/tools/configure/widget-word-cloud.js +++ /dev/null @@ -1,416 +0,0 @@ -export const widgetWordCloud = { - code: 'widgetWordCloud', - type: 'chart', - label: '词云图', - icon: 'iconciyuntu', - 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: '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: 'maxRangeSize', - required: false, - placeholder: '', - value: 25 - }, - { - type: 'el-input-number', - label: '最小范围', - name: 'minRangeSize', - required: false, - placeholder: '', - value: 2 - }, - ], - }, - { - name: '词云角度', - list: [ - { - type: 'el-input-number', - label: '最大角度', - name: 'maxRotationRange', - required: false, - placeholder: '', - value: 90 - }, - { - type: 'el-input-number', - label: '最小角度', - name: 'minRotationRange', - required: false, - placeholder: '', - value: -45 - }, - ], - }, - { - name: '提示语设置', - list: [ - { - type: 'el-input-number', - label: '字体字号', - name: 'tipsFontSize', - required: false, - placeholder: '', - value: 16 - }, - { - type: 'vue-color', - label: '字体颜色', - name: 'tipsColor', - required: false, - placeholder: '', - value: '#00FEFF' - }, - ], - }, - ], - ], - // 数据 - 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: 60000 - }, - { - type: 'el-button', - label: '静态数据', - name: 'staticData', - required: false, - placeholder: '', - relactiveDom: 'dataType', - relactiveDomValue: 'staticData', - value: [ - {name: "占道", value: 284}, - {name: "水质", value: 71}, - {name: "无水", value: 71}, - {name: "停供", value: 21}, - {name: "停气", value: 11}, - {name: "占道", value: 11}, - {name: "Nancy", value: 520}, - {name: "Jayfee", value: 666}, - {name: "生活资源", value: 999}, - {name: "供热管理", value: 888}, - {name: "供气质量", value: 777}, - {name: "社会保障", value: 407}, - {name: "交通运输", value: 516}, - {name: "城市交通", value: 515}, - {name: "环境保护", value: 483}, - {name: "城乡建设", value: 449}, - {name: "公共安全", value: 406}, - {name: "供热管理", value: 375}, - {name: "市容环卫", value: 355}, - {name: "粉尘污染", value: 335}, - {name: "噪声污染", value: 324}, - {name: "医疗卫生", value: 284}, - {name: "供热发展", value: 254}, - {name: "房地产管理", value: 462}, - {name: "生活噪音", value: 253}, - {name: "城市供电", value: 223}, - {name: "大气污染", value: 223}, - {name: "房屋安全", value: 223}, - {name: "文化活动", value: 223}, - {name: "拆迁管理", value: 223}, - {name: "公共设施", value: 223}, - {name: "供气质量", value: 223}, - {name: "供电管理", value: 223}, - {name: "燃气管理", value: 152}, - {name: "教育管理", value: 152}, - {name: "医疗纠纷", value: 152}, - {name: "执法监督", value: 152}, - {name: "设备安全", value: 152}, - {name: "政务建设", value: 152}, - {name: "宏观经济", value: 152}, - {name: "教育管理", value: 112}, - {name: "社会保障", value: 112}, - {name: "分类列表", value: 112}, - {name: "农业生产", value: 112}, - {name: "物业服务", value: 92}, - {name: "物业管理", value: 92}, - {name: "低保管理", value: 92}, - {name: "执法争议", value: 72}, - {name: "占道堆放", value: 71}, - {name: "地上设施", value: 71}, - {name: "主网原因", value: 71}, - {name: "集中供热", value: 71}, - {name: "客运管理", value: 71}, - {name: "治安案件", value: 71}, - {name: "群众健身", value: 41}, - {name: "市场收费", value: 41}, - {name: "生产资金", value: 41}, - {name: "生产噪声", value: 41}, - {name: "农村低保", value: 41}, - {name: "劳动争议", value: 41}, - {name: "医疗事故", value: 21}, - {name: "基础教育", value: 21}, - {name: "职业教育", value: 21}, - {name: "拆迁补偿", value: 21}, - {name: "设施维护", value: 21}, - {name: "市场外溢", value: 11}, - {name: "占道经营", value: 11}, - {name: "树木管理", value: 11}, - {name: "供气质量", value: 11}, - {name: "燃气管理", value: 11}, - {name: "市容环卫", value: 11}, - {name: "新闻传媒", value: 11}, - {name: "人才招聘", value: 11}, - {name: "市场环境", value: 11}, - {name: "城市交通", value: 11}, - {name: "物业服务", value: 11}, - {name: "物业管理", value: 11}, - {name: "园林绿化", value: 11}, - {name: "有线电视", value: 11}, - {name: "社会治安", value: 11}, - {name: "林业资源", value: 11}, - {name: "体育活动", value: 11}, - {name: "低保管理", value: 11}, - {name: "劳动争议", value: 11}, - {name: "粉煤灰污染", value: 284}, - {name: "人行道管理", value: 71}, - {name: "身份证管理", value: 71}, - {name: "房地产开发", value: 11}, - {name: "经营性收费", value: 11}, - {name: "一次供水问题", value: 11}, - {name: "工业粉尘污染", value: 71}, - {name: "工业排放污染", value: 41}, - {name: "破坏森林资源", value: 41}, - {name: "生活用水管理", value: 688}, - {name: "一次供水问题", value: 588}, - {name: "公交运输管理", value: 386}, - {name: "自然资源管理", value: 355}, - {name: "土地资源管理", value: 304}, - {name: "生活用水管理", value: 112}, - {name: "供热单位影响", value: 253}, - {name: "二次供水问题", value: 112}, - {name: "城市公共设施", value: 92}, - {name: "拆迁政策咨询", value: 92}, - {name: "县区、开发区", value: 152}, - {name: "文娱市场管理", value: 72}, - {name: "商业烟尘污染", value: 72}, - {name: "供热单位影响", value: 71}, - {name: "压力容器安全", value: 71}, - {name: "劳动合同争议", value: 41}, - {name: "物业资质管理", value: 21}, - {name: "农村基础设施", value: 11}, - {name: "行政事业收费", value: 11}, - {name: "房屋配套问题", value: 11}, - {name: "公交运输管理", value: 11}, - {name: "社会福利及事务", value: 11}, - {name: "食品安全与卫生", value: 11}, - {name: "物业服务与管理", value: 112}, - {name: "文体与教育管理", value: 406}, - {name: "社会保障与福利", value: 429}, - {name: "出租车运营管理", value: 385}, - {name: "物业服务与管理", value: 304}, - {name: "房屋质量与安全", value: 223}, - {name: "劳动报酬与福利", value: 41}, - {name: "食品安全与卫生", value: 11}, - {name: "房屋与图纸不符", value: 11}, - {name: "其他行政事业收费", value: 11}, - {name: "农村土地规划管理", value: 254}, - {name: "社会保障保险管理", value: 92}, - {name: "城市交通秩序管理", value: 72}, - {name: "户籍管理及身份证", value: 11}, - {name: "公路（水路）交通", value: 11}, - {name: "国有公交（大巴）管理", value: 71}, - {name: "有线电视安装及调试维护", value: 11}, - {name: "市政府工作部门（含部门管理机构、直属单位）", value: 11}, - ], - }, - { - type: 'dycustComponents', - label: '', - name: 'dynamicData', - required: false, - placeholder: '', - relactiveDom: 'dataType', - chartType: 'widget-piechart', - dictKey: 'PIE_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: 500, - }, - { - type: 'el-input-number', - label: '高度', - name: 'height', - required: false, - placeholder: '该容器在1080px大屏中的高度', - value: 300, - }, - ], - } -} diff --git a/report-ui/src/views/bigscreenDesigner/designer/tools/configure/wordcloudCharts/widget-word-cloud.js b/report-ui/src/views/bigscreenDesigner/designer/tools/configure/wordcloudCharts/widget-word-cloud.js new file mode 100644 index 00000000..836603f6 --- /dev/null +++ b/report-ui/src/views/bigscreenDesigner/designer/tools/configure/wordcloudCharts/widget-word-cloud.js @@ -0,0 +1,417 @@ +export const widgetWordCloud = { + code: 'widgetWordCloud', + type: 'wordCloud', + tabName: '词云图', + label: '词云图', + icon: 'iconciyuntu', + 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: '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: 'maxRangeSize', + required: false, + placeholder: '', + value: 25 + }, + { + type: 'el-input-number', + label: '最小范围', + name: 'minRangeSize', + required: false, + placeholder: '', + value: 2 + }, + ], + }, + { + name: '词云角度', + list: [ + { + type: 'el-input-number', + label: '最大角度', + name: 'maxRotationRange', + required: false, + placeholder: '', + value: 90 + }, + { + type: 'el-input-number', + label: '最小角度', + name: 'minRotationRange', + required: false, + placeholder: '', + value: -45 + }, + ], + }, + { + name: '提示语设置', + list: [ + { + type: 'el-input-number', + label: '字体字号', + name: 'tipsFontSize', + required: false, + placeholder: '', + value: 16 + }, + { + type: 'vue-color', + label: '字体颜色', + name: 'tipsColor', + required: false, + placeholder: '', + value: '#00FEFF' + }, + ], + }, + ], + ], + // 数据 + 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: 60000 + }, + { + type: 'el-button', + label: '静态数据', + name: 'staticData', + required: false, + placeholder: '', + relactiveDom: 'dataType', + relactiveDomValue: 'staticData', + value: [ + { name: "占道", value: 284 }, + { name: "水质", value: 71 }, + { name: "无水", value: 71 }, + { name: "停供", value: 21 }, + { name: "停气", value: 11 }, + { name: "占道", value: 11 }, + { name: "Nancy", value: 520 }, + { name: "Jayfee", value: 666 }, + { name: "生活资源", value: 999 }, + { name: "供热管理", value: 888 }, + { name: "供气质量", value: 777 }, + { name: "社会保障", value: 407 }, + { name: "交通运输", value: 516 }, + { name: "城市交通", value: 515 }, + { name: "环境保护", value: 483 }, + { name: "城乡建设", value: 449 }, + { name: "公共安全", value: 406 }, + { name: "供热管理", value: 375 }, + { name: "市容环卫", value: 355 }, + { name: "粉尘污染", value: 335 }, + { name: "噪声污染", value: 324 }, + { name: "医疗卫生", value: 284 }, + { name: "供热发展", value: 254 }, + { name: "房地产管理", value: 462 }, + { name: "生活噪音", value: 253 }, + { name: "城市供电", value: 223 }, + { name: "大气污染", value: 223 }, + { name: "房屋安全", value: 223 }, + { name: "文化活动", value: 223 }, + { name: "拆迁管理", value: 223 }, + { name: "公共设施", value: 223 }, + { name: "供气质量", value: 223 }, + { name: "供电管理", value: 223 }, + { name: "燃气管理", value: 152 }, + { name: "教育管理", value: 152 }, + { name: "医疗纠纷", value: 152 }, + { name: "执法监督", value: 152 }, + { name: "设备安全", value: 152 }, + { name: "政务建设", value: 152 }, + { name: "宏观经济", value: 152 }, + { name: "教育管理", value: 112 }, + { name: "社会保障", value: 112 }, + { name: "分类列表", value: 112 }, + { name: "农业生产", value: 112 }, + { name: "物业服务", value: 92 }, + { name: "物业管理", value: 92 }, + { name: "低保管理", value: 92 }, + { name: "执法争议", value: 72 }, + { name: "占道堆放", value: 71 }, + { name: "地上设施", value: 71 }, + { name: "主网原因", value: 71 }, + { name: "集中供热", value: 71 }, + { name: "客运管理", value: 71 }, + { name: "治安案件", value: 71 }, + { name: "群众健身", value: 41 }, + { name: "市场收费", value: 41 }, + { name: "生产资金", value: 41 }, + { name: "生产噪声", value: 41 }, + { name: "农村低保", value: 41 }, + { name: "劳动争议", value: 41 }, + { name: "医疗事故", value: 21 }, + { name: "基础教育", value: 21 }, + { name: "职业教育", value: 21 }, + { name: "拆迁补偿", value: 21 }, + { name: "设施维护", value: 21 }, + { name: "市场外溢", value: 11 }, + { name: "占道经营", value: 11 }, + { name: "树木管理", value: 11 }, + { name: "供气质量", value: 11 }, + { name: "燃气管理", value: 11 }, + { name: "市容环卫", value: 11 }, + { name: "新闻传媒", value: 11 }, + { name: "人才招聘", value: 11 }, + { name: "市场环境", value: 11 }, + { name: "城市交通", value: 11 }, + { name: "物业服务", value: 11 }, + { name: "物业管理", value: 11 }, + { name: "园林绿化", value: 11 }, + { name: "有线电视", value: 11 }, + { name: "社会治安", value: 11 }, + { name: "林业资源", value: 11 }, + { name: "体育活动", value: 11 }, + { name: "低保管理", value: 11 }, + { name: "劳动争议", value: 11 }, + { name: "粉煤灰污染", value: 284 }, + { name: "人行道管理", value: 71 }, + { name: "身份证管理", value: 71 }, + { name: "房地产开发", value: 11 }, + { name: "经营性收费", value: 11 }, + { name: "一次供水问题", value: 11 }, + { name: "工业粉尘污染", value: 71 }, + { name: "工业排放污染", value: 41 }, + { name: "破坏森林资源", value: 41 }, + { name: "生活用水管理", value: 688 }, + { name: "一次供水问题", value: 588 }, + { name: "公交运输管理", value: 386 }, + { name: "自然资源管理", value: 355 }, + { name: "土地资源管理", value: 304 }, + { name: "生活用水管理", value: 112 }, + { name: "供热单位影响", value: 253 }, + { name: "二次供水问题", value: 112 }, + { name: "城市公共设施", value: 92 }, + { name: "拆迁政策咨询", value: 92 }, + { name: "县区、开发区", value: 152 }, + { name: "文娱市场管理", value: 72 }, + { name: "商业烟尘污染", value: 72 }, + { name: "供热单位影响", value: 71 }, + { name: "压力容器安全", value: 71 }, + { name: "劳动合同争议", value: 41 }, + { name: "物业资质管理", value: 21 }, + { name: "农村基础设施", value: 11 }, + { name: "行政事业收费", value: 11 }, + { name: "房屋配套问题", value: 11 }, + { name: "公交运输管理", value: 11 }, + { name: "社会福利及事务", value: 11 }, + { name: "食品安全与卫生", value: 11 }, + { name: "物业服务与管理", value: 112 }, + { name: "文体与教育管理", value: 406 }, + { name: "社会保障与福利", value: 429 }, + { name: "出租车运营管理", value: 385 }, + { name: "物业服务与管理", value: 304 }, + { name: "房屋质量与安全", value: 223 }, + { name: "劳动报酬与福利", value: 41 }, + { name: "食品安全与卫生", value: 11 }, + { name: "房屋与图纸不符", value: 11 }, + { name: "其他行政事业收费", value: 11 }, + { name: "农村土地规划管理", value: 254 }, + { name: "社会保障保险管理", value: 92 }, + { name: "城市交通秩序管理", value: 72 }, + { name: "户籍管理及身份证", value: 11 }, + { name: "公路（水路）交通", value: 11 }, + { name: "国有公交（大巴）管理", value: 71 }, + { name: "有线电视安装及调试维护", value: 11 }, + { name: "市政府工作部门（含部门管理机构、直属单位）", value: 11 }, + ], + }, + { + type: 'dycustComponents', + label: '', + name: 'dynamicData', + required: false, + placeholder: '', + relactiveDom: 'dataType', + chartType: 'widget-piechart', + dictKey: 'PIE_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: 500, + }, + { + type: 'el-input-number', + label: '高度', + name: 'height', + required: false, + placeholder: '该容器在1080px大屏中的高度', + value: 300, + }, + ], + } +} diff --git a/report-ui/src/views/bigscreenDesigner/designer/tools/index.js b/report-ui/src/views/bigscreenDesigner/designer/tools/index.js index 9ff919e1..c6f9575f 100644 --- a/report-ui/src/views/bigscreenDesigner/designer/tools/index.js +++ b/report-ui/src/views/bigscreenDesigner/designer/tools/index.js @@ -3,8 +3,8 @@ * @version: * @Author: qianlishi * @Date: 2021-08-29 06:43:07 - * @LastEditors: qianlishi - * @LastEditTime: 2022-03-11 10:35:35 + * @LastEditors: qianlishi qianlishi@anji-plus.com + * @LastEditTime: 2022-11-07 15:35:42 */ import { widgetTool } from "./main" const screenConfig = { @@ -66,9 +66,30 @@ const screenConfig = { position: [], } } -const widgetTools = [ - ...widgetTool -] + +export const converArr = (data) => { + let tempArr = [], newArr = [] + for (let i = 0; i < data.length; i++) { + const item = data[i] + if (tempArr.indexOf(item.type) === -1) { + newArr.push({ + name: item.tabName, + type: item.type, + list: [item] + }) + tempArr.push(item.type); + } else { + for (let j = 0; j < newArr.length; j++) { + if (newArr[j].type == item.type) { + newArr[j].list.push(item) + } + } + } + } + return newArr +} + +const widgetTools = converArr([...widgetTool]) const getToolByCode = function (code) { // 获取大屏底层设置属性 @@ -76,10 +97,8 @@ const getToolByCode = function (code) { return screenConfig } // 获取组件 - let item = widgetTools.find(function (item, index, arrs) { - return item.code === code + return [...widgetTool].find((item) => { + return item.code == code }) - return item } -console.log(widgetTools) -export {widgetTools, getToolByCode} +export { widgetTools, getToolByCode } diff --git a/report-ui/src/views/bigscreenDesigner/designer/tools/main.js b/report-ui/src/views/bigscreenDesigner/designer/tools/main.js index 7eada52a..496187da 100644 --- a/report-ui/src/views/bigscreenDesigner/designer/tools/main.js +++ b/report-ui/src/views/bigscreenDesigner/designer/tools/main.js @@ -3,41 +3,41 @@ * @version: * @Author: qianlishi * @Date: 2021-08-29 07:46:46 - * @LastEditors: qianlishi - * @LastEditTime: 2021-12-13 14:23:59 + * @LastEditors: qianlishi qianlishi@anji-plus.com + * @LastEditTime: 2022-11-07 15:34:02 */ -import {widgetText} from "./configure/widget-text" -import {widgetMarquee} from "./configure/widget-marquee" -import {widgetHref} from "./configure/widget-href" -import {widgetTime} from "./configure/widget-time" -import {widgetImage} from "./configure/widget-image" -import {widgetSliders} from "./configure/widget-slider" -import {widgetVideo} from "./configure/widget-video" -import {widgetTable} from "./configure/widget-table" -import {widgetIframe} from "./configure/widget-iframe" -import {widgetUniversal} from "./configure/widget-universal" -import {widgetBarchart} from "./configure/widget-barchart" -import {widgetGradientBarchart} from "./configure/widget-gradient-barchart" -import {widgetLinechart} from "./configure/widget-linechart" -import {widgetBarlinechart} from "./configure/widget-barlinechart" -import {widgetPiechart} from "./configure/widget-piechart" -import {widgetFunnel} from "./configure/widget-funnel" -import {widgetGauge} from "./configure/widget-gauge" -import {widgetLineMap} from "./configure/widget-line-map" -import {widgetPieNightingale} from "./configure/widget-pie-nightingale" -import {widgetPiePercentage} from "./configure/widget-pie-percentage" -import {widgetAirbubbleMap} from "./configure/widget-airbubble-map" -import {widgetBarStack} from "./configure/widget-bar-stack" -import {widgetLineStack} from "./configure/widget-line-stack" -import {widgetBarCompare} from "./configure/widget-bar-compare" -import {widgetLineCompare} from "./configure/widget-line-compare" -import {widgetDecoratePie} from "./configure/widget-decorate-pie"; -import {widgetMoreBarLine} from "./configure/widget-more-bar-line"; -import {widgetWordCloud} from "./configure/widget-word-cloud"; -import {widgetHeatmap} from "./configure/widget-heatmap"; -import {widgetRadar} from "./configure/widget-radar"; -import {widgetBarLineStack} from "./configure/widget-bar-line-stack"; +import { widgetText } from "./configure/texts/widget-text" +import { widgetMarquee } from "./configure/texts/widget-marquee" +import { widgetHref } from "./configure/texts/widget-href" +import { widgetTime } from "./configure/texts/widget-time" +import { widgetImage } from "./configure/texts/widget-image" +import { widgetSliders } from "./configure/texts/widget-slider" +import { widgetVideo } from "./configure/texts/widget-video" +import { widgetTable } from "./configure/texts/widget-table" +import { widgetIframe } from "./configure/texts/widget-iframe" +import { widgetUniversal } from "./configure/widget-universal" +import { widgetBarchart } from "./configure/barCharts/widget-barchart" +import { widgetGradientBarchart } from "./configure/barlineChart/widget-gradient-barchart" +import { widgetLinechart } from "./configure/lineCharts/widget-linechart" +import { widgetBarlinechart } from "./configure/barlineChart/widget-barlinechart" +import { widgetPiechart } from "./configure/pieCharts/widget-piechart" +import { widgetFunnel } from "./configure/funnelCharts/widget-funnel" +import { widgetGauge } from "./configure/percentCharts/widget-gauge" +import { widgetLineMap } from "./configure/mapCharts/widget-line-map" +import { widgetPieNightingale } from "./configure/pieCharts/widget-pie-nightingale" +import { widgetPiePercentage } from "./configure/percentCharts/widget-pie-percentage" +import { widgetAirbubbleMap } from "./configure/mapCharts/widget-airbubble-map" +import { widgetBarStack } from "./configure/barCharts/widget-bar-stack" +import { widgetLineStack } from "./configure/lineCharts/widget-line-stack" +import { widgetBarCompare } from "./configure/barCharts/widget-bar-compare" +import { widgetLineCompare } from "./configure/lineCharts/widget-line-compare" +import { widgetDecoratePie } from "./configure/decorateCharts/widget-decorate-pie"; +import { widgetMoreBarLine } from "./configure/barlineChart/widget-more-bar-line"; +import { widgetWordCloud } from "./configure/wordcloudCharts/widget-word-cloud"; +import { widgetHeatmap } from "./configure/heatmap/widget-heatmap"; +import { widgetRadar } from "./configure/texts/widget-radar"; +import { widgetBarLineStack } from "./configure/barCharts/widget-bar-line-stack"; export const widgetTool = [ // type=html类型的组件