sk_fems_ui commit

components/pages/comm/GrpCdInfoTab.vue

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