imatrix-ui 2.9.9-dw → 2.9.11-boe1

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

@@ -1,1279 +0,0 @@
-<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>