<template>
	<v-row class="py-5" align="center" no-gutters>
		<v-col :cols="6">
			<InputText
				:parentPrgmId="parentPrgmId"
				label="그룹코드"
				valueNm="modifyCommGrpCd"
			/>
		</v-col>
		<v-col :cols="6">
			<InputText
				:parentPrgmId="parentPrgmId"
				label="그룹코드명"
				valueNm="modifyCommGrpCdNm"
			/>
		</v-col>
		<v-col :cols="6">
			<component
				:is="'SelectSysDiv'"
				:parentPrgmId="parentPrgmId"
				diffModel="modifySysDivCd"
			/>
		</v-col>
		<v-col :cols="6">
			<component
				:is="'SelectUseFg'"
				:parentPrgmId="parentPrgmId"
				diffModel="modifyUseFg"
			/>
		</v-col>
		<v-col :cols="6">
			<InputText :parentPrgmId="parentPrgmId" label="비고" valueNm="rmrk" />
		</v-col>
	</v-row>
</template>
<script>
import { mapState } from 'vuex';
import SelectUseFg from '@/components/common/select/SelectUseFg';
import SelectSysDiv from '@/components/common/select/SelectSysDiv';
import InputText from '@/components/common/input/InputText';
export default {
	components: {
		SelectUseFg,
		SelectSysDiv,
		InputText,
	},
	props: {
		parentPrgmId: {
			type: String,
			require: true,
		},
	},
	computed: {
		...mapState({
			pageData(state) {
				return this.parentPrgmId ? state.pageData[this.parentPrgmId] : {};
			},
		}),
	},
	watch: {
		// externalBindData(data) {
		//   this.groupCd = data.grpCd
		//   this.groupCdNm = data.grpCdNm
		//   this.useYn = data.useFg == '사용' ? 1 : 0
		//   this.sysCode = this.getsysCode('val', data.sys)
		// },
	},
	data() {
		return {};
	},
	mounted() {},
	methods: {},
};
</script>
