imatrix-ui 0.0.1-dsn

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

@@ -0,0 +1,1443 @@
+<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"
+				v-model="innerValue"
+				:disabled="disabled"
+				:editable="false"
+				:format="isFormat()"
+				:placeholder="$t('imatrixUIMessage.selectTime')"
+				: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"
+				v-model="innerValue"
+				:disabled="disabled"
+				:editable="false"
+				:format="isFormat()"
+				:picker-options="pickerOptions"
+				:placeholder="$t('imatrixUIMessage.selectionDate')"
+				: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"
+				v-model="innerValue"
+				:disabled="disabled"
+				:editable="false"
+				:format="isFormat()"
+				:placeholder="$t('imatrixUIMessage.selectTime')"
+				: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,true)"
+		/>
+
+		<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="default" :disabled="disabled" icon="el-icon-upload2" @click="openAnnexUpload" />
+			<el-button v-if="innerValue" slot="append" :disabled="disabled" size="default" 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="default" :disabled="disabled" icon="el-icon-upload2" @click="openAnnexUpload" />
+			<el-button v-if="innerValue" slot="append" :disabled="disabled" size="default" 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,
+        additionalParameter: additionalParamMap?JSON.stringify(additionalParamMap):null
+      }"
+				: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"
+				v-model="innerValue"
+				:disabled="disabled"
+				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"
+				v-model="innerValue"
+				:active-value="1"
+				:disabled="disabled"
+				:inactive-value="0"
+				active-color="#13ce66"
+				inactive-color="#ff4949"
+				@change="cellEvent('change',$event)"
+				@input="cellEvent('input',$event,true)"
+		/>
+		<el-slider
+				v-else-if="type==='slider'"
+				ref="item"
+				v-model="innerValue"
+				:disabled="disabled"
+				@change="cellEvent('change',$event)"
+				@input="cellEvent('input',$event,true)"
+		/>
+
+		<el-rate
+				v-else-if="type==='rate'"
+				ref="item"
+				v-model="innerValue"
+				:disabled="disabled"
+				@change="cellEvent('change',$event)"
+				@input="cellEvent('input',$event,true)"
+		/>
+
+		<organization-input
+				v-else-if="deptManTree || deptTree || wgManTree || wgTree"
+				: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"
+				:value="innerValue"
+				@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 {
+	analysisFileSetObj,
+	getAdditionalParamMap,
+	getFileList,
+	isDisableEdit,
+	isDynamicDataSourceSource,
+	isEditOptionFunction,
+	otherFilesToStandard
+} from './utils'
+import dynamicSourceSelect from '../../dynamic-source-select/src/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'
+import {$emit} from '../../utils/gogocodeTransfer'
+
+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
+				$emit(this, 'update:value', 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 (window.$vueApp.config.globalProperties.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)
+		}
+		const additionalParamMap = getAdditionalParamMap(gridParams)
+		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,
+			additionalParamMap,
+			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.innerValue = tempMultData
+				} else {
+					if (this.type === 'yearRange') {
+						this.innerValue = '' + newValue
+					} else if (this.type === 'input' && newValue !== null) {
+						// 不允许输入框首尾有空格及全空格处理
+						if (newValue && typeof newValue === 'string') {
+							newValue = newValue.trim()
+						}
+						if (newValue === '') {
+							newValue = null
+						}
+						this.innerValue = newValue
+					} else {
+						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') {
+			this.setInputNumberConfig()
+		}
+		// 如果是多选文件类型，需要解析（需要设置临时字段，判断文件还是图片，图片需要预览）
+		if (this.column.valueSetOptions && this.column.componentType !== 'inputNumber') {
+			const valueSetOptionsObj = JSON.parse(this.column.valueSetOptions)
+			if (valueSetOptionsObj && valueSetOptionsObj.valueSetOptions) {
+				this.valueSetOptions = valueSetOptionsObj.valueSetOptions
+			}
+			if (valueSetOptionsObj.dynamicDataSourceCode && valueSetOptionsObj.dynamicDataSourceCode !== '') {
+				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.departmentInfo = dataTableFieldValue.split(',')
+								}
+							}
+						} else if (orgTreeSet.specifyType === 'dept' || orgTreeSet.specifyType === 'workGroup') {
+							if (orgTreeSet.specifyDept && orgTreeSet.specifyDept !== '') {
+								if (typeof (orgTreeSet.specifyDept) === 'object') {
+									// 固定值
+									this.departmentInfo = orgTreeSet.specifyDept
+								} else {
+									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') {
+				$emit(this, 'focus', event)
+			}
+			if (eventName === 'input' && this.isDateControll()) {
+				// 如果是日期控件，如果使用blur事件来修改数据内容，清空文本框内容不会改变model的值,所以还是需要input事件时处理
+				let val = event
+				if (val === '') {
+					val = null
+				}
+				$emit(this, 'update:value', 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中特殊处理的
+						$emit(this, 'update:value', this.innerValue.join(','))
+					}
+				} else {
+					$emit(this, 'update:value', this.innerValue)
+				}
+				isInputVal = true
+			} else if (eventName === 'input' && isInputEventUpdateValue !== undefined && isInputEventUpdateValue === true) {
+				// 表示input事件时更新值，switch、rate、slider组件时会走该分支
+				// 在callCustomEvent方法中使用了innerValue属性
+				this.innerValue = event
+				$emit(this, 'update:value', 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事件 ,否则组件无法输入值
+				$emit(this, 'update:value', 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, gridParams.additionalParamMap)
+			}
+			$emit(this, 'findIndex')
+			// console.log('cellEvent5---this.innerValue=', this.innerValue)
+		},
+		blurEvent() {
+			if (this.innerValue === null || this.innerValue === undefined) {
+				this.innerValue = null
+				this.val = null
+			}
+			// 必须这样调用input事件 ,否则组件无法输入值
+			$emit(this, 'update:value', 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
+					param.additionalParamMap = gridParams.additionalParamMap
+					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.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) {
+						fileObj.fileSetObj.showNameData.dbName = responseFile.name
+					}
+				} else {
+					if (fileSetObj.showNameData.name) {
+						fileObj.fileSetObj.showNameData.name = responseFile.name
+					}
+				}
+			}
+			if (fileSetObj.serverNameData) {
+				if (this.isSql) {
+					if (fileSetObj.serverNameData.dbName) {
+						fileObj.fileSetObj.serverNameData.dbName = responseFile.serverPath
+					}
+				} else {
+					if (fileSetObj.serverNameData.name) {
+						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 = {}
+						otherFile.keyValueParam.showName = file.showName
+						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) {
+			$emit(this, 'refresData', data)
+		},
+		refresPortData(port, value) {
+			$emit(this, 'refresPortData', port, value)
+		},
+		refresPortsData(map) {
+			$emit(this, 'refresPortsData', map)
+		},
+		refresMainTableFields(map) {
+			$emit(this, 'refresMainTableFields', map)
+		},
+		deleteSuccess(deleteFile) {
+			console.log('deleteSuccess', deleteFile, this.fileInfo)
+		},
+		// 时间格式判断是否是字符串类型，如果是字符串类型使用格式化的数据，如果是时间格式的显示时间搓
+		isValueFormat() {
+			if (this.column.dataType === 'TEXT' || this.column.dataType === 'text') {
+				return this.isFormat()
+			}
+			// timestamp毫秒值为x
+			return 'x'
+		},
+		// 时间格式判断是否是字符串类型，显示格式
+		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) {
+			$emit(this, '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>