imatrix-ui 0.0.15 → 0.1.1-up

package/components/super-grid/dynamic-input.vue

@@ -0,0 +1,1706 @@
+<template>
+  <div
+    v-if="type && type.indexOf('custom:') >= 0 && componentName != ''"
+    :style="
+      row.validateErrorField && row.validateErrorField === column.prop
+        ? 'border:1px solid red'
+        : ''
+    "
+  >
+    <component
+      :is="componentName"
+      ref="customItem"
+      :disabled="disabled"
+      :entity="row"
+      :grid-data="gridData"
+      :page-grid-data="pageGridData"
+      :parent="parentFormData"
+      :prop="column.prop"
+      :row="row"
+      :row-index="position ? position.row : null"
+      :select-options="options"
+      :value="innerValue"
+      @change="cellEvent('change', $event)"
+      @input="cellEvent('input', $event)"
+    />
+  </div>
+  <div
+    v-else
+    :style="
+      row.validateErrorField && row.validateErrorField === column.prop
+        ? 'border:1px solid red'
+        : ''
+    "
+  >
+    <!--必须有@input ,否则无法输入值-->
+    <el-date-picker
+      v-if="type === 'year' || type === 'month'"
+      ref="item"
+      v-model="innerValue"
+      :disabled="disabled"
+      :editable="false"
+      :format="isFormat()"
+      :placeholder="$t('imatrixUIMessage.selectTime')"
+      :type="type"
+      :value-format="isValueFormat()"
+      style="width: 100%"
+      @blur="cellEvent('blur', $event)"
+      @change="cellEvent('change', $event)"
+      @focus="cellEvent('focus', $event)"
+      @input="cellEvent('input', $event)"
+    />
+    <el-date-picker
+      v-if="type === 'yearRange'"
+      ref="item"
+      v-model="innerValue"
+      :disabled="disabled"
+      :editable="false"
+      :placeholder="$t('imatrixUIMessage.selectYear')"
+      style="width: 100%"
+      type="year"
+      value-format="yyyy"
+      @blur="cellEvent('blur', $event)"
+      @change="cellEvent('change', $event)"
+      @focus="cellEvent('focus', $event)"
+      @input="cellEvent('input', $event)"
+    />
+    <!--必须有@input ,否则无法输入值-->
+    <el-date-picker
+      v-else-if="type === 'dateTimePicker'"
+      ref="item"
+      :disabled="disabled"
+      :editable="false"
+      :format="isFormat()"
+      :placeholder="$t('imatrixUIMessage.selectTime')"
+      :value="innerValue"
+      :value-format="isValueFormat()"
+      style="width: 100%"
+      type="datetime"
+      @blur="cellEvent('blur', $event)"
+      @change="cellEvent('change', $event)"
+      @focus="cellEvent('focus', $event)"
+      @input="cellEvent('input', $event)"
+    />
+    <el-date-picker
+      v-else-if="type === 'date' || column.dataType === 'DATE'"
+      ref="item"
+      :disabled="disabled"
+      :editable="false"
+      :format="isFormat()"
+      :picker-options="pickerOptions"
+      :placeholder="$t('imatrixUIMessage.selectionDate')"
+      :value="innerValue"
+      :value-format="isValueFormat()"
+      style="width: 100%"
+      type="date"
+      @blur="cellEvent('blur', $event)"
+      @change="cellEvent('change', $event)"
+      @focus="cellEvent('focus', $event)"
+      @input="cellEvent('input', $event)"
+    />
+    <!--必须有@input ,否则无法输入值-->
+    <el-date-picker
+      v-else-if="type === 'time' || column.dataType === 'TIME'"
+      ref="item"
+      :disabled="disabled"
+      :editable="false"
+      :format="isFormat()"
+      :placeholder="$t('imatrixUIMessage.selectTime')"
+      :value="innerValue"
+      :value-format="isValueFormat()"
+      style="width: 100%"
+      type="datetime"
+      @blur="cellEvent('blur', $event)"
+      @change="cellEvent('change', $event)"
+      @focus="cellEvent('focus', $event)"
+      @input="cellEvent('input', $event)"
+    />
+    <el-time-picker
+      v-else-if="type === 'timePicker'"
+      ref="item"
+      v-model="innerValue"
+      :disabled="disabled"
+      :format="isFormat()"
+      :placeholder="$t('imatrixUIMessage.pleaseEnterATimePoint')"
+      :value-format="isValueFormat()"
+      style="width: 100%"
+      @blur="cellEvent('blur', $event)"
+      @change="cellEvent('change', $event)"
+      @focus="cellEvent('focus', $event)"
+      @input="cellEvent('input', $event)"
+    />
+
+    <!--必须有@input ,否则无法输入值,如果是数字类型需要加上.number修饰符-->
+    <el-input
+      v-else-if="
+        type === 'input' &&
+        (column.dataType === 'INTEGER' || column.dataType === 'LONG')
+      "
+      ref="item"
+      v-model.number="innerValue"
+      :disabled="disabled"
+      :placeholder="$t('imatrixUIMessage.pleaseEnterContent')"
+      :title="innerValue"
+      clearable
+      @blur="cellEvent('blur', $event)"
+      @change="cellEvent('change', $event)"
+      @clear="cellEvent('clear', $event)"
+      @focus="cellEvent('focus', $event)"
+      @input="cellEvent('input', $event, true)"
+    />
+    <!--必须有@input ,否则无法输入值-->
+    <el-input
+      v-else-if="type === 'input'"
+      ref="item"
+      v-model="innerValue"
+      :disabled="disabled"
+      :maxlength="controlConfig.maxlength ? controlConfig.maxlength : ''"
+      :minlength="controlConfig.minlength ? controlConfig.minlength : ''"
+      :placeholder="$t('imatrixUIMessage.pleaseEnterContent')"
+      :title="innerValue"
+      clearable
+      @blur="cellEvent('blur', $event)"
+      @change="cellEvent('change', $event)"
+      @clear="cellEvent('clear', $event)"
+      @focus="cellEvent('focus', $event)"
+      @input="cellEvent('input', $event)"
+    />
+
+    <el-input
+      v-else-if="type === 'textarea'"
+      ref="item"
+      v-model="innerValue"
+      :disabled="disabled"
+      :maxlength="controlConfig.maxlength ? controlConfig.maxlength : ''"
+      :minlength="controlConfig.minlength ? controlConfig.minlength : ''"
+      :placeholder="$t('imatrixUIMessage.pleaseEnterContent')"
+      :rows="1"
+      :title="innerValue"
+      clearable
+      type="textarea"
+      @blur="cellEvent('blur', $event)"
+      @change="cellEvent('change', $event)"
+      @clear="cellEvent('clear', $event)"
+      @focus="cellEvent('focus', $event)"
+      @input="cellEvent('input', $event)"
+    />
+    <fs-upload-list
+      v-else-if="type === 'annex'"
+      :custom-view-url="true"
+      :disabled="disabled"
+      :file-info="fileInfo"
+      :file-list="fileList"
+      :file-set-obj="fileSetObj"
+      :is-sql="isSql"
+      :row="row"
+      :value="innerValue"
+      @delete="deleteFile"
+      @delete-success="deleteSuccess"
+      @upload-success="uploadOnSuccess"
+    />
+    <multipart-upload
+      v-else-if="type === 'multipartUpload'"
+      :disabled="disabled"
+      :entity="row"
+      :file-info="fileInfo"
+      :file-list="fileList"
+      :file-set-obj="fileSetObj"
+      :value="innerValue"
+      type="list"
+      @delete="deleteFile"
+      @delete-success="deleteSuccess"
+      @upload-success="uploadOnSuccess"
+    />
+    <!-- <el-input
+			v-else-if="type==='annex' && !fileMultiple"
+			ref="item"
+			:value="innerValue"
+			:readonly="true"
+			:disabled="disabled"
+			:placeholder="$t('imatrixUIMessage.pleaseEnterContent')"
+		>
+			<el-button slot="append" size="mini" :disabled="disabled" icon="el-icon-upload2" @click="openAnnexUpload" />
+			<el-button v-if="innerValue" slot="append" :disabled="disabled" size="mini" icon="el-icon-zoom-in" @click="previewImg" />
+		</el-input>
+
+		<el-input
+			v-else-if="type==='annex' && fileMultiple"
+			ref="item"
+			:value="lastFileName"
+			:readonly="true"
+			:disabled="disabled"
+			:placeholder="$t('imatrixUIMessage.pleaseEnterContent')"
+		>
+			<el-button slot="append" size="mini" :disabled="disabled" icon="el-icon-upload2" @click="openAnnexUpload" />
+			<el-button v-if="innerValue" slot="append" :disabled="disabled" size="mini" icon="el-icon-zoom-in" @click="previewImg" />
+		</el-input> -->
+
+    <!-- <custom-fma v-if="type==null ||type === ''" /> -->
+    <!-- v-model="newValue" -->
+    <!--必须有@input ,否则无法输入值-->
+    <el-select
+      v-else-if="type === 'select' && !isDynamicDataSourceSource()"
+      ref="item"
+      v-model="innerValue"
+      :allow-create="controlConfig.allowCreate ? true : false"
+      :clearable="controlConfig.clearable ? true : false"
+      :default-first-option="controlConfig.allowCreate ? true : false"
+      :disabled="disabled"
+      :filterable="controlConfig.filterable ? true : false"
+      :placeholder="$t('imatrixUIMessage.pleaseSelect')"
+      :title="getClassOptionTitle(innerValue)"
+      @blur="cellEvent('blur', $event)"
+      @change="cellEvent('change', $event)"
+      @clear="cellEvent('clear', $event)"
+      @focus="cellEvent('focus', $event)"
+      @input="cellEvent('input', $event)"
+      @visible-change="cellEvent('visible-change', $event)"
+    >
+      <el-option
+        v-for="item in options"
+        :key="item.value"
+        :label="item.label"
+        :value="item.value"
+      />
+    </el-select>
+    <!--必须有@input ,否则无法输入值-->
+    <el-select
+      v-else-if="type === 'multiselect' && !isDynamicDataSourceSource()"
+      ref="item"
+      v-model="innerValue"
+      :disabled="disabled"
+      :placeholder="$t('imatrixUIMessage.pleaseSelect')"
+      :title="getClassOptionTitle(innerValue)"
+      clearable
+      collapse-tags
+      multiple
+      @blur="cellEvent('blur', $event)"
+      @change="multiselectChange"
+      @clear="cellEvent('clear', $event)"
+      @focus="cellEvent('focus', $event)"
+      @input="cellEvent('input', $event)"
+      @visible-change="cellEvent('visible-change', $event)"
+      @remove-tag="cellEvent('remove-tag', $event)"
+    >
+      <el-option :label="$t('superGrid.selectAll')" value="saveAll" />
+      <el-option
+        v-for="item in options"
+        :key="item.value"
+        :label="item.label"
+        :value="item.value"
+      />
+    </el-select>
+    <dynamic-source-select
+      v-else-if="
+        (type === 'multiselect' || type === 'select') &&
+        isDynamicDataSourceSource()
+      "
+      v-model="innerValue"
+      :base-props="{
+        multiple: type === 'multiselect' ? true : false,
+        disabled: disabled,
+      }"
+      :column="column"
+      :entity="row"
+      :is-join-table="isJoinTable"
+      :list-code="listCode"
+      :list-toolbar-form-data="listToolbarFormData"
+      :options="{
+        dynamicDataSourceCode: dynamicDataSourceCode,
+        valueSetOptions: valueSetOptions,
+        isSql: isSql,
+      }"
+      :parent="parentFormData"
+      :table-name="tableName"
+      @blur="cellEvent('blur', $event)"
+      @change="multiselectChange"
+      @clear="cellEvent('clear', $event)"
+      @focus="cellEvent('focus', $event)"
+      @input="cellEvent('input', $event)"
+      @visible-change="cellEvent('visible-change', $event)"
+      @remove-tag="cellEvent('remove-tag', $event)"
+      @set-value="setDynamicSourceSelectValue"
+    />
+
+    <el-input-number
+      v-else-if="type === 'inputNumber'"
+      ref="item"
+      v-model="innerValue"
+      :controls-position="inputNumberSet.position"
+      :disabled="disabled"
+      :max="
+        inputNumberSet.max == 0
+          ? 0
+          : !inputNumberSet.max
+          ? Infinity
+          : inputNumberSet.max
+      "
+      :min="
+        inputNumberSet.min == 0
+          ? 0
+          : !inputNumberSet.min
+          ? -Infinity
+          : inputNumberSet.min
+      "
+      :precision="inputNumberSet.precision"
+      :step="!inputNumberSet.step ? 1 : inputNumberSet.step"
+      @blur="cellEvent('blur', $event)"
+      @change="cellEvent('change', $event)"
+      @focus="cellEvent('focus', $event)"
+      @input="cellEvent('input', $event)"
+    />
+    <!--mysql数据库--->
+    <el-switch
+      v-else-if="
+        (type === 'switch' || column.dataType === 'BOOLEAN') &&
+        dataSourceType === 'mysql'
+      "
+      ref="item"
+      :disabled="disabled"
+      :value="innerValue"
+      active-color="#13ce66"
+      inactive-color="#ff4949"
+      @change="cellEvent('change', $event)"
+      @input="cellEvent('input', $event, true)"
+    />
+    <!--oracle或sqlserver数据库--->
+    <el-switch
+      v-else-if="type === 'switch' || column.dataType === 'BOOLEAN'"
+      ref="item"
+      :active-value="1"
+      :disabled="disabled"
+      :inactive-value="0"
+      :value="innerValue"
+      active-color="#13ce66"
+      inactive-color="#ff4949"
+      @change="cellEvent('change', $event)"
+      @input="cellEvent('input', $event, true)"
+    />
+    <el-slider
+      v-else-if="type === 'slider'"
+      ref="item"
+      :disabled="disabled"
+      :value="innerValue"
+      @change="cellEvent('change', $event)"
+      @input="cellEvent('input', $event, true)"
+    />
+
+    <el-rate
+      v-else-if="type === 'rate'"
+      ref="item"
+      :disabled="disabled"
+      :value="innerValue"
+      @change="cellEvent('change', $event)"
+      @input="cellEvent('input', $event, true)"
+    />
+
+    <organization-input
+      v-else-if="deptManTree || deptTree || wgManTree || wgTree"
+      v-model="innerValue"
+      :check-strictly="isCheckStrictly"
+      :department-info="departmentInfo"
+      :disabled="disabled"
+      :fields="fields"
+      :is-join-table="isJoinTable"
+      :models="row"
+      :multiple="isMultiTree"
+      :table-name="tableName"
+      :tree-type="
+        deptManTree
+          ? 'DeptUserTree'
+          : deptTree
+          ? 'DeptTree'
+          : wgManTree
+          ? 'WgTree'
+          : wgTree
+          ? 'WgUserTree'
+          : null
+      "
+      @append="appendOrganizationInputEvent"
+      @clear="clearOrganizationInputEvent"
+      @focus="showOrganizationTree"
+      @replace="replaceOrganizationInputEvent"
+      @setValue="organizationInputEvent"
+    />
+
+    <el-dialog
+      :append-to-body="true"
+      :show-close="true"
+      :title="$t('imatrixUIMessage.tips')"
+      :visible.sync="annexUploadFlag"
+      width="30%"
+    >
+      <el-upload
+        v-if="type === 'annex' && annexUploadFlag"
+        :accept="fileSetObj && fileSetObj.accept ? fileSetObj.accept : null"
+        :action="defaultAction"
+        :before-upload="handleBeforeUpload"
+        :headers="headers"
+        :on-success="uploadOnSuccess"
+        :with-credentials="true"
+        name="file"
+      >
+        <el-button>{{ $t('imatrixUIMessage.upload') }}</el-button>
+      </el-upload>
+    </el-dialog>
+    <view-image-dialog
+      v-if="showSingleImgFlag"
+      :deleteable="!disabled"
+      :downloadable="!disabled"
+      :file-list="fileList"
+      @close="showSingleImgFlag = false"
+      @delete="deleteFile"
+    />
+  </div>
+</template>
+<script>
+import store from './store'
+import * as Vue from 'vue'
+import {
+  analysisFileSetObj,
+  getFileList,
+  isDisableEdit,
+  isDynamicDataSourceSource,
+  isEditOptionFunction,
+  otherFilesToStandard,
+} from './utils'
+import dynamicSourceSelect from '../dynamic-source-select/dynamic-source-select.vue'
+import {
+  getEntityFieldValue,
+  setEntityFieldValue,
+} from '../../src/utils/util'
+import { getToken } from '../../src/utils/auth'
+import apis from './apis'
+import ViewImageDialog from './view-image-dialog.vue'
+
+export default {
+  name: 'DynamicInput',
+  components: {
+    dynamicSourceSelect,
+    ViewImageDialog,
+  },
+  props: {
+    value: {
+      type: [String, Boolean, Number, Date, Array],
+      default: null,
+    },
+    type: {
+      type: String,
+      default: 'input',
+    },
+    position: {
+      type: Object,
+      default: null,
+    },
+    lineEdit: {
+      type: Object,
+      default: null,
+    },
+    options: {
+      type: Array,
+      default: null,
+    },
+    // 字段配置
+    column: {
+      type: Object,
+      default: null,
+    },
+    // 行数据
+    row: {
+      type: Object,
+      default: null,
+    },
+    listCode: {
+      type: String,
+      default: null,
+    },
+    isSql: {
+      type: Boolean,
+      default: false,
+    },
+    listToolbarFormData: {
+      type: Object,
+      default: null,
+    },
+    rowIndex: {
+      type: Number,
+      default: -1,
+    },
+  },
+  data() {
+    let innerValue = this.value
+    if (this.type && this.type === 'select') {
+      // 单选下拉框时值处理
+      if (this.column.dataType !== 'TEXT') {
+        innerValue =
+          this.value && this.value !== null && typeof this.value !== 'string'
+            ? this.value + ''
+            : this.value
+        this.$emit('input', innerValue)
+      }
+    }
+    const defaultValue = this.getDefaultValue(innerValue)
+    if (defaultValue !== undefined && defaultValue !== null) {
+      innerValue = defaultValue
+    }
+    const disabled = isDisableEdit(this.column.prop, this.listCode, this.row)
+    const defaultAction =
+		    window.$vueApp.config.globalProperties.baseAPI + '/component/super-form/uploads'
+    if (!this.listCode) {
+      this.listCode = store.get('_list_code')
+    }
+    const gridParams = store.get(this.listCode)
+    let tableName
+    if (gridParams && gridParams.basicInfo && gridParams.basicInfo.tableName) {
+      tableName = gridParams.basicInfo.tableName
+    }
+    let isHasJoinTable
+    if (
+      gridParams &&
+      gridParams.basicInfo &&
+      gridParams.basicInfo.hasJoinTable
+    ) {
+      isHasJoinTable = gridParams.basicInfo.hasJoinTable
+    }
+    let parentFormData
+    if (
+      gridParams.options.extraParam &&
+      gridParams.options.extraParam.entityMap
+    ) {
+      parentFormData = gridParams.options.extraParam.entityMap
+    }
+    const headers = { Authorization: getToken() }
+    // 数据库类型，值为mysql、oracle、sqlserver，默认是mysql，el-switch组件值保存需要使用
+    let dataSourceType = 'mysql'
+    if (Vue.prototype.dataSourceType) {
+      dataSourceType = window.$vueApp.config.globalProperties.dataSourceType.toLowerCase()
+    }
+    const gridData = gridParams.gridData
+    const subTableData = gridParams.subTableData
+    const isSubTableShowPage = gridParams.isSubTableShowPage
+    let controlConfig = {}
+    if (this.column.controlConfig) {
+      controlConfig = JSON.parse(this.column.controlConfig)
+    }
+    return {
+      deptManTree: false, // 是否是部门人员树
+      isMultiTree: false, // 是否是多选树
+      isCheckStrictly: false, // 父子不互相关联也就是不选中子部门节点
+      deptTree: false, // 是否是部门树
+      wgManTree: false, // 是否是工作组人员树
+      wgTree: false, // 是否是工作组树
+      newValue: null,
+      disabled, // 当前用户是否禁止编辑该字段/ 是否新增行
+      componentName: '',
+      validateErrorField: '', // 保存行记录时，验证失败的字段名
+      annexUploadFlag: false,
+      defaultAction,
+      fileMultiple: false, // 文件是否多选
+      lastFileName: '',
+      fileList: [],
+      lastServerName: '',
+      fileSetObj: null,
+      showSingleImgFlag: false,
+      singleImgSrc: '',
+      fields: null,
+      innerValue, // 输入的内容
+      dynamicSourceSelectOptions: {},
+      valueSetOptions: null,
+      dynamicDataSourceCode: null,
+      tableName,
+      isJoinTable: isHasJoinTable, // 是否是关联表
+      departmentInfo: null, // 指定部门或分支
+      parentFormData,
+      headers,
+      dataSourceType,
+      inputNumberSet: {},
+      fileInfo: { showName: null, serverPath: null },
+      gridData: isSubTableShowPage ? subTableData : gridData,
+      pageGridData: isSubTableShowPage ? gridData : null,
+      controlConfig,
+      // 设置日期选择器选择范围
+      pickerOptions: {
+        disabledDate: (time) => {
+          if (this.stateForbiddenTime && this.endForbiddenTime) {
+            return (
+              time.getTime() < this.stateForbiddenTime ||
+              time.getTime() > this.endForbiddenTime
+            )
+          } else if (this.stateForbiddenTime && !this.endForbiddenTime) {
+            return time.getTime() < this.stateForbiddenTime
+          } else if (!this.stateForbiddenTime && this.endForbiddenTime) {
+            return time.getTime() > this.endForbiddenTime
+          } else {
+            return false
+          }
+        },
+      },
+      stateForbiddenTime: null,
+      endForbiddenTime: null,
+    }
+  },
+  computed: {},
+  watch: {
+    value: {
+      handler(newValue, oldValue) {
+        // this.value = newValue
+        // this.innerValue = this.value
+        if (this.type && this.type === 'multiselect') {
+          // 修改时多选下拉值回显 ，将字符串转换为数组
+          const tempMultData =
+            this.value && this.value !== null && typeof this.value === 'string'
+              ? this.value.split(',')
+              : this.value
+          this.$set(this, 'innerValue', tempMultData)
+        } else {
+          if (this.type === 'yearRange') {
+            this.$set(this, 'innerValue', '' + newValue)
+          } else if (this.type === 'input' && newValue !== null) {
+            // 不允许输入框首尾有空格及全空格处理
+            if (newValue && typeof newValue === 'string') {
+              newValue = newValue.trim()
+            }
+            if (newValue === '') {
+              newValue = null
+            }
+            this.$set(this, 'innerValue', newValue)
+          } else {
+            this.$set(this, 'innerValue', newValue)
+          }
+        }
+        const gridParams = store.get(this.listCode)
+        if (gridParams.editProp === this.column.prop) {
+          // 如果是当前编辑的字段，且是自定义控件才需要手动获得一下焦点
+          this.$nextTick(() => {
+            if (this.$refs.customItem) {
+              this.$refs.customItem.focus()
+            }
+          })
+        }
+      },
+      deep: true,
+      immediate: true,
+    },
+  },
+  created() {
+    // console.log(this.type)
+    // console.log(this.column)
+    const gridParams = store.get(this.listCode)
+    this.gridParams = gridParams
+    this.isCreateRow = gridParams.isCreateRow
+    this.setTreeType()
+    if (this.type && this.type.indexOf('custom:') >= 0) {
+      this.componentName = this.type.substring(this.type.indexOf(':') + 1)
+    }
+
+    if (
+      this.column.fileSet &&
+      this.column.fileSet !== '' &&
+      (this.column.componentType === 'annex' ||
+        this.column.componentType === 'multipartUpload')
+    ) {
+      const fileSetObj = JSON.parse(this.column.fileSet)
+      this.fileInfo.showName = this.row[fileSetObj.showNameData.dbName]
+      this.fileInfo.serverPath = this.row[fileSetObj.serverNameData.dbName]
+      this.fileSetObj = fileSetObj
+      if (fileSetObj && fileSetObj.multiple) {
+        this.fileMultiple = true
+      }
+      this.fileList = getFileList(this.row, this.column, this.isSql)
+      this.packageFileNameWithFileList()
+    }
+
+    if (this.column.componentType === 'inputNumber') {
+      this.setInputNumberConfig()
+    }
+    // 如果是多选文件类型，需要解析（需要设置临时字段，判断文件还是图片，图片需要预览）
+    if (
+      this.column.valueSetOptions &&
+      this.column.componentType !== 'inputNumber'
+    ) {
+      const valueSetOptionsObj = JSON.parse(this.column.valueSetOptions)
+      if (valueSetOptionsObj && valueSetOptionsObj.valueSetOptions) {
+        this.$set(this, 'valueSetOptions', valueSetOptionsObj.valueSetOptions)
+      }
+      if (
+        valueSetOptionsObj.dynamicDataSourceCode &&
+        valueSetOptionsObj.dynamicDataSourceCode !== ''
+      ) {
+        this.$set(
+          this,
+          'dynamicDataSourceCode',
+          valueSetOptionsObj.dynamicDataSourceCode
+        )
+      }
+    }
+    if (this.column.orgTreeSet) {
+      const orgTreeSet = JSON.parse(this.column.orgTreeSet)
+      if (this.type.indexOf('DeptTree') > 0 && orgTreeSet.checkStrictly) {
+        this.isCheckStrictly = orgTreeSet.checkStrictly
+      }
+      if (orgTreeSet.length) {
+        this.fields = orgTreeSet
+      } else {
+        if (orgTreeSet.orgTreeSetArr) {
+          this.fields = orgTreeSet.orgTreeSetArr
+        }
+      }
+    }
+    this.getDateAllowTime()
+  },
+  mounted() {
+    // 去掉该监听，否则导致焦点总是跳到第一个编辑框
+    // this.$watch('lineEdit.editingCell', function(newVal, oldVal) {
+    //   this.focus()
+    // }, {
+    //   immediate: true,
+    //   deep: true
+    // })
+  },
+  methods: {
+    /**
+     * @author: 梁旭
+     * @description: 获取提示标题
+     * @Date: 2023-08-04 10:53:24
+     * @param {*}
+     * @return {*}
+     */
+    getClassOptionTitle(val) {
+      if (val !== null && val !== undefined && val !== '' && val.length > 0) {
+        let selectTittle = ''
+        if (typeof val === 'string') {
+          // 单选
+          this.options.forEach((item) => {
+            if (item.value === val) {
+              selectTittle = item.label
+            }
+          })
+        } else {
+          // 多选
+          this.options.forEach((item) => {
+            val.forEach((Vtem) => {
+              if (item.value === Vtem) {
+                selectTittle = selectTittle + item.label + ','
+              }
+            })
+          })
+          selectTittle = selectTittle.slice(0, selectTittle.length - 1)
+        }
+        return selectTittle
+      }
+    },
+    /**
+     * @description: 获取日期选择器可选时间范围
+     * @Date: 2023-07-20 13:18:14
+     * @param {*}
+     * @return {*}
+     */
+    getDateAllowTime() {
+      if (this.column.valueSetOptions) {
+        const optionsObj = JSON.parse(this.column.valueSetOptions)
+        const nowTime = Date.now()
+        if (optionsObj.stateForbiddenTime) {
+          const stateDayNumber = optionsObj.stateForbiddenTime
+          this.stateForbiddenTime =
+            nowTime - stateDayNumber * 24 * 60 * 60 * 1000
+        } else {
+          this.stateForbiddenTime = null
+        }
+        if (optionsObj.endForbiddenTime) {
+          const endDayNumber = optionsObj.endForbiddenTime
+          this.endForbiddenTime =
+            nowTime + endDayNumber * 24 * 60 * 60 * 1000 - 24 * 60 * 60 * 1000
+        } else {
+          this.endForbiddenTime = null
+        }
+      }
+    },
+    focus() {
+      if (this.type !== 'slider' && this.type !== 'rate') {
+        // slider滑块组件 和 rate评分组件 没有focus方法
+        if (
+          this.lineEdit.editingCell &&
+          this.position &&
+          this.position.row === this.lineEdit.editingCell.row &&
+          this.position.prop === this.lineEdit.editingCell.prop
+        ) {
+          if (this.$refs.item) {
+            this.$refs.item.focus()
+          }
+        }
+      }
+    },
+    handleBeforeUpload(file) {
+      let limitFileSize = this.fileSetObj.limitFileSize
+      if (limitFileSize === undefined) {
+        // 默认是30M
+        limitFileSize = 30
+      }
+      if (file.size > limitFileSize * 1024 * 1024) {
+        // 超过最大限制
+        this.$message({
+          type: 'warning',
+          message: this.$t('imatrixUIMessage.exceedFileSize', {
+            fileSize: limitFileSize,
+          }),
+          showClose: true,
+        })
+        // 返回false停止上传
+        return false
+      }
+    },
+    setTreeType() {
+      if (this.type) {
+        if (this.type.indexOf('single') >= 0 && this.type.indexOf('Tree') > 0) {
+          this.isMultiTree = false
+        } else {
+          this.isMultiTree = true
+        }
+        if (this.type.indexOf('DeptManTree') > 0) {
+          // 说明是部门人员树
+          this.deptManTree = true
+        }
+        if (this.type.indexOf('DeptTree') > 0) {
+          // 说明是部门树
+          this.deptTree = true
+        }
+        if (this.type.indexOf('WgManTree') > 0) {
+          // 说明是工作组人员树
+          this.wgManTree = true
+        }
+        if (this.type.indexOf('WgTree') > 0) {
+          // 说明是工作组树
+          this.wgTree = true
+        }
+      }
+    },
+    // 显示组织树时需要计算指定部门
+    showOrganizationTree() {
+      if (this.column.orgTreeSet) {
+        const orgTreeSet = JSON.parse(this.column.orgTreeSet)
+        if (orgTreeSet.length) {
+          this.fields = orgTreeSet
+        } else {
+          if (orgTreeSet.orgTreeSetArr) {
+            this.fields = orgTreeSet.orgTreeSetArr
+          }
+          if (orgTreeSet.specifyType) {
+            if (orgTreeSet.specifyType === 'dataTable') {
+              // 根据字段获取值
+              if (orgTreeSet.dataTableField) {
+                const dataTableFieldValue = getEntityFieldValue(
+                  this.row,
+                  orgTreeSet.dataTableField
+                )
+                if (dataTableFieldValue && dataTableFieldValue !== '') {
+                  this.$set(
+                    this,
+                    'departmentInfo',
+                    dataTableFieldValue.split(',')
+                  )
+                }
+              }
+            } else if (
+              orgTreeSet.specifyType === 'dept' ||
+              orgTreeSet.specifyType === 'workGroup'
+            ) {
+              if (orgTreeSet.specifyDept && orgTreeSet.specifyDept !== '') {
+                if (typeof orgTreeSet.specifyDept === 'object') {
+                  // 固定值
+                  this.$set(this, 'departmentInfo', orgTreeSet.specifyDept)
+                } else {
+                  this.$set(
+                    this,
+                    'departmentInfo',
+                    orgTreeSet.specifyDept.split(',')
+                  )
+                }
+              }
+            }
+          }
+        }
+      }
+    },
+    // isInputEventUpdateValue input事件时是否更新value值
+    cellEvent(eventName, event, isInputEventUpdateValue) {
+      // console.log('cellEvent1---eventName=', eventName, 'this.innerValue=', this.innerValue)
+      let isInputVal = false
+      if (eventName === 'focus') {
+        this.$emit('focus', event)
+      }
+      if (eventName === 'input' && this.isDateControll()) {
+        // 如果是日期控件，如果使用blur事件来修改数据内容，清空文本框内容不会改变model的值,所以还是需要input事件时处理
+        let val = event
+        if (val === '') {
+          val = null
+        }
+        this.$emit('input', val)
+        isInputVal = true
+        // 在callCustomEvent方法中使用了innerValue属性
+        this.innerValue = val
+      } else if (eventName === 'input' && this.isSelectControll()) {
+        // 如果是下拉框选择器控件，如果使用blur事件来修改数据内容，有时会更新不到最新数据
+        // console.log('cellEvent2---this.innerValue=', this.innerValue)
+        if (
+          this.type === 'multiselect' &&
+          this.innerValue &&
+          Object.prototype.toString.apply(this.innerValue) === '[object Array]'
+        ) {
+          // 如果是多选下拉框，且值是数组
+          const saveAll = 'saveAll'
+          if (this.innerValue.indexOf(saveAll) < 0) {
+            // 不包含“全选”时才走input，全选是在multiselectchange中特殊处理的
+            this.$emit('input', this.innerValue.join(','))
+          }
+        } else {
+          this.$emit('input', this.innerValue)
+        }
+        isInputVal = true
+      } else if (
+        eventName === 'input' &&
+        isInputEventUpdateValue !== undefined &&
+        isInputEventUpdateValue === true
+      ) {
+        // 表示input事件时更新值，switch、rate、slider组件时会走该分支
+        // 在callCustomEvent方法中使用了innerValue属性
+        this.innerValue = event
+        this.$emit('input', event)
+        isInputVal = true
+      } else if (eventName === 'blur' && !this.isSelectControll()) {
+        // 为了使输入时流畅，所以在blur时调用input，更改组件的数据
+        this.blurEvent()
+        isInputVal = true
+      }
+      if (!isInputVal && eventName === 'change') {
+        // 走完chang事件，触发一次失焦事件
+        // this.$refs.item.blur()
+        this.blurEvent()
+        // 验证是否是合法的小数
+        // 保存时后台给出数字类型转换错误的验证，前台不提供了，因为会同时出现两个类型错误提示信息的问题
+        // this.checkDecimal()
+      }
+      if (eventName === 'clear') {
+        if (
+          (this.type === 'multiselect' || this.type === 'select') &&
+          isDynamicDataSourceSource(this.column)
+        ) {
+          for (let index = 0; index < this.valueSetOptions.length; index++) {
+            if (
+              this.column.prop !==
+              this.valueSetOptions[0].valueColumn.dbColumnName
+            ) {
+              this.setCellValue(
+                this.valueSetOptions[0].valueColumn.dbColumnName,
+                null,
+                'input'
+              )
+            }
+          }
+        }
+        // 清空时，必须这样调用input事件 ,否则组件无法输入值
+        this.$emit('input', null)
+      }
+      const gridParams = store.get(this.listCode)
+      gridParams.editProp = this.column.prop
+
+      // console.log('cellEvent4---this.innerValue=', this.innerValue)
+      if (this.column.events && this.column.events[eventName]) {
+        // 事件回调
+        this.callCustomEvent(eventName)
+      } else if (isEditOptionFunction(eventName, this.listCode)) {
+        // 为了兼容历史版本保留了该判断
+
+        gridParams.options.lineEditOptions[eventName].call(
+          this,
+          event,
+          this.row,
+          this.column
+        )
+      }
+      this.$emit('findIndex')
+      // console.log('cellEvent5---this.innerValue=', this.innerValue)
+    },
+    blurEvent() {
+      if (this.innerValue === null || this.innerValue === undefined) {
+        this.innerValue = null
+        this.val = null
+      }
+      // 必须这样调用input事件 ,否则组件无法输入值
+      this.$emit('input', this.innerValue)
+    },
+    // 是否是日期时间选择器
+    isDateControll() {
+      return (
+        this.type === 'date' ||
+        this.column.dataType === 'DATE' ||
+        this.type === 'time' ||
+        this.column.dataType === 'TIME'
+      )
+    },
+    // 是否是下拉框选择器
+    isSelectControll() {
+      return this.type === 'select' || this.type === 'multiselect'
+    },
+    // 值设置是否是动态数据源类型的数据源
+    isDynamicDataSourceSource() {
+      return isDynamicDataSourceSource(this.column)
+    },
+    // 是否是小数类型字段
+    isDecimalDateType() {
+      return (
+        (this.column.dataType && this.column.dataType === 'DOUBLE') ||
+        this.column.dataType === 'FLOAT'
+      )
+    },
+    // 调用自定义事件回调
+    callCustomEvent(eventName) {
+      this.callCustomEventWithParam(eventName, {
+        value: this.innerValue,
+        row: this.row,
+        column: this.column,
+        extendParams: this.extendParams,
+      })
+    },
+    // 调用自定义事件回调
+    callCustomEventWithParam(eventName, param) {
+      // this.column.events 是个对象，key是事件名，value是options.eventCallBack中对应的方法名
+      if (this.column && this.column.events && this.column.events[eventName]) {
+        const funName = this.column.events[eventName]
+        if (!this.listCode) {
+          this.listCode = store.get('_list_code')
+        }
+        const gridParams = store.get(this.listCode)
+        if (
+          gridParams.options &&
+          gridParams.options['eventCallBack'] &&
+          gridParams.options['eventCallBack'][funName] &&
+          typeof gridParams.options['eventCallBack'][funName] === 'function'
+        ) {
+          if (!param) {
+            param = {}
+          }
+          param.formData =
+            gridParams.options && gridParams.options.formData
+              ? gridParams.options.formData
+              : null
+          param.parent = this.parentFormData
+          param.rowIndex = this.rowIndex
+          gridParams.options['eventCallBack'][funName].call(this, param)
+        }
+      }
+    },
+    // 验证是否是合法的小数
+    checkDecimal() {
+      if (
+        this.isDecimalDateType() &&
+        this.innerValue &&
+        this.innerValue !== null
+      ) {
+        // 小数类型的字段，失去焦点时，判断输入的内容是否合法
+        const numberReg = /^(-?\d+)(\.\d+)?$/
+        if (!numberReg.test(this.innerValue + '')) {
+          // 表示该字段还未验证，或验证成功，需要再次验证
+          // 表示输入的不合法
+          this.$message({
+            type: 'warning',
+            message: this.$t('imatrixUIMessage.invalideDoubleValue', {
+              num: this.innerValue,
+            }),
+            showClose: true,
+          })
+          this.focus()
+        }
+      }
+    },
+    // 自定义编辑组件修改属性值
+    customFocus() {
+      apis.focus(this.position ? this.position.row : null)
+    },
+    openAnnexUpload() {
+      this.annexUploadFlag = true
+    },
+    previewImg() {
+      this.fileList = getFileList(this.row, this.column, this.isSql)
+      this.showSingleImgFlag = true
+    },
+    // 上传成功
+    uploadOnSuccess(response) {
+      if (response) {
+        const responseFile = {
+          name: response.showName,
+          serverPath: response.serverPath,
+        }
+        if (this.column.fileSet && this.column.fileSet !== '') {
+          const fileSetObj = JSON.parse(this.column.fileSet)
+          if (fileSetObj) {
+            // 判断单选还是多选
+            if (this.fileMultiple) {
+              this.multiStorage(fileSetObj, responseFile)
+            } else {
+              this.radioStorageFile(fileSetObj, responseFile)
+            }
+            this.fileList = getFileList(this.row, this.column, this.isSql)
+          }
+        }
+      }
+      this.annexUploadFlag = false
+    },
+    // eventNames 事件名称值为input或clear，input表示值改变时触发的事件，clear表示值清空时触发的事件
+    setCellValue(prop, value, eventNames) {
+      this.$set(this.row, prop, value)
+      if (eventNames) {
+        eventNames.split(',').forEach((eventName) => {
+          this.callCustomEventWithParam(eventName, {
+            value,
+            row: this.row,
+            column: this.column,
+            prop,
+          })
+        })
+      }
+    },
+    // 单选上传完成后存储
+    radioStorageFile(fileSetObj, responseFile) {
+      if (fileSetObj.showNameData) {
+        if (this.isSql) {
+          if (fileSetObj.showNameData.dbName) {
+            this.setCellValue(
+              fileSetObj.showNameData.dbName,
+              responseFile.name,
+              'input'
+            )
+          }
+        } else {
+          if (fileSetObj.showNameData.name) {
+            this.setCellValue(
+              fileSetObj.showNameData.name,
+              responseFile.name,
+              'input'
+            )
+          }
+        }
+      }
+      if (fileSetObj.serverNameData) {
+        if (this.isSql) {
+          if (fileSetObj.serverNameData.dbName) {
+            this.setCellValue(
+              fileSetObj.serverNameData.dbName,
+              responseFile.serverPath
+            )
+          }
+        } else {
+          if (fileSetObj.serverNameData.name) {
+            this.setCellValue(
+              fileSetObj.serverNameData.name,
+              responseFile.serverPath
+            )
+          }
+        }
+      }
+      this.packageFileNameWithFileList([
+        { showName: responseFile.name, serverPath: responseFile.serverPath },
+      ])
+    },
+    // 多选上传完成后存储
+    multiStorage(fileSetObj, responseFile) {
+      const keyValueParam = analysisFileSetObj(fileSetObj, this.isSql)
+      // 存储
+      // 判断主表拼接还是子表保存
+      if (fileSetObj.childAnnexDataTableCode) {
+        // 存储子表
+        // const lowerStr = fileSetObj.childAnnexDataTableCode.toLowerCase()
+        let fileArr = this.row[this.column.prop]
+        if (!fileArr) {
+          fileArr = []
+        }
+        const fileObj = this.responseFileToFileObj(fileSetObj, responseFile)
+        fileArr.push(fileObj)
+        this.fileList = otherFilesToStandard(
+          fileSetObj,
+          keyValueParam,
+          fileArr,
+          null
+        )
+        this.setCellValue(this.column.prop, fileArr, 'input')
+      } else {
+        let showNameStr = ''
+        let pathNameStr = ''
+        // 存储主表
+        if (fileSetObj.showNameData) {
+          if (this.isSql) {
+            if (fileSetObj.showNameData.dbName) {
+              if (this.row) {
+                if (this.row[fileSetObj.showNameData.dbName]) {
+                  let str = this.row[fileSetObj.showNameData.dbName]
+                  str += ',' + responseFile.name
+                  this.setCellValue(
+                    fileSetObj.showNameData.dbName,
+                    str,
+                    'input'
+                  )
+                } else {
+                  this.setCellValue(
+                    fileSetObj.showNameData.dbName,
+                    responseFile.name,
+                    'input'
+                  )
+                }
+                showNameStr = this.row[fileSetObj.showNameData.dbName]
+              }
+            }
+          } else {
+            if (fileSetObj.showNameData.name) {
+              if (this.row) {
+                if (this.row[fileSetObj.showNameData.name]) {
+                  let str = this.row[fileSetObj.showNameData.name]
+                  str += ',' + responseFile.name
+                  this.setCellValue(fileSetObj.showNameData.name, str, 'input')
+                } else {
+                  this.setCellValue(
+                    fileSetObj.showNameData.name,
+                    responseFile.name,
+                    'input'
+                  )
+                }
+                showNameStr = this.row[fileSetObj.showNameData.name]
+              }
+            }
+          }
+        }
+        if (fileSetObj.serverNameData) {
+          if (this.isSql) {
+            if (fileSetObj.serverNameData.dbName) {
+              if (this.row) {
+                if (this.row[fileSetObj.serverNameData.dbName]) {
+                  let str = this.row[fileSetObj.serverNameData.dbName]
+                  str += ',' + responseFile.serverPath
+                  this.setCellValue(fileSetObj.serverNameData.dbName, str)
+                } else {
+                  this.setCellValue(
+                    fileSetObj.serverNameData.dbName,
+                    responseFile.serverPath
+                  )
+                }
+                pathNameStr = this.row[fileSetObj.serverNameData.dbName]
+              }
+            }
+          } else {
+            if (fileSetObj.serverNameData.name) {
+              if (this.row) {
+                if (this.row[fileSetObj.serverNameData.name]) {
+                  let str = this.row[fileSetObj.serverNameData.name]
+                  str += ',' + responseFile.serverPath
+                  this.setCellValue(fileSetObj.serverNameData.name, str)
+                } else {
+                  this.setCellValue(
+                    fileSetObj.serverNameData.name,
+                    responseFile.serverPath
+                  )
+                }
+                pathNameStr = this.row[fileSetObj.serverNameData.name]
+              }
+            }
+          }
+        }
+        this.fileList = otherFilesToStandard(fileSetObj, keyValueParam, null, {
+          showName: showNameStr,
+          serverPath: pathNameStr,
+        })
+      }
+      this.packageFileNameWithFileList()
+    },
+    responseFileToFileObj(fileSetObj, responseFile) {
+      const fileObj = {}
+      if (fileSetObj.showNameData) {
+        if (this.isSql) {
+          if (fileSetObj.showNameData.dbName) {
+            this.$set(
+              fileObj,
+              fileSetObj.showNameData.dbName,
+              responseFile.name
+            )
+          }
+        } else {
+          if (fileSetObj.showNameData.name) {
+            this.$set(fileObj, fileSetObj.showNameData.name, responseFile.name)
+          }
+        }
+      }
+      if (fileSetObj.serverNameData) {
+        if (this.isSql) {
+          if (fileSetObj.serverNameData.dbName) {
+            this.$set(
+              fileObj,
+              fileSetObj.serverNameData.dbName,
+              responseFile.serverPath
+            )
+          }
+        } else {
+          if (fileSetObj.serverNameData.name) {
+            this.$set(
+              fileObj,
+              fileSetObj.serverNameData.name,
+              responseFile.serverPath
+            )
+          }
+        }
+      }
+      return fileObj
+    },
+    // 单选删除文件
+    deleteAnnexFile(fileSetObj) {
+      if (fileSetObj) {
+        if (fileSetObj.showNameData) {
+          if (this.isSql) {
+            if (fileSetObj.showNameData.dbName) {
+              this.setCellValue(
+                fileSetObj.showNameData.dbName,
+                null,
+                'input,clear'
+              )
+            }
+          } else {
+            if (fileSetObj.showNameData.name) {
+              this.setCellValue(
+                fileSetObj.showNameData.name,
+                null,
+                'input,clear'
+              )
+            }
+          }
+        }
+        if (fileSetObj.serverNameData) {
+          if (this.isSql) {
+            if (fileSetObj.serverNameData.dbName) {
+              this.setCellValue(fileSetObj.serverNameData.dbName, null)
+            }
+          } else {
+            if (fileSetObj.serverNameData.name) {
+              this.setCellValue(fileSetObj.serverNameData.name, null)
+            }
+          }
+        }
+      }
+    },
+    deleteFile(fileList, index) {
+      this.fileList = fileList
+      if (index !== undefined && index !== -1) {
+        this.fileList.splice(index, 1)
+      }
+      this.packageFileNameWithFileList()
+      if (this.column.fileSet && this.column.fileSet !== '') {
+        const fileSetObj = JSON.parse(this.column.fileSet)
+        if (fileSetObj) {
+          if (this.fileMultiple) {
+            // 多选附件
+            const keyValueParam = analysisFileSetObj(fileSetObj, this.isSql)
+            this.standardToOtherFiles(fileSetObj, keyValueParam)
+          } else {
+            // 单选附件
+            this.deleteAnnexFile(fileSetObj)
+          }
+        }
+      }
+    },
+    packageFileNameWithFileList(fileList) {
+      if (!fileList) {
+        fileList = this.fileList
+      }
+      if (fileList && fileList.length > 0) {
+        let fileNames = ''
+        let fileServerName = ''
+        fileList.forEach((item) => {
+          fileNames += item.showName + ','
+          fileServerName += item.serverPath + ','
+        })
+        if (fileNames && fileNames.indexOf(',') > 0) {
+          this.lastFileName = fileNames.substring(0, fileNames.lastIndexOf(','))
+          this.lastServerName = fileServerName.substring(
+            0,
+            fileServerName.lastIndexOf(',')
+          )
+        }
+      } else {
+        this.lastFileName = null
+        this.lastServerName = null
+      }
+    },
+    // fileList 赋值Row
+    standardToOtherFiles(fileSetObj, keyValueParam) {
+      if (fileSetObj.childAnnexDataTableCode) {
+        // 子表
+        let fileArr = null
+        if (this.fileList && this.fileList.length > 0) {
+          fileArr = []
+          for (var i = 0; i < this.fileList.length; i++) {
+            const file = this.fileList[i]
+            const otherFile = {}
+            this.$set(otherFile, keyValueParam.showName, file.showName)
+            this.$set(otherFile, keyValueParam.serverPath, file.serverPath)
+            fileArr.push(otherFile)
+          }
+        }
+        this.setCellValue(this.column.prop, fileArr, 'input')
+      } else {
+        // 主表
+        let showNameStr = null
+        let serverNameStr = null
+        if (this.fileList && this.fileList.length > 0) {
+          showNameStr = ''
+          serverNameStr = ''
+          for (var k = 0; k < this.fileList.length; k++) {
+            const file = this.fileList[k]
+            if (showNameStr !== '') {
+              showNameStr += ','
+            }
+            if (serverNameStr !== '') {
+              serverNameStr += ','
+            }
+            showNameStr += file.showName
+            serverNameStr += file.serverPath
+          }
+        }
+        this.setCellValue(keyValueParam.showName, showNameStr, 'input')
+        this.setCellValue(keyValueParam.serverPath, serverNameStr)
+      }
+    },
+    // 组织结构树文本框值改变事件
+    organizationInputEvent(prop, value) {
+      // console.log('organizationInputEvent1---prop=', prop, 'this.column.prop=', this.column.prop, 'value=', value)
+      if (this.isSql && prop && prop.indexOf('.') < 0) {
+        if (prop !== this.column.prop && this.tableName) {
+          const replaceDot = '__'
+          prop = this.tableName + replaceDot + prop
+        }
+      }
+      setEntityFieldValue(this.row, prop, value)
+      if (prop && prop === this.column.prop) {
+        // 必须手动调用一下input事件，否则不会更新组件的值
+        // console.log('organizationInputEvent2---prop=', prop, 'value=', value)
+        this.callCustomEventWithParam('input', {
+          value,
+          row: this.row,
+          column: this.column,
+          prop,
+        })
+      }
+    },
+    // 组织结构树文本框值清空事件
+    clearOrganizationInputEvent(prop) {
+      if (this.isSql) {
+        // sql处理时在后台会把空串当做null处理
+        // this.$set(this.row, prop, '')
+        setEntityFieldValue(this.row, prop, '')
+      } else {
+        // 非sql处理时需要设为null，否则保存时后台可能会报字段类型不正确，无法保存
+        // this.$set(this.row, prop, null)
+        setEntityFieldValue(this.row, prop, null)
+      }
+      if (prop && prop === this.column.prop) {
+        // 必须手动调用一下input事件，否则不会更新组件的值
+        this.callCustomEventWithParam('clear', {
+          row: this.row,
+          column: this.column,
+          prop,
+        })
+      }
+    },
+    // 组织结构树文本框值追加事件
+    appendOrganizationInputEvent(
+      prop,
+      originalValue,
+      appendValue,
+      separator,
+      finallyValue
+    ) {
+      // this.$set(this.row, prop, finallyValue)
+      setEntityFieldValue(this.row, prop, finallyValue)
+      if (prop && prop === this.column.prop) {
+        this.callCustomEventWithParam('append', {
+          originalValue,
+          appendValue,
+          separator,
+          finallyValue,
+          row: this.row,
+          column: this.column,
+          prop,
+        })
+      }
+    },
+    // 组织结构树文本框值替换事件
+    replaceOrganizationInputEvent(prop, originalValue, newValue) {
+      // this.$set(this.row, prop, newValue)
+      setEntityFieldValue(this.row, prop, newValue)
+      if (prop && prop === this.column.prop) {
+        this.callCustomEventWithParam('replace', {
+          originalValue,
+          newValue,
+          row: this.row,
+          column: this.column,
+          prop,
+        })
+      }
+    },
+    setDynamicSourceSelectValue({
+      value,
+      sourceColumnName,
+      targetColumnName,
+      options,
+      selectedItem,
+    }) {
+      if (targetColumnName) {
+        this.setCellValue(targetColumnName, value, 'input')
+        this.callCustomEventWithParam('input', {
+          value,
+          extendParams: selectedItem,
+          row: this.row,
+          column: this.column,
+          targetColumnName,
+        })
+      }
+    },
+    multiselectChange(arr, selectedItem) {
+      // console.log('multiselectChange1---arr=', arr)
+      this.extendParams = selectedItem
+      let isSaveAll = false
+      if (arr && arr.length > 0) {
+        const saveAll = 'saveAll'
+        if (arr.indexOf(saveAll) !== -1) {
+          const length = arr.length
+          if (length - 1 >= this.options.length) {
+            this.innerValue = null
+            // 取消全选
+          } else {
+            // 全选
+            if (!this.innerValue || this.innerValue.indexOf(saveAll) >= 0) {
+              this.innerValue = []
+            }
+            this.options.forEach((item) => {
+              if (this.innerValue.indexOf(item.value) === -1) {
+                this.innerValue.push(item.value)
+              }
+            })
+          }
+          isSaveAll = true
+        }
+      }
+      // console.log('multiselectChange2---this.innerValue=', this.innerValue)
+      if (
+        this.innerValue &&
+        typeof this.innerValue !== 'number' &&
+        this.innerValue.indexOf('saveAll') !== -1
+      ) {
+        this.innerValue.splice(this.innerValue.indexOf('saveAll'), 1)
+      }
+      // console.log('multiselectChange3---this.innerValue=', this.innerValue)
+      if (isSaveAll) {
+        this.cellEvent('input', this.innerValue)
+      }
+      this.cellEvent('change', arr)
+    },
+    getDefaultValue(val) {
+      if (val === undefined || val === null || val === '') {
+        // 没有值的时候才设置默认值
+        if (
+          this.column.defaultValue !== undefined &&
+          this.column.defaultValue !== null
+        ) {
+          // 表示当前字段的是空的，但是有默认值时，给当前字段设置值
+          setEntityFieldValue(
+            this.row,
+            this.column.prop,
+            this.column.defaultValue
+          )
+          return this.column.defaultValue
+        } else {
+          if (
+            this.column.componentType === 'select' &&
+            !isDynamicDataSourceSource(this.column) &&
+            this.column.valueSet
+          ) {
+            // TODO 不知道为什么这个方法调用了三遍， 需要看下
+            // 如果没有给字段设置默认值时，如果是选项组则选项组如果有默认选中，则将默认选中值赋值给当前字段
+            // console.log(this.column.valueSet.find(element => element.selected === true), 'xxxxxxxxxxx')
+            const defaultSelected = this.column.valueSet.find(
+              (element) => element.selected === true
+            )
+            if (defaultSelected) {
+              setEntityFieldValue(
+                this.row,
+                this.column.prop,
+                defaultSelected.value
+              )
+              return defaultSelected.value
+            }
+          }
+        }
+      }
+    },
+    refresData(data) {
+      this.$emit('refresData', data)
+    },
+    refresPortData(port, value) {
+      this.$emit('refresPortData', port, value)
+    },
+    refresPortsData(map) {
+      this.$emit('refresPortsData', map)
+    },
+    refresMainTableFields(map) {
+      this.$emit('refresMainTableFields', map)
+    },
+    deleteSuccess(deleteFile) {
+      console.log('deleteSuccess', deleteFile, this.fileInfo)
+    },
+    // 时间格式判断是否是字符串类型，如果是字符串类型使用格式化的数据，如果是时间格式的显示时间搓
+    isValueFormat() {
+      if (this.column.dataType === 'TEXT' || this.column.dataType === 'text') {
+        return this.isFormat()
+      }
+      return 'timestamp'
+    },
+    // 时间格式判断是否是字符串类型，显示格式
+    isFormat() {
+      if (this.type === 'time' && this.column.dataType === 'TIME') {
+        return 'yyyy-MM-dd HH:mm:ss'
+      } else if (this.type === 'dateTimePicker') {
+        return 'yyyy-MM-dd HH:mm:ss'
+      } else if (this.type === 'date' && this.column.dataType === 'DATE') {
+        return 'yyyy-MM-dd'
+      } else if (this.type === 'timePicker') {
+        if (this.column.originalFormat) {
+          return this.column.originalFormat
+        }
+        return 'hh:mm:ss'
+      } else if (this.type === 'year') {
+        return 'yyyy'
+      } else if (this.type === 'month') {
+        return 'MM'
+      }
+      return 'yyyy-MM-dd'
+    },
+    fnProhibitToEdit(entity) {
+      this.$emit('prohibitToEdit', entity)
+    },
+    setInputNumberConfig() {
+      if (this.column.componentType === 'inputNumber') {
+        if (
+          this.column.valueSetOptions &&
+          this.column.valueSetOptions !== '' &&
+          this.column.componentType === 'inputNumber'
+        ) {
+          const inputNumberSetting = JSON.parse(this.column.valueSetOptions)
+          this.inputNumberSet = inputNumberSetting
+        } else {
+          this.inputNumberSet = {
+            min: null,
+            max: null,
+            step: 1,
+            precision: 0,
+            position: '',
+          }
+        }
+      }
+    },
+  },
+}
+</script>