cloud-web-corejs 1.0.54-dev.55 → 1.0.54-dev.57

package/src/components/xform/form-designer/form-widget/field-widget/mixins/echart-bar-mixin.js

@@ -3,7 +3,7 @@ import i18n from '../../../../../../components/xform/utils/i18n';
 import fieldMixin from '../../../../../../components/xform/form-designer/form-widget/field-widget/fieldMixin';
 
 import {deepClone} from '../../../../../../components/xform/utils/util';
-
+import {extendDeeply} from "@base/utils/index.js";
 import {use} from 'echarts/core';
 import {CanvasRenderer} from 'echarts/renderers';
 import {BarChart} from 'echarts/charts';
@@ -206,6 +206,9 @@ modules = {
           delete chartOptions.yAxis.data;
         }
       }
+    },
+    chartOption(){
+      return this.field.options.echarBarOption
     }
   },
   beforeCreate() {
@@ -220,6 +223,7 @@ modules = {
     this.initEventHandler();
 
     this.handleOnCreated();
+    this.initOption();
     this.serieClone = deepClone(this.field.options.echarBarOption.series[0]);
   },
 
@@ -232,6 +236,10 @@ modules = {
   },
 
   methods: {
+    initOption(){
+      let echartConfig = this.handleCustomEvent(this.field.options.echartConfig) || {};
+      this.field.options.echarBarOption = extendDeeply(this.field.options.echarBarOption, echartConfig);
+    },
     /*async loadData() {
       if (this.designState) {
         this.showChart = true;
@@ -412,6 +420,9 @@ modules = {
       this.$nextTick(()=>{
         this.showChart  = true;
       })
+    },
+    getChart(){
+      return this.$refs.chart;
     }
   }
 };

package/src/components/xform/form-designer/form-widget/field-widget/mixins/echart-category-mixin.js

@@ -157,6 +157,9 @@ modules = {
         return height;
       }
       return '';
+    },
+    chartOption(){
+      return this.field.options.echarBarOption
     }
   },
   beforeCreate() {
@@ -363,6 +366,9 @@ modules = {
       this.$nextTick(()=>{
         this.showChart  = true;
       })
+    },
+    getChart(){
+      return this.$refs.chart;
     }
   }
 };

package/src/components/xform/form-designer/form-widget/field-widget/mixins/echart-pie-mixin.js

@@ -77,6 +77,9 @@ modules = {
         return height;
       }
       return '';
+    },
+    chartOption() {
+      return this.field.options.echarBarOption
     }
   },
   beforeCreate() {
@@ -188,6 +191,9 @@ modules = {
       this.$nextTick(() => {
         this.showChart = true;
       })
+    },
+    getChart() {
+      return this.$refs.chart;
     }
   }
 };

package/src/components/xform/form-designer/form-widget/field-widget/table-export-button-widget.vue

@@ -76,7 +76,11 @@ export default {
       if (this.designState) {
         return
       }
-      let opt = {title: this.field.options.exportFileName || null, targetRef: this.field.options.tableRef || null};
+      let opt = {
+        title: this.field.options.exportFileName || null,
+        targetRef: this.field.options.tableRef || null,
+        pageSize: (this.field.options.exportPageSize || null)
+      };
       let tableExportParam = this.handleCustomEvent(this.field.options.tableExportParam);
       let options = {...opt, ...tableExportParam, type: type};
       let tableRef = options?.targetRef;

package/src/components/xform/form-designer/form-widget/field-widget/vabUpload-widget.vue

@@ -16,6 +16,7 @@
                 :limit.sync="limit"
                 resultType="Array"
                 :edit="!field.options.disabled"
+                @callback="submitFile"
                 v-else></baseUpload>
   </form-item-wrapper>
 </template>
@@ -144,6 +145,82 @@ export default {
         });
       }
     },
+    submitFile(rows, fileInfos) {
+      this.handlLineCode(fileInfos);
+      this.field.options.onAfterConfirmFile && this.field.options.onAfterConfirmFile(rows, fileInfos);
+    },
+    handlLineCode(fileInfos) {
+      let allPromise = [];
+      fileInfos.forEach(async fileInfo => {
+        await this.processFile(fileInfo.file, (lineCode) => {
+          fileInfo.lineCode = lineCode;
+        })
+      })
+
+    },
+    processFile(file, callback) {
+      return new Promise((resolve, reject) => {
+        const reader = new FileReader();
+        reader.onload = (e) => this.processImage(e.target.result, (lineCode) => {
+          resolve(lineCode)
+          callback(lineCode)
+        });
+        reader.onerror = () => {
+          resolve(null)
+          callback(null)
+          this.setError('文件读取失败')
+        };
+        reader.readAsDataURL(file);
+      })
+    },
+    async processImage(base64, callback) {
+      try {
+        // 使用 ZXing 3.x 的 API
+        const result = await decode(base64,(result, err) => {
+          if (err) {
+            this.handleError(`条码识别失败: ${err}`);
+            callback && callback(null)
+            return;
+          }
+          this.scannedText = result.text;
+          this.loading = false;
+          callback && callback(result.text)
+        });
+      } catch (err) {
+        console.error(err);
+        callback && callback(null)
+        this.handleError(`条码识别失败: ${err.message}`);
+      }
+    },
+    handleLineCode(fileInfos) {
+      fileInfos.forEach(fileInfo => {
+        let file = fileInfo.file;
+      })
+    },
+    handleImage(base64, fileName, callback) {
+      // 创建 ZXing Scanner
+
+
+      // 将 Base64 转换为 ImageLuminanceSource
+      // const imageData = Uint8Array.from(atob(base64), c => c.charCodeAt(0));
+      // const source = new ZXing.ImageLuminanceSource(imageData, base64.length);
+
+     decode(base64, (result, err) => {
+        if (err) {
+          this.handleError(`条码识别失败: ${err}`);
+          callback && callback(null)
+          return;
+        }
+        this.scannedText = result.text;
+        this.loading = false;
+        callback && callback(result.text)
+      });
+    },
+
+    handleError(errorMessage) {
+      this.error = errorMessage;
+      this.loading = false;
+    },
   }
 }
 </script>

package/src/components/xform/form-designer/setting-panel/property-editor/container-data-table/table-column-dialog.vue

@@ -118,6 +118,14 @@
                          :disabled="!scope.row.editFormatS"></el-button>
             </template>
           </el-table-column>
+          <el-table-column :label="i18nt('导出类型')" width="200" prop="formatS">
+            <template slot-scope="scope">
+              <el-select v-model="scope.row.exportType" clearable>
+                <el-option value="Image" label="图片"></el-option>
+                <el-option value="Number" label="数值"></el-option>
+              </el-select>
+            </template>
+          </el-table-column>
           <el-table-column label="格式化配置" width="90" fixed="right" align="center">
             <template slot-scope="scope">
               <el-button size="mini" plain="" round="" icon="el-icon-edit"

package/src/components/xform/form-designer/setting-panel/property-editor/event-handler/onClick-editor.vue

@@ -26,9 +26,9 @@ export default {
   },
   computed:{
     eventParams(){
-      let eventParams = ["dataId", "formCode"];
+      let eventParams = ["dataId", "formCode","event"];
       if (this.optionModel.rowFlag) {
-        eventParams.push("row", "index");
+        eventParams.push("row", "index","event");
       }
       return eventParams;
     }

package/src/components/xform/form-designer/setting-panel/property-editor/field-echart/echart-bar-editor.vue

@@ -1,42 +1,69 @@
 <template>
   <div>
-    <el-form-item :label="i18nt('背景颜色')"><el-color-picker v-model="optionModel.echarBarOption.backgroundColor"></el-color-picker></el-form-item>
-    <el-form-item :label="i18nt('竖展示')"><el-switch v-model="alignX"></el-switch></el-form-item>
-<!--    <el-form-item :label="i18nt('designer.setting.dsEnabled')"><el-switch v-model="optionModel.dsEnabled"></el-switch></el-form-item>
-    <el-form-item v-if="optionModel.dsEnabled" :label="i18nt('请求访问')">
-      <el-input
-        class="search-input"
-        max="200"
-        v-model="optionModel.accessName"
-        @clear="
-		  optionModel.accessCode = '';
-          $forceUpdate();
-        "
-        v-el-readonly
-        clearable
-      >
-        <i slot="suffix" class="el-input__icon el-icon-search" @click="showRequestaccessDialog = true"></i>
-      </el-input>
-    </el-form-item>-->
-    <el-form-item label-width="0"><el-divider class="custom-divider-margin-top">柱体设置</el-divider></el-form-item>
-    <el-form-item :label="i18nt('最大宽度')"><el-slider v-model="barMaxWidth"></el-slider></el-form-item>
-    <el-form-item :label="i18nt('圆角')"><el-slider v-model="barBorderRadius"></el-slider></el-form-item>
-    <el-form-item :label="i18nt('最小高度')"><el-slider v-model="barMinHeight"></el-slider></el-form-item>
+    <el-form-item :label="i18nt('背景颜色')">
+      <el-color-picker v-model="optionModel.echarBarOption.backgroundColor"></el-color-picker>
+    </el-form-item>
+    <el-form-item :label="i18nt('竖展示')">
+      <el-switch v-model="alignX"></el-switch>
+    </el-form-item>
+    <!--    <el-form-item :label="i18nt('designer.setting.dsEnabled')"><el-switch v-model="optionModel.dsEnabled"></el-switch></el-form-item>
+        <el-form-item v-if="optionModel.dsEnabled" :label="i18nt('请求访问')">
+          <el-input
+            class="search-input"
+            max="200"
+            v-model="optionModel.accessName"
+            @clear="
+          optionModel.accessCode = '';
+              $forceUpdate();
+            "
+            v-el-readonly
+            clearable
+          >
+            <i slot="suffix" class="el-input__icon el-icon-search" @click="showRequestaccessDialog = true"></i>
+          </el-input>
+        </el-form-item>-->
+    <el-form-item label="自定义图表配置" label-width="150px">
+      <a href="javascript:void(0);" class="a-link link-oneLind"
+         @click="editEventHandler('echartConfig', ['dataId', 'formCode'])">
+        <span>{{ optionModel.echartConfig }}</span>
+        <i class="el-icon-edit"></i>
+      </a>
+    </el-form-item>
+    <el-form-item label-width="0">
+      <el-divider class="custom-divider-margin-top">柱体设置</el-divider>
+    </el-form-item>
+    <el-form-item :label="i18nt('最大宽度')">
+      <el-slider v-model="barMaxWidth"></el-slider>
+    </el-form-item>
+    <el-form-item :label="i18nt('圆角')">
+      <el-slider v-model="barBorderRadius"></el-slider>
+    </el-form-item>
+    <el-form-item :label="i18nt('最小高度')">
+      <el-slider v-model="barMinHeight"></el-slider>
+    </el-form-item>
 
-    <el-form-item label-width="0"><el-divider class="custom-divider-margin-top">标题设置</el-divider></el-form-item>
-    <el-form-item :label="i18nt('显示标题')"><el-switch v-model="optionModel.echarBarOption.title.show"></el-switch></el-form-item>
-    <el-form-item :label="i18nt('标题')"><el-input v-model="optionModel.echarBarOption.title.text"></el-input></el-form-item>
-   <!-- <el-form-item :label="i18nt('字体颜色')"><el-color-picker v-model="optionModel.echarBarOption.title.textStyle.color"></el-color-picker></el-form-item>
-    <el-form-item :label="i18nt('字体粗细')">
-      <el-select v-model="optionModel.echarBarOption.title.textStyle.fontWeight">
-        <el-option label="正常" value="normal"></el-option>
-        <el-option label="粗体" value="bold"></el-option>
-        <el-option label="特粗体" value="bolder"></el-option>
-        <el-option label="细体" value="lighter"></el-option>
-      </el-select>
+    <el-form-item label-width="0">
+      <el-divider class="custom-divider-margin-top">标题设置</el-divider>
+    </el-form-item>
+    <el-form-item :label="i18nt('显示标题')">
+      <el-switch v-model="optionModel.echarBarOption.title.show"></el-switch>
+    </el-form-item>
+    <el-form-item :label="i18nt('标题')">
+      <el-input v-model="optionModel.echarBarOption.title.text"></el-input>
+    </el-form-item>
+    <!-- <el-form-item :label="i18nt('字体颜色')"><el-color-picker v-model="optionModel.echarBarOption.title.textStyle.color"></el-color-picker></el-form-item>
+     <el-form-item :label="i18nt('字体粗细')">
+       <el-select v-model="optionModel.echarBarOption.title.textStyle.fontWeight">
+         <el-option label="正常" value="normal"></el-option>
+         <el-option label="粗体" value="bold"></el-option>
+         <el-option label="特粗体" value="bolder"></el-option>
+         <el-option label="细体" value="lighter"></el-option>
+       </el-select>
+     </el-form-item>
+     <el-form-item :label="i18nt('字体大小')"><base-input-number :scale="0" v-model="optionModel.echarBarOption.title.textStyle.fontSize"></base-input-number></el-form-item> -->
+    <el-form-item :label="i18nt('背景颜色')">
+      <el-color-picker v-model="optionModel.echarBarOption.title.backgroundColor"></el-color-picker>
     </el-form-item>
-    <el-form-item :label="i18nt('字体大小')"><base-input-number :scale="0" v-model="optionModel.echarBarOption.title.textStyle.fontSize"></base-input-number></el-form-item> -->
-    <el-form-item :label="i18nt('背景颜色')"><el-color-picker v-model="optionModel.echarBarOption.title.backgroundColor"></el-color-picker></el-form-item>
     <el-form-item :label="i18nt('字体位置')">
       <el-select v-model="optionModel.echarBarOption.title.left">
         <el-option label="居中" value="center"></el-option>
@@ -44,7 +71,9 @@
         <el-option label="右对齐" value="right"></el-option>
       </el-select>
     </el-form-item>
-    <el-form-item :label="i18nt('副标题')"><el-input v-model="optionModel.echarBarOption.title.subtext"></el-input></el-form-item>
+    <el-form-item :label="i18nt('副标题')">
+      <el-input v-model="optionModel.echarBarOption.title.subtext"></el-input>
+    </el-form-item>
     <!-- <el-form-item :label="i18nt('字体颜色')"><el-color-picker v-model="optionModel.echarBarOption.title.subtextStyle.color"></el-color-picker></el-form-item>
     <el-form-item :label="i18nt('字体粗细')">
       <el-select v-model="optionModel.echarBarOption.title.subtextStyle.fontWeight">
@@ -56,40 +85,96 @@
     </el-form-item>
     <el-form-item :label="i18nt('字体大小')"><base-input-number :scale="0" v-model="optionModel.echarBarOption.title.subtextStyle.fontSize"></base-input-number></el-form-item> -->
 
-    <el-form-item label-width="0"><el-divider class="custom-divider-margin-top">X轴设置</el-divider></el-form-item>
-    <el-form-item :label="i18nt('显示')"><el-switch v-model="optionModel.echarBarOption.xAxis.show"></el-switch></el-form-item>
-    <el-form-item :label="i18nt('坐标名')"><el-input v-model="optionModel.echarBarOption.xAxis.name"></el-input></el-form-item>
-    <el-form-item :label="i18nt('坐标名颜色')"><el-color-picker v-model="optionModel.echarBarOption.xAxis.nameTextStyle.color"></el-color-picker></el-form-item>
-    <el-form-item :label="i18nt('坐标字号')"><base-input-number :scale="0" v-model="optionModel.echarBarOption.xAxis.nameTextStyle.fontSize"></base-input-number></el-form-item>
-    <el-form-item :label="i18nt('数值颜色')"><el-color-picker v-model="optionModel.echarBarOption.xAxis.axisLabel.color"></el-color-picker></el-form-item>
-    <el-form-item :label="i18nt('数值字号')"><base-input-number :scale="0" v-model="optionModel.echarBarOption.xAxis.axisLabel.fontSize"></base-input-number></el-form-item>
-    <el-form-item :label="i18nt('数值角度')"><el-slider v-model="optionModel.echarBarOption.xAxis.axisLabel.rotate"></el-slider></el-form-item>
+    <el-form-item label-width="0">
+      <el-divider class="custom-divider-margin-top">X轴设置</el-divider>
+    </el-form-item>
+    <el-form-item :label="i18nt('显示')">
+      <el-switch v-model="optionModel.echarBarOption.xAxis.show"></el-switch>
+    </el-form-item>
+    <el-form-item :label="i18nt('坐标名')">
+      <el-input v-model="optionModel.echarBarOption.xAxis.name"></el-input>
+    </el-form-item>
+    <el-form-item :label="i18nt('坐标名颜色')">
+      <el-color-picker v-model="optionModel.echarBarOption.xAxis.nameTextStyle.color"></el-color-picker>
+    </el-form-item>
+    <el-form-item :label="i18nt('坐标字号')">
+      <base-input-number :scale="0"
+                         v-model="optionModel.echarBarOption.xAxis.nameTextStyle.fontSize"></base-input-number>
+    </el-form-item>
+    <el-form-item :label="i18nt('数值颜色')">
+      <el-color-picker v-model="optionModel.echarBarOption.xAxis.axisLabel.color"></el-color-picker>
+    </el-form-item>
+    <el-form-item :label="i18nt('数值字号')">
+      <base-input-number :scale="0" v-model="optionModel.echarBarOption.xAxis.axisLabel.fontSize"></base-input-number>
+    </el-form-item>
+    <el-form-item :label="i18nt('数值角度')">
+      <el-slider v-model="optionModel.echarBarOption.xAxis.axisLabel.rotate"></el-slider>
+    </el-form-item>
 
-    <el-form-item :label="i18nt('轴反转')"><el-switch v-model="optionModel.echarBarOption.xAxis.inverse"></el-switch></el-form-item>
+    <el-form-item :label="i18nt('轴反转')">
+      <el-switch v-model="optionModel.echarBarOption.xAxis.inverse"></el-switch>
+    </el-form-item>
     <!-- <el-form-item :label="i18nt('轴颜色')"><el-color-picker v-model="optionModel.echarBarOption.xAxis.axisLine.lineStyle.color"></el-color-picker></el-form-item> -->
-    <el-form-item :label="i18nt('分割线显示')"><el-switch v-model="optionModel.echarBarOption.xAxis.splitLine.show"></el-switch></el-form-item>
+    <el-form-item :label="i18nt('分割线显示')">
+      <el-switch v-model="optionModel.echarBarOption.xAxis.splitLine.show"></el-switch>
+    </el-form-item>
     <!-- <el-form-item :label="i18nt('分割线颜色')"><el-color-picker v-model="optionModel.echarBarOption.xAxis.splitLine.lineStyle.color"></el-color-picker></el-form-item> -->
 
-    <el-form-item label-width="0"><el-divider class="custom-divider-margin-top">Y轴设置</el-divider></el-form-item>
+    <el-form-item label-width="0">
+      <el-divider class="custom-divider-margin-top">Y轴设置</el-divider>
+    </el-form-item>
 
-    <el-form-item :label="i18nt('显示')"><el-switch v-model="optionModel.echarBarOption.yAxis.show"></el-switch></el-form-item>
-        <el-form-item :label="i18nt('坐标名')"><el-input v-model="optionModel.echarBarOption.yAxis.name"></el-input></el-form-item>
-        <el-form-item :label="i18nt('坐标名颜色')"><el-color-picker v-model="optionModel.echarBarOption.yAxis.nameTextStyle.color"></el-color-picker></el-form-item>
-        <el-form-item :label="i18nt('坐标字号')"><base-input-number :scale="0" v-model="optionModel.echarBarOption.yAxis.nameTextStyle.fontSize"></base-input-number></el-form-item>
-        <el-form-item :label="i18nt('数值颜色')"><el-color-picker v-model="optionModel.echarBarOption.yAxis.axisLabel.color"></el-color-picker></el-form-item>
-        <el-form-item :label="i18nt('数值字号')"><base-input-number :scale="0" v-model="optionModel.echarBarOption.yAxis.axisLabel.fontSize"></base-input-number></el-form-item>
-        <el-form-item :label="i18nt('数值角度')"><el-slider v-model="optionModel.echarBarOption.yAxis.axisLabel.rotate"></el-slider></el-form-item>
+    <el-form-item :label="i18nt('显示')">
+      <el-switch v-model="optionModel.echarBarOption.yAxis.show"></el-switch>
+    </el-form-item>
+    <el-form-item :label="i18nt('坐标名')">
+      <el-input v-model="optionModel.echarBarOption.yAxis.name"></el-input>
+    </el-form-item>
+    <el-form-item :label="i18nt('坐标名颜色')">
+      <el-color-picker v-model="optionModel.echarBarOption.yAxis.nameTextStyle.color"></el-color-picker>
+    </el-form-item>
+    <el-form-item :label="i18nt('坐标字号')">
+      <base-input-number :scale="0"
+                         v-model="optionModel.echarBarOption.yAxis.nameTextStyle.fontSize"></base-input-number>
+    </el-form-item>
+    <el-form-item :label="i18nt('数值颜色')">
+      <el-color-picker v-model="optionModel.echarBarOption.yAxis.axisLabel.color"></el-color-picker>
+    </el-form-item>
+    <el-form-item :label="i18nt('数值字号')">
+      <base-input-number :scale="0" v-model="optionModel.echarBarOption.yAxis.axisLabel.fontSize"></base-input-number>
+    </el-form-item>
+    <el-form-item :label="i18nt('数值角度')">
+      <el-slider v-model="optionModel.echarBarOption.yAxis.axisLabel.rotate"></el-slider>
+    </el-form-item>
 
-        <el-form-item :label="i18nt('轴显示')"><el-switch v-model="optionModel.echarBarOption.yAxis.axisLine.show"></el-switch></el-form-item>
-        <el-form-item :label="i18nt('轴反转')"><el-switch v-model="optionModel.echarBarOption.yAxis.inverse"></el-switch></el-form-item>
-        <el-form-item :label="i18nt('轴颜色')"><el-color-picker v-model="optionModel.echarBarOption.yAxis.axisLine.lineStyle.color"></el-color-picker></el-form-item>
-        <el-form-item :label="i18nt('分割线显示')"><el-switch v-model="optionModel.echarBarOption.yAxis.splitLine.show"></el-switch></el-form-item>
-        <el-form-item :label="i18nt('分割线颜色')"><el-color-picker v-model="optionModel.echarBarOption.yAxis.splitLine.lineStyle.color"></el-color-picker></el-form-item>
+    <el-form-item :label="i18nt('轴显示')">
+      <el-switch v-model="optionModel.echarBarOption.yAxis.axisLine.show"></el-switch>
+    </el-form-item>
+    <el-form-item :label="i18nt('轴反转')">
+      <el-switch v-model="optionModel.echarBarOption.yAxis.inverse"></el-switch>
+    </el-form-item>
+    <el-form-item :label="i18nt('轴颜色')">
+      <el-color-picker v-model="optionModel.echarBarOption.yAxis.axisLine.lineStyle.color"></el-color-picker>
+    </el-form-item>
+    <el-form-item :label="i18nt('分割线显示')">
+      <el-switch v-model="optionModel.echarBarOption.yAxis.splitLine.show"></el-switch>
+    </el-form-item>
+    <el-form-item :label="i18nt('分割线颜色')">
+      <el-color-picker v-model="optionModel.echarBarOption.yAxis.splitLine.lineStyle.color"></el-color-picker>
+    </el-form-item>
 
-    <el-form-item label-width="0"><el-divider class="custom-divider-margin-top">数值设定</el-divider></el-form-item>
-    <el-form-item :label="i18nt('显示数值')"><el-switch v-model="showSeriesLabel"></el-switch></el-form-item>
-    <el-form-item :label="i18nt('字体大小')"><base-input-number :scale="0" v-model="optionModel.echarBarOption.series[0].label.fontSize"></base-input-number></el-form-item>
-    <el-form-item :label="i18nt('颜色')"><el-color-picker v-model="optionModel.echarBarOption.series[0].label.color"></el-color-picker></el-form-item>
+    <el-form-item label-width="0">
+      <el-divider class="custom-divider-margin-top">数值设定</el-divider>
+    </el-form-item>
+    <el-form-item :label="i18nt('显示数值')">
+      <el-switch v-model="showSeriesLabel"></el-switch>
+    </el-form-item>
+    <el-form-item :label="i18nt('字体大小')">
+      <base-input-number :scale="0" v-model="optionModel.echarBarOption.series[0].label.fontSize"></base-input-number>
+    </el-form-item>
+    <el-form-item :label="i18nt('颜色')">
+      <el-color-picker v-model="optionModel.echarBarOption.series[0].label.color"></el-color-picker>
+    </el-form-item>
     <el-form-item :label="i18nt('字体粗细')">
       <el-select v-model="optionModel.echarBarOption.series[0].label.fontWeight">
         <el-option label="正常" value="normal"></el-option>
@@ -99,9 +184,13 @@
       </el-select>
     </el-form-item>
 
-    <el-form-item label-width="0"><el-divider class="custom-divider-margin-top">提示语设置</el-divider></el-form-item>
+    <el-form-item label-width="0">
+      <el-divider class="custom-divider-margin-top">提示语设置</el-divider>
+    </el-form-item>
     <!-- <el-form-item :label="i18nt('字体大小')"><base-input-number :scale="0" v-model="optionModel.echarBarOption.tooltip.textStyle.fontSize"></base-input-number></el-form-item> -->
-    <el-form-item :label="i18nt('网格线颜色')"><el-color-picker v-model="optionModel.echarBarOption.tooltip.borderColor"></el-color-picker></el-form-item>
+    <el-form-item :label="i18nt('网格线颜色')">
+      <el-color-picker v-model="optionModel.echarBarOption.tooltip.borderColor"></el-color-picker>
+    </el-form-item>
 
     <!-- <el-form-item label-width="0"><el-divider class="custom-divider-margin-top">坐标轴边距设置</el-divider></el-form-item>
 
@@ -119,13 +208,15 @@
 
 <script>
 import i18n from '../../../../../../components/xform/utils/i18n';
-import { deepClone } from '../../../../../../components/xform/utils/util';
+import {deepClone} from '../../../../../../components/xform/utils/util';
 import Draggable from 'vuedraggable';
 import requestaccessDialog from '../../../../../../views/user/form/report_requestaccess/dialog.vue';
+import eventMixin
+  from "@base/components/xform/form-designer/setting-panel/property-editor/event-handler/eventMixin";
 
 export default {
   name: 'echart-bar-editor',
-  mixins: [i18n],
+  mixins: [eventMixin, i18n],
   props: {
     designer: Object,
     selectedWidget: Object,
@@ -137,7 +228,7 @@ export default {
     requestaccessDialog
   },
   computed: {
-    reportTemplate: function() {
+    reportTemplate: function () {
       return this.getReportTemplate();
     },
     nameSet: {
@@ -243,7 +334,7 @@ export default {
       if (rows.length) {
         let row = rows[0];
         this.optionModel.accessName = row.accessName;
-		this.optionModel.accessCode = row.accessCode;
+        this.optionModel.accessCode = row.accessCode;
       }
     }
   }