init dev-push code ui base design

components/pages/ems/EccInfo/EccAddInfoTab.vue

@@ -4,7 +4,7 @@
 			class="d-flex justify-space-between align-center"
 			style="height: 80px;"
 		>
-			<span class="txt">공정 추가 정보</span>
+			<span class="txt custom-title-4-new">공정 추가 정보</span>
 			<Buttons
 				:parentPrgmId="parentPrgmId"
 				:bindingData="gridName"
@@ -20,6 +20,7 @@
 				:editorGrid="true"
 				:innerTabGridInfo="innerTabGridInfo"
 				@getRowsData="getRowData"
+				:dataPath="dataPathMock"
 			/>
 		</div>
 	</div>
@@ -53,10 +54,22 @@ export default {
 	},
 	data() {
 		return {
-			loadGrid: false,
+			loadGrid: true,
 			gridName: 'rowDetailGrid',
 			rowKey: null,
 			edtingFinishFlag: 'Y',
+			dataPathMock: {
+				"rowDetailGrid": {
+				column: [
+					{ header: '추가 정보', name: 'readObjId', align: 'left' },
+					{ header: 'Data 구분', name: 'readObjNm', align: 'left' },
+					{ header: '추가 정보 값', name: 'readObjKind', align: 'left' },
+				],
+				data: dataPathDataExample,
+				defaultRow: dataPathDataExample,
+				option: {}
+				}
+			},
 		};
 	},
 	computed: {
@@ -431,4 +444,22 @@ export default {
 		},
 	},
 };
+
+const dataPathDataExample = [
+	{
+	readObjId: 'OBJ001',
+	readObjNm: '서울 본사',
+	readObjKind: 'TYPE01',
+	},
+	{
+	readObjId: 'OBJ002',
+	readObjNm: '부산 지사',
+	readObjKind: 'TYPE02',
+	},
+	{
+	readObjId: 'OBJ003',
+	readObjNm: '대전 공장',
+	readObjKind: 'TYPE03',
+	}
+]
 </script>