init dev-push code ui base design

pages/ems/base/EqpmKindPage.vue

@@ -3,19 +3,20 @@
 		<v-row ref="searchFilter">
 			<v-col :cols="12">
 				<v-card class="searchFilter">
-					<v-row align="center" no-gutters>
+					<v-row align="end" no-gutters>
 						<v-col :cols="5">
 							<InputText
 								:parentPrgmId="myPrgmId"
 								label="설비종류명"
 								valueNm="eqpmKindNm"
 								:searchOption="true"
-								:textCols="9"
-								:labelCols="3"
+								:textCols="12"
+								:labelCols="12"
+								customClass="input-large"
 							/>
 						</v-col>
 						<v-col :cols="7" class="text-right">
-							<BtnSearch @click="search" />
+							<BtnSearch @click="search" size="large" />
 						</v-col>
 					</v-row>
 				</v-card>
@@ -41,6 +42,7 @@
 								:parentPrgmId="myPrgmId"
 								@getRowsData="getRowData"
 								:preventFocusChangeEventFlag="false"
+								:dataPath="dataPathMock"
 							/>
 						</div>
 					</div>
@@ -116,6 +118,21 @@ export default {
 			detailList: myDetail,
 			selectValueList01: [],
 			selectValue01: null,
+			dataPathMock: {
+				'eqpmKindGrid': {
+					column: [
+						{ header: '설비종류ID', name: 'eqpmKindId', headerAlign: 'center' },
+						{ header: '설비종류명', name: 'eqpmKindNm', headerAlign: 'left' },
+						{ header: '등록자NO', name: 'regUserNo', hidden: true},
+						{ header: '등록일시', name: 'regDttm', hidden: true },
+						{ header: '수정자NO', name: 'procUserNo', hidden: true },
+						{ header: '수정일시', name: 'procDttm', hidden: true}
+					],
+					data: dataPathDataExample,
+					defaultRow: dataPathDataExample,
+					option: {}
+				}
+			},
 		};
 	},
 	computed: {
@@ -372,73 +389,83 @@ const myDetail = [
 		label: '설비종류 ID',
 		valueNm: 'eqpmKindId',
 		cols: 6,
-		class: 'py-2',
+		class: 'py-2 pr-4',
+		iconShow: true,
 		required: false,
 		readonly: true,
 		placeholder: '시스템 자동입력',
+		labelCols: 12,
+		textCols: 12,
 	},
 	{
-		cols: 6,
-	},
-	{
-		type: 'InputText',
+		type: 'InputTextReg',
 		label: '설비종류명',
 		valueNm: 'eqpmKindNm',
 		disabled: false,
 		cols: 6,
-		class: 'py-2',
+		class: 'py-2 pl-4',
+		iconShow: true,
 		required: true,
-	},
-	{
-		cols: 6,
+		labelCols: 12,
+		textCols: 12,
 	},
 	{
 		type: 'InputText',
 		label: '등록자NO',
 		valueNm: 'regUserNo',
 		disabled: true,
+		iconShow: true,
 		cols: 6,
-		class: 'py-2',
+		class: 'py-2 pr-4 pt-5',
 		placeholder: '시스템 자동입력',
-	},
-	{
-		cols: 6,
+		labelCols: 12,
+		textCols: 12,
 	},
 	{
 		type: 'InputText',
 		label: '등록일시',
 		valueNm: 'regDttm',
+		iconShow: true,
 		disabled: true,
 		cols: 6,
-		class: 'py-2',
+		class: 'py-2 pl-4 pt-5',
 		placeholder: '시스템 자동입력',
-	},
-	{
-		cols: 6,
+		labelCols: 12,
+		textCols: 12,
 	},
 	{
 		type: 'InputText',
 		label: '수정자NO',
 		valueNm: 'procUserNo',
 		disabled: true,
+		iconShow: true,
 		cols: 6,
-		class: 'py-2',
+		class: 'py-2 pr-4 pt-5',
 		placeholder: '시스템 자동입력',
-	},
-	{
-		cols: 6,
+		labelCols: 12,
+		textCols: 12,
 	},
 	{
 		type: 'InputText',
 		label: '수정일시',
 		valueNm: 'procDttm',
 		disabled: true,
+		iconShow: true,
 		cols: 6,
-		class: 'py-2',
+		class: 'py-2 pl-4 pt-5',
 		placeholder: '시스템 자동입력',
+		labelCols: 12,
+		textCols: 12,
 	},
 ];
-</script>
-<style lang="scss">
-@import '@/assets/scss/common.scss';
-</style>
+
+import { getPathDataExample } from '@/const/const'
+const dataPathDataExample = getPathDataExample({
+	eqpmKindId: 'EKIND0005',
+	eqpmKindNm: 'VCB',
+	regUserNo: '사용',
+	 regDttm: 'EQP_HVAC_LT_CH001',
+	procUserNo: '사용',
+	procDttm: 'EQP_HVAC_LT_CH001',
+	});
+</script>