sk_fems_ui commit

components/common/form/InputTextReg.vue

@@ -0,0 +1,121 @@
+<template>
+	<v-row class="search-box" align="center" no-gutters>
+		<v-col v-if="item.label" :cols="item.labelCols">
+			<label for="" class="search-box-label">
+				<v-icon v-if="item.iconShow" x-small :color="item.required ? '#fb8200' : 'primary'" class="mr-1"
+					>mdi-record-circle</v-icon
+				>
+				{{ item.label }}
+			</label>
+		</v-col>
+		<v-col :cols="item.label ? item.textCols : ''">
+			<v-text-field
+				ref="formRef"
+				:value="InputValue"
+				class="v-input__custom"
+				:disabled="item.disabled"
+				:readonly="item.readonly"
+				outlined
+				:hide-details="true"
+				@keyup.enter="search"
+				@keydown="keydownEvent"
+				@keyup="keyupEvent"
+				@input="inputEvent($event, item.valueNm)"
+				:placeholder="item.placeholder"
+			></v-text-field>
+		</v-col>
+	</v-row>
+</template>
+
+<script>
+import { mapState, mapMutations } from 'vuex';
+export default {
+	props: {
+		parentPrgmId: {
+			type: String,
+			require: true,
+		},
+		bindingData: {
+			type: String,
+			require: false,
+		},
+		item: {
+			type: Object,
+			require: true,
+		},
+	},
+	data() {
+		return {};
+	},
+	computed: {
+		...mapState({
+			searchParam: state => state.pageData,
+			menuData: 'menuData',
+			myBindingData(state) {
+				if (!this.bindingData) {
+					return state.pageData[this.parentPrgmId]['rowGridSelectData'];
+				} else {
+					return state.pageData[this.parentPrgmId][this.bindingData][
+						'rowGridSelectData'
+					];
+				}
+			},
+		}),
+		InputValue: {
+			get() {
+				return this.myBindingData ? this.myBindingData[this.item.valueNm] : ' ';
+			},
+			set(value) {
+				this.$emit('getValue', {
+					key: this.item.valueNm,
+					value: value,
+				});
+				return this.newValue(value);
+			},
+		},
+	},
+	created() {},
+	methods: {
+		...mapMutations({ setPageData: 'setPageData' }),
+		search() {
+			if (this.searchOption === true) {
+				this.setPageData({ isFind: true });
+			}
+		},
+		inputEvent(str,n){
+			var temp = str.match(/[^ㄱ-ㅎ|ㅏ-ㅣ|가-힣\s]*/i)[0];
+            var regExp = /[^a-z]*/;
+            temp = temp.match(regExp)[0];
+			this.$refs.formRef.lazyValue = temp;
+			const dt = {
+				columnName : n,
+				value : this.newValue(this.$refs.formRef.lazyValue)
+			};
+			this.$emit('gridEditingFinish', dt);
+		},
+		keydownEvent($event){
+
+		},
+		keyupEvent($event){
+			
+		},
+		newValue(value) {
+			let returnVal = value.trim();
+			if (this.item.decimalPlaces) {
+				const x = returnVal.replace('.', '');
+				const y = 10 ** -this.item.decimalPlaces;
+				let z = x * y;
+				// console.log(x * y);
+				if (z === 0) {
+					z = 10 ** -(this.item.decimalPlaces + 1);
+				}
+				// console.log(Utility.setFormatDecimal(z, this.item.decimalPlaces));
+				returnVal = Utility.setFormatDecimal(z, this.item.decimalPlaces);
+			}
+			return returnVal;
+		},
+	},
+};
+</script>
+
+<style></style>