imatrix-ui 2.8.21-dw → 2.8.21

package/packages/super-grid/src/dynamic-input.vue

@@ -0,0 +1,1279 @@
+<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"
+      :value="innerValue"
+      :row="row"
+      :entity="row"
+      :disabled="disabled"
+      :prop="column.prop"
+      :parent="parentFormData"
+      :row-index="position?position.row:null"
+      :select-options="options"
+      :grid-data="gridData"
+      :page-grid-data="pageGridData"
+      @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"
+      :type="type"
+      :editable="false"
+      :value-format="isValueFormat()"
+      :format="isFormat()"
+      :placeholder="$t('imatrixUIMessage.selectTime')"
+      style="width: 100%;"
+      @input="cellEvent('input',$event)"
+      @focus="cellEvent('focus',$event)"
+      @blur="cellEvent('blur',$event)"
+      @change="cellEvent('change',$event)"
+    />
+    <el-date-picker
+      v-if="type==='yearRange'"
+      ref="item"
+      v-model="innerValue"
+      :disabled="disabled"
+      :editable="false"
+      :placeholder="$t('imatrixUIMessage.selectYear')"
+      type="year"
+      value-format="yyyy"
+      style="width: 100%;"
+      @input="cellEvent('input',$event)"
+      @focus="cellEvent('focus',$event)"
+      @blur="cellEvent('blur',$event)"
+      @change="cellEvent('change',$event)"
+    />
+    <!--必须有@input ,否则无法输入值-->
+    <el-date-picker
+      v-else-if="type==='dateTimePicker'"
+      ref="item"
+      :value="innerValue"
+      :disabled="disabled"
+      :editable="false"
+      :placeholder="$t('imatrixUIMessage.selectTime')"
+      type="datetime"
+      style="width: 100%;"
+      :value-format="isValueFormat()"
+      :format="isFormat()"
+      @input="cellEvent('input',$event)"
+      @focus="cellEvent('focus',$event)"
+      @blur="cellEvent('blur',$event)"
+      @change="cellEvent('change',$event)"
+    />
+    <el-date-picker
+      v-else-if="type==='date' || column.dataType === 'DATE'"
+      ref="item"
+      :value="innerValue"
+      type="date"
+      :disabled="disabled"
+      :editable="false"
+      :placeholder="$t('imatrixUIMessage.selectionDate')"
+      :value-format="isValueFormat()"
+      :format="isFormat()"
+      style="width: 100%;"
+      @input="cellEvent('input',$event)"
+      @focus="cellEvent('focus',$event)"
+      @blur="cellEvent('blur',$event)"
+      @change="cellEvent('change',$event)"
+    />
+    <!--必须有@input ,否则无法输入值-->
+    <el-date-picker
+      v-else-if="type==='time' || column.dataType === 'TIME'"
+      ref="item"
+      :value="innerValue"
+      :disabled="disabled"
+      type="datetime"
+      :editable="false"
+      :placeholder="$t('imatrixUIMessage.selectTime')"
+      :value-format="isValueFormat()"
+      :format="isFormat()"
+      style="width: 100%;"
+      @input="cellEvent('input',$event)"
+      @focus="cellEvent('focus',$event)"
+      @blur="cellEvent('blur',$event)"
+      @change="cellEvent('change',$event)"
+    />
+    <el-time-picker
+      v-else-if="type==='timePicker'"
+      ref="item"
+      v-model="innerValue"
+      :disabled="disabled"
+      :value-format="isValueFormat()"
+      :format="isFormat()"
+      style="width: 100%;"
+      :placeholder="$t('imatrixUIMessage.pleaseEnterATimePoint')"
+      @input="cellEvent('input',$event)"
+      @focus="cellEvent('focus',$event)"
+      @blur="cellEvent('blur',$event)"
+      @change="cellEvent('change',$event)"
+    />
+
+    <!--必须有@input ,否则无法输入值,如果是数字类型需要加上.number修饰符-->
+    <el-input
+      v-else-if="type==='input' && (column.dataType === 'INTEGER' || column.dataType === 'LONG' )"
+      ref="item"
+      v-model.number="innerValue"
+      :disabled="disabled"
+      clearable
+      :placeholder="$t('imatrixUIMessage.pleaseEnterContent')"
+      @input="cellEvent('input',$event)"
+      @focus="cellEvent('focus',$event)"
+      @blur="cellEvent('blur',$event)"
+      @change="cellEvent('change', $event)"
+      @clear="cellEvent('clear', $event)"
+    />
+    <!--必须有@input ,否则无法输入值-->
+    <el-input
+      v-else-if="type==='input'"
+      ref="item"
+      v-model="innerValue"
+      :disabled="disabled"
+      clearable
+      :placeholder="$t('imatrixUIMessage.pleaseEnterContent')"
+      @input="cellEvent('input',$event)"
+      @focus="cellEvent('focus',$event)"
+      @blur="cellEvent('blur',$event)"
+      @change="cellEvent('change', $event)"
+      @clear="cellEvent('clear', $event)"
+    />
+
+    <el-input
+      v-else-if="type==='textarea'"
+      ref="item"
+      v-model="innerValue"
+      :disabled="disabled"
+      type="textarea"
+      :rows="1"
+      clearable
+      :placeholder="$t('imatrixUIMessage.pleaseEnterContent')"
+      @input="cellEvent('input',$event)"
+      @focus="cellEvent('focus',$event)"
+      @blur="cellEvent('blur',$event)"
+      @change="cellEvent('change', $event)"
+      @clear="cellEvent('clear', $event)"
+    />
+    <fs-upload-list
+      v-else-if="type==='annex'"
+      :disabled="disabled"
+      :file-info="fileInfo"
+      :file-list="fileList"
+      :file-set-obj="fileSetObj"
+      :value="innerValue"
+      :row="row"
+      :is-sql="isSql"
+      :custom-view-url="true"
+      @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"
+      clearable
+      :disabled="disabled"
+      :placeholder="$t('imatrixUIMessage.pleaseSelect')"
+      @input="cellEvent('input',$event)"
+      @change="cellEvent('change',$event)"
+      @focus="cellEvent('focus',$event)"
+      @visible-change="cellEvent('visible-change',$event)"
+      @blur="cellEvent('blur',$event)"
+      @clear="cellEvent('clear',$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"
+      clearable
+      :disabled="disabled"
+      multiple
+      collapse-tags
+      :placeholder="$t('imatrixUIMessage.pleaseSelect')"
+      @input="cellEvent('input',$event)"
+      @change="multiselectChange"
+      @visible-change="cellEvent('visible-change',$event)"
+      @focus="cellEvent('focus',$event)"
+      @remove-tag="cellEvent('remove-tag',$event)"
+      @blur="cellEvent('blur',$event)"
+      @clear="cellEvent('clear',$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"
+      :options="{
+        dynamicDataSourceCode:dynamicDataSourceCode,
+        valueSetOptions:valueSetOptions,
+        isSql:isSql
+      }"
+      :table-name="tableName"
+      :list-code="listCode"
+      :is-join-table="isJoinTable"
+      :parent="parentFormData"
+      @input="cellEvent('input',$event)"
+      @change="multiselectChange"
+      @visible-change="cellEvent('visible-change',$event)"
+      @focus="cellEvent('focus',$event)"
+      @remove-tag="cellEvent('remove-tag',$event)"
+      @blur="cellEvent('blur',$event)"
+      @clear="cellEvent('clear',$event)"
+      @set-value="setDynamicSourceSelectValue"
+    />
+
+    <el-input-number
+      v-else-if="type==='inputNumber'"
+      ref="item"
+      v-model="innerValue"
+      :disabled="disabled"
+      :min="!inputNumberSet.min?-Infinity:inputNumberSet.min"
+      :max="!inputNumberSet.max?Infinity:inputNumberSet.min"
+      :step="!inputNumberSet.step?1:inputNumberSet.step"
+      :precision="inputNumberSet.precision"
+      :controls-position="inputNumberSet.position"
+      @input="cellEvent('input',$event)"
+      @change="cellEvent('change',$event)"
+      @focus="cellEvent('focus',$event)"
+      @blur="cellEvent('blur',$event)"
+    />
+    <!--mysql数据库--->
+    <el-switch
+      v-else-if="(type==='switch' || column.dataType === 'BOOLEAN') && dataSourceType === 'mysql'"
+      ref="item"
+      :value="innerValue"
+      :disabled="disabled"
+      active-color="#13ce66"
+      inactive-color="#ff4949"
+      @input="cellEvent('input',$event,true)"
+      @change="cellEvent('change',$event)"
+    />
+    <!--oracle或sqlserver数据库--->
+    <el-switch
+      v-else-if="type==='switch' || column.dataType === 'BOOLEAN'"
+      ref="item"
+      :value="innerValue"
+      :disabled="disabled"
+      :active-value="1"
+      :inactive-value="0"
+      active-color="#13ce66"
+      inactive-color="#ff4949"
+      @input="cellEvent('input',$event,true)"
+      @change="cellEvent('change',$event)"
+    />
+    <el-slider
+      v-else-if="type==='slider'"
+      ref="item"
+      :value="innerValue"
+      :disabled="disabled"
+      @input="cellEvent('input',$event,true)"
+      @change="cellEvent('change',$event)"
+    />
+
+    <el-rate
+      v-else-if="type==='rate'"
+      ref="item"
+      :value="innerValue"
+      :disabled="disabled"
+      @input="cellEvent('input',$event,true)"
+      @change="cellEvent('change',$event)"
+    />
+
+    <organization-input
+      v-else-if="deptManTree || deptTree || wgManTree || wgTree"
+      v-model="innerValue"
+      :fields="fields"
+      :models="row"
+      :check-strictly="isCheckStrictly"
+      :multiple="isMultiTree"
+      :tree-type="deptManTree?'DeptUserTree':deptTree?'DeptTree':wgManTree?'WgTree':wgTree?'WgUserTree':null"
+      :disabled="disabled"
+      :table-name="tableName"
+      :department-info="departmentInfo"
+      :is-join-table="isJoinTable"
+      @focus="showOrganizationTree"
+      @setValue="organizationInputEvent"
+      @clear="clearOrganizationInputEvent"
+      @append="appendOrganizationInputEvent"
+      @replace="replaceOrganizationInputEvent"
+    />
+
+    <el-dialog
+      :title="$t('imatrixUIMessage.tips')"
+      :visible.sync="annexUploadFlag"
+      :append-to-body="true"
+      :show-close="true"
+      width="30%"
+    >
+      <el-upload
+        v-if="type==='annex' && annexUploadFlag"
+        :action="defaultAction"
+        :accept="fileSetObj&&fileSetObj.accept?fileSetObj.accept:null"
+        :on-success="uploadOnSuccess"
+        :headers="headers"
+        :before-upload="handleBeforeUpload"
+        name="file"
+        :with-credentials="true"
+      >
+        <el-button>{{ $t('imatrixUIMessage.upload') }}</el-button>
+      </el-upload>
+    </el-dialog>
+    <view-image-dialog
+      v-if="showSingleImgFlag"
+      :downloadable="!disabled"
+      :deleteable="!disabled"
+      :file-list="fileList"
+      @close="showSingleImgFlag = false"
+      @delete="deleteFile"
+    />
+  </div>
+</template>
+<script>
+import store from './store'
+import Vue from 'vue'
+import { isDisableEdit, isEditOptionFunction, analysisFileSetObj, otherFilesToStandard, getFileList, isDynamicDataSourceSource } from './utils'
+import dynamicSourceSelect from '../../dynamic-source-select/src/dynamic-source-select'
+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
+    }
+  },
+  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 = Vue.prototype.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 = Vue.prototype.dataSourceType.toLowerCase()
+    }
+    const gridData = gridParams.gridData
+    const subTableData = gridParams.subTableData
+    const isSubTableShowPage = gridParams.isSubTableShowPage
+    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
+
+    }
+  },
+  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 {
+            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() {
+    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') {
+      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: ''
+        }
+      }
+    }
+    // 如果是多选文件类型，需要解析（需要设置临时字段，判断文件还是图片，图片需要预览）
+    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
+        }
+      }
+    }
+  },
+  mounted() {
+    // 去掉该监听，否则导致焦点总是跳到第一个编辑框
+    // this.$watch('lineEdit.editingCell', function(newVal, oldVal) {
+    //   this.focus()
+    // }, {
+    //   immediate: true,
+    //   deep: true
+    // })
+  },
+  methods: {
+    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 })
+    },
+    // 调用自定义事件回调
+    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
+          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()
+          return
+        }
+      }
+    },
+    // 自定义编辑组件修改属性值
+    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 }) {
+      if (targetColumnName) {
+        this.setCellValue(targetColumnName, value, 'input')
+      }
+    },
+    multiselectChange(arr) {
+      // console.log('multiselectChange1---arr=', arr)
+      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 && 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 (this.column.defaultValue !== undefined && this.column.defaultValue !== null && (val === undefined || val === null || val === '')) {
+        // 表示当前字段的是空的，但是有默认值时，给当前字段设置值
+        setEntityFieldValue(this.row, this.column.prop, this.column.defaultValue)
+        return this.column.defaultValue
+      }
+    },
+    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)
+    }
+
+  }
+}
+</script>