From 10959c3f83cb9ebf6e8589a02a26150bd8f0ce27 Mon Sep 17 00:00:00 2001 From: 陈鑫涛 <10125295+chen-xintao97@user.noreply.gitee.com> Date: Wed, 24 Sep 2025 15:02:44 +0800 Subject: [PATCH] el-input-text展示文字提示 --- src/views/bigscreenDesigner/designer/components/dynamicForm.vue | 4 ++-- src/views/bigscreenDesigner/designer/tools/configure/barCharts/widget-bar-stack.js | 8 ++++++++ src/views/bigscreenDesigner/designer/tools/configure/barlineCharts/widget-more-bar-line.js | 2 +- src/views/bigscreenDesigner/designer/widget/bar/widgetBarStackChart.vue | 2 +- src/views/bigscreenDesigner/designer/widget/barline/widgetBarlinechart.vue | 1 + src/views/bigscreenDesigner/designer/widget/barline/widgetMoreBarLineChart.vue | 12 ++++++------ src/views/screenDesigner/widget/barlineCharts/widgetMoreBarLineChart.vue | 18 +++++++++--------- 7 files changed, 28 insertions(+), 19 deletions(-) diff --git a/src/views/bigscreenDesigner/designer/components/dynamicForm.vue b/src/views/bigscreenDesigner/designer/components/dynamicForm.vue index b9623a7..a3c7204 100644 --- a/src/views/bigscreenDesigner/designer/components/dynamicForm.vue +++ b/src/views/bigscreenDesigner/designer/components/dynamicForm.vue @@ -227,13 +227,12 @@ :placeholder="itemChildList.placeholder" @change="changed($event, itemChildList.name)" /> - @@ -514,6 +513,7 @@ export default { } } this.formData = Object.assign({}, this.formData); + console.log("🚀 ~ setDefaultValue ~ this.formData :", this.formData ) } }, // 是否显示 那种格式 diff --git a/src/views/bigscreenDesigner/designer/tools/configure/barCharts/widget-bar-stack.js b/src/views/bigscreenDesigner/designer/tools/configure/barCharts/widget-bar-stack.js index a4ec44f..f15bcc0 100644 --- a/src/views/bigscreenDesigner/designer/tools/configure/barCharts/widget-bar-stack.js +++ b/src/views/bigscreenDesigner/designer/tools/configure/barCharts/widget-bar-stack.js @@ -60,6 +60,14 @@ export const widgetBarStack = { }, { type: 'el-slider', + label: '柱间距', + name: 'barGap', + required: false, + placeholder: '', + value: 0, + }, + { + type: 'el-slider', label: '圆角', name: 'radius', require: false, diff --git a/src/views/bigscreenDesigner/designer/tools/configure/barlineCharts/widget-more-bar-line.js b/src/views/bigscreenDesigner/designer/tools/configure/barlineCharts/widget-more-bar-line.js index 042c752..1dc242b 100644 --- a/src/views/bigscreenDesigner/designer/tools/configure/barlineCharts/widget-more-bar-line.js +++ b/src/views/bigscreenDesigner/designer/tools/configure/barlineCharts/widget-more-bar-line.js @@ -257,7 +257,7 @@ export const widgetMoreBarLine = { label: '图例名称', name: 'legendName', required: false, - placeholder: '多值以' | '隔开', + placeholder: '多值以 | 隔开', value: '' }, { diff --git a/src/views/bigscreenDesigner/designer/widget/bar/widgetBarStackChart.vue b/src/views/bigscreenDesigner/designer/widget/bar/widgetBarStackChart.vue index 8181e10..19f34b5 100644 --- a/src/views/bigscreenDesigner/designer/widget/bar/widgetBarStackChart.vue +++ b/src/views/bigscreenDesigner/designer/widget/bar/widgetBarStackChart.vue @@ -322,7 +322,7 @@ export default { name: yAxisList[i], type: "bar", data: data, - barGap: "0%", + barGap: optionsSetup.barGap + '%', stack: this.getStackStyle(), barWidth: optionsSetup.maxWidth, label: { diff --git a/src/views/bigscreenDesigner/designer/widget/barline/widgetBarlinechart.vue b/src/views/bigscreenDesigner/designer/widget/barline/widgetBarlinechart.vue index 28c0a74..780ca87 100644 --- a/src/views/bigscreenDesigner/designer/widget/barline/widgetBarlinechart.vue +++ b/src/views/bigscreenDesigner/designer/widget/barline/widgetBarlinechart.vue @@ -127,6 +127,7 @@ export default { this.optionsCollapse = this.value.collapse; this.optionsSetup = this.value.setup; this.editorOptions(); + }, methods: { // 修改图标options属性 diff --git a/src/views/bigscreenDesigner/designer/widget/barline/widgetMoreBarLineChart.vue b/src/views/bigscreenDesigner/designer/widget/barline/widgetMoreBarLineChart.vue index c65489c..0f4eaf7 100644 --- a/src/views/bigscreenDesigner/designer/widget/barline/widgetMoreBarLineChart.vue +++ b/src/views/bigscreenDesigner/designer/widget/barline/widgetMoreBarLineChart.vue @@ -89,7 +89,7 @@ export default { ], series: [ { - name: '调解成功', + name: '', type: 'bar', itemStyle: { normal: { @@ -106,7 +106,7 @@ export default { data: [] }, { - name: '调解失败', + name: '', type: 'bar', itemStyle: { normal: { @@ -124,7 +124,7 @@ export default { data: [] }, { - name: '调解成功率', + name: '', type: 'line', yAxisIndex: 1, //使用的 y 轴的 index，在单个图表实例中存在多个 y轴的时候有用 smooth: false, //平滑曲线显示 @@ -429,9 +429,9 @@ export default { line[i] = val[i].sales; } const legendName = []; - legendName.push('调解成功'); - legendName.push('调解失败'); - legendName.push('调解成功率'); + // legendName.push('调解成功'); + // legendName.push('调解失败'); + // legendName.push('调解成功率'); // x轴 this.options.xAxis.data = axis; // series diff --git a/src/views/screenDesigner/widget/barlineCharts/widgetMoreBarLineChart.vue b/src/views/screenDesigner/widget/barlineCharts/widgetMoreBarLineChart.vue index c2b8f48..5753d7c 100644 --- a/src/views/screenDesigner/widget/barlineCharts/widgetMoreBarLineChart.vue +++ b/src/views/screenDesigner/widget/barlineCharts/widgetMoreBarLineChart.vue @@ -32,7 +32,7 @@ export default { containLabel: true }, legend: { - data: ['调解成功', '调解失败', '调解终止', '调解成功率'], + data: [], left: '7%', top: '5%', textStyle: { @@ -99,7 +99,7 @@ export default { ], series: [ { - name: '调解成功', + name: '', type: 'bar', itemStyle: { normal: { @@ -116,7 +116,7 @@ export default { data: [] }, { - name: '调解失败', + name: '', type: 'bar', itemStyle: { normal: { @@ -134,7 +134,7 @@ export default { data: [] }, { - name: '调解终止', + name: '', type: 'bar', itemStyle: { normal: { @@ -151,7 +151,7 @@ export default { data: [] }, { - name: '调解成功率', + name: '', type: 'line', yAxisIndex: 1, //使用的 y 轴的 index，在单个图表实例中存在多个 y轴的时候有用 smooth: false, //平滑曲线显示 @@ -479,10 +479,10 @@ export default { series[2].data = bar3; series[3].data = line; const legendName = []; - legendName.push('调解成功'); - legendName.push('调解失败'); - legendName.push('调解终止'); - legendName.push('调解成功率'); + // legendName.push('调解成功'); + // legendName.push('调解失败'); + // legendName.push('调解终止'); + // legendName.push('调解成功率'); this.options.legend['data'] = legendName; this.setOptionsLegendName(legendName); }, -- libgit2 0.22.2