<template>
	<div>
		<a-form ref='form' :model='form' label-width='130px' size='small'>
			<a-form-item :label="$t('fmeamanager.snakerflow.process-definition-name')">
				<a-input v-model='form.name'></a-input>
			</a-form-item>
			<a-form-item :label="$t('fmeamanager.snakerflow.process-definition-display-name')">
				<a-input v-model='form.displayName'></a-input>
			</a-form-item>
<!--			<a-form-item :label="$t('fmeamanager.snakerflow.expected-completion-time')">-->
<!--				<a-input v-model='form.expireTime'></a-input>-->
<!--			</a-form-item>-->
<!--			<a-form-item :label="$t('fmeamanager.snakerflow.instance-startup-url')">-->
<!--				<a-input v-model='form.instanceUrl'></a-input>-->
<!--			</a-form-item>-->
<!--			<a-form-item :label="$t('fmeamanager.snakerflow.instance-number-generation-class')">-->
<!--				<a-input v-model='form.instanceNoClass'></a-input>-->
<!--			</a-form-item>-->
		</a-form>
	</div>
</template>

<script>
export default {
	props: {
		value: {
			type: Object,
			default() {
				return {};
			}
		}
	},
	data() {
		return {
			form: this.value
		};
	},
	watch: {
		form: {
			handler(n) {
				this.$emit('change', n);
			},
			deep: true
		}
	}
};
</script>

<style scoped>

</style>
