el-input-text展示文字提示

陈鑫涛
1 parent e91f016d
Showing 7 changed files with 28 additions and 19 deletions
src/views/bigscreenDesigner/designer/components/dynamicForm.vue
src/views/bigscreenDesigner/designer/tools/configure/barCharts/widget-bar-stack.js
src/views/bigscreenDesigner/designer/tools/configure/barlineCharts/widget-more-bar-line.js
src/views/bigscreenDesigner/designer/widget/bar/widgetBarStackChart.vue
src/views/bigscreenDesigner/designer/widget/barline/widgetBarlinechart.vue
src/views/bigscreenDesigner/designer/widget/barline/widgetMoreBarLineChart.vue
src/views/screenDesigner/widget/barlineCharts/widgetMoreBarLineChart.vue
@@ -227,13 +227,12 @@
                     :placeholder="itemChildList.placeholder"
                     @change="changed($event, itemChildList.name)"
                   />
-
                   <el-input
                     v-if="itemChildList.type == 'el-input-text'"
                     v-model.trim="formData[itemChildList.name]"
                     type="text"
                     size="mini"
-                    placeholder="请输入内容"
+                    :placeholder="itemChildList.placeholder"
                     clearable
                     @change="changed($event, itemChildList.name)"
                   />
@@ -514,6 +513,7 @@ export default {
           }
         }
         this.formData = Object.assign({}, this.formData);
+        console.log("🚀 ~ setDefaultValue ~ this.formData :", this.formData )
       }
     },
     // 是否显示 那种格式
@@ -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,
@@ -257,7 +257,7 @@ export const widgetMoreBarLine = {
               label: '图例名称',
               name: 'legendName',
               required: false,
-              placeholder: '多值以' | '隔开',
+              placeholder: '多值以 | 隔开',
               value: ''
             },
             {
@@ -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: {
@@ -127,6 +127,7 @@ export default {
     this.optionsCollapse = this.value.collapse;
     this.optionsSetup = this.value.setup;
     this.editorOptions();
+    
   },
   methods: {
     // 修改图标options属性
@@ -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
@@ -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);
     },