cloud-web-corejs 1.0.54-dev.340 → 1.0.54-dev.341

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

@@ -35,24 +35,50 @@
       <el-switch v-model="isQueryAllPage"></el-switch>
     </el-form-item>
     <el-form-item label="默认每页查询数">
-      <base-input-number v-model="optionModel.gridPageSize" size="mini" :min="1" :max="10000"/>
+      <base-input-number v-model="optionModel.gridPageSize" size="mini" :max="10000" />
     </el-form-item>
     <el-form-item :label="i18nt('可选择每页查询数')"></el-form-item>
     <el-form-item label-width="0">
       <template v-if="optionModel.gridPageSizeList">
-        <draggable tag="ul" class="draggable-box" :list="optionModel.gridPageSizeList"
-                   v-bind="{ group: 'optionsGroup', ghostClass: 'ghost', handle: '.drag-option' }">
-          <li v-for="(item, index) in optionModel.gridPageSizeList" :key="index" class="col-item">
+        <draggable
+          tag="ul"
+          class="draggable-box"
+          :list="optionModel.gridPageSizeList"
+          v-bind="{ group: 'optionsGroup', ghostClass: 'ghost', handle: '.drag-option' }"
+        >
+          <li
+            v-for="(item, index) in optionModel.gridPageSizeList"
+            :key="index"
+            class="col-item"
+          >
             <i class="el-icon-s-operation drag-option"></i>
-            <base-input-number v-model="item.value" :min="1" :max="10000" style="width: 200px;"></base-input-number>
-            <el-button circle plain size="mini" type="danger" @click="optionModel.gridPageSizeList.splice(index,1)"
-                       icon="el-icon-minus" class="col-delete-button" style="position: unset;"></el-button>
+            <base-input-number
+              v-model="item.value"
+              :min="1"
+              :max="10000"
+              style="width: 200px"
+            ></base-input-number>
+            <el-button
+              circle
+              plain
+              size="mini"
+              type="danger"
+              @click="optionModel.gridPageSizeList.splice(index, 1)"
+              icon="el-icon-minus"
+              class="col-delete-button"
+              style="position: unset"
+            ></el-button>
           </li>
         </draggable>
       </template>
       <div>
-        <el-button type="text" @click="addGridPageSizeList" icon="el-icon-circle-plus-outline" class="add-option">
-          {{ i18nt('新增分页数') }}
+        <el-button
+          type="text"
+          @click="addGridPageSizeList"
+          icon="el-icon-circle-plus-outline"
+          class="add-option"
+        >
+          {{ i18nt("新增分页数") }}
         </el-button>
       </div>
     </el-form-item>
@@ -75,14 +101,16 @@
       </el-select>
     </el-form-item> -->
     <el-form-item :label="i18nt('designer.setting.tableColEdit')">
-      <el-button type="primary" plain="" round="" @click="openSetting">{{
-          i18nt('designer.setting.editAction')
-        }}
+      <el-button type="primary" plain="" round="" @click="openSetting"
+        >{{ i18nt("designer.setting.editAction") }}
       </el-button>
     </el-form-item>
     <el-form-item label="自定义表格配置" label-width="150px">
-      <a href="javascript:void(0);" class="a-link link-oneLind"
-         @click="editEventHandler('tableConfig', tableConfigParams)">
+      <a
+        href="javascript:void(0);"
+        class="a-link link-oneLind"
+        @click="editEventHandler('tableConfig', tableConfigParams)"
+      >
         <span>{{ optionModel.tableConfig }}</span>
         <i class="el-icon-edit"></i>
       </a>
@@ -163,11 +191,21 @@
     >
       <template slot="footer">
         <div class="dialog-footer">
-          <el-button type="" @click="dataDialogVisible = !1" class="button-sty" icon="el-icon-close">
-            {{ i18nt('designer.hint.cancel') }}
+          <el-button
+            type=""
+            @click="dataDialogVisible = !1"
+            class="button-sty"
+            icon="el-icon-close"
+          >
+            {{ i18nt("designer.hint.cancel") }}
           </el-button>
-          <el-button type="primary" @click="saveTableData" class="button-sty" icon="el-icon-check">
-            {{ i18nt('designer.hint.confirm') }}
+          <el-button
+            type="primary"
+            @click="saveTableData"
+            class="button-sty"
+            icon="el-icon-check"
+          >
+            {{ i18nt("designer.hint.confirm") }}
           </el-button>
         </div>
       </template>
@@ -341,21 +379,39 @@
       :destroy-on-close="!0"
       v-dialog-drag
     >
-      <el-alert type="info" :closable="!1"/>
-      <code-editor ref="dsResultEditor" mode="javascript" :readonly="!1" v-model="dataSourceSql"></code-editor>
-      <el-alert type="info" :closable="!1"/>
+      <el-alert type="info" :closable="!1" />
+      <code-editor
+        ref="dsResultEditor"
+        mode="javascript"
+        :readonly="!1"
+        v-model="dataSourceSql"
+      ></code-editor>
+      <el-alert type="info" :closable="!1" />
       <div class="dialog-footer" slot="footer">
-        <el-button @click="showSqlEditDialog = !1" class="button-sty" icon="el-icon-close">
-          {{ i18nt('designer.hint.cancel') }}
+        <el-button
+          @click="showSqlEditDialog = !1"
+          class="button-sty"
+          icon="el-icon-close"
+        >
+          {{ i18nt("designer.hint.cancel") }}
         </el-button>
-        <el-button type="primary" @click="saveDataSourceSql" class="button-sty" icon="el-icon-check">
-          {{ i18nt('designer.hint.confirm') }}
+        <el-button
+          type="primary"
+          @click="saveDataSourceSql"
+          class="button-sty"
+          icon="el-icon-check"
+        >
+          {{ i18nt("designer.hint.confirm") }}
         </el-button>
       </div>
     </el-dialog>
-    <requestaccessDialog v-if="showRequestaccessDialog" :visiable.sync="showRequestaccessDialog"
-                         @confirm="confirmInsertRequestaccess" multi="false"
-                         :param="{reportCode:reportTemplate.reportCode}"/>
+    <requestaccessDialog
+      v-if="showRequestaccessDialog"
+      :visiable.sync="showRequestaccessDialog"
+      @confirm="confirmInsertRequestaccess"
+      multi="false"
+      :param="{ reportCode: reportTemplate.reportCode }"
+    />
 
     <el-dialog
       v-if="showFieldTreeDialog"
@@ -371,7 +427,7 @@
       width="500px"
       v-dialog-drag
     >
-      <div class="cont" style="height: 500px;">
+      <div class="cont" style="height: 500px">
         <el-tree
           ref="tree"
           :data="treeData"
@@ -381,19 +437,25 @@
           :check-on-click-node="true"
           :expand-on-click-node="false"
           :default-checked-keys="defaultCheckedKeys"
-          :props="defaultProps">
+          :props="defaultProps"
+        >
         </el-tree>
       </div>
       <span slot="footer" class="dialog-footer">
-			<el-button type="primary" plain class="button-sty" @click="showFieldTreeDialog=false">
-				<i class="el-icon-close el-icon"></i>
-				取 消
-			</el-button>
-			<el-button type="primary" @click="confirmFieldTreeDialog" class="button-sty">
-				<i class="el-icon-check el-icon"></i>
-				确 定
-			</el-button>
-		</span>
+        <el-button
+          type="primary"
+          plain
+          class="button-sty"
+          @click="showFieldTreeDialog = false"
+        >
+          <i class="el-icon-close el-icon"></i>
+          取 消
+        </el-button>
+        <el-button type="primary" @click="confirmFieldTreeDialog" class="button-sty">
+          <i class="el-icon-check el-icon"></i>
+          确 定
+        </el-button>
+      </span>
     </el-dialog>
     <!--    <el-dialog
           v-if="showDateConfigDialog"
@@ -500,42 +562,43 @@
             </el-button>
           </div>
         </el-dialog>-->
-    <tableColumnDialog v-if="dialogVisible" :visiable.sync="dialogVisible" :designer="designer"
-                       :selectedWidget="selectedWidget"
-                       :optionModel="optionModel"/>
-
-
+    <tableColumnDialog
+      v-if="dialogVisible"
+      :visiable.sync="dialogVisible"
+      :designer="designer"
+      :selectedWidget="selectedWidget"
+      :optionModel="optionModel"
+    />
   </div>
 </template>
 
 <script>
-import i18n from '../../../../../../components/xform/utils/i18n';
-import Draggable from 'vuedraggable';
-import {deepClone, generateId} from '../../../../../../components/xform/utils/util';
-import Sortable from 'sortablejs';
-import requestaccessDialog from '../../../../../../views/user/form/report_requestaccess/dialog.vue'
-import conditionEditor from './condition-editor.vue'
+import i18n from "../../../../../../components/xform/utils/i18n";
+import Draggable from "vuedraggable";
+import { deepClone, generateId } from "../../../../../../components/xform/utils/util";
+import Sortable from "sortablejs";
+import requestaccessDialog from "../../../../../../views/user/form/report_requestaccess/dialog.vue";
+import conditionEditor from "./condition-editor.vue";
 import tableColumnDialog from "./table-column-dialog.vue";
-import eventMixin
-  from "../../../../../../components/xform/form-designer/setting-panel/property-editor/event-handler/eventMixin";
+import eventMixin from "../../../../../../components/xform/form-designer/setting-panel/property-editor/event-handler/eventMixin";
 import setttingConfig from "@/settings";
 
 export default {
-  name: 'data-table-editor',
-  componentName: 'PropertyEditor',
+  name: "data-table-editor",
+  componentName: "PropertyEditor",
   mixins: [i18n, eventMixin],
   components: {
     Draggable,
     requestaccessDialog,
     conditionEditor,
-    tableColumnDialog
+    tableColumnDialog,
   },
   props: {
     designer: Object,
     selectedWidget: Object,
-    optionModel: Object
+    optionModel: Object,
   },
-  inject: ['getReportTemplate', 'showEventCollapse', 'openWidgetPropertyDialog'],
+  inject: ["getReportTemplate", "showEventCollapse", "openWidgetPropertyDialog"],
   data: function () {
     return {
       showTableConfigDialog: false,
@@ -543,168 +606,168 @@ export default {
       dialogVisible: !1,
       dataDialogVisible: !1,
       showButtonsEditDialog: !1,
-      oldButtonName: '',
+      oldButtonName: "",
       cssClassList: [],
       tableDataOptions: [],
       widgetSizes: [
         {
-          label: 'default',
-          value: ''
+          label: "default",
+          value: "",
         },
         {
-          label: 'large',
-          value: 'large'
+          label: "large",
+          value: "large",
         },
         {
-          label: 'medium',
-          value: 'medium'
+          label: "medium",
+          value: "medium",
         },
         {
-          label: 'small',
-          value: 'small'
+          label: "small",
+          value: "small",
         },
         {
-          label: 'mini',
-          value: 'mini'
-        }
+          label: "mini",
+          value: "mini",
+        },
       ],
       alignOptions: [
         {
-          value: 'left',
-          label: 'left'
+          value: "left",
+          label: "left",
         },
         {
-          value: 'center',
-          label: 'center'
+          value: "center",
+          label: "center",
         },
         {
-          value: 'right',
-          label: 'right'
-        }
+          value: "right",
+          label: "right",
+        },
       ],
       fieldTypeOptions: [
         {
-          value: 'text',
-          label: 'Text'
+          value: "text",
+          label: "Text",
         },
         {
-          value: 'number',
-          label: 'Number'
+          value: "number",
+          label: "Number",
         },
         {
-          value: 'date',
-          label: 'Date'
-        }
+          value: "date",
+          label: "Date",
+        },
       ],
       op: [
         {
-          label: 'Date Format',
+          label: "Date Format",
           options: [
             {
-              value: 'd1',
-              label: 'yyyy-MM-dd'
+              value: "d1",
+              label: "yyyy-MM-dd",
             },
             {
-              value: 'd2',
-              label: 'yyyy/MM/dd'
+              value: "d2",
+              label: "yyyy/MM/dd",
             },
             {
-              value: 'd3',
-              label: 'yyyy年MM月dd日'
+              value: "d3",
+              label: "yyyy年MM月dd日",
             },
             {
-              value: 'd4',
-              label: 'yyyy-MM-dd HH:mm:ss'
+              value: "d4",
+              label: "yyyy-MM-dd HH:mm:ss",
             },
             {
-              value: 'd5',
-              label: 'yyyy-MM-dd hh:mm:ss'
-            }
-          ]
+              value: "d5",
+              label: "yyyy-MM-dd hh:mm:ss",
+            },
+          ],
         },
         {
-          label: 'Number Format',
+          label: "Number Format",
           options: [
             {
-              value: 'n1',
-              label: '###,###,###,##0.######'
+              value: "n1",
+              label: "###,###,###,##0.######",
             },
             {
-              value: 'n2',
-              label: '###,###,###,##0.00####'
+              value: "n2",
+              label: "###,###,###,##0.00####",
             },
             {
-              value: 'n3',
-              label: '###,###,###,##0.000000'
+              value: "n3",
+              label: "###,###,###,##0.000000",
             },
             {
-              value: 'n4',
-              label: '###,###,###,##0.000'
+              value: "n4",
+              label: "###,###,###,##0.000",
             },
             {
-              value: 'n5',
-              label: '###,###,###,##0.00'
+              value: "n5",
+              label: "###,###,###,##0.00",
             },
             {
-              value: 'n6',
-              label: '###,###,###,##0'
+              value: "n6",
+              label: "###,###,###,##0",
             },
             {
-              value: 'n7',
-              label: '###,##0.00##%'
-            }
-          ]
+              value: "n7",
+              label: "###,##0.00##%",
+            },
+          ],
         },
         {
-          label: 'edit Format',
+          label: "edit Format",
           options: [
             {
-              value: 'editInput',
-              label: '文本输入框'
+              value: "editInput",
+              label: "文本输入框",
             },
             {
-              value: 'editNumber',
-              label: '数字输入框'
+              value: "editNumber",
+              label: "数字输入框",
             },
             {
-              value: 'editDate',
-              label: '日期输入框'
+              value: "editDate",
+              label: "日期输入框",
             },
             {
-              value: 'editSelect',
-              label: '下拉框'
+              value: "editSelect",
+              label: "下拉框",
             },
             {
-              value: 'editSearch',
-              label: '搜索框'
+              value: "editSearch",
+              label: "搜索框",
             },
             {
-              value: 'editDelete',
-              label: '删除按钮'
+              value: "editDelete",
+              label: "删除按钮",
             },
             {
-              value: 'editButton',
-              label: '查看按钮'
-            }
-          ]
+              value: "editButton",
+              label: "查看按钮",
+            },
+          ],
         },
       ],
       columnFormatMap: {
-        editInput: 'input',
-        editNumber: 'number',
-        editDate: 'date',
-        editSelect: 'select',
-        editSearch: 'vabsearch'
+        editInput: "input",
+        editNumber: "number",
+        editDate: "date",
+        editSelect: "select",
+        editSearch: "vabsearch",
       },
       showRenderDialogFlag: !1,
-      renderJson: '',
+      renderJson: "",
       currentTableColumn: null,
       nameRules: [
         {
           required: !0,
-          trigger: ['blur', 'change'],
-          message: this.i18nt('designer.setting.fieldValueRequired')
-        }
+          trigger: ["blur", "change"],
+          message: this.i18nt("designer.setting.fieldValueRequired"),
+        },
       ],
       showSqlEditDialog: false,
       dataSourceSql: "",
@@ -718,74 +781,82 @@ export default {
       showFieldTreeDialog: false,
       treeData: [],
       defaultProps: {
-        children: 'children',
-        label: 'label'
+        children: "children",
+        label: "label",
       },
       defaultCheckedKeys: [],
-      tableConfigParams: ["dataId", "formCode"]
+      tableConfigParams: ["dataId", "formCode"],
     };
   },
   computed: {
     dataSourceList: function () {
-      return this.designer.formConfig && this.designer.formConfig.dataSources ? this.designer.formConfig.dataSources : [];
+      return this.designer.formConfig && this.designer.formConfig.dataSources
+        ? this.designer.formConfig.dataSources
+        : [];
     },
     reportTemplate: function () {
       return this.getReportTemplate();
     },
     isQueryAllPage: {
-      get(){
+      get() {
         return !this.optionModel.isNotQueryAllPage;
       },
-      set(val){
+      set(val) {
         this.optionModel.isNotQueryAllPage = !val;
-      }
-    }
+      },
+    },
   },
   created: function () {
     // this.reportTemplate = this.getReportTemplate();
     var e = this;
     (this.cssClassList = deepClone(this.designer.getCssClassList())),
-      this.designer.handleEvent('form-css-updated', function (t) {
+      this.designer.handleEvent("form-css-updated", function (t) {
         e.cssClassList = t;
       });
-    if (this.optionModel.showExportBtn == null) this.$set(this.optionModel, 'showExportBtn', true);
-    if (this.optionModel.tableConfig === void 0) this.$set(this.optionModel, 'tableConfig', "");
+    if (this.optionModel.showExportBtn == null)
+      this.$set(this.optionModel, "showExportBtn", true);
+    if (this.optionModel.tableConfig === void 0)
+      this.$set(this.optionModel, "tableConfig", "");
   },
   mounted: function () {
     /*let dateFieldList = Object.keys(dateFieldComponents);
     this.dateFieldList = dateFieldList;*/
   },
   methods: {
-
     dragSort: function () {
-      var e = this.$refs.singleTable.$el.querySelectorAll('.el-table__body-wrapper > table > tbody')[0],
+      var e = this.$refs.singleTable.$el.querySelectorAll(
+          ".el-table__body-wrapper > table > tbody"
+        )[0],
         t = this.optionModel.tableColumns;
       this.sortable = Sortable.create(e, {
-        ghostClass: 'sortable-ghost',
+        ghostClass: "sortable-ghost",
         setData: function (e) {
-          e.setData('Text', '');
+          e.setData("Text", "");
         },
         onEnd: function (e) {
           var i = t.splice(e.oldIndex, 1)[0];
           t.splice(e.newIndex, 0, i);
           t[e.newIndex].id;
-          t[e.newIndex - 1] && t[e.newIndex - 1].id, t[e.newIndex + 1] && t[e.newIndex + 1].id;
-        }
+          t[e.newIndex - 1] && t[e.newIndex - 1].id,
+            t[e.newIndex + 1] && t[e.newIndex + 1].id;
+        },
       });
     },
     openTableDataEdit: function () {
-      (this.dataDialogVisible = !0), (this.tableDataOptions = JSON.stringify(this.optionModel.tableData, null, '  '));
+      (this.dataDialogVisible = !0),
+        (this.tableDataOptions = JSON.stringify(this.optionModel.tableData, null, "  "));
     },
     saveTableData: function () {
       try {
-        (this.optionModel.tableData = JSON.parse(this.tableDataOptions)), (this.dataDialogVisible = !1);
+        (this.optionModel.tableData = JSON.parse(this.tableDataOptions)),
+          (this.dataDialogVisible = !1);
       } catch (e) {
-        this.$message.error(this.i18nt('designer.hint.invalidOptionsData') + e.message);
+        this.$message.error(this.i18nt("designer.hint.invalidOptionsData") + e.message);
       }
     },
     openSetting: function () {
       var e = this;
-      (this.dialogVisible = !0)/*,
+      this.dialogVisible = !0; /*,
         this.$nextTick(function () {
           e.dragSort();
         });*/
@@ -794,7 +865,7 @@ export default {
       this.dialogVisible = !1;
     },
     addCol: function () {
-      let tmpId = 'column' + generateId();
+      let tmpId = "column" + generateId();
       var e = {
         columnId: new Date().getTime(),
         required: false,
@@ -803,81 +874,103 @@ export default {
         label: tmpId,
         align: "left",
         show: true,
-        sortable: true
+        sortable: true,
       };
       this.optionModel.tableColumns.push(e), this.designer.emitHistoryChange();
     },
     handleDelete: function (e, t) {
-      if (1 === this.optionModel.tableColumns.length) return this.$message.warning(this.i18nt('designer.setting.onlyOneColumnCannotBeDeleted')), !1;
+      if (1 === this.optionModel.tableColumns.length)
+        return (
+          this.$message.warning(
+            this.i18nt("designer.setting.onlyOneColumnCannotBeDeleted")
+          ),
+          !1
+        );
       this.optionModel.tableColumns.splice(e, 1);
     },
     showRenderDialog: function (e) {
-      (this.currentTableColumn = e), (this.renderJson = e.render || ''), (this.showRenderDialogFlag = !0);
+      (this.currentTableColumn = e),
+        (this.renderJson = e.render || ""),
+        (this.showRenderDialogFlag = !0);
     },
     saveColumnRender: function () {
-      this.$set(this.currentTableColumn, 'render', this.renderJson), (this.showRenderDialogFlag = !1);
+      this.$set(this.currentTableColumn, "render", this.renderJson),
+        (this.showRenderDialogFlag = !1);
     },
     handleShowButtonsColumnChange: function (e) {
       if (e) {
         var t = this.designer.formWidget.getSelectedWidgetRef();
         t &&
-        t.refreshLayout &&
-        this.$nextTick(function () {
-          t.refreshLayout();
-        });
+          t.refreshLayout &&
+          this.$nextTick(function () {
+            t.refreshLayout();
+          });
       }
     },
     onButtonNameFocus: function (e) {
-      console.log('test', e), (this.oldButtonName = e.target.value);
+      console.log("test", e), (this.oldButtonName = e.target.value);
     },
     onButtonNameChange: function (e, t) {
       var i = !1;
       this.optionModel.operationButtons.map(function (n, o) {
         n.name === e && o !== t && (i = !0);
       }),
-      i && (this.$message.error(this.i18nt('designer.setting.operationButtonDuplicatedNameError')), (this.optionModel.operationButtons[t].name = this.oldButtonName));
+        i &&
+          (this.$message.error(
+            this.i18nt("designer.setting.operationButtonDuplicatedNameError")
+          ),
+          (this.optionModel.operationButtons[t].name = this.oldButtonName));
     },
     editButtonsColumn: function () {
       this.showButtonsEditDialog = !0;
     },
     deleteOperationButton: function (e) {
       var t = this;
-      this.$confirm(this.i18nt('designer.setting.deleteOperationButtonHint'), this.i18nt('render.hint.prompt'), {
-        confirmButtonText: this.i18nt('render.hint.confirm'),
-        cancelButtonText: this.i18nt('render.hint.cancel')
-      })
+      this.$confirm(
+        this.i18nt("designer.setting.deleteOperationButtonHint"),
+        this.i18nt("render.hint.prompt"),
+        {
+          confirmButtonText: this.i18nt("render.hint.confirm"),
+          cancelButtonText: this.i18nt("render.hint.cancel"),
+        }
+      )
         .then(function () {
           t.optionModel.operationButtons.splice(e, 1);
         })
-        .catch(function (e) {
-        });
+        .catch(function (e) {});
     },
     addOperationButton: function () {
-      this.$set(this.optionModel, 'operationButtons', this.optionModel.operationButtons || []),
+      this.$set(
+        this.optionModel,
+        "operationButtons",
+        this.optionModel.operationButtons || []
+      ),
         this.optionModel.operationButtons.push({
-          name: 'btn' + generateId(),
-          label: 'new btn',
-          type: 'text',
-          size: 'small',
+          name: "btn" + generateId(),
+          label: "new btn",
+          type: "text",
+          size: "small",
           round: !1,
           hidden: !1,
-          disabled: !1
+          disabled: !1,
         });
     },
     refreshTableLayout: function () {
       var e = this.designer.formWidget.getSelectedWidgetRef();
       e &&
-      e.refreshLayout &&
-      this.$nextTick(function () {
-        e.refreshLayout();
-      });
+        e.refreshLayout &&
+        this.$nextTick(function () {
+          e.refreshLayout();
+        });
     },
     saveDataSourceSql() {
       this.optionModel.dataSourceSql = this.dataSourceSql;
       this.showSqlEditDialog = false;
     },
     openSqlEditDialog() {
-      this.dataSourceSql = this.optionModel.dataSourceSql ? deepClone(this.optionModel.dataSourceSql) : "";
+      this.dataSourceSql = this.optionModel.dataSourceSql
+        ? deepClone(this.optionModel.dataSourceSql)
+        : "";
       this.showSqlEditDialog = true;
     },
     confirmInsertRequestaccess(rows) {
@@ -889,19 +982,19 @@ export default {
     },
     changeFormatS(row) {
       let columnWidgetConfig = this.getColumnWidgetConfig(row, true);
-      let {columnSelectedWidget, columnEditFields} = columnWidgetConfig;
+      let { columnSelectedWidget, columnEditFields } = columnWidgetConfig;
       if (columnSelectedWidget) {
         row.columnOption = columnSelectedWidget.options;
       } else {
-        row.columnOption = {}
+        row.columnOption = {};
       }
-      if (row.formatS == 'editDelete' || row.formatS == 'editButton') {
+      if (row.formatS == "editDelete" || row.formatS == "editButton") {
         row.width = 47;
         row.prop = null;
         row.label = null;
         row.sortable = false;
       } else {
-        let tmpId = 'column' + generateId();
+        let tmpId = "column" + generateId();
         if (!row.width || row.width == 47) row.width = 150;
         if (!row.prop) row.prop = tmpId;
         if (!row.label) row.label = tmpId;
@@ -909,16 +1002,18 @@ export default {
       }
     },
     getColumnWidgetConfig(row, isChange) {
-      let formatS = row.formatS
+      let formatS = row.formatS;
       let columnSelectedWidget = null;
       let columnEditFields = null;
 
       let type = this.columnFormatMap[row.formatS];
 
       if (type) {
-        columnSelectedWidget = this.$baseLodash.cloneDeep(this.designer.getFieldWidgetByType(type));
+        columnSelectedWidget = this.$baseLodash.cloneDeep(
+          this.designer.getFieldWidgetByType(type)
+        );
         let tmpId = generateId();
-        let idVal = row.prop ? row.prop : (type + tmpId);
+        let idVal = row.prop ? row.prop : type + tmpId;
         columnSelectedWidget.id = idVal;
         columnSelectedWidget.options.name = idVal;
         if (!isChange && row.columnOption && Object.keys(row.columnOption).length) {
@@ -931,20 +1026,19 @@ export default {
         columnSelectedWidget.options.name = row.prop;
         columnSelectedWidget.options.label = row.label;
         columnSelectedWidget.options.labelHidden = true;
-
       }
-      return {columnSelectedWidget, columnEditFields};
+      return { columnSelectedWidget, columnEditFields };
     },
     openFormatConfigDialog(row, index) {
       let option = row.columnOption;
       let selectedWidget;
       let columnWidgetConfig = this.getColumnWidgetConfig(row);
-      let {columnSelectedWidget, columnEditFields} = columnWidgetConfig;
+      let { columnSelectedWidget, columnEditFields } = columnWidgetConfig;
       if (columnSelectedWidget) {
         option = columnSelectedWidget.options;
         selectedWidget = columnSelectedWidget;
       } else {
-        option = {}
+        option = {};
         selectedWidget = {};
       }
 
@@ -959,8 +1053,8 @@ export default {
         columnEditFields: columnEditFields,
         callback: (columnOption) => {
           this.confirmFormatConfigDialog(columnOption);
-        }
-      })
+        },
+      });
     },
     confirmFormatConfigDialog(columnOption) {
       let row = this.optionModel.tableColumns[this.operateIndex];
@@ -970,17 +1064,19 @@ export default {
       row.required = columnOption.required;
     },
     openFieldTreeDialog() {
-      this.treeData = [{
-        "name": "Jinjilianxiren",
-        "label": "员工-紧急联系人",
-        children: [
-          {
-            "detailEntity": "Jinjilianxiren",
-            "name": "createdOn",
-            "label": "员工-紧急联系人.创建时间",
-            "type": "DateTime",
-            "required": "1"
-          }, /*{
+      this.treeData = [
+        {
+          name: "Jinjilianxiren",
+          label: "员工-紧急联系人",
+          children: [
+            {
+              detailEntity: "Jinjilianxiren",
+              name: "createdOn",
+              label: "员工-紧急联系人.创建时间",
+              type: "DateTime",
+              required: "1",
+            },
+            /*{
             "searchDialogWidth": "520px",
             "detailEntity": "Jinjilianxiren",
             "name": "createdBy",
@@ -988,12 +1084,13 @@ export default {
             "type": "Reference",
             "required": "1"
           },*/ {
-            "detailEntity": "Jinjilianxiren",
-            "name": "modifiedOn",
-            "label": "员工-紧急联系人.最近修改时间",
-            "type": "DateTime",
-            "required": "0"
-          }, /*{
+              detailEntity: "Jinjilianxiren",
+              name: "modifiedOn",
+              label: "员工-紧急联系人.最近修改时间",
+              type: "DateTime",
+              required: "0",
+            },
+            /*{
             "searchDialogWidth": "520px",
             "detailEntity": "Jinjilianxiren",
             "name": "modifiedBy",
@@ -1008,46 +1105,55 @@ export default {
             "type": "Reference",
             "required": "1"
           },*/ {
-            "detailEntity": "Jinjilianxiren",
-            "name": "shouji",
-            "label": "员工-紧急联系人.手机",
-            "type": "Text",
-            "required": "0",
-            "maxLength": "200"
-          }, {
-            "detailEntity": "Jinjilianxiren",
-            "name": "jinjilianxirenxingming",
-            "label": "员工-紧急联系人.紧急联系人姓名",
-            "type": "Text",
-            "required": "0",
-            "maxLength": "200"
-          }]
-      }];
+              detailEntity: "Jinjilianxiren",
+              name: "shouji",
+              label: "员工-紧急联系人.手机",
+              type: "Text",
+              required: "0",
+              maxLength: "200",
+            },
+            {
+              detailEntity: "Jinjilianxiren",
+              name: "jinjilianxirenxingming",
+              label: "员工-紧急联系人.紧急联系人姓名",
+              type: "Text",
+              required: "0",
+              maxLength: "200",
+            },
+          ],
+        },
+      ];
 
-      let fields = this.optionModel.tableColumns.filter(item => !!item.prop).map(item => item.prop);
+      let fields = this.optionModel.tableColumns
+        .filter((item) => !!item.prop)
+        .map((item) => item.prop);
       let defaultCheckedKeys = [];
-      this.treeData.forEach(item1 => {
-        item1.children.forEach(item2 => {
+      this.treeData.forEach((item1) => {
+        item1.children.forEach((item2) => {
           if (fields.includes(item2.name) && !defaultCheckedKeys.includes(item2.name)) {
-            defaultCheckedKeys.push(item2.name)
+            defaultCheckedKeys.push(item2.name);
           }
-        })
-      })
-      this.defaultCheckedKeys = defaultCheckedKeys
+        });
+      });
+      this.defaultCheckedKeys = defaultCheckedKeys;
       this.showFieldTreeDialog = true;
     },
     confirmFieldTreeDialog() {
       // defaultCheckedKeys
-      let fields = this.optionModel.tableColumns.filter(item => !!item.prop).map(item => item.prop);
+      let fields = this.optionModel.tableColumns
+        .filter((item) => !!item.prop)
+        .map((item) => item.prop);
       let datas = this.$refs.tree.getCheckedNodes(true, false);
-      datas.filter(item => !fields.includes(item.name)).forEach(item => {
-        this.addCol2(item);
-      });
+      datas
+        .filter((item) => !fields.includes(item.name))
+        .forEach((item) => {
+          this.addCol2(item);
+        });
       this.designer.emitHistoryChange();
       this.showFieldTreeDialog = false;
     },
     addCol2: function (item) {
-      let tmpId = 'column' + generateId();
+      let tmpId = "column" + generateId();
       var e = {
         columnId: new Date().getTime(),
         required: false,
@@ -1055,33 +1161,36 @@ export default {
         prop: item.name,
         label: item.label,
         show: true,
-        sortable: true
+        sortable: true,
       };
-      this.optionModel.tableColumns.push(e)
+      this.optionModel.tableColumns.push(e);
     },
     openTableConfigDialog() {
-      this.eventHeader = `${this.optionModel.name}.${eventName}(${eventParams.join(', ')}) {`;
-      this.eventHandlerCode = selectedWidget.options[eventName] || '';
+      this.eventHeader = `${this.optionModel.name}.${eventName}(${eventParams.join(
+        ", "
+      )}) {`;
+      this.eventHandlerCode = selectedWidget.options[eventName] || "";
       this.showTableConfigDialog = true;
     },
     downloadExcel() {
-      let defaultUrl = 'http://file.sc.5mall.com/download/repo1/b/mk1/2024/12/13/b2aea548-a9a8-4dca-bba7-8d9c6134ebe3.xlsx';
+      let defaultUrl =
+        "http://file.sc.5mall.com/download/repo1/b/mk1/2024/12/13/b2aea548-a9a8-4dca-bba7-8d9c6134ebe3.xlsx";
       let xformImportTemplateFile = setttingConfig.xformImportTemplateFile || defaultUrl;
       if (!xformImportTemplateFile) return;
       this.$commonFileUtil.downloadFile(xformImportTemplateFile, "通用导入模板.xlsx");
     },
     addGridPageSizeList() {
       if (this.optionModel.gridPageSizeList === undefined) {
-        this.$set(this.optionModel, "gridPageSizeList", [])
+        this.$set(this.optionModel, "gridPageSizeList", []);
       }
-      this.optionModel.gridPageSizeList.push({value: 50})
-    }
-  }
+      this.optionModel.gridPageSizeList.push({ value: 50 });
+    },
+  },
 };
 </script>
 
 <style>
 .icon-drag:before {
-  content: '\e61d';
+  content: "\e61d";
 }
 </style>